.logo {
    width: 200px;
    height: 97px;
    position: absolute;
    top: -5px;
    left: -7px;
    z-index: 1000;
    background: url("/img/header/header_logo.png") no-repeat transparent;
}

.logo2 {
    width: 130px;
    height: 55px;
    position: absolute;
    top: 5px;
    left: 17px;
    z-index: 1000;
    background: url("/img/logo2.png") no-repeat transparent;
}

.logo a, .logo2 a {
    display: block;
    width: 100%;
    height: 100%;
}

/*Меню сайта*/
.menu_body {
    width: 100%;
    height: 65px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1200;
}

.menu_body.menu_body_bisbog {
    display: none;
}

.menu_bar {
    width: 100%;
    height: 65px;
    background: url("/img/header/header_gradient.png") repeat-x transparent;
    position: absolute;
    z-index: 10;
}

.menu {
    width: 960px;
    height: 65px;
    position: relative;
    margin: 0px auto;
    z-index: 1200;
    /*border-collapse:collapse;*/
}

.menu .bar_shadow, .menu_bar_shadow {
    width: 100%;
    height: 11px;
    background: url("/img/header/header_shaddow_line.png") repeat-x transparent;
    position: absolute;
    top: 63px;
    z-index: 60;
}

.menu_bar_shadow {
    z-index: 160;
}

.menu .button {
    width: 150px;
    float: right;
    z-index: 50;
    height: 65px;
    background: url("/img/header/v.png") repeat-x transparent;
    text-align: center;
    z-index: 40;
}

.menu .button.end {
    width: 170px;
}

.menu .button > a {
    font-size: 18px;
    display: block;
    width: 100%;
    height: 42px;
    padding-top: 23px;   
    background: url("/img/header/header_gradient_btn_line.png") no-repeat transparent;
    background-position: left 0px top 2px;
}

.menu .button > div.in_login {
    overflow: hidden;
    padding-top: 23px;
    padding-left: 12px;
    line-height: 23px;
    font-weight: 100;
    text-shadow: 1px 1px 5px #00ccff;
}

.menu .button > a.in_login {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 250;
}

.menu .button.active, .menu .button:hover {
    background-position: left 0px top 4px;
    background-image: url("/img/header/header_gradient_btn_action.png");
}

.menu .button.disabled a {
    color: grey;
}

.menu .button.disabled:hover {
    background: url("https://astrolords.ru/img/header/v.png") repeat-x transparent;
}

.menu .button.login .user_avatar {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 18px; 
    padding: 1px;
    left: 8px;
    overflow: hidden;
    z-index: 60;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px #fff solid;
}

.menu .button.login .user_mail {
    width: 27px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 60;
    display: none;
    background: url("/img/enter/profile_mail_ico.png") no-repeat transparent;
} 

.menu .button.login .user_avatar img {
    margin: 0px;
}

.menu .button .arrow_down {
    width: 24px;
    height: 12px;
    position: absolute;
    top: 45px;
    right: 83px;
    z-index: 60;
    background: url("/img/header/header_btn_arrow.png") repeat-x transparent;
}

.menu .button .arrow_up {
    width: 24px;
    height: 12px;
    position: absolute;
    top: 45px;
    right: 83px;
    z-index: 60;
    background: url("/img/header/header_btn_arrow.png") no-repeat transparent;
}

.menu .button.login {
    position: relative;
    width: 190px;
}

.menu a {
    color: #fff;
    text-decoration: none;
}

.menu a:hover {
    color: #fff;
}

.menu .blick_right {
    width: 122px;
    height: 65px; 
    background: url("/img/header/header_gradient2.png") no-repeat transparent;
    position: absolute;
    right: -122px;
}

.menu .blick_left {
    width: 122px;
    height: 65px; 
    background: url("/img/header/header_gradient2_left.png") no-repeat transparent;
    position: absolute;
    left: -122px;
    /*border: 1px aqua solid;*/
}

.menu .header_panel {
    width: 787px;
    height: 55px;
    position: absolute;
    top: 65px;
    right: 77px;
    z-index: 60;
    background: url("/img/enter/panel/header_new.png") no-repeat transparent;
}

.menu_play_panel {
    width: 100%;
    height: 65px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1200;
}

.menu_play_panel .header_panel {
    width: 787px;
    height: 55px;
    /*position: absolute;*/
    /*top: 65px;*/
    /*right: 77px;*/
    position: relative;
    margin: 0px auto;
    z-index: 60;
    background: url("/img/enter/panel/header_new.png") no-repeat transparent;
}

.menu_play_panel .header_panel ._like, 
.menu .header_panel ._like {
    position: absolute;
    top: 2px;
    left: 55px;
}

._like {
    z-index: 61;
} 

.menu_play_panel .header_panel .play {
    width: 350px;
    height: 78px;
    position: absolute;
    top: 3px;
    left: 219px;
    z-index: 60;
    background: url("/img/enter/panel/btn_new_hover.png") no-repeat transparent;
    background-position: top 0 left 0;
    cursor: pointer;
}

.menu_play_panel .header_panel .play:hover {
    background-position: bottom 0 left 0;
}

.menu_play_panel .header_panel .play a {
    display: block;
    width: 100%;
    height: 100%;
}

.menu_play_panel .header_panel ._download {
    position: absolute;
    top: 5px;
    right: 55px;
    width: 90px;
    height: 16px;
    background: url("/img/enter/panel/download_ico.png") no-repeat transparent;
    font-family: Arial;
    font-size: 12px;
    padding-left: 20px;
    background-color: #002D4C;
    border-radius: 3px;
}

.menu_play_panel .header_panel ._download:hover {
    background-color: #009dd0;
}

.menu .header_panel .play {
    width: 350px;
    height: 80px;
    position: absolute;
    top: 3px;
    left: 219px;
    z-index: 60;
    background-position: top 0 left 0;
    cursor: pointer;
}

.menu .header_panel .play.ru {
    background: url("/img/enter/panel/btn_new_hover/ru.png") no-repeat transparent;
}

.menu .header_panel .play.en {
    background: url("/img/enter/panel/btn_new_hover/en.png") no-repeat transparent;
}

.menu .header_panel .play.tr {
    background: url("/img/enter/panel/btn_new_hover/tr.png") no-repeat transparent;
}

.menu .header_panel .play:hover {
    background-position: bottom 0 left 0;
}

.menu .header_panel .play.ru.no-login {
    background: url("/img/enter/panel/btn_new_hover/play_ru.png") no-repeat transparent;
}

.menu .header_panel .play.en.no-login {
    background: url("/img/enter/panel/btn_new_hover/play_en.png") no-repeat transparent;
}

.menu .header_panel .play.tr.no-login {
    background: url("/img/enter/panel/btn_new_hover/play_tr.png") no-repeat transparent;
}

.menu .header_panel .play.en.no-login,
.menu .header_panel .play.ru.no-login,
.menu .header_panel .play.tr.no-login {
    background-size: cover;
}

.menu .header_panel .play.en.no-login:hover,
.menu .header_panel .play.ru.no-login:hover,
.menu .header_panel .play.tr.no-login:hover {
    background-position: 0 100%;
}

.menu .header_panel .play a {
    display: block;
    width: 100%;
    height: 100%;
}

/*
.menu .header_panel ._download {
    position: absolute;
    top: 5px;
    right: 55px;
    width: 90px;
    height: 16px;
    background: url("/img/enter/panel/download_ico.png") no-repeat transparent;
    font-family: Arial;
    font-size: 12px;
    padding-left: 20px;
    background-color: #002D4C;
    border-radius: 3px;
}

.menu .header_panel ._download:hover {
    background-color: #009dd0;
}
*/

.menu .dl_client {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 233px;
    height: 83px;
    cursor: pointer;
    position: absolute;
    right: -40px;
}

.menu .dl_client:hover {
    background-position: 0px -83px;
}

.menu .dl_client.ru {
    background-image: url(/img/dl-client/ru/dl.png);
}

.menu .dl_client.en {
    background-image: url(/img/dl-client/en/dl.png);
}

.menu .dl_client.de {
    background-image: url(/img/dl-client/de/dl.png);
}

.menu .dl_client.tr {
    background-image: url(/img/dl-client/tr/dl.png);
}




.menu .get_a_gift {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 438px;
    height: 98px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    margin-left: -219px;
    top: 90px;
    z-index: 1000;
}

.menu .get_a_gift_loading {
    background: url(/img/loading-money-in-profile.gif) center center no-repeat;
    width: 438px;
    height: 98px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    margin-left: -219px;
    top: 90px;
    z-index: 1001;
    display: none;
}

.menu .get_a_gift:hover {
    background-position: 0px -98px;
}

.menu .get_a_gift.ru {
    background-image: url(/img/get-a-gift/ru/get.png);
}

.menu .get_a_gift.en {
    background-image: url(/img/get-a-gift/en/get.png);
}

.menu .get_a_gift.de {
    background-image: url(/img/get-a-gift/de/get.png);
}





.menu .header_panel .tritium_crafted {
    position: absolute;
    left: -90px;
    top: -3px;
    z-index: 1000;
    width: 281px;
    height: 99px;
    background: url(/img/tritium_crafted_bg.png) center center no-repeat;
    padding: 22px 0px 0px 93px;
    box-sizing: border-box;
}

.menu .header_panel .tritium_crafted .animation {
    position: absolute;
    left: 21px;
    top: 26px;
    width: 55px;
    height: 42px;
    background: url(/img/tritium_crafted_animation.gif) left top no-repeat;
    z-index: 10000;
}

.menu .header_panel .tritium_crafted .title {
    font-size: 11px;
}

.menu .header_panel .tritium_crafted .total {
    font-size: 13px;
    margin-top: 10px;
    margin-left: 20px;
    color: #05fc2f;
}

.blured {
    /*
    filter: blur(12px);
    filter: url("/blur.svg#gaussian_blur");
    -webkit-filter: blur(12px);
    -o-filter: blur(12px);
    */

    overflow: hidden;
}

#dlClientPopup {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000001;
    background: rgba(0, 0, 0, 0.7);
    overflow: auto;
}

#dlClientPopup .box {
    width: 770px;
    height: 760px;
    position: relative;
    top: 50%;
    margin: 0 auto;
    margin-top: -380px;
    background: rgba(0, 0, 0, 0.7);
    border: 1px rgba(255, 255, 255, 0.5) solid;
    border-radius: 2px;
    box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.75);
}

#dlClientPopup .box.oneButton {
    height: 380px;
    margin-top: -180px;
}

#dlClientPopup .box .cross {
    background: url('/img/dl-client/cross.png') 0px 0px no-repeat;
    width: 68px;
    height: 68px;
    position: absolute;
    right: -34px;
    top: -34px;
    cursor: pointer;
}

#dlClientPopup .box .cross:hover {
    background-position: 0px -68px;
}

#dlClientPopup .box .title {
    text-align: center;
    font-family: Micra_Normal_Astro, Arial, Verdana, sans-serif;
    color: #fff;
    font-size: 24px;
    margin-top: 30px;
    font-weight: normal;
}

#dlClientPopup .box .astro-icon {
    width: 100%;
    height: 156px;
    background: url('/img/dl-client/icon.png') center center no-repeat;
}

#dlClientPopup .box .buttons {

}

#dlClientPopup .box .buttons .button {
    width: 420px;
    height: 81px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin: 0 auto;
    cursor: pointer;
}

#dlClientPopup .box .buttons .button:hover {
    background-position: 0px -81px;
}


.dlClientPopup-text {
    color: white;
    font-size: 14px;
    font-family: Arial;
    width: 90%;
    text-align: center;
    display: table;
    margin: 15px auto;
}


/* ru */
#dlClientPopup .box .buttons .button.mac.ru {
    background-image: url('/img/dl-client/ru/mac.png');
}

#dlClientPopup .box .buttons .button.win.ru {
    background-image: url('/img/dl-client/ru/win.png');
}

#dlClientPopup .box .buttons .button.linux.ru {
    background-image: url('/img/dl-client/ru/linux.png');
}

#dlClientPopup .box .buttons .button.app-store.ru {
    background-image: url('/img/dl-client/ru/appstore-btn.png');
    height: 76px !important;
}

#dlClientPopup .box .buttons .button.steam.ru {
    background-image: url('/img/dl-client/ru/steam-btn.png');
    height: 76px !important;
}

#dlClientPopup .box .buttons .button.android.ru {
    background-image: url('/img/dl-client/ru/android-btn.png');
    height: 76px !important;
}

#dlClientPopup .box .buttons .button.android.ru,
#dlClientPopup .box .buttons .button.app-store.ru {
    background-position: 0px -81.5px;
}

#dlClientPopup .box .buttons .button.android.ru:hover,
#dlClientPopup .box .buttons .button.app-store.ru:hover {
    background-position: 0px 0px;
}



/* en */
#dlClientPopup .box .buttons .button.mac.en {
    background-image: url('/img/dl-client/en/mac.png');
}

#dlClientPopup .box .buttons .button.win.en {
    background-image: url('/img/dl-client/en/win.png');
}

#dlClientPopup .box .buttons .button.linux.en {
    background-image: url('/img/dl-client/en/linux.png');
}

#dlClientPopup .box .buttons .button.app-store.en {
    background-image: url('/img/dl-client/en/appstore-btn.png');
    height: 76px !important;
}
/*
#dlClientPopup .box .buttons .button.steam.en {
    background-image: url('/img/dl-client/en/steam-btn.png');
    height: 76px !important;
}
*/
#dlClientPopup .box .buttons .button.android.en {
    background-image: url('/img/dl-client/en/android-btn.png');
    height: 76px !important;
}
#dlClientPopup .box .buttons .button.android.en,
#dlClientPopup .box .buttons .button.app-store.en {
    background-position: 0px -75.5px;
    /*background-position: 0px -81.5px;*/
}

#dlClientPopup .box .buttons .button.android.en:hover,
#dlClientPopup .box .buttons .button.app-store.en:hover {
    background-position: 0px 0px;
}


/* de */
#dlClientPopup .box .buttons .button.mac.de {
    background-image: url('/img/dl-client/de/mac.png');
}

#dlClientPopup .box .buttons .button.win.de {
    background-image: url('/img/dl-client/de/win.png');
}

#dlClientPopup .box .buttons .button.linux.de {
    background-image: url('/img/dl-client/de/linux.png');
}


/* tr */
#dlClientPopup .box .buttons .button.mac.tr {
    background-image: url('/img/dl-client/tr/mac.png');
}

#dlClientPopup .box .buttons .button.win.tr {
    background-image: url('/img/dl-client/tr/win.png');
}

#dlClientPopup .box .buttons .button.linux.tr {
    background-image: url('/img/dl-client/tr/linux.png');
}



.fakeBackgroundDiv {
    background: url('/img/main_bck.jpg') no-repeat black;
    background-position: top center;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
}
