<?php


?><style type="text/css">

<style>
@import url('https://fonts.googleapis.com/css?family=Lora:400i&subset=cyrillic,cyrillic-ext,latin-ext');


@font-face {
    font-family: mun; 
    src: url(styles/mu.ttf); 
   }

.row {
    margin-right: -5px;


    margin-left: -5px;


}




.camp {

    background: url("/img/bb/camp.jpg") top no-repeat;

    width: 100%;




    padding-top: 10px;


-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.camp .back-street {
    height: 84px;
    max-width: 353px;
    min-width: 323px;
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: -2px;
}
.camp .back-street-name {
    position: relative;
    top: 10px;
    right: 21px;
    text-align: right;
    font-family: chaos2,arial,verdana,tahoma,sans-serif;
    font-size: 16px;
    color: #fff;
    z-index: 3;
}
.camp .back-street-hint {
    position: absolute;
    top: 34px;
    right: 21px;
    text-align: right;
    font-size: 14px;
    color: #8f9b9d;
    z-index: 3;
    margin: 0 auto;
}
camp .infoo {


    max-width: 360px;


    min-width: 330px;


    margin: 0 auto;
}
.camp .boss-left {

    margin-left: 8px;

    float: left;
}
.camp .boss-right {

    margin-right: 3px;
    float: right;
}
.boss-header {
    background: url(/img/bb/cam.png);

        background-size: auto auto;
    background-size: cover;
    width: 140px;


    height: 27px;
    margin: 0 auto;
    position: absolute;
    left: 9px;
    top: -8px;
    font-family: chaos2,arial,verdana,tahoma,sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding-top: 2px;
}
.boss-hint {
    position: absolute;
    font-family: Arial,serif;
    font-size: 16px;
    color: #8f9b9d;
    text-align: center;
    top: 151px;
    width: 100%;
}
.boss-hint-text {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
    width: 100px;
}
.new_small {
    position: absolute;
    top: 135px;
    right: -7px;
}
img.icon-menu-right {
    vertical-align: middle;
    position: relative;
    top: 1px;
    right: 8px;
    padding: 0;
    margin: 0;
    border-spacing: 0;
}
img {
    vertical-align: middle;
}
img {
    border: 0;
}
a {
    color: #337ab7;
    
}


a.none {
    text-decoration: none;
}
.clb {
    clear: both;
}

.equip_menu {
    padding-left: 0;
    margin-top: 20px;
    position: relative;
}
.col-xs-12 {
    width: 100%;
}

.equip_menu_itm {
    background: url(/img/bb/ep2.png) left top no-repeat,url(/img/bb/ep3.png) right top no-repeat;
        background-color: rgba(0, 0, 0, 0);
        background-image: url("/img/bb/ep2.png"), url("/img/bb/ep3.png");
        background-repeat: no-repeat, no-repeat;
        background-attachment: scroll, scroll;
        background-clip: border-box, border-box;
        background-origin: padding-box, padding-box;
        background-position-x: left, right;
        background-position-y: top, top;
        background-size: auto auto, auto auto;
    position: relative;
    height: 35px;
    margin-bottom: 4px;
    margin-left: -6px;
    margin-right: -6px;
}
.counter-spec, .munchkin {
    font-family: mun;



}
.equip_menu_itm a {
    position: relative;
    left: 10px;
    right: -4px;
    top: 0;
    display: block;
}
a.equip_itm {
    color: #8f9b9d;
}


.equip_menu_itm::before {
    background: url(/img/bb/ep4.png) center center repeat-x;
        background-color: rgba(0, 0, 0, 0);
        background-image: url("/img/bb/ep4.png");
        background-repeat: repeat-x;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position-x: center;
        background-position-y: center;
        background-size: auto auto;
    position: absolute;
    left: 6px;
    right: 3px;
    height: 35px;
    z-index: 0;
}
.equip_menu_itm::before, .shop_card_ext_title::before {
    content: "";
    display: inline-block;
}

</style><?
