/* resets */
html,body,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
html {max-width: 100%; height: 100%; overflow-x: hidden}
body {line-height: 1; min-height: 100%; position: relative}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block}
h2, h3 {font-weight: 400}
table {border-collapse: collapse}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: 0 !important; text-decoration: none}
input[type="search"] {-webkit-appearance: textfield}

body {max-width: 100%; background: #000; color: #72726a; font-size: 14px; overflow-x: hidden}

.wrap {padding: 0 20px; margin: 0 auto; max-width: 1200px}

@media screen and (max-width: 630px) {
    .wrap_header {
        padding: 0 10px;
    }
}

.xsolla_icon,
.top_icon,
.logos {background-image: url(../images/elements/logos.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle}

.zoom_in,
.zoom_out,
.buy_pack,
.view_all,
.copy_btn,
.gray_btn,
.share_btn,
.change_btn,
.video_play,
.pagination a,
.top_bar_shop,
.gray_btn_mini,
.change_pass_btn,
.fancybox-close,
.get_block_close,
.mobile_store_link,
.get_block_download,
.top_menu_close:after {background-image: url(../images/elements/buttons.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle}
.get_block_btn,
.top_menu_get {background-repeat: no-repeat; display: inline-block; vertical-align: middle}

.fancybox-nav span,
.lSAction > .lSPrev,
.lSAction > .lSNext {background-image: url(../images/elements/arrows.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle}

.bann_menu_item {background-image: url(../images/elements/banners.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle}


.footer_menu_item.has_submenu:after,
.xsolla_menu_item.has_submenu:after,
.lSSlideOuter .lSPager.lSpg > li a,
.top_menu_item.has_submenu:after,
.sortable_table th[data-sort]:after,
.pagination .page_link_prev,
.pagination .page_link_next,
.news_block_nav_prev:after,
.news_block_nav_next:after,
.input_cont.search button,
.text_block ul li:before,
.requirements_row:before,
.icon {background-image: url(../images/elements/icons.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle}
.icon {width: 20px; height: 20px; display: inline-block; vertical-align: middle}
.icon.arrow_right {margin-left: 5px; background-position: -60px -2px}
.icon.arrow_down {margin-left: 5px; background-position: -60px -60px}
.icon.arrow_up {margin-left: 5px; background-position: -40px -60px}
.icon.check {margin-left: 5px; background-position: 0 -60px}
.icon.check_gray {background-position: -120px 0}
.icon.uncheck {margin-left: 5px; background-position: -20px -60px}
.icon.uncheck_gray {background-position: -120px -20px}
.icon.leave {background-position: -40px -1px}
.icon.hint {background-position: -60px -80px}
.icon.delete {background-position: -100px -20px}
.icon.remove {background-position: -100px -40px}
.icon.status_green {background-position: -120px -40px}
.icon.status_gray {background-position: -120px -80px}
.icon.status_red {background-position: -120px -60px}
.icon.status_unknown {background-position: -140px 0}
.icon.order {background-position: -140px -20px}
.icon_lang {margin: -3px 3px 0 0; width: 20px; height: 20px; background-image: url(../images/elements/language.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle}
.icon_lang.lang_as {background-position: 0 -50px}
.icon_lang.lang_ci {background-position: 0 -100px}
.icon_lang.lang_en {background-position: 0 0}
.icon_lang.lang_eu {background-position: 0 -75px}
.icon_lang.lang_la {background-position: 0 -25px}

.dashboard_world.active:before,
.accordion_title h2:before,
.requirements_row:after,
.xsolla_submenu:after,
.xsolla_menu_item:before,
.xsolla_submenu a:before,
.xsolla_submenu a:after,
.top_submenu a:before,
.top_submenu a:after,
.top_menu_item:before,
.top_submenu:before,
.top_submenu:after,
.top_bar_toggle {background-image: url(../images/elements/menu.png); background-repeat: no-repeat}

.icon_facebook,
.icon_twitter,
.icon_google,
.social_menu_item,
.social_menu_image,
.linked_accounts a,
.social_menu_item {background-image: url('../images/elements/social.png'); background-repeat: no-repeat}

.top_menu_social_icon {opacity: 1; background-image: url('../images/elements/social_menu.png'); background-repeat: no-repeat;}

.get_block_logo,
.top_bar_logo,
.footer_logo {background-image: url(../images/elements/logos.png); background-repeat: no-repeat}

.xsolla_bar {height: 55px; line-height: 55px; background: #101115 url(../images/background/xsolla_bar.png) repeat-x center; text-shadow: 1px 1px 0 rgba(1,21,32,.45)}
.xsolla_bar + .top_bar_mobile,
.xsolla_bar + .top_bar_mobile + .top_bar {top: 55px}
.xsolla_icon {width: 32px; height: 32px; background-position: -155px -89px}
.xsolla_menu {display: inline-block}
.xsolla_profile {float: right}
.xsolla_profile .xsolla_menu_item {margin-left: 5px}
.xsolla_menu_item {margin-left: 20px; line-height: 55px; display: inline-block; cursor: pointer; position: relative}
.xsolla_menu_item a {color: #858683; display: inline-block; position: relative}
.xsolla_menu_item:hover > a {color: #fff}
.xsolla_menu_item:before {
    height: 53px;
    left: -10px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-position: -22px -188px;
    opacity: 0
}

.current_lang {
    min-width: 128px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #858683;
    margin-left: 15px;
    padding-right: 10px;
}

@media screen and (max-width: 630px) {
    .current_lang_name {
        display: none
    }

    .current_lang {
        margin-top: 22%;
        min-width: 50px;
        padding-right: 0;
        margin-left: 5px;
    }
}

.current_lang:hover {
    color: #ffffff;
}

.lang_img_border {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid grey;
    margin-right: 7px;
    margin-left: 10px;
    z-index: 10;
}

.lang_img {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 50%;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    border: 1px solid black;
    box-shadow: inset 0 0 7px 1px rgba(0,0,0,0.42);
}

.current_lang_opened {
    color: #ffffff;
}

.current_lang_arrow {
    background-position: -20px -5px;
    background-image: url('../images/elements/icons.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 10px;
    margin-bottom: 2px;
    margin-left: 4px;
}

.options_lang {
    position: absolute;
    box-sizing: border-box;
    height: 422px;
    z-index: 100;
    width: 196px;
    margin-left: -40px;
    flex-direction: column;
    display: none;
}

.options_lang_bg {
    background-color: rgba(46,47,48,.87);
    height: 365px;
}

.options_lang_bg:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    opacity: .8;
    background-image: url('../images/background/lang_bgr.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    bottom: 0;
    height: 57px;
    width: 100%;
}

.options_lang_content {
    overflow-y: scroll;
    height: 393px;
    width: 196px;
    position: absolute;
    top: 0;
}

.option_lang {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    color: #bbbec0;
}

.option_lang_name {
    line-height: 40px;
}

.option_lang:hover .option_lang_name {
    line-height: 40px;
    background-color: rgba(46,47,48,1);
    z-index: 10;
}

.option_lang_selected {
    color: #d99134;
}

.option_lang:hover {
    background-color: rgba(46,47,48,1);
    color: #ffffff;
}

.option_lang:hover:before {
    content: '';
    z-index: 5;
    display: block;
    position: absolute;
    opacity: 1;
    height: 6px;
    width: 100%;
    background-position: -23px -179px;
    background-image: url('../images/elements/menu.png');
    background-repeat: no-repeat;
}

.xsolla_menu_item:hover:before {opacity: 1}
.xsolla_menu_item.has_submenu:after {content: ''; width: 20px; height: 20px; background-position: -20px -3px; position: relative}
.xsolla_submenu {padding: 0 48px 0 25px; width: 196px; position: absolute; box-sizing: border-box; left: -10px; top: 35px; background-color: rgba(21,22,24,.84); opacity: 0; visibility: hidden; z-index: 12}
.xsolla_menu_item:hover .xsolla_submenu {opacity: 1; visibility: visible}
.xsolla_menu_item {color: #4e4e4e}
.xsolla_menu_item.leave:before {display: none}
.xsolla_menu_item.leave:hover:before {display: none}
.xsolla_submenu a {padding: 10px 0; font-size: 16px; color: #bbbec0; line-height: 120%; display: block; position: relative}
.xsolla_submenu a:before {height: 1px; content: ''; display: block; position: absolute; top: 50%; opacity: 0}
/*.xsolla_submenu a:before {left: -25px; right: 105%; background-position: -22px -182px}*/
.xsolla_submenu a:before {left: -25px; right: 105%; background-position: -86px -182px}
/*.xsolla_submenu a:after {right: -48px; left: 105%; background-position: -85px -182px}*/
.xsolla_submenu a:hover {color: #d99134}
.xsolla_submenu a:hover:before,
.xsolla_submenu a:hover:after {opacity: 1}
.xsolla_submenu:after {width: 196px; height: 21px; content: ''; display: block; position: absolute; top: 100%; left: 0; background-position: -22px -156px}

.footer {height: 399px; background: #121212 url(../images/background/footer_bgr.png) no-repeat center; text-align: center; position: relative}
.footer:before {height: 32px; content: ''; display: block; position: absolute; left: 8px; right: 0; top: -16px; background: url(../images/background/footer_line.png) no-repeat center}
.footer_menu {padding-top: 55px; min-height: 208px; font-size: 97%;}
.footer_col {padding: 0 30px; width: 150px; vertical-align: top; display: inline-block; text-align: left}
.footer_col h2 {margin-bottom: 15px; font-weight: 700; color: #cac5ba; text-transform: uppercase}
.footer_col a {margin-bottom: 7px; color: #717276; display: block}
.footer_col a:hover {color: #c7851d}
.footer_logos {height: 102px}
.footer_logo {margin: 0 23px; height: 59px; display: inline-block}
.footer_logo[href] {opacity: 1}
.footer_logo[href]:hover {opacity: 1}
.footer_logo.life_is_feudal {width: 45px; background-position: 0 -83px}
.footer_logo.xsolla {width: 54px; background-image: url('../images/elements/xsolla_logo.png');}
.footer_logo.warning18 {width: 44px; background-position: -108px -86px; opacity: 1}
.footer_logo.warning18_ko {width: 51px; background-position: -211px -143px; opacity: 1}
.footer_logo.warning18_de {width: 53px; background-position: 0 -143px; opacity: 1}
.footer_logo.mature {width: 40px; background-position: -55px -145px;}
.footer_copyright {font-size: 12px; color: #4d4d4d}
.footer_menu_item {position: relative}
.footer_menu_item.has_submenu:after {content: ''; width: 20px; height: 20px; background-position: -20px -3px; position: absolute; right: -10px; top: 0}
.footer_submenu {padding: 10px; display: none}
.footer_submenu a {text-align: right}
.footer_menu_item.has_submenu:hover .footer_submenu {display: block}

.main_page_cont {background: url(../images/background/body_main.jpg) repeat-x center top; overflow: hidden}
.page_cont {background: url(../images/background/body.jpg) repeat-x center top; overflow: hidden; position: relative}
.page_cont .wrap {padding-bottom: 1px; min-height: 380px; overflow: hidden}
.main_slider_cont {margin: 30px -8px; width: 1215px; height: 250px; background: url(../images/home/slider_bgr.png); overflow: hidden; position: relative}
.main_slider {left: 13px; right: 299px; top: 12px; bottom: 31px; position: absolute; overflow: hidden}
.main_slide {width: 100%; height: 208px; background-color: #0e0e0e; background-position: center; background-repeat: no-repeat; position: relative;}
/*.main_slide h3 {font-size: 36px; color: #fcfcfc; position: absolute; left: 75px; bottom: 60px}*/
.main_slide h3 {font-size: 22px; color: #fcfcfc; position: absolute; left: 75px; top: 50%; transform: translateY(-50%); line-height: 1.5;}
@media screen and (max-width: 1000px) {
    .main_slide h3 {
        font-size: 18px;
    }
    .tabs {
        line-height: 1.5em;
    }
}
.main_slide span {color: #d99134}
.main_slider_link {
    width: 261px;
    height: 208px;
    line-height: 208px;
    position: absolute;
    right: 24px;
    top: 12px;
    background: url(../images/home/slider_shop.jpg) top;
    text-align: center;
    color: #e5b978;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_slider_link:hover {
    background-position: bottom;
    color: #f2d14c;
}

.main_slider_link_text {
    font-family: 'GoudyTrajan-Bold', 'Times New Roman', sans-serif;
    max-width: 150px;
    text-transform: uppercase;
    position: relative;
    margin-top: 58px;
    height: 30px;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    top: 20px;
}

.lSAction > a {opacity: 0}
.lSAction > .lSPrev,
.lSAction > .lSNext {width: 36px; height: 63px; margin-top: -31px}
.lSAction > .lSPrev {background-position: -152px 0}
.lSAction > .lSPrev:hover {background-position: -152px -68px}
.lSAction > .lSNext {background-position: -193px 0}
.lSAction > .lSNext:hover {background-position: -193px -68px}
.lSSlideOuter .lSAction > a {opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s}
.lSSlideOuter:hover .lSAction > a {opacity: 1}
.lSSlideOuter .lSPager {position: absolute; left: 0; right: 0; bottom: 15px}
.lSSlideOuter .lSPager.lSpg > li a {width: 20px; height: 20px; border-radius: 0; background-position: 0 -20px; background-color: transparent; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s}
.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {background-position: 0 -40px; background-color: transparent}
.lSSlideOuter .lSPager.lSpg > li:nth-child(1n) a {background-position: 0 -20px}
.lSSlideOuter .lSPager.lSpg > li:nth-child(1n):hover a,
.lSSlideOuter .lSPager.lSpg > li:nth-child(1n).active a {background-position: 0 -40px}
.lSSlideOuter .lSPager.lSpg > li:nth-child(2n) a {background-position: -20px -20px}
.lSSlideOuter .lSPager.lSpg > li:nth-child(2n):hover a,
.lSSlideOuter .lSPager.lSpg > li:nth-child(2n).active a {background-position: -20px -40px}
.lSSlideOuter .lSPager.lSpg > li:nth-child(3n) a {background-position: -40px -20px}
.lSSlideOuter .lSPager.lSpg > li:nth-child(3n):hover a,
.lSSlideOuter .lSPager.lSpg > li:nth-child(3n).active a {background-position: -40px -40px}
.lSSlideOuter .lSPager.lSpg > li:nth-child(4n) a {background-position: -60px -20px}
.lSSlideOuter .lSPager.lSpg > li:nth-child(4n):hover a,
.lSSlideOuter .lSPager.lSpg > li:nth-child(4n).active a {background-position: -60px -40px}

.get_block_text,
.get_block_btn,
.get_block_video,
.get_block {-webkit-transition: height .5s, opacity .5s; -moz-transition: height .5s, opacity .5s; -o-transition: height .5s, opacity .5s; transition: height .5s, opacity .5s}

.get_block {height: 306px; background: url(../images/background/background_image.jpg) no-repeat top center; background-size: cover; position: relative; z-index: 1; overflow: hidden}
.get_block .wrap {position: absolute; left: 0; right: 0; top: 0; z-index: 2; width: 100%;}
.get_block.active {height: 551px}
.get_block.download {height: 780px; background-image: url(../images/background/download_image.jpg); box-sizing: border-box; overflow: visible}
.get_block.download .wrap {top: 90px; width: 100%;}
.get_block.download .head,
.get_block.download .crumbs {text-shadow: 0 1px 1px rgba(1,21,32,.7)}
.get_block:after {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/media/video_overlay.png) repeat-x top; pointer-events: none; z-index: 1}
.get_block_video {width: 100vw; height: 56.25vw; pointer-events: none; opacity: 0; display: block}
.get_block.active .get_block_video {opacity: 1}
.get_block_logo,
.get_block_text,
.get_block_btn {margin: 0 auto; position: absolute; left: 0; right: 0; opacity: 0}
.get_block_logo {width: 320px; height: 78px; background-position: 0 0; top: 135px; opacity: 1}
.get_block.download .get_block_logo {
    width: 460px;
    height: 125px;
    background-image: url('../images/logo/MMO/logo_layers_blue_MMO_7.png');
    background-position: center;
    background-size: 100%;
}
.get_block_text {width: 520px; font-size: 18px; color: #cac5ba; top: 252px; text-align: center; text-shadow: 1px 1px 0 rgba(1,21,32,.45)}
.get_block_text p {margin-bottom: 10px; line-height: 120%}
.get_block_btn {width: 287px; height: 112px; top: 358px; background-position: 0 0}
.get_block_btn:hover {background-position: 0 -112px}
.get_block_close {width: 45px; height: 45px; background-position: -672px 0; position: absolute; top: 151px; right: 20px; cursor: pointer}
.get_block_close:hover {background-position: -672px -50px}
.get_block.active .get_block_close {background-position: -622px 0}
.get_block.active .get_block_close:hover {background-position: -622px -50px}
.get_block.active .get_block_text,
.get_block.active .get_block_btn {opacity: 1}
.get_block_overlay {height: 306px; position: absolute; left: 0; right: 0; bottom: -1px; background: url(../images/background/background_overlay.png) repeat-x center; pointer-events: none; z-index: 2}

.get_block.download,
.get_block.download .get_block_text,
.get_block.download .get_block_btn,
.get_block.download .get_block_video {-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none}

.main_title {margin: 20px 0; font-size: 30px; color: #cac5ba; text-transform: uppercase}
.main_news_cont {margin-bottom: 50px}
.main_news_wrap {overflow: hidden}
.main_news_item_big {margin: 0 7px 30px 0; padding: 22px; width: 369px; height: 516px; background-image: url(../images/news/news_bgr.png); float: left; box-sizing: border-box}
.main_news_item_big p {margin-bottom: 10px; font-size: 16px; line-height: 125%; color: #72726a}
.main_news_item_big p a {color: #72726a; text-decoration: underline}
.main_news_item_big p a:hover {color: #d99134; text-decoration: none}
.main_news_item_big p i {padding-top: 10px; font-size: 13px; display: block}
.main_news_item_big_image {margin-bottom: 10px; font-size: 22px; line-height: 110%; color: #cac5ba; display: block; position: relative}
.main_news_item_big_image:after {width: 369px; height: 217px; content: ''; position: absolute; display: block; background-image: url(../images/news/image_overlay_big.png); top: -22px; left: -22px}
.main_news_item_big_image:before {width: 369px; height: 217px; content: ''; position: absolute; display: block; background-color: rgba(255,255,255,.1); top: -22px; left: -22px; opacity: 0}
.main_news_item_big_image:hover:before {opacity: 1}
.main_news_item_big_image img {margin: -22px -22px 22px; min-width: 369px; max-height: 217px}
.main_news_item_big_image:hover {color: #d99134}
.main_news_item {margin: 0 0 30px 37px; width: 356px; height: 155px; overflow: hidden; float: left}
.main_news_item_image {margin-right: 18px; padding-top: 10px; width: 192px; height: 121px; float: left; position: relative}
.main_news_item_image:before {width: 190px; height: 121px; content: ''; position: absolute; display: block; background-color: rgba(255,255,255,.1); top: 0; left: 0; opacity: 0}
.main_news_item_image:hover:before {opacity: 1}
.main_news_item_image:after {width: 192px; height: 121px; content: ''; position: absolute; display: block; background-image: url(../images/news/image_overlay_small.png); top: 0; left: 0}
.right_news_item:nth-of-type(1) .main_news_item_image:after,
.main_news_item .main_news_item_image:after {background-image: url(../images/news/image_overlay_small_gray.png)}
.main_news_item_image img {max-width: 191px; max-height: 121px}
.main_news_item_link {margin-bottom: 10px; font-size: 18px; color: #cac5ba; line-height: 120%; display: block}
.main_news_item_link:hover {color: #d99134}
.right_news_item p,
.main_news_item p,
.news_item p {margin-bottom: 10px; margin-left: 210px; line-height: 125%; color: #72726a}
.right_news_item p a,
.main_news_item p a,
.news_item p a {color: #72726a; text-decoration: underline}
.right_news_item p a:hover,
.main_news_item p a:hover,
.news_item p a:hover {color: #d99134; text-decoration: none}
.right_news_item p i,
.main_news_item p i,
.news_item i {font-size: 13px; display: block}

.news_item {padding: 0 15px 37px 0; margin-bottom: 40px; display: block; overflow: hidden; background-position: 224px bottom; background-repeat: no-repeat}
.news_item .main_news_item_image {margin-right: 32px}
.news_item p {margin-left: 224px; line-height: 140%}

.related_news {margin-top: -65px}
.right_news_item {margin-top: 20px; padding-top: 20px; background-repeat: no-repeat; background-position: top center}
h2 + .right_news_item,
.right_news_item:nth-of-type(1),
.right_news_item:first-child {margin: 0; padding: 0; background: none}
.right_news_item span {display: block}
.right_news_item .main_news_item_image {margin: 0 0 5px; height: auto; color: #cac5ba; float: none; display: block; line-height: 120%}
.right_news_item .main_news_item_image img {margin-bottom: 15px}
.right_news_item p {margin: 0}

.view_all {width: 184px; height: 48px; line-height: 48px; font-style: italic; color: #828380; background-position: 0 -229px; display: block; text-align: center}
.view_all:hover {background-position: 0 -282px}

.main_contribution_slider {height: 1065px; background: url(../images/home/packs_bgr.jpg) no-repeat center 180px}
.main_contribution_slide {position: relative}
.main_contribution_block > p {color: #5e5e58; line-height: 120%}
.main_contribution_block > p span {color: #cac5ba}
.main_contribution_block .main_title {position: relative; z-index: 11}
.main_contribution_slider ul {list-style-type: none}
.main_contribution_slider li {width: 33%; text-align: center; float: left}
.main_contribution_slider .lSAction > .lSPrev,
.main_contribution_slider .lSAction > .lSNext {width: 71px; height: 126px; margin-top: -63px}
.main_contribution_slider .lSAction > .lSPrev {background-position: 0 0}
.main_contribution_slider .lSAction > .lSPrev:hover {background-position: 0 -131px}
.main_contribution_slider .lSAction > .lSNext {background-position: -76px 0}
.main_contribution_slider .lSAction > .lSNext:hover {background-position: -76px -131px}
.main_contribution_slide.slide1 .pack_bgr_top {background-image: url(../images/home/packs_top_bgr_1.jpg)}
.main_contribution_slide.slide2 .pack_bgr_top {background-image: url(../images/home/packs_top_bgr_2.jpg)}
.main_contribution_slide.slide3 .pack_bgr_top {background-image: url(../images/home/packs_top_bgr_3.jpg)}
.main_contribution_slide.slide1 .pack_bgr {background-image: url(../images/home/packs_chest_1.png)}
.main_contribution_slide.slide2 .pack_bgr {background-image: url(../images/home/packs_chest_2.png)}
.main_contribution_slide.slide3 .pack_bgr {background-image: url(../images/home/packs_chest_3.png)}
.main_contribution_slide.slide1.ru .pack_bgr {background-image: url(../images/home/packs_chest_1_ru.png)}
.main_contribution_slide.slide2.ru .pack_bgr {background-image: url(../images/home/packs_chest_2_ru.png)}
.main_contribution_slide.slide3.ru .pack_bgr {background-image: url(../images/home/packs_chest_3_ru.png)}
.pack_name {width: 33%; height: 82px; background-repeat: no-repeat; background-position: center; display: inline-block}
.pack_name1 {background-image: url(../images/home/packs_name_1.png)}
.pack_name2 {background-image: url(../images/home/packs_name_2.png)}
.pack_name3 {background-image: url(../images/home/packs_name_3.png)}
.pack_image_block {margin-top: -68px; height: 248px; position: relative}
.pack_hovered_bgr_top,
.pack_bgr_top,
.pack_bgr {margin: 0 auto; background-repeat: no-repeat; position: absolute; bottom: 0; left: 0; right: 0}
.packs_fixed {display: none}
.packs_fixed,
.pack_hovered_bgr_top,
.pack_hovered_bgr_bottom {-webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s}
.pack_hovered_bgr_top {width: 490px; height: 234px; background-image: url(../images/home/packs_hovered_top.png); left: -50px; opacity: 0}
.pack_hovered_bgr_bottom {width: 498px; height: 973px; background-image: url(../images/home/packs_hovered_bottom.png); position: absolute; top: 252px; left: -54px; opacity: 0}
.pack_bgr_top {height: 248px; background-position: center}
.pack_bgr {height: 141px; background-position: center bottom}
.main_contribution_slide:hover {z-index: 10}
.main_contribution_slide:hover .pack_hovered_bgr_top,
.main_contribution_slide:hover .pack_hovered_bgr_bottom {opacity: 1}
.main_contribution_row .old_price {margin: 35px 0 5px; font-size: 20px; color: #9d9191; text-decoration: line-through}
.main_contribution_row .current_price {margin-bottom: 15px; height: 40px; font-size: 36px; color: #d99134}
.main_contribution_slide.slide2 .main_contribution_row .current_price {font-size: 40px}
.main_contribution_row {position: relative; vertical-align: middle; box-sizing: border-box}
.main_contribution_row.gray {padding-top: 10px; height: 61px; line-height: 61px}
.main_contribution_row.orange {height: 52px; line-height: 52px}
.main_contribution_row.orange.big {padding-top: 12px; height: 65px; line-height: 120%}
.main_contribution_row.gray p,
.main_contribution_row.orange p,
.main_contribution_row.gray small,
.main_contribution_row.orange small {line-height: 120%; white-space: nowrap}
.main_contribution_row.gray p {font-size: 18px; color: #8e8e86}
.main_contribution_row.orange p {font-size: 16px; color: #d09538; display: inline-block}
.main_contribution_row.orange.unactive p {color: #484a4e}
.main_contribution_row.orange.big p {font-size: 18px; font-weight: 700}
.main_contribution_row.gray small {margin: 0 -100px; font-size: 14px; color: #8e8e86; display: block}
.main_contribution_row.orange small {font-size: 16px; color: #d09538; display: block}

.hint {margin: -14px -3px 0; position: relative}
.hint_cont {width: 291px; height: 131px; line-height: 131px; background-image: url(../images/elements/hint.png); position: absolute; left: -210px; bottom: 20px; box-sizing: border-box; text-align: left; opacity: 0; pointer-events: none; z-index: 100}
.hint_cont {-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s}
.hint:hover .hint_cont {opacity: 1; pointer-events: auto}
.hint_text {padding: 15px; font-size: 14px; color: #72726a; line-height: 140%; font-weight: 400; white-space: normal; display: inline-block}

.buy_pack {width: 143px; height: 48px; line-height: 48px; font-size: 15px; font-style: italic; color: #bbbbba; display: inline-block; background-position: -287px -104px; text-align: center; text-shadow: 1px 1px 0 rgba(1,21,32,.45)}
.buy_pack:hover {background-position: -287px -156px}

.video_play {margin: -25px auto 0; width: 69px; height: 51px; display: block; position: absolute; background-position: -624px -100px; top: 50%; left: 0; right: 0; cursor: pointer}
.media_item:hover .video_play,
.main_gallery_video .video_cont:hover .video_play {background-position: -624px -156px}

.main_gallery {padding: 60px 0 40px; background: url(../images/media/media_bgr.png) no-repeat top center; overflow: hidden}
.main_gallery_col {display: inline-block; vertical-align: top}
.main_gallery_col h3 {margin-bottom: 30px; font-size: 20px; color: #cac5ba; text-transform: uppercase}
.main_gallery_col.video {width: 420px}
.main_gallery_col.screenshots {margin-left: 28px; width: 460px}
.main_gallery_col.concept {margin-left: 28px; width: 222px}
.main_gallery_video {padding: 22px 20px; position: relative; box-sizing: border-box}
.main_gallery_video *,
.main_gallery_screenshots *,
.main_gallery_concept * {position: relative;}
.main_gallery_screenshots * {position: relative; max-width: 100%; max-height: 100%; text-align: center}
.main_gallery_concept * {position: relative; max-width: 100%; max-height: 100%; text-align: center}
.main_gallery_video .video_play {position: absolute}
.main_gallery_video:before {content: ''; width: 487px; height: 486px; background-image: url(../images/media/media_video.png); display: block; position: absolute; left: -66px; top: 0}
.main_gallery_video .video_cont {margin-bottom: 30px; background-color: #000}
.main_gallery_video .video_cont iframe {display: block; position: relative; z-index: 2}
.main_gallery_video .video_cont:after {content: ''; width: 381px; height: 214px; background-color: rgba(255,255,255,.1); display: block; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer}
.main_gallery_video .video_cont:hover:after {opacity: 1}
.main_gallery_video .video_cont img {display: block; cursor: pointer}
.main_gallery_video .video_link {margin-bottom: 40px; font-size: 22px; color: #cac5ba; display: block; line-height: 120%}
.main_gallery_video p {font-size: 13px}
.main_gallery_video p a {color: #72726a; text-decoration: underline}
.main_gallery_video p a:hover {text-decoration: none}
.main_gallery_screenshots {padding: 9px 7px; position: relative; box-sizing: border-box}
.main_gallery_screenshots:before {content: ''; width: 460px; height: 424px; background-image: url(../images/media/media_screenshots.png); display: block; position: absolute; left: 0; top: -2px}
.main_gallery_screenshots .screenshot {width: 206px; height: 115px; margin: 12px; display: block; float: left; position: relative; overflow: hidden}
.main_gallery_screenshots .screenshot:after {width: 206px; height: 115px; content: ''; position: absolute; display: block; background-color: rgba(255,255,255,.1); top: 0; left: 0; opacity: 0}
.main_gallery_screenshots .screenshot:hover:after {opacity: 1}
.main_gallery_screenshots .screenshot:nth-of-type(1n) {margin: 0 30px 30px 0}
.main_gallery_screenshots .screenshot:nth-of-type(2n) {margin: 0 0 30px 0}
.main_gallery_concept {padding: 9px 7px; position: relative; box-sizing: border-box}
.main_gallery_concept:before {content: ''; width: 233px; height: 436px; background-image: url(../images/media/media_concept.png); display: block; position: absolute; left: -11px; top: -15px}
.main_gallery_concept .concept {width: 206px; height: 115px; margin: 0 0 30px; display: block; overflow: hidden}
.main_gallery_concept .concept:after {width: 206px; height: 115px; content: ''; position: absolute; display: block; background-color: rgba(255,255,255,.1); top: 0; left: 0; opacity: 0}
.main_gallery_concept .concept:hover:after {opacity: 1}
.main_gallery .view_all {margin-right: 33px; float: right}

.main_banners {height: 568px; background: url(../images/background/banners_bgr.png) repeat-x center top; text-align: center}
.bann_menu {padding: 75px 0}
.bann_menu_item {margin: 0 40px; width: 145px; height: 153px; display: inline-block; position: relative}
.bann_menu_item.item1 {background-position: 0 0; opacity: 0.6; cursor: default;}
@media screen and (max-width: 1200px) {
    .bann_menu_item.item1 {
        display: none;
    }
}
.bann_menu_item.item1:hover {background-position: 0 0}
.bann_menu_item.item2 {background-position: -145px 0}
.bann_menu_item.item2:hover {background-position: -145px -154px}
.bann_menu_item.item3 {background-position: -290px 0}
.bann_menu_item.item3:hover {background-position: -290px -154px}
.bann_menu_item.item4 {background-position: -435px 0}
.bann_menu_item.item4:hover {background-position: -435px -154px}
.bann_menu_item.item5 {background-position: -587px 0}
.bann_menu_item.item5:hover {background-position: -587px -154px}
.bann_menu_item span {height: 40px; font-size: 16px; color: #72726d; left: 0; right: 0; position: absolute; display: block; top: 105%; line-height: 40px}
.bann_menu_item span b {font-weight: 500; line-height: 120%; vertical-align: middle; display: inline-block}
.social_menu {padding-top: 40px}
.social_menu_item {margin: 0 62px; width: 79px; height: 78px; display: inline-block; text-align: center; position: relative; background-position: 0 0}
.social_menu_item:hover {background-position: -84px 0}
.social_menu_image {margin: 0 auto; width: 79px; height: 78px; display: inline-block; top: 50%; position: absolute; left: 0; right: 0}
.social_menu_item.item1 .social_menu_image {margin-top: -12px; width: 30px; height: 25px; background-position: 0 -83px}
.social_menu_item.item2 .social_menu_image {margin-top: -14px; width: 14px; height: 27px; background-position: -35px -83px}
.social_menu_item.item3 .social_menu_image {margin-top: -16px; width: 23px; height: 32px; background-position: -54px -83px}
.social_menu_item.item4 .social_menu_image {margin-top: -15px; width: 35px; height: 29px; background-position: -82px -83px;}
.social_menu_item span {color: #6d6f6d; position: absolute; left: -45px; right: -45px; top: 115%; line-height: 135%}
.social_menu_item span b {display: block; text-transform: uppercase}
.social_menu_item span strong {color: #c7851d}
.social_menu_block {height: 300px; padding-top: 80px; background: url('../images/background/social_menu_bgr.png') repeat-x center bottom; text-align: center; box-sizing: border-box}

@media screen and (max-width: 720px) {
    .social_menu_block {
        min-height: 430px;
        padding-top: 0;
    }
}

.crumbs {margin-bottom: 10px; font-size: 13px}
.crumbs a {margin: 0 5px; font-style: italic; color: #8b8d86}
.crumbs a:first-child {margin-left: 0}
.crumbs a[href] {text-decoration: underline}
.crumbs a:hover {text-decoration: none}

.head {padding-bottom: 30px}
.head h1 {font-size: 30px; color: #cac5ba; text-transform: uppercase}

.minigame_cont {padding: 58px 3px 0 0; margin: 0 auto; width: 100%; max-width: 795px; height: 891px; background: url(../images/background/minigame_bgr.png) no-repeat center; box-sizing: border-box}
.minigame {margin: 0 auto; width: 442px; height: 712px}

.worldmap_small_cont {padding: 39px 0 0 9px; margin: 0 auto; width: 100%; max-width: 554px; height: 432px; background: url(../images/background/worldmap_small_bgr.png) no-repeat center; box-sizing: border-box}
.worldmap_small {margin: 0 auto; width: 350px; height: 350px}
.worldmap_small > * {max-width: 100%}
.worldmap {margin: 0 auto; width: 700px; height: 700px}
.worldmap_statuslist {padding: 20px 0; text-align: center}
.account_statuslist p,
.worldmap_statuslist p {width: 33%; line-height: 22px; display: inline-block; position: relative}
.account_statuslist p:before,
.worldmap_statuslist p:before {content: ''; position: absolute; top: -7px; left: -1px}
.account_statuslist p:nth-of-type(1):before,
.worldmap_statuslist p:nth-of-type(1):before {display: none}
.worldmap_statuslist p b {text-transform: uppercase}
.account_statuslist p span,
.worldmap_statuslist p span {margin: 0 5px; min-width: 50px; color: #b9b4aa; display: inline-block; box-sizing: border-box; text-align: left}
.account_statuslist p span.closed,
.worldmap_statuslist p span.closed {padding: 0 7px; background-color: #910f27; text-align: center}
.account_statuslist p span.up,
.worldmap_statuslist p span.up {padding: 0 7px; background-color: #00492f; text-align: center}

.account_statuslist p {padding: 0 15px 0 16px; width: auto}
.account_statuslist p:before {top: 7px}
.account_statuslist p b {margin-bottom: 5px; font-weight: 400; display: block}
.account_statuslist p span {text-align: center}
.account_statuslist p span.up,
.account_statuslist p span.closed {text-align: left}

.guildmap_cont {position: relative}
.guildmap {margin: 0 auto; width: 852px; height: 700px}

.globalmap {margin: 0 auto; width: 920px; height: 700px}

.map_controls {margin: -45px 0 0; position: absolute; right: 45px; top: 50%}
.map_controls a {margin-bottom: 5px; width: 43px; height: 43px; display: block; cursor: pointer}
.map_controls .zoom_in {background-position: -481px -334px}
.map_controls .zoom_in:hover {background-position: -529px -334px}
.map_controls .zoom_out {background-position: -481px -387px}
.map_controls .zoom_out:hover {background-position: -529px -387px}

.delimeter_l,
.delimeter_xl,
.delimeter_s {margin: 0 auto; width: 100%; display: block}
.delimeter_l {max-width: 633px; height: 10px; background-position: center}
.delimeter_s {max-width: 197px; height: 10px}
.delimeter_xl {max-width: 960px; height: 2px}

.simple_menu + .simple_menu,
.delimeter_s {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMUAAAAKCAYAAAAEhpqRAAADRElEQVR42u1XA6wlSxCdr4tnht8Wnm3jSs+2LUXf0to2orVt27Zt9tZJJjeztvskp1Ga6unqgcDxYqFnzz5/urv7ZtCQg4Nj7tzF3adOnc6ysvLYZ599kylwcLzOiI1V/dmxY3eWl1e2NjxcdaS+vu2qjY2DUeDgeB3RuXOvbv/804GZjOnzQ0JibZVKS5evvnI5YTKlMRcXrwSB49kiLtYwNjQkdnREuPqnpMQs75zsUk1WRvH4+Djj6kD/8O1qVVKaRp2sJzYRu6riE3eS/QCtOvlPGm/09wufRvIFWk0KA3Wa1KlJidnDjPr0f8iuK+lOQK7XpoIjIUeckOCYLZDR9VmAXzgzGtL3p6bkDg0Oip6sViUy6BAL/YPQoE9jGelFLC01D7EYxpQHc3PzwzUghwy6u/qjp9wYbKIi1Ax5gfCHDHnRmmAHPeQYm0m5w988xzWlevgUFVaxqspGs6y2pvUS3hAFBeVzdLpUB0EEPp+QO66JmPBFDvC/131AfvChvUHu8MW+mIl7kmjKgp1ZJ/WHL9Zxy95gLZBDL7F/MnuDWqD6GwEZ9lwVb2ogv36oF+IEsT9HPEXcAh3qT69L/UWMu0urTSmm8W8mQ4bK3d3/R8rzs9TUvAKq5Qy65keQu/zgZQE5+XsTI/AQQgyNOskT9z46UhMW6B9xSpDLlVNBmUzWRyaTt6NxpEKhTJfLFeOJjDgYc7zKadxJobD8j/rNxFGYE0/AX6FQTMTY0tIaPj8SRyAG6WqoPyzGOgdb+MlkihViHCYh5n8St2Mu+s3F+GGoVFgxyvOuelrnbTKpPdYgGUMnjQ1KfaTjexKxbs3D2trx4kcffcG+/NJlgqWl7ZuCiG++cSnB4VGpjMzLy59ZW9nB/x5533eN8L+XL+bS/snx3ntzAnXyzjvvMNQE6gV1KNbXatQl9ZdFbkc9wkasMdFHoRLrOJLYjeYfEcvFWvIlBuFAUO8EW9Qy1fRc0fZ9yPF2Rn0S1woczxc4CDY2zgPxqYSDgc37//8u3yQnp++GDE87gYPjdTwY77778YCYGD2jn+xZ///fdWdOTgmj/4pKgYPjdX9j4Lsd/w34RhZVHBz8YOBHU+B4brgBf41djm11Is4AAAAASUVORK5CYII=')}

.account_statuslist p:before,
.worldmap_statuslist p:before,
.region_name:before,
.delimeter_v {width: 2px; height: 35px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAjCAYAAAC+Rtu3AAAA2ElEQVR42mNgZ+ewiY5KjQYxEuNjMxpBjCfBQTG/mYEgRFlJYzdQhLMp0D8qDyS1FMjIADFqgIx9DBwcnAeBjP9ABvd/oK7/IKnvQJEFIKm1fr7hKxg4ObnngwwEinC8d3XxBav5b2vtcosZyIgWF5faCLKiy8sz6B5I6i7MnP++PuGXIWrEJI/DnPEArAZoDsRST48giGKgFJwBloIy2DnuOdh7rAQ7w98vcjbYp0CpACCDPQ3I6AV7BxgIlTArmsHuAUnBGNsYeLj5ZgEt9QH5IiAtNS8LAFIIU5UrEi26AAAAAElFTkSuQmCC'); display: inline-block; vertical-align: middle}

.delimeter_xs {margin: 0 auto; width: 174px; height: 2px}
.delimeter_xl {margin: 0 auto; width: 174px; height: 2px}

.dashboard_world,
.account_battles table tr,
.delimeter_xs {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAAACCAQAAABr2y/wAAABkUlEQVR42q2MA5JdQRhGT/fV2LZiW9vIalOMLY1i+0oP/br/FIINzCl+VNF+Onh00SRlilW9Vx5Lod/JtD7CO5vha+t9NsfVcrButmRQz8m2eEzSJ0YNso+E55SEul/FbkyOoflPoTb6hF8yGsTyRY7a/d6WiF2SL35p9rQGwAGgcYBCAIWP4T9//Z1+BY3E+gkH7RiJfu7tNyOqGWyaUHZrX97KK/YzLSjIucMce7F6U+UOCXAcpWCTFikt1ijocIBZEi6RscJXJpgjVRcvEPK2N6osnmtlvcOHmGW9pc1W33B2ru9RFFZ+KvpVz/zghfYnfVXjlvmJZQ3j2d4euzdufb++1hv21GX0y5upTjvFf6qx9clmUY3068C9/DQxfySotmM9N+k+bLFYLAEIQs44mhYLNHhDHwC9VIDDMIDBsbOvGcOU9KXZ6765aLxK03W9t2d00LXXdUcfdfCGdc4z7NGL/Rivf9+9thRSP406nq1yN84hEu5Ro2hwkC8YjjJtf2RXZn+1V75+G5wKh34Djkvu9c/7W4MAAAAASUVORK5CYII=')}

.guest_link_text,
.delimeter_xl {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA8AAAAACCAMAAACgwEWLAAAARVBMVEUIBwhKSVJAP0g6OEJNTFZHRU5RT1pDQkxOTVgyMjpXVV9aWWNeXWg9O0RTUlwICAtSUVtqaXMLCw0GBgcLCw4MDA4cGyMpB4RHAAABGElEQVR42s2TiYrEIBBE05d3rtnj/z91Ky6REQKDMAN5xFIrbdvQyLHCHEXwgS3NwAcWIYm/MXpgokRmxESkaXFE81LMEs9kElWUfSqFZg0hKKtKAClxCM45ZYfwKy+zuie2kpeSIvXJBg7msvzvXVhsFlrUO08wGEczZtv37T2Z7lfd60IA61gfri7/VCdvXNp4G494B9JesiOr5zdoPiOITIkkEWXyBCwEYxEWF6OvKHlz7D03iPE0Fbc2pq8npiad25ypN6aDak5VHiv23ysUBlYYax3QC+8SnO6TjRxs12D9MyFFtQ89fzwwvSfT/ap7WQis8T707sc6effShtuIUYOr9osacb6c+q3HdHDuIY0zrnuKjT8gXy6XX8LCEgAAAABJRU5ErkJggg==')}

.news_item,
.account_row,
.right_news_item,
.border_block:before,
.border_block:after,
.pagination a:before,
.pagination a:after,
.news_block_nav_prev:before,
.news_block_nav_next:before,
.delimeter_l {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAnkAAAAKCAMAAAD//rjVAAAAw1BMVEVHcExBQUqPj5YHBwgwMDYmJiwqKjBOTldJSUybm56VlZzExMocHCIODhUoKDBDQ0xlZWxWVl1jY2uPj5dYWFxDQ0wpKTANDRNwb3hRT1o9O0RBQElCQUpEQ01NTFZOTVgIBwhKSVILCw0yMjo4N0BHRU5JSFJLSlM7OkMICAs/PkdTUlxUU11XVV9ZWGFbWmRdXGdgYGkGBgZIR1BMS1Q6OUI0NDwHBwdfXWdmZW5qaXOQkJYFBAVSUVshISdEQ0y8vL7wiJngAAAAGXRSTlMADisxVVxra4mJmJmio7fBw8bU4OLr7/j+yprJ/gAAAfBJREFUeNrtktVi7CAQhql7j9lO8Lh76vb+T3WGpO66V3zBRoDZ5SeWj7GxQiyW+bN1cWClZ5k/68c//8ys9CzzZvP4x8LS33yZWN6OjwzDEMexEwjmODRKR2hKKWMUOIv6cwPf88Bnfkw7KbsQPxaVOiz8UPdcRzA75ABQlYA0pzjwDsrm6NoumrqG7ABApugJOTCR68EJcgkmGzBWaa+os6o2dh0EOXVC7nsiFpQXzUHkCCmloELEEikKKiUmihS0k5WpgFuc1lVWF55+98bqIJtskHngDDoXDHiIjhS3VjjzwxnA7Pj7AiErnpBBdgQTb63vrZdjrK6bAqMNIOVRU0LH4dq+Ki7SvNehX4T6604uI2aUYARBY9QGeHv83NBHjIORD0UdjUTUcZgIHNQZqs1HyMlI22KbUKo17I8dQzju74/9alLKrFSCK8zBpNGt3P1rEjXNmDOZ7RhOksmp0GPWiYtuY9xckKAxobBNTlOGCSjl4mgycaUwd+w4PgKe/5GNSDsaY4FuYgpD42aPOab9d7ZLCFmd9Xuue/Wz31rfmy83Kehu0fPwr74pDo/Ap8NXVF95Mr7slSBuS+RaOS32G1EZjNRGiOUD7OS7C4u/8zViscyX7e7br2aVWCzzZic9XCMWy/zZscJ7H/8BmWHSzoE7UeMAAAAASUVORK5CYII=')}

.cont_right {padding-top: 80px; width: 269px; float: right}
.cont_left {margin-right: 305px}
.cont_left .pagination {margin-left: 200px}

.pagination {text-align: center}
.pagination a {display: inline-block; vertical-align: middle; position: relative}
.pagination a:before,
.pagination a:after {content: ''; height: 1px; display: block; position: absolute; background-position: 0 -4px; top: 10px}
.page_link_prev {margin-right: 10px; width: 20px; height: 20px; background-position: -80px 0}
.page_link_prev:before {left: -23px; width: 20px}
.pagination a.page_link_prev:after {right: -13px; width: 20px}
.pagination a.page_link_next:before {left: -13px; width: 20px}
.page_link_prev:hover {background-position: -80px -40px}
.page_link_next {margin-left: 10px; width: 20px; height: 20px; background-position: -80px -20px}
.page_link_next:after {right: -23px; width: 20px}
.page_link_next:hover {background-position: -80px -60px}
.page_link {top: 1px; margin: 0 6px; width: 47px; height: 47px; line-height: 47px; font-weight: bold; color: #989e9b; background-position: -189px -229px}
.pagination .page_link:before {top: 23px; left: -9px; width: 10px}
.pagination .page_link:after {top: 23px; right: -9px; width: 10px}
.pagination + .table_cont {margin-top: 50px}
.page_link[href]:hover,
.page_link.active {color: #050505; background-position: -241px -229px}
.page_link.unactive {color: #989e9b; background-position: -293px -229px}

.text_block {font-size: 16px;}
.text_block p {margin-bottom: 25px; font-size: 16px; line-height: 130%}
.text_block p a,
.text_block li a {color: #bc7d1b}
.text_block p a[href],
.text_block li a[href] {text-decoration: underline}
.text_block p a[href]:hover,
.text_block li a[href]:hover {text-decoration: none}
.text_block img {margin-bottom: 25px; max-width: 100%}
.text_block ul {margin-bottom: 25px; list-style-type: none}
.text_block ul li {padding-left: 20px; margin-bottom: 10px; font-size: 16px; line-height: 130%; position: relative}
.text_block ul li:before {content: ''; width: 20px; height: 20px; background-position: 0 -80px; position: absolute; left: -2px; top: 1px}

.border_block {margin: 20px 0; padding: 35px 0; position: relative; text-align: center}
.border_block + .border_block {margin-top: 0; padding-top: 0}
.border_block + .border_block:before {display: none}
.border_block img {margin-bottom: 0}
.border_block:before,
.border_block:after {content: ''; display: block; position: absolute; left: 0; right: 0; height: 10px; background-position: center; background-repeat: no-repeat}
.border_block:before {top: 0}
.border_block:after {bottom: 0}

.gray_btn {width: 184px; height: 48px; line-height: 48px; background-position: 0 -229px; font-size: 15px; font-style: italic; color: #828380; display: inline-block; text-align: center; background-color: transparent; border: 0; cursor: pointer}
.gray_btn:hover {background-position: 0 -282px}
.gray_btn_mini {width: 113px; height: 48px; line-height: 48px; background-position: 0 -446px; font-size: 15px; font-style: italic; color: #828380; display: inline-block; text-align: center; background-color: transparent; border: 0; cursor: pointer}
.gray_btn_mini:hover {background-position: -118px -446px}

.news_block_add {padding-bottom: 10px; overflow: hidden}
.news_block_add .gray_btn {float: left}
.news_block_date {margin-bottom: 20px; font-size: 13px; color: #858683}
.news_block_nav {padding: 20px 60px 0 0; float: right}
.news_block_nav_prev,
.news_block_nav_next {color: #858683; position: relative; display: inline-block}
.news_block_nav_prev:hover,
.news_block_nav_next:hover {color: #bc7d1b}
.news_block_nav_prev:before,
.news_block_nav_prev:after,
.news_block_nav_next:before,
.news_block_nav_next:after {content: ''; display: block; position: absolute}
.news_block_nav_prev:before {width: 20px; height: 4px; background-position: left -1px; left: -50px; top: 4px}
.news_block_nav_prev:after {width: 20px; height: 20px; background-position: -80px 0; left: -25px; top: -3px}
.news_block_nav_prev:hover:after {background-position: -80px -40px}
.news_block_nav_next {margin-left: 80px}
.news_block_nav_next:before {width: 20px; height: 4px; background-position: left -1px; right: -50px; top: 4px}
.news_block_nav_next:after {width: 20px; height: 20px; background-position: -80px -20px; right: -25px; top: -3px}
.news_block_nav_next:hover:after {background-position: -80px -60px}

.share_block {padding-top: 70px; overflow: hidden}
.share_block h2 {margin-bottom: 18px; font-size: 18px; color: #cac5ba}
.share_btn {width: 184px; height: 48px; line-height: 48px; text-align: center; font-size: 13px; font-weight: 700; color: #686861; background-position: -435px -104px; float: left}
.share_btn b {margin: -3px 10px 0 0; vertical-align: middle}
.share_btn:hover {background-position: -435px -156px}
.icon_facebook {width: 11px; height: 20px; background-position: -92px -122px; display: inline-block}
.icon_twitter {width: 23px; height: 20px; background-position: -106px -123px; display: inline-block}
.icon_google {width: 29px; height: 20px; background-position: -134px -122px; display: inline-block}
.share_counter {padding: 10px 0 0 25px; font-size: 12px; font-weight: 700; color: #686861; float: left}
.share_counter b {font-size: 14px; color: #c7851d; display: block}

.accordion_title {height: 53px; line-height: 53px; position: relative; cursor: pointer}
.accordion_title:after {height: 1px; background-color: #1f2120; content: ''; display: block; position: absolute; left: 0; right: 0; top: 27px}
.accordion_title h2 {padding: 0 10px 0 28px; font-size: 20px; color: #cac5ba; background-color: #000; display: inline-block; position: relative; z-index: 2}
.accordion_title h2:before {width: 196px; height: 53px; content: ''; display: block; position: absolute; left: 0; top: 0; background-position: -22px -188px; opacity: 0; border-radius: 2px 0 0 3px; z-index: -1}
.accordion_title:hover h2 {color: #d99134}
.accordion_arrow {background-position: -20px -80px; position: absolute; left: 3px; top: 16px; z-index: 3}
.accordion_arrow,
.accordion_title h2:before {-webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s}
.accordion_text {padding: 20px 30px; display: none}
.accordion_block.active .accordion_title h2 {color: #d99134}
.accordion_block.active .accordion_title h2:before {opacity: 1}
.accordion_block.active .accordion_arrow {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg)}

.gallery {margin: 0 0 40px 0}
.gallery h3 {margin-bottom: 20px; font-size: 18px; color: #cac5ba; text-transform: uppercase}
.gallery .view_all {margin-top: 20px}

.media_item .video_play {-webkit-transform: scale(.8); -moz-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8)}
.media_item {margin: .75%; width: 23%; position: relative; display: inline-block}
.media_item:before {content: ''; position: absolute; display: block; background-color: rgba(255,255,255,.1); top: 0; left: 0; opacity: 0}
.media_item:hover:before {opacity: 1}
/*.media_item img {width: 100%; display: block}*/
.media_item img {height: 100%; display: block}
.media_item_preview {
    max-height: 131px;
    max-width: 232px;
    width: 100%;
    margin: 0 auto;
}

.get_block_wrap_video {height: 780px; overflow: hidden}
.get_block_download {margin: 0 auto; width: 287px; height: 112px; line-height: 98px; font-size: 20px; font-weight: 700; color: #fff; text-transform: uppercase; background-position: 0 -334px; position: absolute; left: 0; right: 0; top: 420px; text-align: center; text-indent: 35px; text-shadow: 1px 1px 0 rgba(1,21,32,.36); z-index: 2}
.get_block_download:hover {-webkit-filter: brightness(120%); filter: brightness(120%)}
.get_block_select {position: absolute; left: 0; right: 0; top: 540px; z-index: 2}
.get_block_select {margin: 0 auto; width: 260px; background-color: rgba(16,16,16,.8); background-position: 0 -114px; border-left: 1px solid rgba(16,16,16,.8); border-right: 1px solid rgba(16,16,16,.8); opacity: .9; cursor: pointer}
.get_block_select:hover {opacity: 1}
.checkbox_icon,
.action_accept,
.action_decline,
.input_cont:before,
.input_cont:after,
.link_cont:before,
.link_cont:after,
.select_cont:before,
.select_cont:after,
.get_block_select,
.get_block_select:before,
.get_block_select:after {background-image: url(../images/elements/form.png)}
.select_cont:before,
.select_cont:after,
.get_block_select,
.get_block_select:before,
.get_block_select:after {position: absolute; height: 52px; display: block}
.get_block_select:before {width: 224px; content: ''; left: 0; top: 0; background-position: 0 -57px}
.get_block_select:after {width: 224px; content: ''; right: 0; top: 0; background-position: 0 0}
.get_block_select .select_current:before {display: none}
.get_block_select .select_list {padding: 10px; background-color: #0f0f0f; border: 1px solid #202020; border-top: 0; position: absolute; top: 51px; left: -1px; right: -1px; display: none}
.get_block_select .select_list_item {padding: 10px 15px 10px 40px; font-size: 16px; color: #6e6e6c; border-top: 1px solid #1a191b; display: block; position: relative}
.get_block_select .select_list_item:hover p,
.get_block_select .select_list_item.active p,
.get_block_select .select_list_item:hover small,
.get_block_select .select_list_item.active small {color: #c7851d}
.get_block_select .select_list_item:first-child {border: 0}
.get_block_select .select_list_item .icon_lang {position: absolute; left: 11px; top: 19px}
.get_block_select .select_list_item p {font-size: 14px; color: #cac5ba}
.get_block_select .select_list_item small {font-size: 12px; color: #72726a}
.get_block_select.active {opacity: 1}
.get_block_select.active .select_list {display: block}

.download_block {padding: 35px 0 40px; text-align: center}
.download_block_col {margin-bottom: 40px; display: inline-block}
.download_block_col h3 {font-size: 20px; text-transform: uppercase; color: #cac5ba}
.download_block_col + .download_block_col h3 {color: #d99134}
.download_block_col p {margin-bottom: 25px; font-size: 16px; color: #72726a}
.download_block_col li {display: inline-block}
.download_block_col .requirements_row {width: 344px; height: 49px; line-height: 49px; font-size: 16px; color: #cac5ba; position: relative}
.download_block_col .requirements_row:after {width: 344px; height: 67px; background-position: -223px -236px; content: ''; display: block; position: absolute; left: 0; top: -37px}
.download_block_col .requirements_row:first-child:after {display: none}
.download_block_col .requirements_row:before {margin-right: 5px; width: 20px; height: 20px; background-position: 0 -80px; content: ''; display: inline-block}

.mobile_store {text-align: center}
.mobile_store h4 {margin-bottom: 5px; font-size: 14px}
.mobile_store_link {margin: 20px; width: 177px; height: 56px; display: inline-block}
.mobile_store_link.google {background-position: -358px -212px}
.mobile_store_link.google:hover {background-position: -358px -273px}
.mobile_store_link.apple {background-position: -540px -212px}
.mobile_store_link.apple:hover {background-position: -540px -273px}

.account_head {padding: 10px 0; text-align: center}
.account_head h2 {margin-bottom: 5px; font-size: 50px; color: #cac5ba; line-height: 120%}
.account_head h3 {margin-bottom: 5px; font-size: 18px; color: #cac5ba; line-height: 120%}
.account_head h4 {margin: 10px 0 30px; font-size: 15px; color: #8b8d86}
.account_head h5 {margin: 10px 0 0; font-size: 15px; color: #8b8d86}
.account_head h6 {margin: 20px 0 10px; font-size: 18px; color: #cac5ba; font-weight: 400}
.account_head b {text-transform: uppercase}
.account_blocks {text-align: center}
.account_block {margin: 0 10px 10px; padding: 30px 31px; width: 470px; min-height: 391px; display: inline-block; vertical-align: top; text-align: left; background-color: #000; box-sizing: border-box; position: relative}
.account_row h3,
.account_block h3 {margin-bottom: 20px; font-size: 18px; color: #cac5ba}
.table_cont:before,
.table_cont:after,
.account_block:before,
.account_block:after {content: ''; background-image: url(../images/background/account_bgr.png); background-repeat: no-repeat; position: absolute; top: 0; bottom: 0; pointer-events: none; z-index: 0}
.account_block:before {left: 0; right: 50%; background-position: top left}
.account_block:after {left: 50%; right: 0; background-position: top right}
.account_block > * {position: relative}
.account_block h4 {margin-bottom: 10px; color: #cac5ba; text-transform: uppercase}
.account_block p {margin-bottom: 25px; font-size: 16px; line-height: 130%}
.account_block a {color: #d99134; display: inline-block}
.account_block a[href]:hover {color: #fdc680}
.account_block a.change_btn,
.account_block a.change_btn:hover {color: #bbbbba}
.account_row {padding-bottom: 30px; background-repeat: no-repeat; background-position: center bottom; text-align: center}
.account_row h3 {margin: 45px 0 25px}
.account_form {padding: 30px 35px; width: 359px}
.account_form h3 {margin-bottom: 25px; text-align: center}
.account_form:before {background-position: 0 0}
.account_form:after {background-position: -291px 0}
.account_battles:after {background-position: -336px 0}
.account_guild:before,
.account_trade:before,
.account_form + .account_form:before {background-position: -473px 0}
.account_form + .account_form + .account_form:after {background-position: -764px 0}
.sbsc .account_form {position: absolute; z-index: 999; margin-top: 170px;}
.account_attributes,
.account_guild,
.account_battles,
.account_trade {padding: 30px 41px; margin-top: 35px; width: 269px; text-align: center; color: #8b8d86}
.account_attributes h3 {margin: -10px 0 5px; line-height: 120%}
.account_battles h3 {margin: 0 0 5px; line-height: 120%}
.guild_description table,
.account_trade table,
.account_attributes table {width: 100%}
.guild_description table td,
.account_trade table td,
.account_attributes table td {padding: 8px 0; line-height: 120%; text-align: left; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAD0lEQVR42mPQ19f5D8QMAApuAhRcpZssAAAAAElFTkSuQmCC') repeat-x bottom}
.guild_description table td + td,
.account_trade table td + td,
.account_attributes table td + td {text-align: right}
.account_guild {padding: 30px 25px 0}
.account_battles table {width: 100%}
.account_battles table tr {background-repeat: no-repeat; background-position: center top}
.account_battles table tr:first-child {background: none}
.account_battles table td {padding: 13px 0 11px; line-height: 120%; text-align: left}
.account_battles table td + td {font-size: 12px; text-align: right}
.account_battles table td[colspan] {text-align: center}
.account_trade .delimeter_xs {margin: 20px auto}
.account_trade table tr:last-child td {background: none}
.account_trade small {margin-bottom: 10px; font-size: 12px; color: #6e7168; background: none; display: block; text-align: left; word-break: break-all}
.account_position {padding-bottom: 20px}
.account_position_row {padding: 0 1.5% 10px; color: #8b8d86; text-transform: uppercase; display: inline-block; vertical-align: top}
.filter_character_icon,
.filter_game_icon,
.account_minigames_links a {background-image: url(../images/elements/minigames.png)}
.account_minigames > a {margin: 0 20px; color: #d99134}
.account_minigames > a:hover {color: #fdc680}
.account_minigames_links {padding-bottom: 25px}
.account_minigames_links a {width: 60px; height: 60px; display: inline-block; position: relative; opacity: .9}
.account_minigames_links a:hover {opacity: 1}
.account_minigames_links .minigame1 {background-position: 0 0}
.account_minigames_links .minigame2 {background-position: -63px 0}
.account_minigames_links .minigame3 {background-position: -127px 0}
.account_minigames_links .minigame4 {background-position: -191px 0}
.account_minigames_links .minigame5 {background-position: -255px 0}
.account_minigames_links .minigame6 {background-position: -319px 0}
.account_minigames_links .minigame7 {background-position: -383px 0}
.hint_small {width: 213px; height: 48px; line-height: 44px; color: #72726a; font-weight: 400; text-indent: 15px; white-space: nowrap; background: url(../images/elements/hint.png) no-repeat 0 -136px; position: absolute; left: 40%; top: -55px; box-sizing: border-box; text-align: left; opacity: 0; pointer-events: none; z-index: 100}
.hint_small {-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; text-transform: none}
.account_minigames_links .hint_small {left: 17px}
.table_cont .hint_small {left: 40%}
.table_cont.history_table .hint_small {left: 35%}
*:hover > .hint_small {opacity: 1; pointer-events: auto}
th:last-child .hint_small {left: -164px !important; -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1)}
th:last-child .hint_small span {padding-right: 10px; display: block; text-align: right; -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1)}
.guild_view {margin: 30px 0 -40px; width: 100%; max-width: 642px}
.guild_description:before {background-position: 0 0}
.guild_description:after {background-position: -235px 0}
.guild_view:after {background-position: top right}
.guild_description {background-position: 0 0}
.guild_description table {color: #8b8d86}
.guild_description table td:first-child {font-weight: 700; text-transform: uppercase}
.guild_description table tr:first-child td {padding-top: 0}
.guild_events:before {background-position: -473px 0}
.guild_events:after {background-position: -708px 0}
.guild_events {background-position: -473px 0}
.guild_events .custom_scroll {height: 320px; position: relative}
.guild_events table td {padding: 0 10px 12px 0; vertical-align: top}
.guild_events table td:first-child {width: 70px; font-size: 12px; line-height: 130%}
.guild_events table td a {color: #b9b4aa}
.guild_events table td + td {line-height: 120%}
.guild_events_shadow {height: 1px; content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; box-shadow: 0 0 25px 20px #000}

.change_btn {width: 184px; height: 48px; line-height: 48px; border: 0; background-color: transparent; background-position: -292px -334px; font-size: 15px; font-style: italic; color: #bbbbba; display: inline-block; text-align: center; text-shadow: 1px 1px 0 rgba(1,21,32,.36); cursor: pointer}
.change_btn:hover {background-position: -292px -387px}

.linked_accounts {padding-bottom: 25px; text-align: center}
.linked_accounts a {margin: 0 2px 0 1px; width: 32px; height: 32px; display: inline-block}
.linked_account1 {background-position: 0 -151px}
.linked_account1.linked {background-position: 0 -188px}
.linked_account1:hover {background-position: 0 -188px}
.linked_account2 {background-position: -37px -151px}
.linked_account2.linked {background-position: -37px -188px}
.linked_account2:hover {background-position: -37px -188px}
.linked_account3 {background-position: -74px -151px}
.linked_account3.linked {background-position: -74px -188px}
.linked_account3:hover {background-position: -74px -188px}
.linked_account4 {background-position: -111px -151px}
.linked_account4.linked {background-position: -111px -188px}
.linked_account4:hover {background-position: -111px -188px}
.linked_account5 {background-position: -148px -151px}
.linked_account5.linked {background-position: -148px -188px}
.linked_account5:hover {background-position: -148px -188px}
.linked_account6 {background-position: -185px -151px}
.linked_account6.linked {background-position: -185px -188px}
.linked_account6:hover {background-position: -185px -188px}
.linked_account7 {background-position: -222px -151px}
.linked_account7.linked {background-position: -222px -188px}
.linked_account7:hover {background-position: -222px -188px}
.linked_account8 {background-position: -259px -151px}
.linked_account8.linked {background-position: -259px -188px}
.linked_account8:hover {background-position: -259px -188px}

.space_between {text-align: justify}
.space_between::after {content: ""; width: 100%; display: inline-block}
.space_between > .gray_btn_mini {color: #828380}
.space_between > .gray_btn_mini:hover {color: #828380!important;}
.change_pass_btn { width: 143px; height: 48px; line-height: 48px; font-size: 15px; font-style: italic; color: #bbbbba; display: inline-block; background-position: -287px -104px; text-align: center; text-shadow: 1px 1px 0 rgba(1,21,32,.45); background-color: transparent; border: none; cursor: pointer;}
.change_pass_btn:hover {background-position: -287px -156px}

.checkbox_cont {display: block; color: #95949c; text-align: center; position: relative}
.checkbox_cont input[type=checkbox] {position: absolute; opacity: 0; visibility: hidden}
.checkbox_cont input[type=checkbox] + .checkbox_icon {margin: -2px 7px 0 0; width: 23px; height: 23px; display: inline-block; background-position: 0 -285px; vertical-align: middle}
.checkbox_cont input[type=checkbox]:checked + .checkbox_icon {background-position: -30px -285px}

.input_cont {margin-bottom: 5px; max-width: 448px; height: 52px; position: relative; background-color: #000; border-left: 1px solid #000; border-right: 1px solid #000; vertical-align: top}
.input_cont:before,
.input_cont:after {content: ''; position: absolute; top: 0; bottom: 0; pointer-events: none}
.input_cont:before {left: 0; right: 50%; background-position: left -171px}
.input_cont:after {left: 50%; right: 0; background-position: right -228px}
.input_cont input {padding: 0 15px; width: 100%; height: 52px; line-height: normal; color: #cac5ba; background: transparent; border: 0; box-sizing: border-box; display: block}
.select_cont.active,
.input_cont input:focus {outline: none; box-shadow: inset 0 0 0 2px #000, inset 0 0 15px 0 #cac5ba; border-radius: 3px}
.input_cont input::-webkit-input-placeholder {color: #928f87}
.input_cont input::-moz-placeholder {color: #928f87}
.input_cont input:-moz-placeholder {color: #928f87}
.input_cont input:-ms-input-placeholder {color: #928f87}
.input_cont.search {max-width: 448px}
.input_cont.search input {padding-right: 40px}
.input_cont.search input[type=search]::-webkit-search-cancel-button {display: none}
.input_cont.search input[type=search]::-ms-clear {display: none}
.input_cont.search button {width: 20px; height: 20px; position: absolute; right: 15px; top: 15px; background-color: transparent; border: 0; background-position: -100px 0; cursor: pointer; opacity: .9}
.input_cont.search button:hover {opacity: 1}

.select_cont {min-width: 90px; max-width: 448px; height: 52px; font-size: 16px; background-color: #000; border-left: 1px solid #000; border-right: 1px solid #000; opacity: .9; cursor: pointer; position: relative; vertical-align: top; text-align: left}
.select_cont.active,
.select_cont:hover {opacity: 1}
.select_cont:before {content: ''; left: 0; right: 50%; top: 0; background-position: left -57px}
.select_cont:after {content: ''; right: 0; left: 50%; top: 0; background-position: right top}
.select_cont input {display: none}
.select_cont .select_active {padding: 0 48px 0 15px; height: 52px; line-height: 52px; position: relative; z-index: 2; overflow: hidden}
.select_cont .select_list {padding: 0 10px; background-color: #0f0f0f; border: 1px solid #202020; border-top: 0; position: absolute; top: 51px; left: 2px; right: 2px; display: none; z-index: 2}
.select_cont.active .select_list {display: block}
.select_cont .select_item {padding: 8px 2px; color: #6e6e6c; border-top: 1px solid #1a191b; display: block; position: relative}
.select_cont .select_item.active,
.select_cont .select_item:hover {color: #c7851d}
.select_cont .select_item:first-child {border: 0}
.select_label {height: 52px; line-height: 50px; display: inline-block; vertical-align: top; cursor: pointer}

.search_cont {margin: 20px 0 50px; min-height: 52px; position: relative; z-index: 3}
.search_cont .select_cont {display: inline-block; vertical-align: top}
.search_cont .input_cont {margin: 0 auto; width: 448px; position: absolute; left: 0; right: 0; top: 0}

.filter_cont {margin: 20px 0 50px; position: relative; z-index: 3; text-align: center}
.filter_cont .select_cont {display: inline-block; vertical-align: top}
.filter_cont .select_label {margin-left: 30px}
.filter_character_icon {margin-right: 5px; width: 27px; height: 39px; background-position: 0 -65px; display: inline-block; vertical-align: middle}
.filter_game_icon {width: 47px; height: 39px; background-position: -32px -65px; display: inline-block; vertical-align: middle}

.select_character {width: 290px}
.select_game {width: 290px}

.regions_cont {margin-bottom: 50px; text-align: center}
.region {width: 19%; display: inline-block}
.region_image {margin: 0 auto; width: 161px; height: 138px; background-image: url(../images/elements/regions.png); display: block}
.region_name {line-height: 35px; display: block; position: relative}
.region_name:before {content: ''; position: absolute; top: 0; left: -1px}
.region:nth-of-type(1) .region_name:before {display: none}
.region .region_name,
.region[href]:hover .region_name {color: #d99134}
.region[href] .region_name {color: #8b8d86}
.region1 .region_image,
.region1[href]:hover .region_image {background-position: 0 0}
.region1[href] .region_image {background-position: 0 -138px}
.region2 .region_image,
.region2[href]:hover .region_image {background-position: -161px 0}
.region2[href] .region_image {background-position: -161px -138px}
.region3 .region_image,
.region3[href]:hover .region_image {background-position: -332px 0}
.region3[href] .region_image {background-position: -332px -138px}
.region4 .region_image,
.region4[href]:hover .region_image {background-position: -483px 0}
.region4[href] .region_image {background-position: -483px -138px}
.region5 .region_image,
.region5[href]:hover .region_image {background-position: -644px 0}
.region5[href] .region_image {background-position: -644px -138px}

.dashboard_select {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAq0AAAACCAYAAAByieW5AAAEjElEQVRYhe2Yu8sdVRTFf/vMnDOPew1G0IAEEXwVIjGNGlIqgoWIkEokrY2F/iVa2NgGEYSAWIggWFgIFmICkiJqxEpjvjzky53XOTNnW8ydO/fLCyOWd3X3PNbstc+cWYsrR44c/Qz0CUGeR+R74Jygbzrnflf4KYQ+FXgNOCvCBUTeRXlfDGdQ+RrhgUW5OJUYYVVV7wGHgHeAc8Ykj1jrnux8+8XQD48i8nJR5GnTNPQhUNc1eZ5jrcNlDhREGCEG71uKYkGMESOC6oACgqEfepIkAQygGJNgU4MqaFT6oUdR+hAoy5I0tdR1BQK5y6iamjgo1jliHAg+EHrPoUMP0jQNRVEQQoeIIc8LnLNoVOqmxrcdWVEwlYoIGpXQd1ibgSpN21IWxZYgSNMUolK3Fc5mIGAwREBQoka6rqPMS/oh4DtPuVwy9P1d+caaKjKXgyhgNnVFHfC+I8tK4tDTdR2L5ZLxrFY4l2PEoMyY9m7GdDqUsfOC4jKHaiSEiHMpfT9w48Z1losFoe8RhKIssNaiEZq2oms78qLc6hnEqITgcc6hKnRdTZ6VGx0A1iYQlaqp1z2TmQOIqoTQkruCi79c2J7aYYcddtgBeOapZ7X1DdbmmC0PUQBVfOhYFCUYIYRhPRtBhbarybISEcV7j7UOY2RjEgq0TU2WZxT5AjEQQqCpGxTFpimrquLw4YdI0wTve6w1iBh851Fmf5n95g5etB6LGvG+ZblYMkSlWq3IsgyTpHRdjXMZRpKtvaOOzreUxQIxQt/3M6kqddNQ5DlJmlKvVrjMkSaWuq1HbjEoggEiERR86CjzBdyDDxFC6LBphpi1vnVdXdPg8oyyKBEjeB9o2wbViLXZJofs7/+NTR3WWYxJCN5jEmFRlLS+A4WyXND3Y6ZKrUUQ0iRFjCACoY/EOEwdZBgG0iRFiQggkhBVMcbQNBXO5aBxkgMCvvOE4GnbdsxU1lIUBU3T9qh+k6TJH5nL3wjB/xrjcAU4DnwM7C8Xiw+HqFR1dRblJqKvauQ0wgeofqTKs8Apha+sTXuB57z3jyvyOXAc1ZcUPQ9yKb169c9XgE+Ax4BjwLfAWeAt4EfAAivgMnAC5EvQk8B54EXgDMjroB2wBB4GOqAEKmAA/gJeANKDV0mom5tbr+Otr+iB92BctQlQd8K9OWA8wJkLdDqRNa5du3KAZ5oXkfVdElTjug6ABBjWnLqZnziMEVQVIylR+/W8jnyMoWvmmoLhPD4+f65h0jbxHeiL6kb5vNaAxrt25L9iLNls9Qj29iYNm1XrOsaLMu9NUZ0v0HbvZu7717jDDjvssMPtuPTbRZAxck0eBOsvrmz9Fra8avbK2YNg+u6LJKhuhbUDfnD7XyF7e5cP+IH+z6Y0arl/jfPa2WdHzxbmiDlq2B7XjXfP/i4ixDgJU0QMB3s35gU2+6eesalh7tHBZ8+cckuGmdbdtSv3nN/uy7/j2M5twJjrjgLn1uIqxvzXMebBCOyDZKA/AKcZ8+PJdZ48AfzMmDMFCMDTwKdrrmPAdeA74O1/AL6whV0q5E0CAAAAAElFTkSuQmCC')}
.dashboard_select {margin-bottom: 40px; background-repeat: no-repeat; background-position: center}
.dashboard_select .select_cont {margin: 0 auto; width: 290px; font-size: 14px}

.dashboard_worlds {width: 320px; background: #000 url(../images/background/worlds_bgr.png) no-repeat center 5px}
.dashboard_worlds:after {background-position: top right}
.dashboard_worlds h3 {text-align: center}
.dashboard_world {margin: 0 auto; width: 174px; padding: 12px 0 12px 30px; position: relative; background-repeat: no-repeat; background-position: center top; box-sizing: border-box}
.dashboard_world.active:before {height: 1px; content: ''; display: block; position: absolute; left: -68px; right: 105%; top: 22px; background-position: -159px -182px}
.dashboard_world:nth-of-type(1) {background: none}
.dashboard_world p {margin: 0; font-size: 14px; line-height: 150%}
.dashboard_world p b {font-weight: 400; text-transform: uppercase}
.dashboard_world.active p b {font-weight: 700}
.dashboard_world .icon {position: absolute; left: 0; top: 12px}

.dashboard_info {padding-left: 5px; padding-right: 5px; width: auto; max-width: 816px}
.dashboard_info h3 {text-align: center}
.dashboard_info table {width: 100%; line-height: 120%}
.dashboard_info table tr {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzAAAAABCAMAAAA2GLu8AAACKFBMVEVHQ0M1MjIyLy8jIiJKSEctKis3NDQyLi4mJSQfHh01MzUwLS0dHBxHRkQtKysnJSUtKSkyLy86ODgvLi02NDRFQUEfHh8xLy8kIyMsKCg2MjUhICAxLi4hICAvKysyLi0jISEtKyocHBs+PT0mJCQuLCwaGhooJSUuKyswLzEvLC0iISA8OjkvKiokIyMyMDAvLi42NTcuKSkmJSYjIiIfHh4uKys5ODokIiI0LzAiICApJCQ0MTUuLCwuJCQbGhknJiYnJicxLy8xLS0fHh4zLy8tKSgxLi47ODhJRUUxLy4lIyItKSgwLS04NTgYGBggHh4xLzEnJCQ2MzgrKSo1NDonJCQvLywaGRkrKCggHx8vLSs4NjcYGBgfHh8nJiUtJiUwLi5CQEAoJiU3MzQcGxoxLi4zMTElIyRHQ0MtKioyLy8/PDwgIB9WU1EfHR0zLy82NTYnJiUqKCkuKikxLi4ZGBgdHBwlIyMzMS81MTNEQUEvLS0yLi4yMjc5NTQ5NzgVFhYhHyApKCcrJiUvKio1MTNNSUhUUk8lJCQnJiUyLy8+PDwdHBwiIB8uLi4zMDAbGRkvKyszLy87OTlFQkQiICEmJSU3NDVLR0cdHBwoJykrKy4sJSU4Nzw1MDEnJSUtKilAPj8kIyQyLi4gHh8sKCcvMDAxLjI1MDJLR0cjJCQqJiYyLy83NjotLSwZGRkeHR0zLy8kIiIpJSUsKSpAPDwuLi5UiEKPAAAAuHRSTlMcHR8hIyQnKSwuLzAxMTM0Nzc3Ozs8P0BDRERISktMTU9QU1VXWFpcX2BiY2RmaGlsbG5xc3R3eXp8f4KCg4SFhYiIiYuMj4+QkJKVlZWWmJiYmZucnZ6eoKChoqSlpaWmpqaoqKmpqaqrrKysra2urq6vr6+vsLCwsLCwsbGxsbGysrKysrKysrOzs7O0tbW1tra3t7e4uLi4ubm5ubm6u7u7vLy9vb29vb2+vr6+v8DAwMHBwcHCqJTLPgAAAddJREFUeNotiwUCJSEIhj9AfT3bff9bbXf3pAqbNH/I3gAQBwgLc3MUlP+RAnFECAMjJAgMUEHCAASVnnBDEJTQ+HuK/J1g/z1gEqgKBlggURzzJK10du5qeCb3UKJk6WyJ42IqAMN88bylveX+5oF8Otvle+Hz8P2GdfJxlOPPH1dSjUseZTcdcIY5U2JajdN2/q6Xn7UE58wWpt5JC8YWh0I1VrKMx/i6P38GgDrMB9BuI6rl48HnQ/I867zzjfOP1NJuPv7Yjb/R8cr3MnFJPw+LnzZiiQOHrwAIYT8ubHvn9+oSDunr/e3h9WNaNkoadZcrn1O7fngTbHY72ofbkp/VIf24tPTxWqmnL9PVc/7Gks+fe9z8fDdec2Ms03yKK3ve63FuyWnXy7uDyCr1/KPf/9nXS98VYh1P4/7ydeHaV/ZRWXb0fbaPu3btS4mpaKLt28zVam1ec1pUm9mO75KpQD59q1p3tTz4+a4fqZnDvNqWXZmSQZ5ANGqJCh4I4rqpVWvSUkeio03cKhEA7vpfuFnQcaxpuHREqzpI0FAHxHEg+LulIQAeaIcIQLpAB0I8hCAAR6ABSABdIegAOIBbDwiA/ysk/g/A5T8IQIQQAoEIwC9yyxYTDzePOwAAAABJRU5ErkJggg==')}
.dashboard_info table tr {background-repeat: no-repeat; background-position: center bottom}
.dashboard_info table th {padding: 8px; font-weight: 400}
.dashboard_info table th:first-child {padding-left: 30px}
.dashboard_info table th:last-child {padding-right: 30px}
.dashboard_info table td {padding: 8px; color: #8b8d86; vertical-align: middle}
.dashboard_info table td:first-child {padding-left: 30px}
.dashboard_info table td:last-child {padding-right: 30px}
.dashboard_info table td small {font-size: 12px; display: block}

.guest_link_cont {margin-bottom: 120px; text-align: center}
.guest_link_cont h3 {margin: 20px 0 15px; font-size: 14px; color: #cac5ba}
.guest_link_cont .select_cont {display: inline-block; vertical-align: top}
.guest_link_cont .link_cont {display: inline-block; vertical-align: top}
.guest_link_text {padding-top: 5px; text-align: center; background-repeat: no-repeat; background-position: top center}
.guest_link_text p {margin: 20px auto; max-width: 770px; font-size: 14px; color: #8b8d86; line-height: 150%; display: block}
.guest_link_text p a[href] {text-decoration: none}
.guest_link_text p a[href]:hover {color: #fdc680}

.guest_link_table {margin: 0 auto 25px; width: 100%; max-width: 960px; text-align: left}
.guest_link_table tr th {padding: 16px 30px 11px; color: #b9b4aa; font-weight: 400; vertical-align: top}
.guest_link_table tr th a {font-size: 15px; color: #d3402c; font-style: italic}
.guest_link_table tr th a .icon {position: relative; right: -2px; top: -1px}
.guest_link_table tr th a:hover {color: #ff4f37}
.guest_link_table tr:first-child th {color: #858683}
.guest_link_table tr th:first-child {width: 50%}
.guest_link_table tr th:last-child {text-align: right}
.guest_link_table tr + tr th {background-color: #111111}
.guest_link_table tr + tr th:last-child {padding-right: 60px}
.guest_link_table td {padding: 5px 14px 0; vertical-align: top}
.guest_link_table tr:first-child + tr + tr td {padding-top: 12px}
.guest_link_table small {font-size: 12px}
.guest_link_table .gray_btn {float: right}
.guest_link_table .select_cont {max-width: 110px; font-size: 14px; color: #8b8d86}
.guest_link_table .input_cont {max-width: 290px}
.guest_link_table .input_cont input::-webkit-input-placeholder {color: #8b8d86}
.guest_link_table .input_cont input::-moz-placeholder {color: #8b8d86}
.guest_link_table .input_cont input:-moz-placeholder {color: #8b8d86}
.guest_link_table .input_cont input:-ms-input-placeholder {color: #8b8d86}

.link_cont {margin-bottom: 5px; max-width: 412px; height: 42px; position: relative; vertical-align: top}
.link_cont:before,
.link_cont:after {content: ''; position: absolute; top: 0; bottom: 0; pointer-events: none}
.link_cont:before {left: 0; right: 50%; background-position: left -313px}
.link_cont:after {left: 50%; right: 0; background-position: right -359px}
.link_cont input {padding: 0 135px 0 15px; width: 100%; height: 42px; line-height: 42px; font-size: 20px; color: #d99134; background: transparent; border: 0; box-sizing: border-box; display: block; text-align: center}
.link_cont input:focus {outline: none}
.link_cont .copy_btn {position: absolute; right: 5px; top: 4px}

.copy_btn {width: 120px; height: 33px; line-height: 33px; font-style: italic; color: #828380; background-position: -577px -334px; display: block; text-align: center; cursor: pointer}
.copy_btn:hover {background-position: -577px -372px}

.table_cont {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOgAAAAFCAMAAAB4rVAWAAAAZlBMVEUAAAAUEhIUEhIUEhIUEhIUEhIUEhIUEhIUEhISEhISEhIREREUExIWFBQTFBQYFxccGxsdHR0gHh8jIiMlJSUqJiYvJyYvKyoqKiovLi8zLy80LzM1MzQ6NjY4ODs9Oj1HRUVQTkxyhvNcAAAACnRSTlMACAoNFyAoMPz8qpKomAAAAPxJREFUeNqlksWBJDAMBKsle3kzuPwTXBqw1fcc5npK6jImj5OJlIF0bsTcSqh1Zcu4ZR+cQK+HfgzC3UMAWEa4DWSALdmmKjDiINsAGOD7zd2ziASw1kAbh5diIAxrAPZt6IV9kh6zJjlDQZWjEIAFGMRpDrLBAALG/ebGLEKFO+smjFy1eRigOiTlSuHlgcroH8o5IRPmBMhZevrDBtvEeJ+lZDrS1NJqWaOIp7JS1fJLwXMsRqi3g2z3uuDpIfOK+Iw5VtPqWB40RW5drtYCFqVn/uSXF/4GNG2d9lmvYLGNOOTUjfvgH53M+n6z9kvaRLwtwmD8zIp9/gOa0r14V0PBLAAAAABJRU5ErkJggg==')}
.table_cont {margin-bottom: 50px; padding: 5px; background-color: #000; background-repeat: repeat-x; background-position: 0 0; position: relative; border-left: 1px solid #000; border-right: 1px solid #000}
.table_cont:before,
.table_cont:after {width: 100px; z-index: 1; background-repeat: no-repeat}
.table_cont:before {left: -1px; background-position: top left}
.table_cont:after {right: -1px; background-position: top right}
.table_cont table {width: 100%; color: #8b8d86; background: url(../images/background/table_bgr.png) no-repeat center top; position: relative; z-index: 2}
.table_cont table th {padding: 32px 16px 0; height: 91px; font-weight: 400; text-transform: uppercase; box-sizing: border-box; text-align: left; position: relative; vertical-align: top}
.table_cont table th:before {content: ''; width: 1px; height: 60px; display: block; position: absolute; left: 0; bottom: 0; background-color: #3a3a35}
.table_cont table th.empty:before,
.table_cont table th:first-child:before {display: none}
.table_cont table td {padding: 15px 16px; position: relative; vertical-align: top; line-height: 120%}
.table_cont table tbody tr:first-child td {border-top: 1px solid #3a3a35}
.table_cont table td:before {content: ''; width: 1px; display: block; position: absolute; left: 0; top: 8px; bottom: 8px; background-color: #242421}
.table_cont table td:first-child:before {display: none}
.table_cont table tr:nth-of-type(odd) td {background-color: #0d0d0c}
.table_cont a {color: #db9909; display: inline-block}
.table_cont a[href]:hover {color: #fdc680}
.table_cont table td.table_empty {padding: 32px 0 18px; text-align: center; color: #6e6e6c; box-shadow: inset 0 15px 0 5px #000}
.table_summary {padding: 20px 10px}

.sortable_table th[data-sort] {cursor: pointer}
.sortable_table th[data-sort]:after {width: 20px; height: 20px; content: ''; display: block; position: absolute; left: 10px; bottom: 10px; background-position: -80px -80px}
.sortable_table th.sorting-asc:after {background-position: -100px -60px}
.sortable_table th.sorting-desc:after {background-position: -100px -80px}

.members_table .select_cont {margin-right: 120px; position: relative; top: -2px}
.members_table .gray_btn_mini {float: right}
.members_table table td {padding: 10px 16px 8px; vertical-align: middle}

.history_table {margin: 0; min-width: 535px; color: #7f817a}
.history_table + * {margin-top: 40px}
.history_table .pre_tr th {padding: 0; height: 0; text-align: center; position: relative}
.history_table .pre_tr th div {position: absolute; left: 0; right: 0; top: 8px}
.history_table .pre_tr th:before {display: none}
.history_table th.small_line:before {height: 45px; top: auto; bottom: 0}
.history_table .date {font-size: 12px; color: #8b8d86; display: block}
.history_table .time {font-size: 12px; color: #55584e; display: block}
.history_table .icon {margin-right: 5px; float: left}

.guild_edit_cont {padding-top: 20px; text-align: center}
.guild_edit_cont label {margin: 0 20px; font-size: 15px; color: #cac5ba; line-height: 52px}
.guild_edit_cont .input_cont {display: inline-block}
.guild_edit_cont .guild_name {margin-right: 10px; width: 285px}
.guild_edit_cont .guild_tag {width: 115px}
.guild_edit_cont .delimeter_l {margin: 40px auto}

.wysiwyg_cont {margin: 30px auto; width: 100%; max-width: 922px}
.wysiwyg_cont > * {max-width: 100%}

.user_role {margin: -50px -10px; position: relative; top: 70%; text-align: center}
.user_role img {max-width: 100%}

.charter_cont {padding-top: 10px; text-align: center}
.charter_cont img {max-width: 100%}

.action_accept,
.action_decline {margin: -10px 0; width: 38px; height: 38px; display: inline-block; vertical-align: middle}
.action_accept {background-position: 0 -406px}
.action_accept:hover {background-position: -43px -406px}
.action_decline {background-position: -86px -406px}
.action_decline:hover {background-position: -129px -406px}

.modal_alert {margin: 0 auto; padding: 15px; color: #cac5ba; width: 250px; position: fixed; left: 0; right: 0; top: 30%; box-sizing: border-box; background-color: #1e1f1f; border-radius: 3px; box-shadow: 0 5px 10px 0 rgba(0,0,0,.5); z-index: 10000; display: none; pointer-events: none; line-height: 140%; text-align: center; word-break: break-all}
.modal_alert p {margin-bottom: 10px}

/* ie hack */
_:-ms-lang(x), .table_cont table tbody tr:first-child td {border-top: 2px solid #3a3a35}

/* edge hack */
_:-ms-lang(x), _:-webkit-full-screen, .table_cont table tbody tr:first-child td {border-top: 2px solid #3a3a35}

.custom_scroll {position: relative}
.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus {background: none}
.ps__thumb-y {background: rgba(108,108,108,.25)}

.fancybox-prev {left: 0}
.fancybox-next {right: 0}
.fancybox-prev span,
.fancybox-next span {width: 36px; height: 63px; margin-top: -31px}
.fancybox-prev span {left: 10px; background-position: -152px -68px}
.fancybox-next span {right: 10px; background-position: -193px -68px}
.fancybox-close {width: 45px; height: 45px; position: absolute; top: -70px; right: 0; background-position: -622px 0; cursor: pointer; z-index: 8040}
.fancybox-close span {font-size: 18px; display: block; position: absolute; left: -20px; top: 20px; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -o-transform: rotate(-8deg); transform: rotate(-8deg)}
.fancybox-close:hover {background-position: -622px -50px}
.fancybox-desc {position: absolute; z-index: 3; color: #3c2f2a; left: 80px; right: 60px; bottom: -100px}
.fancybox-desc h2 {margin-bottom: 10px; font-size: 17px; text-transform: uppercase; text-align: center; color: #cac5ba}
.fancybox-download {color: #010101; font-size: 16px; position: absolute; right: 0; top: 0}
.fancybox-download:hover {opacity: .8}
.fancybox-download-icon {width: 25px; height: 27px; background-image: url(../images/fancybox/fancybox_download.png); display: block; position: absolute; top: -5px; right: -35px}
.fancybox-share {height: 47px}
.fancybox-share a {width: 184px; height: 45px; line-height: 45px; font-size: 13px; font-weight: 700; color: #cac5ba; display: block; float: left; text-align: center; text-transform: uppercase}
.fancybox-share a b {margin: 0 5px -5px 0; }
.fancybox-share a .icon_twitter {-webkit-filter: brightness(80%); filter: brightness(80%)}
.fancybox-share a:hover {opacity: .8}
.fancybox-overlay {background: rgba(15,18,21,.95)}
.fancybox-nav span {visibility: visible}

.select_item,
.select_label,
.select_active,
.sortable_table th[data-sort],
.no_select {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none}
.hidden {display: none}

.align_left {text-align: left}
.align_center {text-align: center}
.align_right {text-align: right}

.margin_top_15 {margin-top: 15px}
.margin_bottom_25 {margin-bottom: 25px}
.margin_bottom_30 {margin-bottom: 30px}
.margin_bottom_40 {margin-bottom: 40px}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .main_gallery {min-width: 1200px; height: 587px; overflow: hidden}
}

@media screen and (max-width: 1200px) {
    .main_slider_cont {margin: 30px auto; -webkit-transform-origin: 0 25%; -moz-transform-origin: 0 25%; -o-transform-origin: 0 25%; transform-origin: 0 25%; -webkit-transform: scale(.8); -moz-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8)}
    .main_news_item_big {display: none}
    .main_news_wrap .main_news_item {margin: 0 20px 30px 0; width: 455px}
    .bann_menu_item {margin: 0 10px}
}

@media screen and (min-width: 720px) and (max-width: 1000px) {
    .footer_col {padding: 0}
    .social_menu_item {margin: 0 40px}
    .bann_menu {transform: scale(.8)}
    .main_gallery {min-width: 970px}
    .main_gallery_col.concept {display: none}
    .main_gallery_col {margin-right: 0; vertical-align: top}
    .main_gallery_video,
    .main_gallery_screenshots,
    .main_gallery_concept {-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1)}
    .main_news_wrap .main_news_item {margin: 0 2% 30px 0; width: 48%}
    .main_slider_link {display: none}
    .main_slider_cont {margin: 0 0 30px; width: 100%; height: 250px; background: url(../images/home/slider_bgr_mobile.png); background-size: 100% 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1)}
    .main_slider {left: 5px; right: 5px}
    .main_slide img {width: auto}
    .page_cont .social_menu_block {padding: 20px 0 40px}
}

@media screen and (max-width: 1000px) {
    .get_block.active {height: 306px;}
    .get_block_text {height: 0;}
    .main_contribution_slide {width: 100%}
    .main_contribution_slider .lSSlideOuter .lSPager {display: none}
    .lSSlideOuter .lSAction > a,
    .lSAction > a {opacity: 1}
    .desktop_only {display: none}
    .top_menu_get,
    .get_block_video,
    .get_block_text,
    .get_block_logo,
    .get_block_close {display: none}
    .get_block_btn {top: 130px; opacity: 1}
    .get_block {background-size: auto}
    .top_bar_mobile {height: 72px; top: 0; left: 0; right: 0; position: absolute; background-color: rgba(30,31,31,.84); border-bottom: 1px solid #292b2a; text-shadow: 1px 1px 0 rgba(1,21,32,.45); z-index: 2}
    .top_bar_logo {margin: 0 auto; width: 320px; height: 78px; background-position: 0 0; position: absolute; left: 0; right: 0; top: 0}
    .top_bar_logo {-webkit-transform: scale(.7); -moz-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7)}
    .top_bar_toggle {width: 37px; height: 28px; background-position: -283px -203px; position: absolute; left: 22px; top: 22px}
    .top_bar_shop {width: 184px; height: 48px; line-height: 48px; font-size: 17px; color: #e5b878; text-transform: uppercase; position: absolute; right: 22px; top: 12px; background-position: -435px -104px; text-align: center}
    .top_bar_shop:hover {background-position: -435px -156px}
    .top_bar,
    .top_menu {-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s}
    .top_menu {-webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%)}
    .top_bar {opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; pointer-events: none}
    .top_bar.active {opacity: 1; pointer-events: auto}
    .top_bar.active .top_menu {-webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0)}
    .top_bar {background-color: rgba(16,16,16,.95)}
    .top_bar .wrap {padding: 0}
    .top_icon {display: none}
    .top_menu {width: 60%; background-color: #1c1d1d; position: absolute; left: 0; top: 0; bottom: 0; z-index: 12}
    .top_menu_item {min-height: 72px; background-position: -223px -120px; display: block; position: relative; box-sizing: border-box}
    .top_menu_item,
    .top_menu_close:before,
    .top_menu .top_menu_item:after {background-image: url(../images/elements/menu.png); background-repeat: no-repeat}
    .top_menu_item:first-of-type { background-image: none; }
    .top_menu_item > a {padding: 0 45px 0 30px; line-height: 72px; font-size: 22px; font-weight: 700; text-transform: uppercase; color: #eff6f5; display: block}
    .top_menu_item.active > a {color: #d99134}
    .top_menu_item:after {width: 25px; height: 11px; content: ''; display: block; position: absolute; right: 20px; top: 33px; background-position: -223px -203px; opacity: 0; z-index: 11}
    .top_menu_item.has_submenu:after {opacity: 1}
    .top_menu_item.has_submenu.active:after {background-position: -253px -203px}
    .top_submenu {padding: 15px 0; background-color: #171719; position: relative; display: none}
    .top_submenu > a {padding: 15px 45px; font-size: 16px; color: #bbbec0; display: block}
    .top_social {padding: 15px 45px; line-height: normal; position: relative; z-index: 12}
    .top_social span {margin-bottom: 10px; font-size: 14px; line-height: 120%; color: #858683; display: block}
    .top_social_icon {margin-left: 10px; width: 26px; height: 26px; display: inline-block; opacity: .46}
    .top_social span + .top_social_icon {margin-left: 0}
    .top_social_icon.facebook {background-position: 0 -120px}
    .top_social_icon:hover {opacity: 1}
    .top_menu_social_icon {opacity: 1;}
    .top_menu_social_icon.facebook {background-position: 0 0}
    .top_menu_social_icon.twitter {background-position-x: -37px}
    .top_menu_social_icon.steam {background-position-x: -74px}
    .top_menu_social_icon:hover {opacity: 1; background-position-y: -34px}
    .top_menu_close {left: 60%; right: 0; top: 0; bottom: 0; position: absolute; z-index: 11}
    .top_menu_close:before,
    .top_menu_close:after {content: ''; display: block; position: absolute}
    .top_menu_close:before {width: 72px; height: 115px; background-position: -223px 0; top: 0; left: 0}
    .top_menu_close:after {width: 45px; height: 45px; background-position: -622px 0; top: 10px; left: 10px}
    .xsolla_menu_item.profile:before {width: 30px; display: none}
    .xsolla_menu_item.profile > a {display: none}
    .xsolla_menu_item.profile .xsolla_submenu {left: auto; right: -60px}
    .xsolla_menu_item.profile:after {background-image: url(../images/elements/logos.png); width: 33px; height: 32px; background-position: -226px -89px}
    .cont_right {padding-top: 0; width: 100%; float: none}
    .cont_left {margin-right: 0}
    .right_comments {display: none}
    .news_item {padding: 0; margin-bottom: 35px; background: none}
    .pagination {margin-left: 7px}
    .main_gallery {overflow: visible}
    .page_cont .social_menu_block {height: auto; margin-top: 40px;  padding: 20px 0 100px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAnkAAAAKCAMAAAD//rjVAAAAw1BMVEVHcExBQUqPj5YHBwgwMDYmJiwqKjBOTldJSUybm56VlZzExMocHCIODhUoKDBDQ0xlZWxWVl1jY2uPj5dYWFxDQ0wpKTANDRNwb3hRT1o9O0RBQElCQUpEQ01NTFZOTVgIBwhKSVILCw0yMjo4N0BHRU5JSFJLSlM7OkMICAs/PkdTUlxUU11XVV9ZWGFbWmRdXGdgYGkGBgZIR1BMS1Q6OUI0NDwHBwdfXWdmZW5qaXOQkJYFBAVSUVshISdEQ0y8vL7wiJngAAAAGXRSTlMADisxVVxra4mJmJmio7fBw8bU4OLr7/j+yprJ/gAAAfBJREFUeNrtktVi7CAQhql7j9lO8Lh76vb+T3WGpO66V3zBRoDZ5SeWj7GxQiyW+bN1cWClZ5k/68c//8ys9CzzZvP4x8LS33yZWN6OjwzDEMexEwjmODRKR2hKKWMUOIv6cwPf88Bnfkw7KbsQPxaVOiz8UPdcRzA75ABQlYA0pzjwDsrm6NoumrqG7ABApugJOTCR68EJcgkmGzBWaa+os6o2dh0EOXVC7nsiFpQXzUHkCCmloELEEikKKiUmihS0k5WpgFuc1lVWF55+98bqIJtskHngDDoXDHiIjhS3VjjzwxnA7Pj7AiErnpBBdgQTb63vrZdjrK6bAqMNIOVRU0LH4dq+Ki7SvNehX4T6604uI2aUYARBY9QGeHv83NBHjIORD0UdjUTUcZgIHNQZqs1HyMlI22KbUKo17I8dQzju74/9alLKrFSCK8zBpNGt3P1rEjXNmDOZ7RhOksmp0GPWiYtuY9xckKAxobBNTlOGCSjl4mgycaUwd+w4PgKe/5GNSDsaY4FuYgpD42aPOab9d7ZLCFmd9Xuue/Wz31rfmy83Kehu0fPwr74pDo/Ap8NXVF95Mr7slSBuS+RaOS32G1EZjNRGiOUD7OS7C4u/8zViscyX7e7br2aVWCzzZic9XCMWy/zZscJ7H/8BmWHSzoE7UeMAAAAASUVORK5CYII=') no-repeat top center}
    .page_cont .social_menu {margin-top: 40px; padding: 0}
    .crumbs {display: none}
    .cont_right + .cont_left .head {padding-bottom: 110px}
    .right_categories {top: 60px; left: 20px; right: 20px; background-color: #000; background-position: 0 -114px; border-left: 1px solid #000; border-right: 1px solid #000; opacity: .8; z-index: 2}
    .right_categories h2 {display: none}
    .right_categories,
    .right_categories:before,
    .right_categories:after {position: absolute; height: 52px; background-image: url(../images/elements/form.png); display: block}
    .right_categories:before {width: 224px; content: ''; left: 0; top: 0; background-position: 0 -57px}
    .right_categories:after {width: 224px; content: ''; right: 0; top: 0; background-position: 0 0}
    .right_categories .mobile_current {padding: 0 20px; font-size: 16px; color: #6e6e6c; line-height: 52px}
    .right_categories .mobile_simple_menu {padding: 10px 25px; background-color: #0f0f0f; border: 1px solid #202020; border-top: 0; position: absolute; top: 51px; left: -1px; right: -1px; display: none}
    .right_categories .mobile_simple_menu .simple_menu {background: none}
    .right_categories .mobile_simple_menu h3 {display: none}
    .right_categories .mobile_simple_menu a {padding: 15px 0; font-size: 16px; color: #d99134; border-top: 1px solid #1a191b; display: block}
    .right_categories .mobile_simple_menu a[href] {color: #6e6e6c}
    .right_categories .mobile_simple_menu a:first-child,
    .right_categories .mobile_simple_menu .simple_menu:first-child a:nth-of-type(1) {border: 0}
    .right_categories.active {opacity: 1}
    .right_categories.active .mobile_simple_menu {display: block}
    .related_news {display: none}

    .tabs {margin-bottom: 30px; overflow: hidden}
    .tab_btn,
    .tab_btn[href]:hover {padding-right: 3%; font-weight: 700; color: #c7851d; text-transform: uppercase; display: block; float: left; box-sizing: border-box; background-position: 0 -156px; background-repeat: no-repeat; position: relative}
    .tab_btn[href] {color: #686861; background-position: 0 -104px}

    .guild_tabs {margin: 0; padding-top: 30px; text-align: center}
    .guild_tabs .tab_btn,
    .guild_tabs .tab_btn[href]:hover {display: inline-block; float: none}
    .guild_tabs .tab_btn,
    .guild_tabs .tab_btn[href]:hover,
    .account_tabs .tab_btn,
    .account_tabs .tab_btn[href]:hover {margin-bottom: 15px; color: #d99134}
    .account_tabs .delimeter_v {display: none}
    .account_tabs {text-align: center}
    .account_tabs .tab_btn,
    .account_tabs .tab_btn[href]:hover {display: inline-block; float: none}

    .pack_hovered_bgr_top,
    .pack_hovered_bgr_bottom {display: none}

    body .download_block {padding-top: 10px}
    body .get_block_wrap_video,
    body .get_block.download {height: 385px}
    body .get_block_download {top: 150px}
    body .get_block_select {top: 270px}

    .worldmap_statuslist {text-align: left}
    .worldmap_statuslist p {margin: 0 0 10px; width: 100%}
    .worldmap_statuslist p:before {display: none}

    .map_controls {margin: 0; top: 20px; right: 20px}

    .fancybox-desc {left: 40px; right: 40px}
    .fancybox-share {margin: 0 -40px; width: auto; text-align: center}
    .fancybox-share a {margin: 0 20px; width: auto; display: inline-block; float: none}

    .account_block_row {display: block}

    .search_cont .select_cont + .input_cont,
    .search_cont .select_label + .input_cont {left: 150px}

    .filter_cont {text-align: right}

    .guild_edit_cont .guild_name {width: auto}

    .market {display: none}
    .market_mobile_warning {padding-top: 50px; display: block; text-align: center}

    .region_image {margin-left: -5%}

    .text_block {margin-top: -80px}

    .cont_left .pagination {min-width: 424px; margin-left: 0}

    .table_cont .hint_small {left: -170px !important; -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1)}
    .table_cont .hint_small span {padding-right: 10px; display: block; text-align: right; -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1)}
}

@media screen and (max-width: 680px) {
    .region {width: auto}
    .region_name {padding: 0 15px; font-weight: 700; color: #c7851d; text-transform: uppercase}
    .region_name:before,
    .region_image {display: none}
}

@media screen and (max-width: 719px) {
    .news_item .main_news_item_link {max-height: 40px; overflow: hidden}
    .news_item p {max-height: 40px; overflow: hidden}
}

@media screen and (max-width: 720px) {
    .main_slider_cont,
    .main_gallery_col.screenshots,
    .main_gallery_col.concept,
    .main_gallery .view_all,
    .bann_menu,
    .footer_menu,
    .top_bar_shop {display: none}

    .main_news_wrap .main_news_item {width: 100%; margin: 0 0 10px}
    .xsolla_menu .xsolla_menu_item {margin-left: 10px}
    .xsolla_menu .xsolla_menu_item:nth-of-type(3) {display: none}

    .main_contribution_slider .lSAction > .lSPrev,
    .main_contribution_slider .lSAction > .lSNext {width: 36px; height: 63px; margin-top: -31px}
    .main_contribution_slider .lSAction > .lSPrev {background-position: -152px 0}
    .main_contribution_slider .lSAction > .lSPrev:hover {background-position: -152px -68px}
    .main_contribution_slider .lSAction > .lSNext {background-position: -193px 0}
    .main_contribution_slider .lSAction > .lSNext:hover {background-position: -193px -68px}

    .main_gallery_col.video {width: 100%; float: none}
    .main_gallery_video {margin: 0 auto; width: 420px}
    .main_page_cont .social_menu {padding: 40px 0}
    .social_menu_item {margin: 50px 70px}
    .main_banners {height: auto; background: none}
    .footer {padding: 50px; height: 80px}

    .share_block {min-width: 620px}
    .share_counter {display: none}

    /*.gallery {margin: 0 -35% -100px 0; -webkit-transform: scale(.8); -moz-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8)}*/
    .media_item {width: 48%; margin: .7%}

    .account_blocks {margin: 0 0 0 -35px}
    .dashboard_worlds,
    .dashboard_info,
    .guild_view {left: 17px}
    .account_minigames_links a {margin: 0 -2px}

    .search_cont .input_cont {width: auto}
    .search_cont .select_cont + .input_cont,
    .search_cont .select_label + .input_cont {left: 160px}
    .add_role .select_cont + .input_cont {left: 220px}

    .guest_link_table tr th {padding-left: 10px; padding-right: 10px}
    .guest_link_table tr td {padding-left: 0; padding-right: 0}
    .guest_link_table tr td:last-child {padding-right: 10px}
    .guest_link_table tr th:first-child {width: 55%}
    .guest_link_table tr + tr th:last-child {padding-right: 10px}
    .guest_link_table .gray_btn {background: none; width: auto; height: auto; color: #d99134}
    .guest_link_table .gray_btn:hover {color: #fdc680}

    .table_cont table th {padding: 32px 10px 0}
    .table_cont table td {padding: 10px 10px}

    .sortable_table th[data-sort]:after {left: 5px; bottom: 5px}

    .guild_edit_cont label {display: none}

    .user_role {margin: -40px -10px; position: relative; top: 70%; text-align: center}

    .action_accept,
    .action_decline {margin: -5px 0}

    .region_image {margin-left: -15%}

    .user_role {min-width: 28px}

    .versus_cont {text-align: center}
    .vs_row {min-height: 130px; position: relative; background: url(../images/background/versus_bgr.png) repeat-x center top}
    .vs_col {min-height: 94px; line-height: 94px; position: relative;}
    .vs_title p,
    .vs_col p {line-height: 18px; display: inline-block; vertical-align: top; padding-top: 10px;}
    .vs_header_row {height: 130px; background: none}
    .vs_header_col {height: 130px; line-height: 130px; top: 0; position: absolute;}
    .vs_header_col p {font-size: 24px; font-weight: 700; color: #cac5ba; text-transform: uppercase; line-height: 110%; vertical-align: middle;}
    .vs_title {height: 35px; line-height: 35px; font-size: 16px; color: #d99134;}
    .vs_title p {vertical-align: middle;}
    .vs_text {font-size: 14px; color: #72726a; display: inline-block;}
    .vs_left {width: 48%;}
    .vs_right {right: 0; width: 48%;}
}

@media screen and (min-width: 600px) and (max-width: 720px) {
    .social_menu .social_menu_item {margin: 50px 80px}
}

@media screen and (max-width: 480px) {
    .dashboard_worlds {width: auto; display: block; background: #000}
}

@media screen and (max-width: 479px) {
    @-ms-viewport {width: 480px}
    @-o-viewport {width: 480px}
    @viewport {width: 480px}

    html, body {min-width: 480px; overflow: auto}
}

@media screen and (min-width: 1000px) {
    .top_bar_mobile {display: none}
    .top_bar {height: 72px; line-height: 72px; top: 0; left: 0; right: 0; position: absolute; background-color: rgba(30,31,31,.84); border-bottom: 1px solid #292b2a; text-shadow: 1px 1px 0 rgba(1,21,32,.45); z-index: 9}
    .top_icon {width: 29px; height: 25px; background-position: -192px -89px}
    .top_menu {padding-left: 12px; display: inline-block}
    .top_menu_get {margin-top: 12px; width: 184px; height: 48px; line-height: 48px; text-align: center; color: transparent; background-position: -287px 0; float: right; text-shadow: none}
    .top_menu_get:hover {background-position: -287px -52px}
    .top_menu_item {padding: 0 10px; line-height: 72px; display: inline-block; cursor: pointer; position: relative}
    .top_menu_item.has_submenu:after {margin: 0 5px; content: ''; width: 20px; height: 20px; background-position: 0 -4px; position: relative; display: inline-block; z-index: 11}
    .top_menu_item:before {width: 175px; height: 20px; content: ''; display: block; position: absolute; left: -20px; top: 0; background-position: -22px 0; opacity: 0; z-index: 11}
    .top_menu_item.has_submenu:hover:before {opacity: 1}
    .top_menu_item > a {font-size: 16px; font-weight: 700; text-transform: uppercase; color: #fff; position: relative}
    .top_menu_item:hover > a,
    .top_menu_item.active > a {color: #d99134; z-index: 11}
    .top_menu_item.active {cursor: default}
    .top_menu_item.active:before {margin: 0 auto; width: 39px; height: 69px; content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; background-position: -22px -246px; opacity: 1}
    .top_submenu {padding: 10px 25px 0; width: 158px; position: absolute; box-sizing: border-box; left: -10px; top: 100%; background-color: rgba(46,47,48,.87); opacity: 0; visibility: hidden; z-index: 10}
    .top_submenu:before {width: 17px; content: ''; display: block; position: absolute; left: -17px; top: 0; bottom: 0; background-position: 0 0}
    .top_submenu:after {width: 158px; height: 68px; content: ''; display: block; position: absolute; left: 0; top: 100%; background-position: -22px -25px; opacity: .8}
    .top_menu_item:hover .top_submenu {opacity: 1; visibility: visible}
    .top_submenu > a {padding: 10px 0; line-height: 120%; color: #bbbec0; display: block; position: relative}
    .top_submenu > a:before {height: 1px; content: ''; display: block; position: absolute; top: 50%; opacity: 0}
    /*.top_submenu > a:before {left: -25px; right: 105%; background-position: -22px -182px}*/
    .top_submenu > a:before {left: -25px; right: 105%; background-position: -86px -182px}
    /*.top_submenu > a:after {right: -25px; left: 105%; background-position: -85px -182px}*/
    .top_submenu > a:hover:before,
    .top_submenu > a:hover:after {opacity: 1}
    .top_submenu > a:hover {color: #c68530}
    .top_social {margin: 20px 0 -20px; line-height: normal; position: relative; z-index: 12}
    .top_social span {margin-bottom: 10px; font-size: 14px; line-height: 120%; color: #858683; display: block}
    .top_social_icon {margin-left: 10px; width: 26px; height: 26px; display: inline-block; opacity: .46}
    .top_social span + .top_social_icon {margin-left: 0}
    .top_social_icon:hover {opacity: 1}
    .top_menu_social_icon {opacity: 1}
    .top_menu_social_icon.facebook {background-position: 0 0}
    .top_menu_social_icon.twitter {background-position-x: -37px}
    .top_menu_social_icon.steam {background-position-x: -74px}
    .top_menu_social_icon:hover {opacity: 1; background-position-y: -34px}

    .hint_cont {left: 40px; top: 0; bottom: auto}

    .decorated_block,
    .decorated_block:before,
    .decorated_block:after {content: ''; width: 269px; display: block; position: absolute; background-image: url(../images/elements/blocks.png); background-repeat: repeat-y}
    .decorated_block {margin-bottom: 42px; min-height: 300px; background-position: -269px 0; position: relative}
    .decorated_block:before {height: 230px; top: -10px; left: 0; background-position: 0 0}
    .decorated_block:after {height: 145px; bottom: 0; left: 0; background-position: 0 -164px}
    .decorated_block.style2:before {background-position: 0 0}
    .decorated_block.style3:before {background-position: 0 -309px}
    .decorated_block.style2:after {background-position: 0 -610px}
    .decorated_block h2 {margin-bottom: 40px; font-size: 18px; color: #cac5ba}
    .decorated_block_cont {padding: 22px 38px; position: relative; z-index: 1}

    .right_categories .mobile_current {display: none}
    .simple_menu a {padding: 10px 0; font-size: 16px; display: block; line-height: 120%}
    .simple_menu a,
    .simple_menu a[href]:hover {color: #c18434}
    .simple_menu a[href] {color: #6e6e6c}
    .simple_menu h3 {margin-bottom: 15px; font-size: 16px; color: #c2bdb3; text-transform: uppercase}
    .simple_menu + .simple_menu {margin-top: 5px; padding-top: 25px; background-repeat: no-repeat; background-position: top center}

    .scriptorium .simple_menu a {padding: 5px 0}

    .last_comments a {margin-top: 13px; font-size: 14px; color: #6e6e6c; display: block; line-height: 140%}
    .last_comments a:first-child {margin-top: 0}
    .last_comments a:hover {color: #c18434}
    .last_comments small {font-size: 12px; color: #50504d; display: block}

    .tabs {margin-bottom: 30px; overflow: hidden}
    .tab_btn,
    .tab_btn:after,
    .tab_btn_cont {background-image: url(../images/elements/button.png)}
    .tab_btn:after,
    .tab_btn[href]:hover:after {width: 32px; height: 47px; content: ''; display: block; position: absolute; right: 0; top: 0; background-position: 0 -260px}
    .tab_btn[href]:after {background-position: 0 -208px}
    .tab_btn,
    .tab_btn[href]:hover {padding: 0 32px; height: 47px; line-height: 47px; width: 20%; font-weight: 700; color: #0e100f; text-transform: uppercase; display: block; float: left; text-align: center; box-sizing: border-box; background-position: 0 -156px; background-repeat: no-repeat; position: relative}
    .tab_btn[href] {color: #686861; background-position: 0 -104px}
    .tab_btn .tab_btn_cont,
    .tab_btn[href]:hover .tab_btn_cont {display: block; height: 47px; background-position: 0 -52px}
    .tab_btn[href] .tab_btn_cont {background-position: 0 0}

    .worldmap_cont {padding: 49px 0 0 7px; margin: 0 auto; width: 100%; max-width: 962px; height: 815px; background: url(../images/background/worldmap_bgr.png) no-repeat center; box-sizing: border-box}
    .worldmap_tabs {margin: 0 auto; width: 700px}
    .worldmap_tabs .tab_btn,
    .worldmap_tabs .tab_btn[href]:hover {width: 25%}

    .guildmap_cont {padding: 49px 0 0 8px; margin: 0 auto; width: 100%; max-width: 1082px; height: 815px; background: url(../images/background/guildmap_bgr.png) no-repeat center; box-sizing: border-box}

    .globalmap_cont {padding-top: 49px; margin: -20px auto; width: 100%; max-width: 1158px; height: 815px; background: url(../images/background/globalmap_bgr.png) no-repeat center; box-sizing: border-box}

    .market_cont {padding-top: 50px; margin: -30px auto 0; width: 100%; max-width: 1216px; height: 835px; background: url(../images/background/market_bgr.png) no-repeat center; box-sizing: border-box}
    .market {margin: 0 auto; width: 1026px; height: 722px}
    .market_mobile_warning {display: none}

    .account_tabs,
    .guild_tabs {padding: 30px 0 0; line-height: 45px; text-align: center}
    .account_tabs .delimeter_v {margin: 0 10px; display: inline-block}
    .account_tabs .tab_btn,
    .guild_tabs .tab_btn,
    .account_tabs .tab_btn[href]:hover,
    .guild_tabs .tab_btn[href]:hover {width: auto; min-width: 140px; color: #0e100f; display: inline-block; vertical-align: middle; float: none}
    .account_tabs .tab_btn[href],
    .guild_tabs .tab_btn[href] {color: #d99134}

    .guild_tabs {padding: 40px 0; margin: 0}
    .guild_tabs .tab_btn,
    .guild_tabs .tab_btn[href]:hover {margin: 0 7px; font-size: 15px; color: #d99134; font-weight: 400; font-style: italic; text-transform: none}
    .guild_tabs .tab_btn[href] {color: #d99134}
    .guild_tabs .tab_btn_cont {padding: 0 15px}
    .guild_tabs .tab_btn:after,
    .guild_tabs .tab_btn[href]:hover:after {background-position: 0 -419px}
    .guild_tabs .tab_btn .tab_btn_cont,
    .guild_tabs .tab_btn[href]:hover .tab_btn_cont {background-position: 0 -366px}
    .guild_tabs .tab_btn,
    .guild_tabs .tab_btn[href]:hover {background-position: 0 -313px}
    .guild_tabs .tab_btn[href]:after {background-position: 0 -208px}
    .guild_tabs .tab_btn[href] {background-position: 0 -104px}
    .guild_tabs .tab_btn[href] .tab_btn_cont {background-position: 0 0}
    .guild_tabs .tab_btn.red,
    .guild_tabs .tab_btn.red[href]:hover,
    .guild_tabs .tab_btn.red[href] {color: #ae2c2c}

    .account_block_row {display: inline-block}

    .main_contribution_slide.slide1 .gray,
    .main_contribution_slide.slide3 .gray {opacity: 0}

    .packs_fixed {height: 82px; background-color: #161616; box-shadow: 0 5px 5px 0 rgba(0,0,0,.5); position: fixed; left: 0; right: 0; top: 0; z-index: 1000; text-align: center; opacity: 0; pointer-events: none; display: block}
    .packs_fixed.active {opacity: 1}

    .add_role {text-align: center}
    .add_role .select_label {font-size: 16px}
    .add_role .select_cont {margin: 0 25px 0 10px; width: 220px}
    .add_role .input_cont {position: relative; display: inline-block}
    .add_role .input_cont input {font-size: 16px}

    .dashboard_worlds {margin-left: 20px; float: left}
    .dashboard_info {margin-left: 355px; margin-right: 20px; display: block}
    .dashboard_info table td:first-child {font-size: 18px; font-weight: 700}

    .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}
    .fancybox-wrap{position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:8020}
    .fancybox-skin{position:relative;color:#444;text-shadow:none; background: transparent url(../images/fancybox/fancybox_back.png) no-repeat center}
    .fancybox-skin .fancybox-inner {width: 827px !important; height: 465px !important; position: relative; z-index: 2; overflow: hidden !important}
    .fancybox-skin .fancybox-inner:after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 827px; height: 466px; background: url(../images/fancybox/fancybox_overlay.png); pointer-events: none}
    .fancybox-opened{z-index:8030; width: auto!important;}
    .fancybox-opened .fancybox-skin {box-shadow: none}
    .fancybox-outer,.fancybox-inner{position:relative}
    .fancybox-inner{overflow:hidden}
    .fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}
    .fancybox-error{color:#444;font:14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:15px;white-space:nowrap}
    .fancybox-image {display:block;width:auto;height:100%;margin: 0 auto;}
    .fancybox-iframe {display:block;width:100%;height:100%;}
    .fancybox-image{max-width:100%;max-height:100%}
    #fancybox-loading{background-image:url(../images/vendor/fancybox/fancybox_sprite.png)}
    #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060}
    #fancybox-loading div{width:44px;height:44px;background:url(../images/vendor/fancybox/fancybox_loading.gif) center center no-repeat}
    .fancybox-nav{position:absolute;top:5%;width:40%;height:88%;cursor:pointer;text-decoration:none;background:transparent url(../images/vendor/fancybox/blank.gif); -webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}
    .fancybox-tmp{position:absolute;top:-99999px;left:-99999px;max-width:99999px;max-height:99999px;overflow:visible !important}
    .fancybox-lock{overflow:visible !important; width:auto}
    .fancybox-lock body{overflow:hidden !important}
    .fancybox-lock-test{overflow-y:hidden !important}
    .fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:rgba(15,18,21,.76)}
    .fancybox-overlay-fixed{position:fixed;bottom:0;right:0}
    .fancybox-lock .fancybox-overlay{overflow-y:scroll; overflow-x:hidden}
    .fancybox-nav span {visibility: hidden}
    .fancybox-prev span,
    .fancybox-next span {width: 36px; height: 63px; margin-top: -31px}
    .fancybox-close {right: 0}
    .fancybox-desc {bottom: auto; top: 600px}
    .fancybox-desc h2 {margin-bottom: 5px; font-size: 18px; text-align: left; color: #3c2f2a}
    .fancybox-share {background: url(../images/fancybox/fancybox_share.png) no-repeat left top}
    .fancybox-share {display: inline-block}
    .fancybox-share a {color: #000}
    .fancybox-download {right: 35px; top: 0}
    .fancybox-share + .fancybox-download {top: 35px}
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .media_item {margin: .85%}
}

@media screen and (min-width: 1199px) {
    .news_item_big .main_news_item_link {font-size: 22px}
    .news_item_big p {margin-left: 394px; font-size: 16px}
    .news_item_big .main_news_item_image {padding-top: 0; margin-right: 25px; width: 369px; height: 217px; display: block; position: relative}
    .news_item_big .main_news_item_image img {min-width: 369px; max-height: 217px}
    .news_item_big .main_news_item_image:after {width: 369px; height: 217px; content: ''; position: absolute; display: block; background-image: url(../images/news/image_overlay_big.png); top: 0; left: 0}
    .news_item_big .main_news_item_image:before {width: 369px; height: 217px; content: ''; position: absolute; display: block; background-color: rgba(255,255,255,.1); top: 0; left: 0; opacity: 0}
    .news_item_big .main_news_item_image:hover:before {opacity: 1}
    .gallery {margin: 0 -10% 40px 0}
    .gallery .view_all {margin-top: 0}

    .media_item {margin: 0 3.8% 20px -16px; width: 279px; height: 162px; position: relative; display: inline-block}
    .media_item:before {width: 232px; height: 131px; content: ''; position: absolute; display: block; background-color: rgba(255,255,255,.1); top: 16px; left: 23px; right: auto; bottom: auto; opacity: 0}
    .media_item:after {width: 279px; height: 162px; content: ''; position: absolute; display: block; background-image: url(../images/media/media_overlay.png); top: 0; left: 0}
    /*.media_item img {margin: 16px 0 0 23px; max-width: 232px; max-height: 131px; display: block}*/
    .media_item img {margin: 16px auto 0 auto; max-width: 232px; max-height: 131px; display: block}
}

@media screen and (min-width: 1000px) and (max-width: 1250px) {
    .main_gallery .wrap {padding: 0 0 0 20px}
}

@media screen and (max-width: 1250px) {
    .download_block {padding-top: 70px}
    .get_block_wrap_video,
    .get_block.download {height: 565px}
    .pack_hovered_bgr_bottom {left: -60px}
}

@media screen and (max-width: 1024px) {
    .account_head {padding-bottom: 30px}
    .pack_hovered_bgr_top,
    .pack_hovered_bgr_bottom {left: -100px}
}

@media screen and (min-width: 1250px) and (max-width: 1372px) {
    .download_block {padding-top: 30px}
    .get_block_wrap_video,
    .get_block.download {height: 680px}
}

.versus_cont {
    width: 100%;
}

@media screen and (min-width: 720px) {
    .page_cont.versus {background-image: url(../images/background/body_versus.jpg)}
    .page_cont.versus .wrap {height: 1150px}
    .versus_cont {padding: 0 30px; margin: 0 auto; max-width: 740px; position: absolute; left: 0; right: 0; top: 85px;}
    .vs_row {height: 89px; position: relative}
    .vs_col,
    .vs_title {height: 89px; line-height: 89px; position: absolute; top: 0}
    .vs_title p,
    .vs_col p {line-height: 18px; vertical-align: middle; display: inline-block}
    .vs_header_row {height: 132px}
    .vs_header_col {height: 120px; line-height: 120px;}
    .vs_header_col p {font-size: 24px; font-weight: 700; color: #cac5ba; text-transform: uppercase; line-height: 110%}
    .vs_title {font-size: 16px; color: #d99134; margin: 0 auto; width: 140px; text-align: center; left: 0; right: 0}
    .vs_text {font-size: 14px; color: #72726a}
    .vs_left {text-align: right; left: 0; right: 63%}
    .vs_right {text-align: left; right: 0; left: 63%; padding-left: 15px}
}

/* additional css */
.custom_logo {height: 120px; top: 110px; background-size: contain; background-position: center}
.custom_logo.fv_logo {background-image: url("/static/images/logo/FV/FV_vert.png")}
.custom_logo.mmo_logo {background-image: url("/static/images/logo/MMO/logo_layers_blue_MMO_7.png")}
.custom_logo.yo_logo {background-image: url("/static/images/logo/YO/logo_blue_horisontal_YO.png")}
.without-logo {margin-top: 73px;padding-top: 30px;}
.text_block h1 {font-size: 22px;color: #cac5ba; margin-bottom: 25px;}
.text_block h2 {font-size: 20px;color: #cac5ba; margin-bottom: 25px;}
.text_block h3 {font-size: 18px;color: #cac5ba; margin-bottom: 25px;}
.text_block h4 {font-size: 16px;color: #cac5ba; margin-bottom: 25px;}
.text_block a {color: #d99134;}

.bil_submenu { line-height: 100%; }
.bil_submenu .bil_submenu_title {color: #bbbec0; font-size: 16px; line-height: 120%; cursor: default}
.bil_submenu .bil_submenu_content {list-style-type: none; line-height: 120%; padding-top: 10px}
.bil_submenu .bil_submenu_content a {line-height: 100%; font-size: 14px; color: #858683; padding: 5px}
.bil_submenu .bil_submenu_content a:hover {color: #d99134}

@media screen and (max-width: 480px) {
    .xsolla_menu_item_premium_shop {
        display: none;
    }
}

.mediaPanel {
    width: 1025px;
    height: 668px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
}
.mediaPanelmin {
    width: 1025px;
    height: 328px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
}
.medialine1 {
    width: 100%;
    display: block;

}
.mediablock1{
    width: 512px;
    height: 288px;
    background-image: url("https://lifeisfeudal.com/static/images/site/media01.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    position: relative;
    padding-bottom: 1px;
    /*  opacity: .4;*/
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: CalibriBold, Arial, Calibri;
    font-size: 25pt;
    color: #D9D9D9;
    text-decoration: none;
    text-shadow: 1px 1px 1px black, -1px -1px 1px black;
}
.mediablock1:before {
    position: absolute;
    content: '';
    top: 0; right: 0; bottom: 0; left: 0;
    background-color: #04090A;
    opacity: 0.5;
}
.mediablock1:hover:before {
    opacity: 0;
}
.mediablock3{
    width: 512px;
    height: 288px;
    background-image: url("https://lifeisfeudal.com/static/images/site/media03.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    display: block;
    padding-bottom: 1px;
    /*  opacity: .8;*/
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: CalibriBold, Arial, Calibri;
    font-size: 25pt;
    color: #D9D9D9;
    text-decoration: none;
    text-shadow: 1px 1px 1px black, -1px -1px 1px black;
    position: relative;

}
.mediablock3:before {
    position: absolute;
    content: '';
    top: 0; right: 0; bottom: 0; left: 0;
    background-color: #04090A;
    opacity: 0.5;
}
.mediablock3:hover:before {
    opacity: 0;
}
.mediablock3:hover .e_button7 {
    background-image: url("https://lifeisfeudal.com/static/images/site/button_rollover.png");
    background-repeat: no-repeat;
    /*    background-size: 100% 100%;*/
    text-shadow: none;
}
.mediablock4{
    width: 512px;
    height: 288px;
    background-image: url("https://lifeisfeudal.com/static/images/site/media04.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: right;
    display: block;
    padding-bottom: 1px;
    /* opacity: .8;*/
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: CalibriBold, Arial, Calibri;
    font-size: 25pt;
    color: #D9D9D9;
    text-decoration: none;
    text-shadow: 1px 1px 1px black, -1px -1px 1px black;
    position: relative;
}
.mediablock4:before {
    position: absolute;
    content: '';
    top: 0; right: 0; bottom: 0; left: 0;
    background-color: #04090A;
    opacity: 0.5;
}
.mediablock4:hover:before {
    opacity: 0;
}
.mediablock4:hover .e_button7 {
    background-image: url("https://lifeisfeudal.com/static/images/site/button_rollover.png");
    background-repeat: no-repeat;
    /*    background-size: 100% 100%;*/
    text-shadow: none;
}
.e_button1 {
    background-image: url("https://lifeisfeudal.com/static/images/site/button1.png");
    background-repeat: no-repeat;

    width: 219px;
    height: 68px;
    margin-left: auto;
    margin-top: 110px;
    margin-right: auto;
    text-decoration: none;
    text-align: center;
    font-family: CalibriBold, Arial, Calibri;
    font-size: 25pt;
    color: #D9D9D9;
    text-decoration: none;
    padding-top: 20px;
    display: inline-block;
    letter-spacing: 0px;
    cursor: pointer;
}

.full_article {
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    font-family: LatoRegular, Arial;
    font-size: 13pt;
    font-weight: 400;
    width: 80%;
}

.full_article a {
    color: #f09b08;
    text-decoration: none;
}

.full_article img {
    max-width: 100%;
}

/* /landing page */
.screen-zero {
    background-color: #000;
    background-size: 100% auto;
    box-sizing: border-box;
    margin-top: 150px;
    margin-bottom: 50px;
}

.screen-zero .zero-title-small{
  color: #c7851d;
  font-family: 'GoudyTrajan-Bold', 'Times New Roman', sans-serif;
  font-size: 36px;
  margin-bottom: 10px;
  text-transform: uppercase;
  text-align: center;
}

.screen-zero .zero-title-big{
  color: #c7851d;
  font-family: 'GoudyTrajan-Bold', 'Times New Roman', sans-serif;
  font-size: 60px;
  margin-bottom: 25px;
  margin-top: 0;
  text-transform: uppercase;
  text-align: center;
}

.screen-zero .zero-text{
  color: rgba(255,255,255,.8);
  font-size: 15px;
  text-align: center;
  line-height: 24px;
}

.top-menu {
  background-color: #000;
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/back.png');
  background-position: center 110px;
  background-repeat: no-repeat;
  height: 325px;
}

.top-menu .wrap {
  padding: 0 50px;
  margin: 0 auto;
  max-width: 1300px;
  box-sizing: border-box;
}

.top-menu .one-ornament-block{
  height: 315px;
  /* border-bottom: 1px solid rgba(199,133,29,0.5); */
}

.top-menu .one-ornament{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/ornament_5slots.png');
  background-position: center center;
  background-repeat: no-repeat;
  height: 285px;
  margin-bottom: 35px;
  position: relative;
}

.top-menu .one-ornament:after {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  bottom: -56px;
  background: url('https://lifeisfeudal.com/static/images/majupdate/line.png') no-repeat center;
}

.top-menu .one-ornament .wrap{
  display: flex;
  max-width: 1230px;
  padding-right: 28px;
  padding-left: 40px;
}

.top-menu .one-ornament .wrap .one-ornament-item{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/shtamp.png');
  background-repeat: no-repeat;
  background-position: center 80px;
  display: block;
  padding-right: 0;
  padding-top: 78px;
  position: relative;
  height: 235px;
}

.top-menu .one-ornament .wrap .one-ornament-item.active{
  cursor: auto;
}

.top-menu .one-ornament .wrap .one-ornament-item.active:after{
  background: rgba(14,14,14, 0.99);
  height: 6px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  bottom: -13px;
  z-index: 8;
}

.top-menu .one-ornament .wrap .one-ornament-item:hover{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/shtamp_h.png');
}

.top-menu .one-ornament .wrap .one-ornament-item.unimap:hover{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/shtamp.png');
}

.top-menu .one-ornament .wrap .one-ornament-item.active:hover{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/shtamp.png');
}

.top-menu .one-ornament .wrap .one-ornament-item.unimap{
  flex: 13;
}

.top-menu .one-ornament .wrap .one-ornament-item.pvparena{
  flex: 15;
}

.top-menu .one-ornament .wrap .one-ornament-item.clergy{
  flex: 15;
}

.top-menu .one-ornament .wrap .one-ornament-item.newoutposts{
  flex: 15;
}

.top-menu .one-ornament .wrap .one-ornament-item.slaves{
  flex: 15;
}

.top-menu .one-ornament .wrap .one-ornament-item .one-ornament-item-img{
  height: 147px;
  background-repeat: no-repeat;
  background-position: center center;
}

.top-menu .one-ornament .wrap .one-ornament-item.active .one-ornament-item-img{
  height: 190px;
}

.top-menu .one-ornament .wrap .one-ornament-item.unimap .one-ornament-item-img{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/1_map.png');
}

/* .top-menu .one-ornament .wrap .one-ornament-item:hover.unimap .one-ornament-item-img{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/1_map_h.png');
} */

.top-menu .one-ornament .wrap .one-ornament-item.active.unimap .one-ornament-item-img, .top-menu .one-ornament .wrap .one-ornament-item:hover.active.unimap .one-ornament-item-img{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/1_map_b.png');
}

.top-menu .one-ornament .wrap .one-ornament-item.pvparena .one-ornament-item-img{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/2_shild.png');
}

.top-menu .one-ornament .wrap .one-ornament-item:hover.pvparena .one-ornament-item-img{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/2_shild_h.png');
}

.top-menu .one-ornament .wrap .one-ornament-item.active.pvparena .one-ornament-item-img, .top-menu .one-ornament .wrap .one-ornament-item:hover.active.pvparena .one-ornament-item-img{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/2_shild_b.png');
  background-position: 49px -2px;
}

.top-menu .one-ornament .wrap .one-ornament-item.clergy .one-ornament-item-img{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/3_papa.png');
}

.top-menu .one-ornament .wrap .one-ornament-item:hover.clergy .one-ornament-item-img{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/3_papa_h.png');
}

.top-menu .one-ornament .wrap .one-ornament-item.newoutposts .one-ornament-item-img{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/4_outpost.png');
}

.top-menu .one-ornament .wrap .one-ornament-item:hover.newoutposts .one-ornament-item-img{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/4_outpost_h.png');
}

.top-menu .one-ornament .wrap .one-ornament-item.slaves .one-ornament-item-img{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/5_slave.png');
}

.top-menu .one-ornament .wrap .one-ornament-item:hover.slaves .one-ornament-item-img{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/5_slave_h.png');
}

.top-menu .one-ornament .wrap .one-ornament-item .one-ornament-item-text{
  color: rgba(255,255,255,.75);
  background-repeat: no-repeat;
  background-position: center center;
  font-family: 'GoudyTrajan-Bold', 'Times New Roman', sans-serif;
  font-size: 25px;
  text-align: center;
  text-transform: uppercase;
  padding-top: 40px;
  margin-top: 2px;
  padding-bottom: 10px;
}

.top-menu .one-ornament .wrap .one-ornament-item.active .one-ornament-item-text{
  color: #c7851d;
  font-size: 27px;
  position: absolute;
  z-index: 9;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}

.top-menu .one-ornament .wrap .one-ornament-item.active .one-ornament-item-text span{
  display: block;
  margin: 0 auto;
}

.top-menu .one-ornament .wrap .one-ornament-item.unimap .one-ornament-item-text{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/1.png');
}

.top-menu .one-ornament .wrap .one-ornament-item.active.unimap .one-ornament-item-text{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/1_b.png');
}

.top-menu .one-ornament .wrap .one-ornament-item.pvparena .one-ornament-item-text{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/2.png');
}

.top-menu .one-ornament .wrap .one-ornament-item.active.pvparena .one-ornament-item-text{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/2_b.png');
}

.top-menu .one-ornament .wrap .one-ornament-item.clergy .one-ornament-item-text{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/3.png');
}

.top-menu .one-ornament .wrap .one-ornament-item.newoutposts .one-ornament-item-text{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/4.png');
}

.top-menu .one-ornament .wrap .one-ornament-item.slaves .one-ornament-item-text{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/5.png');
}

/****************FIXED***********************/
.top-menu .one-ornament.fixed {
    background: #000000;
    border-bottom: 1px solid rgba(199,133,29,0.5);
    height: 94px;
    margin-bottom: 35px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
}

.top-menu .one-ornament.fixed:after {
    background: none;
}

.top-menu .one-ornament.fixed .wrap .one-ornament-item, .top-menu .one-ornament.fixed .wrap .one-ornament-item:hover{
  background: transparent;
  display: block;
  padding-right: 0;
  padding-top: 10px;
  height: 84px;
}

.top-menu .one-ornament.fixed .wrap .one-ornament-item.active:after{
  background: none;
}

.top-menu .one-ornament.fixed .wrap .one-ornament-item .one-ornament-item-img{
  display: none;
}

.top-menu .one-ornament.fixed .wrap .one-ornament-item.active{
  padding-top: 6px;
}

.top-menu .one-ornament.fixed .wrap .one-ornament-item .one-ornament-item-text{
  background-position: center 14px;
  padding-bottom: 17px;
}

.top-menu .one-ornament.fixed .wrap .one-ornament-item:hover .one-ornament-item-text{
  font-size: 27px;
}

.top-menu .one-ornament.fixed .wrap .one-ornament-item.active .one-ornament-item-text{
  background-position: center 3px;
  color: #c7851d;
  cursor: pointer;
  font-size: 27px;
  padding-top: 40px;
}

.top-menu .one-ornament.fixed .wrap .one-ornament-item.active:hover .one-ornament-item-text{
  color: #c7851d;
  font-size: 29px;
  padding-top: 40px;
}

.top-menu .one-ornament.fixed .wrap .one-ornament-item.active .one-ornament-item-text span{
  background: none;
}

.top-menu .one-ornament.fixed .wrap .one-ornament-item.active.unimap .one-ornament-item-text{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/1_b.png');
}

.top-menu .one-ornament.fixed .wrap .one-ornament-item.active.pvparena .one-ornament-item-text{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/2_b.png');
}

.top-menu .one-ornament.fixed .wrap .one-ornament-item.active.clergy .one-ornament-item-text{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/3_b.png');
}

.top-menu .one-ornament.fixed .wrap .one-ornament-item.active.newoutposts .one-ornament-item-text{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/4_b.png');
}

.top-menu .one-ornament.fixed .wrap .one-ornament-item.active.slaves .one-ornament-item-text{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/5_b.png');
}
/***************************************/

.screen-one {

}

.screen-one .one-preview{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/MPP_Map_04.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.screen-two{
  position: relative;
}

.screen-two::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-two .two-preview{
  background-color: #000;
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/MPP_PVP_02.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.screen-two .pvp-arena{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/pvp_arena.png');
  background-position: right 17px;
  background-repeat: no-repeat;
  height: 625px;
  padding-top: 90px;
}

.screen-two .pvp-arena .pvp-arena-title-small{
  color: #c7851d;
  font-family: 'GoudyTrajan-Bold', 'Times New Roman', sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.screen-two .pvp-arena .pvp-arena-title-big{
  color: #c7851d;
  font-family: 'GoudyTrajan-Bold', 'Times New Roman', sans-serif;
  font-size: 44px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.screen-two .pvp-arena .pvp-arena-text-block{
  margin-bottom: 25px;
}

.screen-two .pvp-arena .pvp-arena-text{
  color: rgba(255,255,255,.5);
  font-size: 18px;
  line-height: 24px;
}

.screen-two .pvp-arena .pvp-arena-text.wb{
  color: rgba(255,255,255,.75);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.screen-two .pvp-arena .pvp-arena-text .lyell{
  color: #c7851d;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.screen-two .pvp-arena .pvp-arena-text .wh{
  color: rgba(255,255,255,1);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.screen-two .pvp-arena .pvp-arena-text .dyell{
  color: #c3802d;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.screen-three{
  position: relative;
}

.screen-three::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-three .three-preview{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/MPP_CRD_02.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.screen-four{
  position: relative;
}

.screen-four::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-four .four-preview{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/MPP_OTP_03.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.screen-five{
  position: relative;
}

.screen-five::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-five .full-text{
  height: 315px;
}

.screen-five .five-preview{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/MPP_SLV_03.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.screen-six {
  position: relative;
}

.screen-six::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-six .six-preview{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/fixes_back.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px;
  position: relative;
}

.screen-six .bug-fixes-block{
  width: 100%;
  position: relative;
}

.screen-six .bug-fixes-title{
  color: #c7851d;
  font-family: 'GoudyTrajan-Bold', 'Times New Roman', sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 44px;
  padding-left: 23px;
}

.screen-six .bug-fixes-content{
  display: flex;
}

.screen-six .bug-fixes-content .bug-fixes-content-title{
  color: #c7851d;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}

.screen-six .bug-fixes-content .bug-fixes-content-list{
  margin-bottom: 25px;
}

.screen-six .bug-fixes-content .bug-fixes-content-list li{
  color: rgba(255,255,255,.75);
  font-size: 16px;
  line-height: 22px;
  list-style: none;
  margin-bottom: 10px;
}

.screen-six .bug-fixes-content .bug-fixes-content-list li:before {
  background: url('https://lifeisfeudal.com/static/images/majupdate/bulit.png') no-repeat;
  content: " ";
  margin-left: -20px;
  margin-top: 6px;
  position: absolute;
  width: 10px;
  height: 10px;
}

.screen-six .bug-fixes-content .bug-fixes-content-list li span.bw{
  color: rgba(255,255,255,1);
  font-size: 18px;
  font-weight: 600;
}

.screen-six .bug-fixes-content .bug-fixes-left{
  flex: 2;
  padding-left: 23px;
  padding-right: 20px;
}

.screen-six .bug-fixes-content .bug-fixes-right{
  flex: 2;
  padding-left: 23px;
}

.screen-six .bug-fixes-content .bug-fixes-left .bug-fixes-left-title, .screen-six .bug-fixes-content .bug-fixes-right .bug-fixes-right-title{
  color: #8a5b1d;
  font-family: 'GoudyTrajan-Bold', 'Times New Roman', sans-serif;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.hidden{
  display: none;
  /* display: block; */
}

.screen-seven {
  position: relative;
}

.screen-seven:before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-seven .seven-preview{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/gift1.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 454px;
  position: relative;
}

.screen-seven .thank-you{
  padding-left: 34%;
}

.screen-seven .thank-you .thank-you-title-small{
  color: #8a5b1d;
  font-family: 'GoudyTrajan-Bold', 'Times New Roman', sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 28px;
}

.screen-seven .thank-you .thank-you-title-big{
  color: #c7851d;
  font-family: 'GoudyTrajan-Bold', 'Times New Roman', sans-serif;
  font-size: 50px;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-top: 80px;
}

.screen-seven .thank-you .thank-you-text{
  color: rgba(255,255,255,.75);
  font-size: 16px;
  line-height: 26px;
  list-style: none;
  margin-bottom: 50px;
}

.screen-seven .thank-you .thank-you-small-text{
  color: rgba(255,255,255,.5);
  font-size: 14px;
  line-height: 22px;
  list-style: none;
  margin-bottom: 0;
}

.screen-seven .thank-you .thank-you-small-text span.bw{
  color: rgba(255,255,255,1);
  font-weight: 600;
}

.screen-seven .thank-you .thank-you-button{
  display: flex;
  margin-top: 35px;
}

.screen-seven .thank-you .thank-you-button a{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/bttn_default.png');
  background-repeat: no-repeat;
  color: rgba(255,255,255,.75);
  font-size: 15px;
  font-weight: 600;
  justify-content: center;
  display: flex;
  align-items: center;
  width: 143px;
  height: 47px;
  text-decoration: none;
}

.screen-seven .thank-you .thank-you-button a:hover{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/bttn_hover_yellow.png');
}

.screen-eight{
  position: relative;
}

.screen-eight::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-eight .eight-preview{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/Guild-Ranking.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.screen-nine{
  height: 32px;
  width: 100%;
  display: block;
  position: absolute;
  margin-top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.preview{
  display: flex;
}

.preview .wrap{
  /* justify-content: center; */
  display: flex;
  align-items: center;
}

.preview .wrap .preview-block{
  width: 50%;
}

.preview .wrap .preview-block.center{
  width: 100%;
}

.preview .wrap .preview-block .preview-overtitle{
  color: rgba(255,255,255,.75);
  font-family: 'GoudyTrajan-Bold', 'Times New Roman', sans-serif;
  font-size: 27px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.preview .wrap .preview-block.center .preview-overtitle{
  text-align: center;
  margin-bottom: 55px;
}

.preview .wrap .preview-block .preview-title{
  color: #c7851d;
  font-family: 'GoudyTrajan-Bold', 'Times New Roman', sans-serif;
  font-size: 44px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.preview .wrap .preview-block .preview-number{
  position: absolute;
  margin-left: -27px;
  margin-top: -40px;
}

.preview .wrap .preview-block .preview-text{
  color: rgba(255,255,255,.75);
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
}

.preview .wrap .preview-block.center .preview-text{
  background: url(https://lifeisfeudal.com/static/images/majupdate/bulit.png) no-repeat center bottom;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.preview .wrap .preview-block.center .preview-text:last-child{
  background: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.preview .wrap .preview-block .preview-text a{
  color: #c7851d;
  font-size: 18px;
  line-height: 24px;
  text-decoration: underline;
}

.preview .wrap .preview-block .preview-subtitle{
  color: #c7851d;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 4px;
  font-weight: 600;
}

.preview .wrap .preview-block .preview-text.nomargin{
  margin-bottom: 0;
}

.preview .wrap .preview-block .preview-text.tsmall{
  color: rgba(255,255,255,.5);
  font-size: 15px;
  line-height: 24px;
}

.preview .wrap .preview-block .preview-text span.bw{
  color: rgba(255,255,255,1);
  font-weight: 600;
}

.preview .wrap .preview-block .preview-text ul li{
  list-style: none;
}

.preview .wrap .preview-block .preview-text ul li:before{
  background: url(https://lifeisfeudal.com/static/images/majupdate/bulit.png) no-repeat;
  content: " ";
  margin-left: -20px;
  margin-top: 6px;
  position: absolute;
  width: 10px;
  height: 10px;
}

.preview .more-text{
  display: flex;
}

.preview .more-text .more-text-inner{
  justify-content: center;
  display: flex;
  align-items: center;
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/bttn_box.png');
  background-repeat: no-repeat;
  cursor: pointer;
  color: #c7851d;
  font-size: 18px;
  font-style: italic;
  width: 210px;
  height: 40px;
  /* margin-left: -25px; */
  margin-top: 20px;
  margin-bottom: 20px;
}

.preview .more-text .more-text-inner:hover{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/bttn_box_hover.png');
}

.full-text{
  padding-top: 70px;
  padding-bottom: 70px;
  background: #000;
}

.full-text .rightb{
  float: right;
  margin-left: 25px;
  margin-bottom: 25px;
}

.full-text .rightb.leaderboard{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/corner.png');
  background-repeat: no-repeat;
  background-position: bottom left;
}

.full-text .rightb.slv{
  margin-left: 80px;
}

.full-text .rightb .rightb-text{
  color:rgba(255,255,255,.75);
  font-size: 16px;
  margin: 15px 20px 25px 25px;
}

.full-text .full-text-block{
  margin-bottom: 20px;
}

.full-text .full-text-block .title{
  color: #c7851d;
  font-family: 'GoudyTrajan-Bold', 'Times New Roman', sans-serif;
  font-size: 22px;
  font-weight: 600;
  margin-top: 45px;
  margin-bottom: 0;
}

.full-text .full-text-block .title.upp{
  text-transform: uppercase;
}

.full-text .full-text-block .subtitle{
  color: #c7851d;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}

.full-text .full-text-block .text{
  color:rgba(255,255,255,.75);
  font-size: 15px;
  line-height: 24px;
}

.full-text .full-text-block .text.margin{
  margin-bottom: 6px;
}

.full-text .full-text-block .text a{
  color: #c7851d;
}

.full-text .full-text-block .text span.bw{
  color: rgba(255,255,255,1);
  font-weight: 600;
}

.full-text ul{
  padding-left: 18px;
}

.full-text ol{
  padding-left: 25px;
}

.full-text ul li, .full-text ol li {
  color: rgba(255,255,255,.75);
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 2px;
}

.full-text ul li {
  list-style: none;
}

.full-text ul li:before {
  background: url(https://lifeisfeudal.com/static/images/majupdate/bulit.png) no-repeat;
  content: " ";
  margin-left: -20px;
  margin-top: 6px;
  position: absolute;
  width: 10px;
  height: 10px;
}

.full-text ul li span.bw, .full-text ol li span.bw{
  color: rgba(255,255,255,1);
  font-weight: 600;
}

.full-text table.full-text-list{
  width: 918px;
  margin-bottom: 60px;
}

.full-text table.full-text-list thead{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/table_header.png');
  background-repeat: no-repeat;
}

.full-text table.full-text-list thead tr{
  height: 68px;
}

.full-text table.full-text-list thead tr td{
  color:rgba(255,255,255,.5);
  font-size: 15px;
  vertical-align: bottom;
  padding-bottom: 20px;
  padding-left: 20px;
  text-align: left;
}

.full-text table.full-text-list thead tr td:nth-child(1){
  width: 33%;
}

.full-text table.full-text-list thead tr td:nth-child(2){
  width: 31%;
}

.full-text table.full-text-list thead tr td:nth-child(3){
  width: 35%;
}

.full-text table.full-text-list tbody tr{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/table_line.png');
  /* background-image:url('https://lifeisfeudal.com/static/images/majupdate/line.png'); */
  background-repeat: no-repeat;
  background-position: 18px bottom;
  background-size: 882px auto;
}

.full-text table.full-text-list tbody tr td{
  color:rgba(255,255,255,.75);
  font-size: 15px;
  line-height: 24px;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-left: 20px;
  text-align: left;
}

.full-text table.full-text-list tbody tr td:nth-child(1){
  width: 33%;
}

.full-text table.full-text-list tbody tr td:nth-child(2){
  width: 31%;
}

.full-text table.full-text-list tbody tr td:nth-child(3){
  width: 35%;
}

.full-text table.full-text-list tbody tr td .god-block{
  background-repeat: no-repeat;
  padding-left: 40px;
  min-height: 40px;
  padding-top: 5px;
  margin-top: -5px;
}

.full-text table.full-text-list tbody tr td .god-block.svefni{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/1_svefni.png');
}

.full-text table.full-text-list tbody tr td .god-block.aori{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/2_aori.png');
}

.full-text table.full-text-list tbody tr td .god-block.glum{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/3_glum.png');
}

.full-text table.full-text-list tbody tr td .god-block.amate{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/4_amate.png');
}

.full-text table.full-text-list tbody tr td .god-block.kallente{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/5_kallente.png');
}

.full-text table.full-text-list tbody tr td .god-block.holza{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/6_holza.png');
}

.full-text table.full-text-list tbody tr td .god-block.djomfru{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/7_djomfru.png');
}

.full-text table.full-text-list tbody tr td .god-block.velent{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/8_velent.png');
}

.full-text table.full-text-list tbody tr td .god-block.djodu{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/9_djodu.png');
}

.full-text table.full-text-list tbody tr td .god-block.sofapek{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/10_sofapek.png');
}

.full-text table.full-text-list tbody tr td .god-block.terskel{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/11_terskel.png');
}

.full-text table.full-text-list tbody tr td .god-block.jodenande{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/12_Jodenande.png');
}

.full-text table.full-text-list tbody tr td .god-name{
  color:rgba(255,255,255,1);
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}

.full-text table.full-text-list tbody tr td .god-desc{
  color:rgba(255,255,255,.75);
  font-size: 15px;
  line-height: 24px;
}

.full-text .less-text{
  display: flex;
}

.full-text .less-text.mtop{
  margin-top: 54px
}

.full-text .less-text .less-text-inner{
  justify-content: center;
  display: flex;
  align-items: center;
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/bttn_box.png');
  background-repeat: no-repeat;
  cursor: pointer;
  color: #c7851d;
  font-size: 18px;
  font-style: italic;
  width: 210px;
  height: 40px;
  /* margin-left: -25px; */
  margin-top: 20px;
  margin-bottom: 20px;
}

.full-text .less-text .less-text-inner:hover{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/bttn_box_hover.png');
}

.full-text .prime-time-title{
  color: #c7851d;
  font-size: 18px;
  line-height: 24px;
  font-weight: 200;
}

.full-text .prime-time-days{
  color: #c7851d;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
  font-weight: 200;
}

.full-text .prime-time-block{
  background: url(https://lifeisfeudal.com/static/images/smu/ranks_grid.png) no-repeat scroll 0px 14px;
      margin-left: -40px;
      padding-left: 20px;
      margin-top: 10px;
      padding-bottom: 8px;
      margin-bottom: 35px;
}

.full-text .prime-time-block table.prime-time-table{}

.full-text .prime-time-block table.prime-time-table thead tr td{
  font-size: 14px;
  line-height: 20px;
  font-weight: 200;
  padding: 4px 8px;
}

.full-text .prime-time-block table.prime-time-table thead tr td:nth-child(1), .full-text .prime-time-block table.prime-time-table thead tr td:nth-child(2), .full-text .prime-time-block table.prime-time-table thead tr td:nth-child(3), .full-text .prime-time-block table.prime-time-table thead tr td:nth-child(4){
  color: rgba(255,255,255,.75);
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 200;
}

.full-text .prime-time-block table.prime-time-table thead tr td:nth-child(6), .full-text .prime-time-block table.prime-time-table thead tr td:nth-child(7), .full-text .prime-time-block table.prime-time-table thead tr td:nth-child(8){
  color: #c7851d;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 200;
}

.full-text .prime-time-block table.prime-time-table tbody tr td{
  color: #ffffff;
  font-size: 17px;
  line-height: 20px;
  font-weight: 200;
  padding: 9px 15px 10px 15px;
  text-align: center;
}

.full-text .prime-time-block table.prime-time-table tbody tr:last-child td{
  padding-bottom: 20px;
}

.full-text .prime-time-block table.prime-time-table tbody tr td:nth-child(1), .full-text .prime-time-block table.prime-time-table tbody tr td:nth-child(5){
  color: rgba(255,255,255,.75);
}

@media (max-width: 800px){
  .screen-zero .zero-text{
    padding: 0 25px;
  }
  .screen-eight .eight-preview{
    height: 790px;
  }
}
@media (max-width: 660px){
  .top-menu .one-ornament .wrap .one-ornament-item.active.unimap .one-ornament-item-img{
      background-size: 100px 100px;
  }
  .top-menu .one-ornament .wrap .one-ornament-item.pvparena .one-ornament-item-img {
      background-size: 100px 100px;
  }
  .top-menu .one-ornament .wrap .one-ornament-item.clergy .one-ornament-item-img {
      background-size: 100px 100px;
  }
  .top-menu .one-ornament .wrap .one-ornament-item.newoutposts .one-ornament-item-img {
      background-size: 100px 78px;
  }
  .top-menu .one-ornament .wrap .one-ornament-item.slaves .one-ornament-item-img {
      background-size: 100px 50px;
  }
  .top-menu .one-ornament .wrap .one-ornament-item .one-ornament-item-text {
      color: rgba(255,255,255,.75);
      background-repeat: no-repeat;
      background-position: center center;
      font-family: 'GoudyTrajan-Bold', 'Times New Roman', sans-serif;
      font-size: 20px;
      text-align: center;
      text-transform: uppercase;
      padding-top: 40px;
      margin-top: 2px;
      padding-bottom: 10px;
  }
  .top-menu .one-ornament .wrap .one-ornament-item.active .one-ornament-item-text span {
    font-size: 22px;
  }
  .preview .wrap .preview-block{
    width: 100%;
  }
}
@media (max-width: 1200px) and (min-width: 661px){
  .preview .wrap .preview-block{
    width: 70%;
  }
}
@media (max-width: 624px){
  .screen-six .six-preview{
    height: 1600px;
  }

  .screen-seven .seven-preview{
    background-size: 200%;
    height: 615px;
    background-position: 80% center;
  }

  .screen-seven .thank-you {
      padding-left: 0;
  }

  .screen-seven .thank-you .thank-you-title-big {
    margin-top: 35px;
  }

  .screen-seven .thank-you .thank-you-text {
    margin-bottom: 35px;
  }
}

@media (min-width: 625px) and (max-width: 900px){
  .screen-seven .seven-preview{
    background-position: 42% 0;
    height: 580px;
    background-size: cover;
  }
}
@media (max-width: 1024px) and (min-width: 625px){
  .screen-six .six-preview{
    height: 1290px;
  }
}
@media (max-width: 1200px) and (min-width: 1025px){
  .screen-six .six-preview{
    height: 920px;
  }
}
@media (max-width: 1024px){
  .screen-six .bug-fixes-content {
    display: block;
  }
}
@media (max-width: 1200px){
  .preview .wrap .preview-block .preview-title {
    max-width: 70%;
  }
}

/* landing page */
.smu_logo{
  text-align: center;
  margin-top: 90px;
  padding-left: 30px;
}
.smu_logo img{
  max-width: 100%;
  min-width: 300px;
}
.smu_winter{
  font-family: 'TrajanPro3-Regular', 'Times New Roman', sans-serif;font-size: 18px;
  background-image: url('https://lifeisfeudal.com/static/images/smu/winter_box.png');
  font-size: 24px;
  color: #b9b9b9;
  width: 290px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px;
  height: 46px;
  padding-top: 14px;
  box-sizing: border-box;
  margin-top: -20px;
  text-shadow: 0px 0px 1px rgba(252, 252, 252, 0.6);
  text-transform: uppercase;
  background-repeat: no-repeat;
}
.features_line{
  text-align: center;
}
.features_line.features_line_second{
  margin-top: 0;
  margin-bottom: 60px;
}
.features_line .feature{
  color: #ffffff;
  /* color: #88a6ae; */
  width: 15%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-family: 'TrajanPro3-Regular', 'Times New Roman', sans-serif;
  font-size: 20px;
  line-height: 26px;
  background-repeat: no-repeat;
  width: 200px;
  height: 200px;
  cursor: pointer;
  /* text-shadow: 0px 0px 1px rgba(136,166,174, 0.9); */
  text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.9);
}
.features_line .feature.feature_disable{
  color: #435155;
  width: 15%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-family: 'TrajanPro3-Regular', 'Times New Roman', sans-serif;
  font-size: 20px;
  line-height: 26px;
  background-repeat: no-repeat;
  width: 200px;
  height: 200px;
  cursor: pointer;
  text-shadow: 0px 0px 2px rgba(67, 81, 85, 0.9);
}
.features_line .feature .learn_more{
  color: #d99134;
  font-size: 16px;
  font-style: italic;
  text-shadow: none;
  text-transform: initial;
  font-family: 'PT Sans', 'Arial', sans-serif;
  margin-top: -5px;
}
.features_line .feature.hint{
  margin: 0;
}
.feature.feature_odd{
  background-position: 0 18px;
}
.feature.feature_even{
  background-position: 0px 60px;
}
.feature.feature_central{
  background-position: 19px 55px;
  padding-top: 40px;
  width: 200px;
}
.feature.feature_out{
  background-position: 1px 55px;
  padding-top: 40px;
  width: 200px;
}
.feature.ures{
  background-image: url('https://lifeisfeudal.com/static/images/smu/1_resourses.png');
}
.feature.ures:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/1_resourses_h.png');
}
.feature.feature_disable.ures{
  background-image: url('https://lifeisfeudal.com/static/images/smu/1_resourses_d.png');
}
.feature.feature_disable.ures:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/1_resourses_h_d.png');
}
.feature.natives{
  background-image: url('https://lifeisfeudal.com/static/images/smu/2_natives.png');
padding-top: 45px;
}
.feature.natives:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/2_natives_h.png');
}
.feature.feature_disable.natives{
  background-image: url('https://lifeisfeudal.com/static/images/smu/2_natives_d.png');
}
.feature.feature_disable.natives:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/2_natives_h_d.png');
}
.feature.newmap{
  background-image: url('https://lifeisfeudal.com/static/images/smu/3_new-map.png');
}
.feature.newmap:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/3_new-map_h.png');
}
.feature.feature_disable.newmap{
  background-image: url('https://lifeisfeudal.com/static/images/smu/3_new-map_d.png');
}
.feature.feature_disable.newmap:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/3_new-map_h_d.png');
}
.feature.terrtax{
  background-image: url('https://lifeisfeudal.com/static/images/smu/4_territories-taxes.png');
  padding-top: 45px;
}
.feature.terrtax:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/4_territories-taxes_h.png');
  padding-top: 45px;
}
.feature.feature_disable.terrtax{
  background-image: url('https://lifeisfeudal.com/static/images/smu/4_territories-taxes_d.png');
}
.feature.feature_disable.terrtax:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/4_territories-taxes_h_d.png');
}
.feature.system{
  background-image: url('https://lifeisfeudal.com/static/images/smu/5_progression-sys.png');
}
.feature.system:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/5_progression-sys_h.png');
}
.feature.feature_disable.system{
  background-image: url('https://lifeisfeudal.com/static/images/smu/5_progression-sys_d.png');
}
.feature.feature_disable.system:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/5_progression-sys_h_d.png');
}
.feature.gfinder{
  background-image: url('https://lifeisfeudal.com/static/images/smu/6_guild-finder.png');
}
.feature.gfinder:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/6_guild-finder_h.png');
}
.feature.tradesys{
  background-image: url('https://lifeisfeudal.com/static/images/smu/7_trade-system.png');
  background-position: 5px 57px;
}
.feature.tradesys:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/7_trade-system_h.png');
}
.feature.feature_disable.tradesys{
  background-image: url('https://lifeisfeudal.com/static/images/smu/7_trade-system_d.png');
}
.feature.feature_disable.tradesys:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/7_trade-system_h_d.png');
}
.feature.skillstree{
  background-image: url('https://lifeisfeudal.com/static/images/smu/8_skills-tree.png');
}
.feature.skillstree:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/8_skills-tree_h.png');
}
.feature.feature_disable.skillstree{
  background-image: url('https://lifeisfeudal.com/static/images/smu/8_skills-tree_d.png');
}
.feature.feature_disable.skillstree:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/8_skills-tree_h_d.png');
}
.feature.counselors{
  background-image: url('https://lifeisfeudal.com/static/images/smu/9_counselors.png');
}
.feature.counselors:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/9_counselors_h.png');
}

.features_line .feature .hint_cont {
  font-family: 'Ubuntu', 'Tahoma', sans-serif;
  color: white;
  display: flex;
}

.features_line .feature .hint_cont .hint_text{
  display: flex;
  justify-content: center;
  align-self: center;
  padding: 0 15px;
}

.features_line .feature.ures .hint_cont {
  left: 170px;
}

.features_line .feature.natives .hint_cont {
  left: 155px;
}

.features_line .feature.newmap .hint_cont {
  left: 160px;
}

.features_line .feature.terrtax .hint_cont {
  left: 180px;
}

.features_line .feature.system .hint_cont {
  left: -298px;
}

.features_line .feature.gfinder .hint_cont {
  left: 215px;
  top: 40px;
}

.features_line .feature.tradesys .hint_cont {
  left: 195px;
  top: 40px;
}

.features_line .feature.skillstree .hint_cont {
  left: -260px;
  top: 40px;
}

.features_line .feature.counselors .hint_cont {
  left: 185px;
  top: 40px;
}

.features_line .feature.feature_even .hint_cont {
  top: 40px;
}

.features_arr{
  margin: 0 auto;
  margin-top: 70px;
  background: url(https://lifeisfeudal.com/static/images/smu/arrow_down.png) no-repeat;
  width: 44px;
  height: 25px;
  cursor: pointer;
}

.features_arr:hover{
  background: url(https://lifeisfeudal.com/static/images/smu/arrow_down_hover.png) no-repeat;
}

.hint_text {
  font-family: 'Ubuntu', 'Tahoma', sans-serif;
  color: #ccc;
}

.screen-smu{
  padding-bottom: 10px;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 45px;
  background-image: url(https://lifeisfeudal.com/static/images/smu/back.png);
  background-size: cover;
}

.screen-counselors{
  position: relative;
}

.screen-counselors::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-counselors .counselors-preview{
  background-color: #000;
  background-image: url('https://lifeisfeudal.com/static/images/smu/consilours_06-2.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.screen-tradesys{
  position: relative;
}

.screen-tradesys::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-tradesys .tradesys-preview{
  background-color: #000;
  background-image: url('https://lifeisfeudal.com/static/images/smu/trade-system_03.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.screen-resources{
  position: relative;
}

.screen-resources::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-resources .resources-preview{
  background-color: #000;
  background-image: url('https://lifeisfeudal.com/static/images/smu/resourses.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.screen-natives{
  position: relative;
}

.screen-natives::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-natives .natives-preview{
  background-color: #000;
  background-image: url('https://lifeisfeudal.com/static/images/smu/natives_02.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.screen-skilltree{
  position: relative;
}

.screen-skilltree::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-skilltree .skilltree-preview{
  background-color: #000;
  background-image: url('https://lifeisfeudal.com/static/images/smu/Combat_tree_03.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.screen-newsystem{
  position: relative;
}

.screen-newsystem::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-newsystem .newsystem-preview{
  background-color: #000;
  background-image: url('https://lifeisfeudal.com/static/images/smu/progression-sys.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.screen-terrtaxes{
  position: relative;
}

.screen-terrtaxes::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-terrtaxes .terrtaxes-preview{
  background-color: #000;
  background-image: url('https://lifeisfeudal.com/static/images/smu/territories-taxses_05-2.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.screen-newmap{
  position: relative;
}

.screen-newmap::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-newmap .newmap-preview{
  background-color: #000;
  background-image: url('https://lifeisfeudal.com/static/images/smu/new-map_01-2.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.screen-faq{
  position: relative;
}

.screen-faq::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-faq .faq-preview{
  background-color: #000;
  background-image: url('https://lifeisfeudal.com/static/images/smu/F_A_Q.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.faq-button{
  background-image: url('https://lifeisfeudal.com/static/images/smu/faq_bttn.png');
  cursor: pointer;
  width: 79px;
  height: 78px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 9;
}

.faq-button:hover{
  background-image: url('https://lifeisfeudal.com/static/images/smu/faq_bttn_hover.png');
  width: 79px;
  height: 78px;
}

.screen-newbie{
  position: relative;
}

.screen-newbie::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-newbie .newbie-preview{
  background-color: #000;
  background-image: url('https://lifeisfeudal.com/static/images/smu/newbie_back.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

.screen-newbie .download{
  width: 275px;
  margin-top: 35px;
}

.screen-newbie .download .get_block_download_newbie{
  background-image: url(../images/elements/buttons.png);
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 270px;
  height: 112px;
  line-height: 98px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  background-position: -12px -334px;
  text-indent: 35px;
  text-shadow: 1px 1px 0 rgba(1,21,32,.36);
  text-align: center;
  display: block;
}

.screen-newbie .download .get_block_download_newbie:hover {-webkit-filter: brightness(120%); filter: brightness(120%)}

.screen-secondary{
  position: relative;
}

.screen-secondary::before {
  height: 32px;
  content: '';
  display: block;
  position: absolute;
  left: 8px;
  right: 0;
  top: -16px;
  background: url('https://lifeisfeudal.com/static/images/background/footer_line.png') no-repeat center;
  z-index: 3;
}

.screen-secondary .secondary-preview{
  background-color: #000;
  background-image: url('https://lifeisfeudal.com/static/images/smu/secondary_back.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  position: relative;
}

/****** MENU *******/

.top-menu-smu .menu-smu-block{
  height: 315px;
}

.top-menu-smu .menu-smu{
  background-image: url('https://lifeisfeudal.com/static/images/majupdate/ornament_5slots.png');
  background-position: center center;
  background-repeat: no-repeat;
  height: 285px;
  margin-bottom: 35px;
  position: relative;
}

.top-menu-smu .menu-smu .wrap{
  display: flex;
  padding: 0 50px;
  padding-top: 18px;
  margin: 0 auto;
  max-width: 1300px;
  box-sizing: border-box;
}

.top-menu-smu {
  height: 0;
}

.top-menu-smu .fixed {
  background: url('https://lifeisfeudal.com/static/images/smu/line.png') no-repeat scroll 0 127px #090b0b;
  height: 128px;
  margin-bottom: 35px;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item{
  flex: 15;
  padding-right: 0;
  padding-top: 0;
  position: relative;
  height: 94px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item .menu-smu-item-img{
  padding-right: 0;
  padding-top: 0;
  position: relative;
  height: 94px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.active{
  cursor: auto;
  width: 160px;
  height: 160px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.active .menu-smu-item-img{
  width: 160px;
  height: 160px;
  z-index: 9;
}

/*.top-menu-smu .menu-smu .wrap .menu-smu-item.natives.active:after, .top-menu-smu .menu-smu .wrap .menu-smu-item.tradesys.active:after{
  background: rgba(9, 11, 11, 0.99);
  height: 2px;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 49px;
  z-index: 1;
}*/

.top-menu-smu .menu-smu .wrap a.menu-smu-item, .top-menu-smu .menu-smu .wrap a.menu-smu-item.active{
  cursor: pointer;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.natives .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/2_natives.png') no-repeat scroll center center;
  background-size: 98px 98px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.natives:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/2_natives_h.png') no-repeat scroll center center;
  background-size: 98px 98px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.natives.active .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/2_natives.png') no-repeat scroll center center;
  background-size: 160px 160px;
  margin-top: -12px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.natives.active:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/2_natives_h.png') no-repeat scroll center center;
  background-size: 160px 160px;
  margin-top: -12px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.terrtax .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/4_territories-taxes.png') no-repeat scroll center center;
  background-size: 98px 98px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.terrtax:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/4_territories-taxes_h.png') no-repeat scroll center center;
  background-size: 98px 98px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.terrtax.active .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/4_territories-taxes.png') no-repeat scroll center center;
  background-size: 160px 160px;
  margin-top: -12px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.terrtax.active:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/4_territories-taxes_h.png') no-repeat scroll center center;
  background-size: 160px 160px;
  margin-top: -12px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.newmap .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/3_new-map.png') no-repeat scroll center center;
  background-size: 98px 98px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.newmap:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/3_new-map_h.png') no-repeat scroll center center;
  background-size: 98px 98px;
}


.top-menu-smu .menu-smu .wrap .menu-smu-item.newmap.active .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/3_new-map.png') no-repeat scroll center center;
  background-size: 160px 160px;
  margin-top: -12px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.newmap.active:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/3_new-map_h.png') no-repeat scroll center center;
  background-size: 160px 160px;
  margin-top: -12px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.system .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/5_progression-sys.png') no-repeat scroll center center;
  background-size: 98px 98px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.system:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/5_progression-sys_h.png') no-repeat scroll center center;
  background-size: 98px 98px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.system.active .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/5_progression-sys.png') no-repeat scroll center center;
  background-size: 160px 160px;
  margin-top: -12px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.system.active:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/5_progression-sys_h.png') no-repeat scroll center center;
  background-size: 160px 160px;
  margin-top: -12px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.ures .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/1_resourses.png') no-repeat scroll center center;
  background-size: 98px 98px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.ures:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/1_resourses_h.png') no-repeat scroll center center;
  background-size: 98px 98px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.ures.active .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/1_resourses.png') no-repeat scroll center center;
  background-size: 160px 160px;
  margin-top: -35px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.ures.active:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/1_resourses_h.png') no-repeat scroll center center;
  background-size: 160px 160px;
  margin-top: -35px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.tradesys .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/7_trade-system.png') no-repeat scroll center center;
  background-size: 98px 98px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.tradesys:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/7_trade-system_h.png') no-repeat scroll center center;
  background-size: 98px 98px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.tradesys.active .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/7_trade-system.png') no-repeat scroll center center;
  background-size: 160px 160px;
  margin-top: -35px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.tradesys.active:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/7_trade-system_h.png') no-repeat scroll center center;
  background-size: 160px 160px;
  margin-top: -35px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.counselors .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/9_counselors.png') no-repeat scroll center center;
  background-size: 98px 98px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.counselors:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/9_counselors_h.png') no-repeat scroll center center;
  background-size: 98px 98px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.counselors.active .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/9_counselors.png') no-repeat scroll center center;
  background-size: 160px 160px;
  margin-top: -35px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.counselors.active:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/9_counselors_h.png') no-repeat scroll center center;
  background-size: 160px 160px;
  margin-top: -35px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.skillstree .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/8_skills-tree.png') no-repeat scroll center center;
  background-size: 98px 98px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.skillstree:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/color/8_skills-tree_h.png') no-repeat scroll center center;
  background-size: 98px 98px;
}


.top-menu-smu .menu-smu .wrap .menu-smu-item.skillstree.active .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/8_skills-tree.png') no-repeat scroll center center;
  background-size: 149px 160px;
  margin-top: -25px;
  margin-left: 14px;
}

.top-menu-smu .menu-smu .wrap .menu-smu-item.skillstree.active:hover .menu-smu-item-img{
  background: url('https://lifeisfeudal.com/static/images/smu/menu/active/8_skills-tree_h.png') no-repeat scroll center center;
  background-size: 149px 160px;
  margin-top: -25px;
  margin-left: 14px;
}

/***************************************/

@media (max-width: 799px) {
  .smu_winter {
    margin-top: 0px;
  }
  .features_line.features_line_second {
    margin-top: 10px;
    margin-bottom: 60px;
  }
}

/* landing page */