/*Бордюры под кнопки*/
#wrap #ng_layout_border_1,
#wrap #ng_layout_border_2
{
    position: absolute;
    top: -0.6428em;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    display: none;
}

#wrap #ng_layout_border_1
{
    width: 8.1428em;
    height: 8.1428em;
    background-image: url('../images/ui/layout/ng_ring_border_1.png');
    right: 10.3571em;
}
#wrap #ng_layout_border_2
{
    width: 12.2857em;
    height: 12.2857em;
    background-image: url('../images/ui/layout/ng_ring_border_2.png');
    right: -0.6428em;
}

/*Бочка*/
#wrap #ng_layout_barrel
{
    position: absolute;
    bottom: -5.2857em;
    right: -1.8571em;
    background-image: url('../images/ui/layout/ng_barrel.png');
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 18.514em;
    height: 18.514em;
    display: none;
}

/*Кнопи*/
/*Кнопка профиля*/
#wrap #ng_layout_btn_profile
{
    width: 4.6785em;
    height: 4.6785em;
    background-image: url('../images/ui/layout/ng_btn_profile.png?v=200420');
    position: relative;
    top: 1.6428em;
}
/*Кнопка магазин*/
#wrap #ng_layout_btn_shop
{
    width: 9em;
    height: 9em;
    background-image: url('../images/ui/layout/ng_btn_shop.png?v=200420');
    position: relative;
    top: 1.6428em;
}
#wrap #ng_layout_btn_shop_title
{
    position: absolute;
    bottom: -1em;
    text-align: center;
    right: 0;
    left: 0;
    color:#FFF;
    text-transform: uppercase;
    font-weight: bold;
}
#wrap #ng_layout_btn_shop_title [data-lang]
{
    display: none;
}

/*Помощь*/
#wrap #ng_layout_btn_help
{
    width: 10.6071em;
    height: 10.6071em;
    background-image: url('../images/ui/layout/ng_btn_help.png?v=200420');
    position: absolute;
    top: 1em;
    bottom: 0em;
    margin: auto;
    right: -0.143em;
    display: none;
}
#wrap #ng_layout_btn_help:hover
{
    -ms-animation: ng_anim_fly 2s linear normal infinite;
    -o-animation: ng_anim_fly 2s linear normal infinite;
    -moz-animation: ng_anim_fly 2s linear normal infinite;
    -webkit-animation: ng_anim_fly 2s linear normal infinite;
    animation: ng_anim_fly 2s ease-in-out normal infinite;
}
@-moz-keyframes ng_anim_fly {
    25% {-moz-transform: translateY(0.2em);}
    75% {-moz-transform: translateY(-0.2em);}
}
@-webkit-keyframes ng_anim_fly {
    25% {-webkit-transform: translateY(0.2em);}
    75% {-webkit-transform: translateY(-0.2em);}
}
@-o-keyframes ng_anim_fly {
    25% {-o-transform: translateY(0.2em);}
    75% {-o-transform: translateY(-0.2em);}
}
@-ms-keyframes ng_anim_fly {
    25% {-ms-transform: translateY(0.2em);}
    75% {-ms-transform: translateY(-0.2em);}
}
@keyframes ng_anim_fly {
    25% {transform: translateY(0.2em);}
    75% {transform: translateY(-0.2em);}
}

/*Игра*/
#wrap #ng_layout_btn_game
{
    display: block;
    width: 10.75em;
    height: 5.9642em;
    position: relative;
    top: 6.629em;
    margin: auto;
    overflow: visible;
}
#wrap[lang="en"] #ng_layout_btn_game
{
    background-image: url('../images/ui/layout/ng_btn_game_en.png');
}
#wrap[lang="ru"] #ng_layout_btn_game
{
    background-image: url('../images/ui/layout/ng_btn_game_ru.png');
}
#wrap[lang="tr"] #ng_layout_btn_game
{
    background-image: url('../images/ui/layout/ng_btn_game_tr.png');
}

/*Версии*/
#wrap #ng_layout_version
{
    font-size: 0.9em;
    display: none;
    position: absolute;
    pointer-events: none;
    color:#FFFFFF;
    top: 1em;
    left: 0;
    right: 0;
    margin: auto;
    width: 6em;
    text-align: center;
    opacity: 0.85;
    z-index: 1000000;
}

/*Кнопка отладки*/
#wrap #ng_layout_debug
{
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

/*Огонь*/
#wrap #ng_layout_fire_1,
#wrap #ng_layout_fire_2,
#wrap #ng_layout_fire_3,
#wrap #ng_layout_fire_4
{
    display: none;
    position: absolute;
    pointer-events: none;

    background-color: transparent;
    background-size: 800% 100%;
    background-repeat: no-repeat;
    background-position: 0 center;

    -ms-animation: ng_anim_fire 0.6s steps(7) infinite;
    -o-animation: ng_anim_fire 0.6s steps(7) infinite;
    -moz-animation: ng_anim_fire 0.6s steps(7) infinite;
    -webkit-animation: ng_anim_fire 0.6s steps(7) infinite;
    animation: ng_anim_fire 0.6s steps(7) infinite;
}
#wrap #ng_layout_fire_1
{
    background-image: url('../images/ui/layout/ng_fire_1.png');
    width: 5.1071em;
    height: 8.5357em;
    top: -0.4285em;
    top: -webkit-calc(50% - 21.4285em - 0.4285em);
    top: calc(50% - 21.4285em - 0.4285em);
    left: 0.8571em;
}
#wrap #ng_layout_fire_2
{
    background-image: url('../images/ui/layout/ng_fire_2.png');
    width: 3.3333em;
    height: 7.0833em;
    top: 3.8571em;
    top: -webkit-calc(50% - 21.4285em + 3.8571em);
    top: calc(50% - 21.4285em + 3.8571em);
    left: 16.4285em;

    -ms-animation-delay: -0.2s;
    -webkit-animation-delay: -0.2s;
    -moz-animation-delay: -0.2s;
    -o-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
#wrap #ng_layout_fire_3
{
    background-image: url('../images/ui/layout/ng_fire_3.png');
    width: 5em;
    height: 8.2142em;
    top: 0.5714em;
    top: -webkit-calc(50% - 21.4285em + 0.5714em);
    top: calc(50% - 21.4285em + 0.5714em);
    left: 37.9285em;

    -ms-animation-delay: -0.4s;
    -webkit-animation-delay: -0.4s;
    -moz-animation-delay: -0.4s;
    -o-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
#wrap #ng_layout_fire_4
{
    background-image: url('../images/ui/layout/ng_fire_4.png');
    width: 5.3571em;
    height: 5.7142em;
    top: 24.0714em;
    top: -webkit-calc(50% - 21.4285em + 24.0714em);
    top: calc(50% - 21.4285em + 24.0714em);
    left: -0.0714em;

    -ms-animation-delay: -0.4s;
    -webkit-animation-delay: -0.4s;
    -moz-animation-delay: -0.4s;
    -o-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

@-moz-keyframes ng_anim_fire {
    100% { background-position: 100%; }
}
@-webkit-keyframes ng_anim_fire {
    100% { background-position: 100%; }
}
@-o-keyframes ng_anim_fire {
    100% { background-position: 100%; }
}
@-ms-keyframes ng_anim_fire {
    100% { background-position: 100%; }
}
@keyframes ng_anim_fire {
    100% { background-position: 100%; }
}

/*Чат*/
#wrap #ng_layout_btn_chat
{

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
}

/*Выход*/
#wrap #ng_layout_btn_logout
{
    position: absolute;
    left: 0.2142em;
    top: 0.1428em;
    line-height: 1.9em;
    display: none;
}

/*Назад по истории*/
#wrap #ng_layout_btn_back
{
    position: absolute;
    left: 0.2142em;
    top: 0.1428em;
    line-height: 1.9em;
    z-index: 22;
    display: none;
}

/*Статистика*/
#wrap #ng_layout_statistics
{
    display: none;
    width: 35.1071em;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
#wrap #ng_layout_statistics_block
{
    position: relative;
    margin: auto;
    width: 100%;
    z-index: 1;
}
#wrap #ng_layout_statistics_panel
{
    pointer-events: none;
    margin: auto;
    width: 22.8571em;
    height: 3.0714em;
    background-image: url('../images/ui/layout/ng_plane_statistics_plane.png?v=200407');
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    color: #ead383;
}
#wrap #ng_layout_statistics_name,
#wrap #ng_layout_statistics_wallet
{
    font-size: 1.6em;
    vertical-align: middle;
    line-height: 1em;
    padding-bottom: 0.2em;
}
#wrap #ng_layout_statistics_name
{
    text-align: left;
    padding-left: 0.5em;
}
#wrap #ng_layout_statistics_name:after
{
    margin-left: 0.5em;
}
#wrap #ng_layout_statistics_wallet
{
    text-align: right;
    padding-right: 0.5em;
}
#wrap #ng_layout_statistics_btn
{
    display: block;
    position: absolute;
    margin: auto;
    bottom: -1.5357em;
    left: 0;
    right: 0;
}
#wrap #ng_layout_statistics_space
{
    width: 0em;
    height: -webkit-calc(100% - 3.0714em);
    height: calc(100% - 3.0714em);
    pointer-events: none;
    visibility: hidden;
}



/*Блок выбора языка*/
#wrap #ng_layout_languages
{
    font-size: 1.2em;
    display: none;
    position: absolute;
    left: -0.1em;
    bottom: 0em;
    text-shadow: -0.0714em 0.0714em 0 #000000;
}
#wrap #ng_layout_languages_current
{
    padding: 0.2857em;
    overflow: hidden;
    width: 2.1em;
    -moz-border-radius-topright: 0.2142em;
    -webkit-border-top-right-radius: 0.2142em;
    border-top-right-radius: 0.2142em;
    -moz-border-radius-bottomright: 0.2142em;
    -webkit-border-bottom-right-radius: 0.2142em;
    border-bottom-right-radius: 0.2142em;
}
#wrap #ng_layout_languages.ng_layout_languages_open #ng_layout_languages_current
{
    background-color: rgba(0,0,0,0.8);
}
#wrap #ng_layout_languages_current [data-lang]
{
    font-weight: bold;
    text-align: center;
    line-height: 1em;
    color: #FFFFFF;
    text-transform: uppercase;
}
#wrap #ng_layout_languages_current:before
{
    content: '';
    display: block;
    margin: auto;
    box-shadow: 0 0 0.0714em 0.0714em #000000;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 1.9285em;
    height: 1.2857em;
    margin-bottom: 0.1428em;
}
#wrap[lang="en"] #ng_layout_languages_current:before
{
    background-image: url('../images/ui/languages/ng_languages_flag_en.png');
}
#wrap[lang="tr"] #ng_layout_languages_current:before
{
    background-image: url('../images/ui/languages/ng_languages_flag_tr.png');
}
#wrap[lang="ru"] #ng_layout_languages_current:before
{
    background-image: url('../images/ui/languages/ng_languages_flag_ru.png');
}

#wrap #ng_layout_languages_list
{
    font-size: 1.5em;
    position: absolute;
    display: none;
    bottom: 0;
    left: 100%;
    background-color: rgba(0,0,0,0.8);
    width: 9.7857em;
    overflow: hidden;
}
#wrap #ng_layout_languages.ng_layout_languages_open #ng_layout_languages_list
{
    display: block;
}
#wrap #ng_layout_languages_list .ng_languages
{
    display: block;
    cursor: pointer;
    position: relative;
    text-align: left;
    height: 1.7142em;
    line-height: 1.7142em;
    vertical-align: middle;
    color: #FFFFFF;
    text-indent: 0.4285em;
    padding: 0.2em 0;
}
#wrap #ng_layout_languages_list .ng_languages:before
{
    content: '';
    display: inline-block;
    vertical-align: middle;
    top: 0.9285em;
    left: 3.4285em;
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    width: 1.9285em;
    height: 1.2857em;
    margin-right: 0.5em;
    pointer-events: none;
}
#wrap #ng_layout_languages_list .ng_languages:after
{
    content: '';
    display: none;
    position: absolute;
    right: 0.7857em;
    top:0;
    bottom: 0;
    margin: auto;
    background-color: #fdff45;
    width: 0.4285em;
    height: 0.4285em;
    line-height: 0.4285em;
    box-shadow: 0 0 0.7857em 0.0714em #fdff45;

    -webkit-border-radius: 0.4285em;
    -moz-border-radius: 0.4285em;
    border-radius: 0.4285em;
}
#wrap #ng_layout_languages_list [data-cmd$="en"].ng_languages:before
{
    background-image: url('../images/ui/languages/ng_languages_flag_en.png');
}
#wrap #ng_layout_languages_list [data-cmd$="tr"].ng_languages:before
{
    background-image: url('../images/ui/languages/ng_languages_flag_tr.png');
}
#wrap #ng_layout_languages_list [data-cmd$="ru"].ng_languages:before
{
    background-image: url('../images/ui/languages/ng_languages_flag_ru.png');
}

#wrap[lang="en"] #ng_languages_list [data-cmdf$="en"].ng_languages:after,
#wrap[lang="tr"] #ng_languages_list [data-cmdf$="tr"].ng_languages:after,
#wrap[lang="ru"] #ng_languages_list [data-cmdf$="ru"].ng_languages:after
{
    display: block;
}