/*ISENSEI*/
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&subset=cyrillic);

html{
	background-color: #0d0e0d;
}

body{
    background-color: #0d0e0d;
	max-width: 390px;
	margin: auto;
	font-family: 'PT Sans Caption', sans-serif;
	font-size: 13px;
	margin-bottom: none;
}
/*сообщения*/
         .message {
    clear: both;
    position: relative;
    /* margin-bottom: 15px; */
    padding: 10px;
    }

    /* Контент сообщения */
    .message-content {
        max-width: 80%;
        display: inline-block;
        padding: 10px 15px;
        border-radius: 18px;
        word-wrap: break-word;
        backdrop-filter: blur(4px);
        position: relative;
    }

    /* Стиль для исходящих (справа) */
    .outgoing {
        text-align: right;
    }
    .outgoing .message-content {
        background: rgba(60, 60, 60, 0.7);
        color: white;
        border-bottom-right-radius: 5px;
        text-align: left; /* Текст внутри выравниваем по левому краю */
    }

    /* Стиль для входящих (слева) */
    .incoming {
        text-align: left;
    }
    .incoming .message-content {
        background: rgba(60, 60, 60, 0.7);
        color: #e0e0e0;
        border-bottom-left-radius: 5px;
    }

    /* Блок с временем */
    .message-info {
        font-size: 11px;
        opacity: 0.8;
        margin-top: 5px;
    }

    .outgoing .message-info {
        text-align: right;
    }

    .incoming .message-info {
        text-align: left;
    }

    .pull-right {
        float: right;
    }
    
    .bg-chat {
        background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-chat.png) no-repeat center center / cover;
        color: #9b978c;
/*        padding: 20px;*/
/*        min-height: 100vh;*/
        box-sizing: border-box;
    }
/*конец сообщений*/
.box-index{
	background: #181511;
	color: #9b978c;
	padding: 5px;
}

.bg-amphitheater{
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-amphitheater.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}

.bg-okrs{
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-okrs.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}
.bg-arena{
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-arena.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}
.bflex {
    display: flex;
/*    flex-wrap: wrap;*/
    align-items: center;
}
.glow-green {
    filter: drop-shadow(0 0 8px #0f0); 
}
.glow-red {
    filter: drop-shadow(0 0 8px #ff0000); 
}
.block_info_red {
    width: calc(100% - 25%);
    margin: 0 0 0 5px;
}

.block_info_red .name_items_s {
    font-size: 14px;
    color: hsl(48deg 49% 63%);
    margin: 0 0 3px 0;
}
.box{
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-main.jpg) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}
.bg-item_craft {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-item_craft.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}

.bg-item_user {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-item_user.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}

.bg-swit {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-swit.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}
.skill-container{
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
.skill-container > .item {
    flex: 0 0 25%;
    max-width: 25%;
}
.bg-mag {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-mag.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}

.bg-blessings {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-blessings.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}
.task {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-main.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}

.bg-shop {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-shop.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}

.bg-resource {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-resource.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}

.bg-train {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-train.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}

.bg-chest {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-chest.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}

.bg-gift_user {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-gift_user.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}

.bg-settings {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-settings.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}


.bg-working {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-working.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
    position: relative;
}

.image2 {
    position: absolute;
    top: -2px;
    left: -2px;
    border: 1px green solid;
    opacity: 0.2;
}
.bg-travel {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-main.jpg) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}

.bg-build {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-build.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}

.bg-registry {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-registry.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}

.bg-ships {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-ships.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}

.bg-raid {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/bg-raid.png) no-repeat center center / cover;
    color: #9b978c;
    padding: 5px;
}

.bg-start{
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8)),
                url(/images/bg-start.jpg) no-repeat center center/cover;
	color: #9b978c;
	padding: 15px;
}
.image-container {
    background-image: url(/css/img/main/koor.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    color: #ffffff;
    height: 155px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-text-container {
  position: relative;
  display: inline-block;
}
.text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 15px;
    text-shadow: 2px 2px 3px red, 0 0 5em red, -2px -2px 3px red, -2px 2px 3px red, 2px -2px 3px red;
    margin-right: -2px;
}
.pets_block_spec {
    position: absolute;
    bottom: 1%;
    right: 3%;
    font-size: 12px;
}
.pets_block_rank {
    position: absolute;
    bottom: 2%;
    left: 5%;
}

.pets_block {
    margin: 6px;
    width: 135px;
    height: 130px;
    position: relative;
    padding: 0px;
    z-index: 0;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #000000;
}
._pets18 {
    background: url(/css/img/5.png) 0 0 / 100% 100% no-repeat, url(/css/img/main/kor2.png) 0 0 / 100% no-repeat;
}
.link {
    background: linear-gradient(to bottom, #2b2d21 0%, #414229 50%, #4e5130 100%);
    border-top: 1px solid #5d6242;
    border-bottom: 1px solid #22241b;
    color: #f2f3d5;
    padding: 5px;
    font-size: 16px;
}

      .forum_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: url(/images/bg-lvl.png) no-repeat center center;
    background-size: 100% 100%;
    color: #FFF;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 18px;
    margin-left: 10px;
    flex-shrink: 0;
          
  }
        .link-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
            
        }

.link-content .annotations {
    font-size: 12px;
    display: block;
    margin: 2px 0 0 0;
    color: hsl(52deg 12% 64%);
}
.info-ava-rad {
    color: #3d8736;
    padding: 10px;
    text-align: right;
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 52%;
    border: 2px solid #00680f;
    overflow: hidden;
    padding: 0;
    margin-right: 10px;
    float: left;
    display: block;
    margin-left: 3px;
    margin-block: 3px;
}
.info-ava-rad-no {
    color: #3d8736;
    padding: 10px;
    text-align: right;
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 52%;
    border: 2px solid #63051c;
    overflow: hidden;
    padding: 0;
    margin-right: 10px;
    float: left;
    display: block;
    margin-left: 3px;
    margin-block: 3px;
}
.notifi {
    margin: 0 0px;
}
.notifi .err_n {
    display: block;
    background: hsl(0deg 57% 30%);
    padding: 7px;
    color: hsl(0deg 100% 93%);
    -webkit-box-shadow: 0px 0px 14px 5px rgb(54 8 8 / 60%) inset;
    -moz-box-shadow: 0px 0px 14px 5px rgb(54 8 8 / 60%) inset;
    box-shadow: 0px 0px 14px 5px rgb(54 8 8 / 60%) inset;
    border: 1px groove hsl(0deg 40% 50%);
    box-shadow: 1px 1px 22px -1px #a94442;
}
.notifi .suc_n {
    display: block;
    background: hsl(102deg 41% 27%);
    padding: 7px;
    color: hsl(126deg 100% 93%);
    -webkit-box-shadow: 0px 0px 14px 5px rgb(26 56 13) inset;
    -moz-box-shadow: 0px 0px 14px 5px rgb(26 56 13) inset;
    box-shadow: 0px 0px 14px 5px rgb(26 56 13) inset;
    border: 1px groove hsl(102deg 32% 47%);
    box-shadow: 1px 1px 22px -1px #2b4d14;
}
.putana-button__gray {
    display: block;
    text-align: center;
    font-size: 15px;
/*    margin-top: -15px;*/
    padding: 10px 10px;
    color: rgb(255, 255, 255);
    background-image: linear-gradient(to top, rgb(10, 10, 10), rgb(50, 50, 50));
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.putana-buttons {
    display: flex
;
    justify-content: space-around;
    margin: -3px;
}

.putana-buttons > #--button {
    display: block;
    border: 1px solid rgb(72, 72, 72);
    background: linear-gradient(to top, rgb(10, 10, 10), rgb(50, 50, 50));
    width: 100%;
    margin: 3px;
    padding: 5px;
    text-align: center;
}

.strannik img{
	max-width: 145px;
	border-radius: 100%;
	border: 1px solid #000;
	border-left: 1px solid #403e3b;
	border-right: 1px solid #403e3b; 
	border-bottom: 2px solid #000;
	margin-top: 15px;
	margin-bottom: -77px;
	box-shadow: 0px 10px 5px -4px #060605;
}

.text-start{
	background-color: #181512;
    padding: 19px;
	padding-top: 70px;
	color: #cee7c1;
	font-size: 14px;
	border: 1px solid #403e3b;
	border-radius: 5px;
	box-shadow: 0px 0px 8px 0px #000000 inset;
	text-shadow: 0px 0px 4px #000000;
}
.glow {
  animation: flicker 1.5s infinite;
}

.glow.swing {
  animation: flicker 1.5s infinite, swing 1s ease-in-out infinite;
  transform-origin: 10% 5%;
}



@keyframes flicker {
  0% {
/*    opacity: 1;*/
    filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.5));
  }
  40% {
/*    opacity: 0.7;*/
    filter: drop-shadow(0 0 10px rgba(255, 0, 0, 0.7));
  }
  60% {
/*    opacity: 1;*/
    filter: drop-shadow(0 0 15px rgba(255, 0, 0, 1));
  }
  80% {
/*    opacity: 0.8;*/
    filter: drop-shadow(0 0 8px rgba(255, 0, 0, 0.6));
  }
  100% {
/*    opacity: 1;*/
    filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.5));
  }
}

@keyframes fillAnimation {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes flicker {
  0% { filter: drop-shadow(0 0 5px rgba(255,0,0,0.5)); }
  40% { filter: drop-shadow(0 0 10px rgba(255,0,0,0.7)); }
  60% { filter: drop-shadow(0 0 15px rgba(255,0,0,1)); }
  80% { filter: drop-shadow(0 0 8px rgba(255,0,0,0.6)); }
  100% { filter: drop-shadow(0 0 5px rgba(255,0,0,0.5)); }
}

@keyframes swing {
  0%   { transform: rotate(-20deg);}
  20%  { transform: rotate(-15deg);}
  50%  { transform: rotate( 20deg);}
  80%  { transform: rotate( 15deg);}
  100% { transform: rotate(-20deg);}
}
[class*="putana-button__"] #--text {
    position: relative;
    z-index: 2;
}
.btn-group-justified{
	margin-top: 25px;
	margin-bottom: 15px;
	border: 1px solid #0e0c0a;
	border-radius: 5px;
}
hr.trip_line {
    border: 0;
    height: 1px;
    margin: 0 10px;
    background-image: -webkit-linear-gradient(left, hsl(290deg 16% 3% / 0%), hsl(314deg 100% 50%), hsl(290deg 16% 3% / 0%));
    background-image: -moz-linear-gradient(left, hsl(290deg 16% 3%), hsl(314deg 100% 50%), hsl(290deg 16% 3%));
    background-image: -ms-linear-gradient(left, hsl(290deg 16% 3%), hsl(314deg 100% 50%), hsl(290deg 16% 3%));
    background-image: -o-linear-gradient(left, hsl(290deg 16% 3%), hsl(314deg 100% 50%), hsl(290deg 16% 3%));
    box-shadow: -2px 4px 10px 0 hsl(341deg 100% 50%), 0px 0px 6px 0 hsl(306deg 100% 50%), 0px -6px 17px 0 hsl(316deg 100% 50%);
}
.event_go {
    background: hsl(315deg 57% 10%) url(/css/img/gold_event.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 15px;
    text-align: end;
/*    margin: 0 -10px;*/
    font-size: 16px;
    color: hsl(45deg 100% 82%);
    text-shadow: 2px 2px 4px hsl(0deg 0% 0%), -2px -1px 13px hsl(49deg 100% 50%), 2px 0px 14px hsl(327deg 100% 50%);
}
.event_go span {
    display: block;
    font-size: 13px;
    color: hsl(0deg 0% 76%);
}
.btn-yes{
	background: linear-gradient(to bottom,  #3f3830 0%,#4f412f 50%,#665844 100%);
	color: #ffe2bd;
	padding: 10px;
	border-right: 1px solid #27231e;
	text-shadow: 
		-0   -1px 0   #000000,
		 0   -1px 0   #000000,
		-0    1px 0   #000000,
		 0    1px 0   #000000,
		-1px -0   0   #000000,
		 1px -0   0   #000000,
		-1px  0   0   #000000,
		 1px  0   0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000;
	font-weight: bold;
	font-size: 16px;
}

.btn-yes:hover{
	background: linear-gradient(to bottom,  #3f3830 0%,#4f412f 50%,#665844 100%);
	color: #FFFFFF;
	box-shadow: 0px 1px 14px 5px #343b21 inset;
}

.btn-no{
	background: linear-gradient(to bottom,  #332d26 0%,#3d352d 50%,#564d40 100%);
	color: #ffbb6e;
	padding: 10px;
	border-left: 1px solid #6b5c50;
	text-shadow: 
		-0   -1px 0   #000000,
		 0   -1px 0   #000000,
		-0    1px 0   #000000,
		 0    1px 0   #000000,
		-1px -0   0   #000000,
		 1px -0   0   #000000,
		-1px  0   0   #000000,
		 1px  0   0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000;
	font-weight: bold;
	font-size: 16px;
}

.btn-no:hover{
	background: linear-gradient(to bottom,  #332d26 0%,#3d352d 50%,#564d40 100%);
	color: #FFFFFF;
	box-shadow: 0px 1px 14px 5px #232716 inset;
}

span.vizoria{
	font-weight: bold;
	color: #badf26;
}

.sge{
	color: #b1f68c;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
}

.box-foot{
    background: linear-gradient(to bottom,  #2d2722 0%,#38312a 50%,#564c41 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #9b978c;
	border-top: 1px solid #554b40;
	border-bottom: 1px solid #25201c;
	box-shadow: 1px 1px 22px -1px #394130 inset;
}

.box h5{
	color: #a8aa97;
	font-size: 15px;
	text-decoration: underline;
}

h5.op{
	color: #88a795;
	text-decoration: none;
}

h5.op small{
	color: #746d5e;
	font-size: 13px;
}

.box2{
	background-color: #231F1B;
	color: #9b978c;
	padding: 10px;
	margin-top: -5px;
	border-radius: 3px;
	border: 1px solid #5D5041;
}

.index-text{
	text-align: center;
	color: #f9fed9;
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
}

.pv{
	padding-left: 45px;
	padding-right: 45px;
}

.form-group{
	margin-bottom: 5px;
}

.polevvoda{
    background-color: #12100d;
	border-top: 1px solid #0e0c0a;
	border-bottom: 1px solid #29241d;
	border-radius: 3px;
	border-left: none;
	border-right: none;
	text-align: center;
	color: #72cc1f;
	font-size: 14px;
	box-shadow: none;
}

.polevvoda:focus{
    outline: none;
	box-shadow: none;
	border-top: 1px solid #0e0c0a;
	border-bottom: 1px solid #29241d;
	border-left: none;
	border-right: none;
	box-shadow: 1px 1px 22px -1px #2b4d14;
}

input[type="login"]::-webkit-input-placeholder {
    color: #5f6957;
} 

input[type="login"]::-moz-placeholder{
    color: #5f6957;
} 

input[type="password"]::-webkit-input-placeholder  {
    color: #5f6957;
}

input[type="password"]::-moz-placeholder {
    color: #5f6957;
}

/* шапка сайта */
.box-heads-info{
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)),
                url(/images/bg2.jpg) no-repeat center center/cover;
	color: #9b978c;
}

.box-foot-info{
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)),
                url(/images/bg2.jpg) no-repeat center center/cover;
	color: #9b978c;
	padding-bottom: 10px;
}

.bg-progres{
	padding: 15px;
	padding-top: 25px;
}

span.badge{
    background:url('/images/bg-lvl.png') no-repeat top;
	color: #FFF;
	padding: 13px;
	padding-left: 12px;
    margin-top: -43px;
	margin-right: 10px;
	width: 36px;
	height: 36px;
}
span.badge_level {
    background: url(/images/bg-lvl.png) no-repeat top;
    color: #FFF;
    padding: 10px;
    padding-left: 10px;
    margin-top: -43px;
    margin-right: 10px;
    width: 36px;
    height: 36px;
    margin-top: 35px;
    margin-left: -30px;
    position: absolute;
}
span.badge_time {
    color: #2EF928;
    margin-top: 28px;
/*    transform: translateX(20%);*/
    position: absolute;
}
.badge-wrapper {
     display: flex;
    justify-content: center;

}
span.user-icon {
    margin-top: -53px;
    margin-left: 10px;
    display: inline-block; /* Чтобы span мог быть контейнером */
    width: 55px; /* Ширина кружка */
    height: 55px; /* Высота кружка */
    border-radius: 50%; /* Делаем круг */
    overflow: hidden; /* Обрезаем всё, что выходит за границы круга */
    position: relative; /* Для позиционирования изображения внутри */
    border: 1px solid #000000; /* Рамка вокруг кружка */
    background-color: #00000085;
}

span.user-icon img {
    position: absolute;
    top: 95%;
    left: 0;
    width: 100%;
    height: auto;
    transform: scale(2);
    transform-origin: center center;
}

.avatar-circle {
            width: 100px; /* Размер кружка */
            height: 100px;
            border-radius: 50%; /* Делаем элемент круглым */
            overflow: hidden; /* Обрезаем всё, что выходит за границы круга */
            position: relative;
            border: 2px solid #ccc; /* Опционально: рамка вокруг кружка */
        }
.avatar-circle img {
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    height: auto;
}
.heads-info table{
    width: 100%;
	color: #333;
}

.heads-info table tr td.mail-inf {
    color: #FFF;
    padding: 8px;
    margin-left: 15px;
    font-size: 14px;
    /* width: 15%; */
}

.heads-info table tr td.inf {
    color: #FFF;
    /* padding: 1px; */
    text-align: center;
    font-size: 13px;
    /* width: 35%; */
}

.heads-info table tr td.inf span{
    background-color: #0d0e0d;
	color: #d3ffd3;
	border-top: 1px solid #141210;
	border-bottom: 1px solid #4B4138;
	border-left: none;
	border-right: none;
	border-radius: 5px;
	padding-right: 5px;
	box-shadow: 1px 1px 22px -1px #2b4d14;
}

.progress{
    background-color: #12100d;
	border-top: 1px solid #0e0c0a;
	border-bottom: 1px solid #29241d;
    height: 11px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-khtml-border-radius: 1px;
	-o-border-radius: 1px;
	margin-bottom: 0;
}

.progress-bar-xp{
    background-color: #0060ff;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-khtml-border-radius: 1px;
	-o-border-radius: 1px;
}

.progress-bar-lvl{
    background-color: #ff0000;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-khtml-border-radius: 1px;
	-o-border-radius: 1px;
	margin-bottom: 5px;
}

.heads-info table tr td.i-pro{
    margin-top: -55px;
}

.bg{
	background-color: #181511;
	padding-bottom: 3px;
}

.title{
    background: linear-gradient(to bottom,  #2b2d21 0%,#414229 50%,#4e5130 100%);
	border-top: 1px solid #5d6242;
	border-bottom: 1px solid #22241b;
	color: #f2f3d5;
	padding: 5px;
	text-align: center;
	font-size: 16px;
}

.bg-fc{
	background-color: #2D2722;
	padding: 10px;
	border-top: 1px solid #39312B;
	border-bottom: 1px solid #1A1613;
	text-align: center;
}

textarea.form-control{
	background-color: #25211D;
	color: #b8b854;
	border-top: 1px solid #141210;
	border-bottom: 1px solid #4B4138;
	border-left: none;
	border-right: none;
}

textarea.form-control:focus{
    outline: none;
	box-shadow: none;
	border-top: 1px solid #141210;
	border-bottom: 1px solid #4B4138;
	border-left: none;
	border-right: none;
}

textarea.form-control {
    background-color: #25211D;
    color: #b8b854;
    border-top: 1px solid #141210;
    border-bottom: 1px solid #4B4138;
    border-left: none;
    border-right: none;
}

select.form-control {
    background-color: #25211D;
    color: #b8b854;
    border-top: 1px solid #141210;
    border-bottom: 1px solid #4B4138;
    border-left: none;
    border-right: none;
}

input.form-control {
    background-color: #25211D;
    color: #b8b854;
    border-top: 1px solid #141210;
    border-bottom: 1px solid #4B4138;
    border-left: none;
    border-right: none;
}
/*начало блока главной*/
.bg-big-link{
    background: linear-gradient(to bottom,  #353429 0%,#1c1815 50%,#14110f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	text-shadow: 
		-0   -1px 0   #000,
		 0   -1px 0   #000,
		-0    1px 0   #000,
		 0    1px 0   #000,
		-1px -0   0   #000,
		 1px -0   0   #000,
		-1px  0   0   #000,
		 1px  0   0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	border-radius: 7px;
	border-top: 1px solid #6D6B55;
	border-bottom: 2px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	box-shadow: 1px 1px 22px -1px #2b4d14;
}

.battle1{
	background:url(/images/gp2.png) no-repeat right;
}

.battle2{
	background:url(/images/okr.png) no-repeat right;
}

.battle3{
	background:url(/images/gp.png) no-repeat right;
}

.big-link a{
	display: block;
	padding: 7px;
	padding-left: 15px;
	color: #FFF;
	text-decoration: none; 
}

.big-link h4{
	font-size: 17px;
    color: #FFF;
}

.big-link h4 small{
    color: #2EF928;
}

.menu-link{
	margin-top: 15px;
}

.menu-link table{
	width: 100%;
}

.menu-link table tr td.link1{
	width: 33%;
	text-align: center;
}

.menu-link table tr td.link1 a{
	display: block;
	color: #FFF;
	font-size: 13px;
	text-shadow: 
		-0   -1px 0   #3f422d,
		 0   -1px 0   #3f422d,
		-0    1px 0   #3f422d,
		 0    1px 0   #3f422d,
		-1px -0   0   #3f422d,
		 1px -0   0   #3f422d,
		-1px  0   0   #3f422d,
		 1px  0   0   #3f422d,
		-1px -1px 0   #3f422d,
		 1px -1px 0   #3f422d,
		-1px  1px 0   #3f422d,
		 1px  1px 0   #3f422d,
		-1px -1px 0   #3f422d,
		 1px -1px 0   #3f422d,
		-1px  1px 0   #3f422d,
		 1px  1px 0   #3f422d;
		 text-decoration: none;
	margin-bottom: 15px;
}

.menu-link table tr td.link1 a:hover{
	color: #8aef2c;
	transition : 0.5s;
}

.menu-foot{
	padding-top: 10px;
}

.menu-foot table{
	width: 100%;
}

.menu-foot table tr td.ng{
	width: 33%;
	text-align: center;
}

.menu-foot table tr td.ng a{
	display: block;
	color: #FFF;
	font-size: 15px;
	text-shadow: 
		-0   -1px 0   #3f422d,
		 0   -1px 0   #3f422d,
		-0    1px 0   #3f422d,
		 0    1px 0   #3f422d,
		-1px -0   0   #3f422d,
		 1px -0   0   #3f422d,
		-1px  0   0   #3f422d,
		 1px  0   0   #3f422d,
		-1px -1px 0   #3f422d,
		 1px -1px 0   #3f422d,
		-1px  1px 0   #3f422d,
		 1px  1px 0   #3f422d,
		-1px -1px 0   #3f422d,
		 1px -1px 0   #3f422d,
		-1px  1px 0   #3f422d,
		 1px  1px 0   #3f422d;
		 text-decoration: none;
	margin-bottom: 10px;
}

.menu-foot table tr td.ng a:hover{
	color: #8aef2c;
	transition : 0.5s;
}

ul.in li{
	color: #a8aa97;
}

span.stat{
	color: #5c6f43;
}

.panel-group{
	background-color: #1e1b16;
	margin-bottom: 0;
	border-radius: 0;
}

.panel-default{
	background-color: #1e1b16;
    border: none;
	border-radius: 0;
}

.panel-default > .panel-body{
	border-radius: 0;
}
/*окончание блока главной*/

/*блок кнопок*/
.btn-deystvie{
	background: #837d5f;
	background: -moz-linear-gradient(top, #837d5f 0%, #6d6549 50%, #5f5a4a 100%);
	background: -webkit-linear-gradient(top, #837d5f 0%,#6d6549 50%,#5f5a4a 100%);
	background: linear-gradient(to bottom, #837d5f 0%,#6d6549 50%,#5f5a4a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#837d5f', endColorstr='#5f5a4a',GradientType=0 );
	padding: 8px;
	width: 250px;
	color: #eff1d9;
	font-size: 12px;
	text-decoration: none;
	border-top: 1px solid #c3a477;
	border-bottom: 1px solid #191612;
	border-radius: 0;
}

.btn-deystvie:hover{
	background: #837d5f;
	background: -moz-linear-gradient(top, #837d5f 0%, #6d6549 50%, #5f5a4a 100%);
	background: -webkit-linear-gradient(top, #837d5f 0%,#6d6549 50%,#5f5a4a 100%);
	background: linear-gradient(to bottom, #837d5f 0%,#6d6549 50%,#5f5a4a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#837d5f', endColorstr='#5f5a4a',GradientType=0 );
	color: #c4c6ac;
}

.btn-deystvie2{
	background: #837d5f;
	background: -moz-linear-gradient(top, #837d5f 0%, #6d6549 50%, #5f5a4a 100%);
	background: -webkit-linear-gradient(top, #837d5f 0%,#6d6549 50%,#5f5a4a 100%);
	background: linear-gradient(to bottom, #837d5f 0%,#6d6549 50%,#5f5a4a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#837d5f', endColorstr='#5f5a4a',GradientType=0 );
	padding: 7px;
	padding-left: 21px;
	padding-right: 21px;
	color: #eff1d9;
	font-size: 13px;
	text-decoration: none;
	border-top: 1px solid #c3a477;
	border-bottom: 1px solid #191612;
	border-radius: 3px;
	margin-top: 5px; 
}

.btn-deystvie2:hover{
	background: #837d5f;
	background: -moz-linear-gradient(top, #837d5f 0%, #6d6549 50%, #5f5a4a 100%);
	background: -webkit-linear-gradient(top, #837d5f 0%,#6d6549 50%,#5f5a4a 100%);
	background: linear-gradient(to bottom, #837d5f 0%,#6d6549 50%,#5f5a4a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#837d5f', endColorstr='#5f5a4a',GradientType=0 );
	color: #c4c6ac;
}
/*окончание блока кнопок*/

/*блок чата*/
.chat-post{
	background-color: #231F1B;
	padding: 10px;
	border-top: 1px solid #39312B;
	border-bottom: 1px solid #1A1613;
}

.chat-post h5 a{
	color: #eaab37;
	font-size: 14px;
	text-decoration: none;
	margin-bottom: 0;
}

h5 a.adm{
	color: #ff6c00;
}

.chat-post p.user-post{
	margin-top: -5px;
	color: #f4fbca;
}

.chat-post p.user-post-adm{
	margin-top: -5px;
	color: #41bafe;
}

ul.chat-ot{
	margin-top: 3px;
	margin-bottom: -10px;
}

ul.chat-ot li a{
	background: linear-gradient(to bottom,  #515b30 0%,#5c6837 50%,#343520 100%);
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 3px;
	border-top: 1px solid #83934E;
	border-bottom: 1px solid #12140A;
	color: #eaffac;
}

ul.chat-ot li a:hover{
	background: linear-gradient(to bottom,  #48512b 0%,#3c4927 50%,#1e1e12 100%);
	color: #f0fad3;
	transition : 0.7s;
	text-decoration: none;
}

.navigation table {
	background: linear-gradient(to bottom,  #3f3f3f 0%,#4f4f4f 50%,#595959 100%);
    width: 100%;
    color: #333;
}

.navigation table tr td.navigation-link{
	width: 20%;
	padding: 0;
}

.navigation table tr td.navigation-link1{
	width: 20%;
	padding: 0;
	border-right: 1px solid #18150f;
}

.navigation table tr td.navigation-link2{
	width: 20%;
	padding: 0;
	border-right: 1px solid #18150f;
}

.navigation table tr td.navigation-link3{
	width: 20%;
	padding: 0;
	border-left: 1px solid #18150f;
}

.navigation table tr td.navigation-link4{
	width: 20%;
	padding: 0;
	border-left: 1px solid #18150f;
}

.navigation table a{
    display: block;
	color: #e6dca1;
	text-align: center;
	text-decoration: none;
    padding:7px;
	border-top: 1px solid #7c7c7c;
}

.navigation table a:hover{
    background: linear-gradient(to bottom,  #303030 0%,#3a3a3a 50%,#3d3d3d 100%);
	transition : 0.7s;
	color: #f5eec5;
	border-top: 1px solid #545454;
}

.navigation table a.activ{
    background: #2c2929;
	background: -moz-linear-gradient(top, #2c2929 0%, #2a2828 51%, #272727 100%);
	background: -webkit-linear-gradient(top, #2c2929 0%,#2a2828 51%,#272727 100%);
	background: linear-gradient(to bottom, #2c2929 0%,#2a2828 51%,#272727 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2929', endColorstr='#272727',GradientType=0 );
	transition : 0.7s;
	color: #FFF;
	font-weight: bold;
	border-top: 1px solid #545454;
}

span.time-post{
	background-color: #1c1916;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	color: #708456;
    font-size: 11px;
    border-radius: 3px;
    border-top: 1px solid #0e0c0a;
	border-bottom: 1px solid #342e29;
}
/*окончание блока чат*/

/*начало блока перса*/
.equip table{
	width: 100%;
    font-size: 12px; 
    margin-bottom: 5px;
}

.equip table tr td.left-equip{
    width: 30%;
	margin-bottom: 3px;
}

.equip table tr td.left-equip img{
	background-color: #13110d;
    border: 1px solid #403e3b;
	border-radius: 5px;
	margin-bottom: 5px;
	max-width: 55px;
}

.equip table tr td.right-equip{
    width: 30%;
}

.equip table tr td.right-equip img{
	background-color: #13110d;
    border: 1px solid #403e3b;
	border-radius: 5px;
	margin-bottom: 5px;
	max-width: 55px;
}

.equip table tr td.avatar{
    width: 40%;
}

.equip table tr td.avatar img{
    max-width: 145px;
}

.equip table tr td.avatar img{
/*    border: 1px solid #cb811d;*/
	border-radius: 5px;
/*	box-shadow: 1px 1px 22px -1px #2b4d14;*/
}


.equip table tr td.bottom-equip-left{
    width: 30%;
}

.equip table tr td.bottom-equip-left img{
    background-color: #13110d;
    border: 1px solid #403e3b;
	border-radius: 5px;
	margin-bottom: 5px;
	max-width: 55px;
}

.equip table tr td.bottom-equip-right{
    width: 30%;
}

.equip table tr td.bottom-equip-right img{
    background-color: #13110d;
    border: 1px solid #403e3b;
	border-radius: 5px;
	margin-bottom: 5px;
	max-width: 55px;
}

.equip table tr td.bottom-equip-center{
    width: 40%;
}

.equip table tr td.bottom-equip-center img{
    background-color: #13110d;
    border: 1px solid #403e3b;
	border-radius: 5px;
	margin-bottom: 5px;
	max-width: 55px;
}
.red_1 {
    border: 2px groove hsl(43deg 31.86% 28.57%) !important;
}

.red_2 {
    border: 2px groove hsl(86deg 49% 42%)!important;
}

.red_3 {
    border: 2px groove hsl(202deg 49% 42%)!important;
}

.red_4 {
    border: 2px groove hsl(281.54deg 86.95% 48.23%) !important;
}

.red_5 {
    border: 2px groove hsl(0deg 71% 52%)!important;
}

.red_6 {
    border: 2px groove hsl(25.13deg 85.84% 49.46%) !important;
}
.red_7 {
    border: 2px groove hsl(65.41deg 100% 50%)!important;
    box-shadow: 0 0 50px 3px #950000;
}
.red_8 {
    border: 2px groove hsl(65.41deg 100% 50%)!important;
    box-shadow: 0 0 50px 3px #950000;
}
.items {
    width: 45px;
    height: 45px;
    background: hsl(0deg 0% 6%);
    -webkit-box-shadow: 0px 0px 20px 0px hsl(0deg 0% 0%) inset;
    -moz-box-shadow: 0px 0px 20px 0px hsl(0deg 0% 0%) inset;
    box-shadow: 0px 0px 20px 0px hsl(0deg 0% 0%) inset;
    border-radius: 4px;
    border: 1px groove hsl(43deg 9% 15%);
    display: inline-block;
    margin: 2px;
    position: relative;
}
.items img {
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: contain;
}
.items span {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 19px;
    height: 19px;
    object-fit: contain;
}
span.count_f {
    position: absolute;
    left: -9px;
    top: 31px;
    color: hsl(38deg 48% 76%);
    text-shadow: 1px 1px 5px hsl(35deg 53% 47%);
    background-color: #111311a6;
    /* padding: 10px; */
    border-radius: 5px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #2f2923;
    box-shadow: 0px 0px 8px 0px #000000 inset;
}
.pojas-user{
	background-color: #181512;
    padding: 10px;
	color: #cee7c1;
	font-size: 14px;
	border: 1px solid #312b22;
	border-radius: 0px 0px 5px 5px;
	text-shadow: 0px 0px 4px #000000;
	margin-bottom: 10px;
}

h4.text-name-pojas{
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 15px;
	text-align: center;
}

.pojas-user table{
	width: 100%;
	text-align: center;
}

.bg-pojas{
	background-color: #111311;
	padding: 10px;
	border-radius: 5px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #2f2923;
	box-shadow: 0px 0px 8px 0px #000000 inset;
}

.bg-semi-transparent{
	background-color: #111311a6;
	padding: 10px;
	border-radius: 5px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #2f2923;
	box-shadow: 0px 0px 8px 0px #000000 inset;
    color: hsl(38deg 48% 76%);
    text-shadow: 1px 1px 5px hsl(35deg 53% 47%);
    margin: 4px;
}

.pojas-user table tr td.skills-user{
/*	width: 25%;*/
}

.pojas-user table tr td.skills-user img{
	background-color: #13110d;
    border: 1px solid #403e3b;
	border-radius: 5px;
	max-width: 55px;
}

.box-user{
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
                url(/images/bg-user.jpg) no-repeat center center/cover;
	color: #9b978c;
	padding: 15px;
	padding-bottom: 35px;
}

.user-box2{
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9)),
                url(/images/user-bg.jpg) no-repeat center center/cover;
	color: #9b978c;
	padding: 15px;
}

p.status{
	color: #beb7b7;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 0;
}

.bg-zv-xp{
	background-color: #111311;
	padding: 5px;
	border: 1px solid #312b22;
	box-shadow: 0px 0px 8px 0px #000000 inset;
}

.bg-user-info{
	background-color: #181512;
    padding: 15px;
	color: #cee7c1;
	font-size: 14px;
	border: 1px solid #312b22;
	border-bottom: 1px solid #000000;
	border-radius: 0px;
	text-shadow: 0px 0px 4px #000000;
}

h5.zv{
	color: #FFFFFF;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

span.zv{
	color: #ecc455;
	margin-bottom: 5px;
}

.bg-kf-v{
	background: linear-gradient(to right,  #1d4700 0%,#012300 70%,#031400 100%);
    padding: 10px;
	color: #cee7c1;
	font-size: 14px;
	border: 1px solid #312b22;
	border-bottom: 1px solid #000000;
	border-radius: 5px 5px 0px 0px;
	text-shadow: 0px 0px 4px #000000;
}

.v table{
	width: 100%;
	text-align: center;
}

.v table tr td.kf{
	width: 70%;
	color: #FFFFFF;
	text-shadow: 0px 0px 4px #000000;
}

.v table tr td.proc-kf{
	width: 30%;
	color: #b5ff02;
	text-shadow: 0px 0px 4px #000000;
	font-weight: bold;
}

.us-st table{
	width: 100%;
	text-align: center;
	margin-top: 15px;
}

.us-st table tr td.sila{
	width: 30%;
}

.us-st table tr td.bronja{
	width: 40%;
}

.us-st table tr td.zdorovje{
	width: 30%;
}

.us-st span{
	background-color: #0d0e0d;
	color: #d3ffd3;
	font-size: 14px;
	border: 1px solid #312b22;
	border-radius: 3px;
	padding-right: 5px;
}

.stats-user-xp{
	color: #FFF;
	font-size: 13px;
	text-align: center;
}

.bg-user-link{
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.9)),
                url(/images/user-menu-link-bg.jpg) no-repeat center center/cover;
    padding: 10px;
	color: #cee7c1;
	font-size: 14px;
	border: 1px solid #3d362c;
	border-radius: 5px 5px 5px 5px;
	text-shadow: 0px 0px 4px #000000;
	box-shadow: 0px 0px 12px 0px #000000 inset;
}

.stats-user{
	background-color: #181512;
    padding: 10px;
	color: #cee7c1;
	font-size: 14px;
	border: 1px solid #312b22;
	border-top: 1px solid #2e2823;
	border-radius: 5px 5px 0px 0px;
	text-shadow: 0px 0px 4px #000000;
}

ul.info-user-list{
	color: #ecc455;
	font-size: 13px;
	margin-bottom: 0;
}

ul.info-user-list a{
	color: #ecc455;
	font-size: 13px;
	margin-bottom: 0;
	text-decoration: underline; 
}

span.i-u-l{
	color: #FFFFFF;
}

h4.inf-us{
	color: #89fd00;
}

.user-link{
	padding-top: 20px;
}

.user-link table{
	width: 100%;
}

.user-link table tr td.link2{
	width: 33%;
	text-align: center;
}

.user-link table tr td.link2 a{
	display: block;
	color: #FFF;
	font-size: 13px;
	text-shadow: 
		-0   -1px 0   #3f422d,
		 0   -1px 0   #3f422d,
		-0    1px 0   #3f422d,
		 0    1px 0   #3f422d,
		-1px -0   0   #3f422d,
		 1px -0   0   #3f422d,
		-1px  0   0   #3f422d,
		 1px  0   0   #3f422d,
		-1px -1px 0   #3f422d,
		 1px -1px 0   #3f422d,
		-1px  1px 0   #3f422d,
		 1px  1px 0   #3f422d,
		-1px -1px 0   #3f422d,
		 1px -1px 0   #3f422d,
		-1px  1px 0   #3f422d,
		 1px  1px 0   #3f422d;
		 text-decoration: none;
	margin-bottom: 20px;
}

.user-link table tr td.link2 a:hover{
	color: #8aef2c;
	transition : 0.5s;
}

/*окончание блока перса*/

/*начало блока гильдия*/
h4.name-gildiya{
	color: #2EF928;
	text-shadow: 
		-0   -1px 0   #3f422d,
		 0   -1px 0   #3f422d,
		-0    1px 0   #3f422d,
		 0    1px 0   #3f422d,
		-1px -0   0   #3f422d,
		 1px -0   0   #3f422d,
		-1px  0   0   #3f422d,
		 1px  0   0   #3f422d,
		-1px -1px 0   #3f422d,
		 1px -1px 0   #3f422d,
		-1px  1px 0   #3f422d,
		 1px  1px 0   #3f422d,
		-1px -1px 0   #3f422d,
		 1px -1px 0   #3f422d,
		-1px  1px 0   #3f422d,
		 1px  1px 0   #3f422d;
		 text-decoration: none;
}

h5.gildiya-lvl{
	color: #FFF;
	text-decoration: none;
}

h5.gildiya-lvl small{
	color: #ebe29e;
}

h5.gildiya-xp{
	color: #FFF;
	text-decoration: none;
}

h5.gildiya-xp small{
	color: #ebe29e;
}

.gs{
	padding: 5px;
	color: #FFF;
	text-align: center;
}

.gildiya-info{
	padding-top: 10px;
	margin-bottom: 15px;
}

.gildiya-info table{
	width: 100%;
}

.gildiya-info table tr td.ng{
	width: 33%;
	text-align: center;
}

.gildiya-info table tr td.gildiya-logo{
	width: 33%;
	text-align: center;
}

.gildiya-info table tr td.gildiya-logo img{
	width: 135px;
    border-radius: 10px;
	border: 1px solid #adab71;
	box-shadow: 1px 1px 22px -1px #80af4b;
}

.gildiya-info table tr td.ng a{
	display: block;
	color: #FFF;
	font-size: 15px;
	text-shadow: 
		-0   -1px 0   #3f422d,
		 0   -1px 0   #3f422d,
		-0    1px 0   #3f422d,
		 0    1px 0   #3f422d,
		-1px -0   0   #3f422d,
		 1px -0   0   #3f422d,
		-1px  0   0   #3f422d,
		 1px  0   0   #3f422d,
		-1px -1px 0   #3f422d,
		 1px -1px 0   #3f422d,
		-1px  1px 0   #3f422d,
		 1px  1px 0   #3f422d,
		-1px -1px 0   #3f422d,
		 1px -1px 0   #3f422d,
		-1px  1px 0   #3f422d,
		 1px  1px 0   #3f422d;
		 text-decoration: none;
	margin-bottom: 10px;
}

.gildiya-info table tr td.ng a:hover{
	color: #8aef2c;
	transition : 0.5s;
}

.gildiya-link table{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.gildiya-link table tr td.link2{
	width: 50%;
}

.gildiya-link table tr td.link2 a{
	display: block;
	background: linear-gradient(to bottom,  #353429 0%,#1c1815 50%,#14110f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	text-shadow: 
		-0   -1px 0   #000,
		 0   -1px 0   #000,
		-0    1px 0   #000,
		 0    1px 0   #000,
		-1px -0   0   #000,
		 1px -0   0   #000,
		-1px  0   0   #000,
		 1px  0   0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000;
	color: #FFF;
	font-size: 13px;
	text-align: center;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
    border: 1px solid #20201c;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	margin: 3px;
	box-shadow: 1px 1px 22px -1px #2b4d14;
}

.gildiya-link table tr td.gildiya-turnir{
	width: 50%;
}

.gildiya-link table tr td.gildiya-turnir a{
	display: block;
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
                url(/images/gildiya-turniru.png) no-repeat center center/cover;
	text-shadow: 
		-0   -1px 0   #000,
		 0   -1px 0   #000,
		-0    1px 0   #000,
		 0    1px 0   #000,
		-1px -0   0   #000,
		 1px -0   0   #000,
		-1px  0   0   #000,
		 1px  0   0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
    border: 1px solid #36332b;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	margin: 3px;
	height: 94px;
	box-shadow: 1px 1px 15px -1px #2b4d14;
}

.gildiya-link table tr td.gildiya-vladenija{
	width: 50%;
}

.gildiya-link table tr td.gildiya-vladenija a{
	display: block;
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
                url(/images/gildiya-vladenija.png) no-repeat center center/cover;
	text-shadow: 
		-0   -1px 0   #000,
		 0   -1px 0   #000,
		-0    1px 0   #000,
		 0    1px 0   #000,
		-1px -0   0   #000,
		 1px -0   0   #000,
		-1px  0   0   #000,
		 1px  0   0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
    border: 1px solid #36332b;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	margin: 3px;
	height: 94px;
	box-shadow: 1px 1px 15px -1px #2b4d14;
}

.gildiya-link table tr td.gildiya-bonus{
	width: 50%;
}

.gildiya-link table tr td.gildiya-bonus a{
	display: block;
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
                url(/images/gildiya-bonus.png) no-repeat center center/cover;
	text-shadow: 
		-0   -1px 0   #000,
		 0   -1px 0   #000,
		-0    1px 0   #000,
		 0    1px 0   #000,
		-1px -0   0   #000,
		 1px -0   0   #000,
		-1px  0   0   #000,
		 1px  0   0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
    border: 1px solid #36332b;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	margin: 3px;
	height: 94px;
	box-shadow: 1px 1px 15px -1px #2b4d14;
}

.gildiya-link table tr td.gildiya-kazna{
	width: 50%;
}

.gildiya-link table tr td.gildiya-kazna a{
	display: block;
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
                url(/images/gildiya-kazna.png) no-repeat center center/cover;
	text-shadow: 
		-0   -1px 0   #000,
		 0   -1px 0   #000,
		-0    1px 0   #000,
		 0    1px 0   #000,
		-1px -0   0   #000,
		 1px -0   0   #000,
		-1px  0   0   #000,
		 1px  0   0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
    border: 1px solid #36332b;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	margin: 3px;
	height: 94px;
	box-shadow: 1px 1px 15px -1px #2b4d14;
}

.gildiya-link table tr td.pers-nabor{
	width: 50%;
}

.gildiya-link table tr td.pers-nabor a{
	display: block;
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
                url(/images/pers-nabor.png) no-repeat center center/cover;
	text-shadow: 
		-0   -1px 0   #000,
		 0   -1px 0   #000,
		-0    1px 0   #000,
		 0    1px 0   #000,
		-1px -0   0   #000,
		 1px -0   0   #000,
		-1px  0   0   #000,
		 1px  0   0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
    border: 1px solid #36332b;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	margin: 3px;
	height: 94px;
	box-shadow: 1px 1px 15px -1px #2b4d14;
}

.gildiya-link table tr td.gildiya-nastrojki{
	width: 50%;
}

.gildiya-link table tr td.gildiya-nastrojki a{
	display: block;
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
                url(/images/gildiya-nastrojki.png) no-repeat center center/cover;
	text-shadow: 
		-0   -1px 0   #000,
		 0   -1px 0   #000,
		-0    1px 0   #000,
		 0    1px 0   #000,
		-1px -0   0   #000,
		 1px -0   0   #000,
		-1px  0   0   #000,
		 1px  0   0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
    border: 1px solid #36332b;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	margin: 3px;
	height: 94px;
	box-shadow: 1px 1px 15px -1px #2b4d14;
}

.gildiya-link table tr td a .name-gildiya-link{
	display: block;
    margin-top: 54px;
    left: 0;
    width: 100%;
    text-align: center;
}

.gildiya-link table tr td.link3{
	width: 33%;
}

.gildiya-link table tr td.link3 a{
	display: block;
	background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)),
                url(/images/link-gildiya.png) no-repeat center center/cover;
	color: #FFF;
	font-size: 13px;
	text-shadow: 
		-0   -1px 0   #000000,
		 0   -1px 0   #000000,
		-0    1px 0   #000000,
		 0    1px 0   #000000,
		-1px -0   0   #000000,
		 1px -0   0   #000000,
		-1px  0   0   #000000,
		 1px  0   0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000;
		 text-decoration: none;
	text-align: center;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
    border: 1px solid #20201c;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-o-border-radius: 4px;
	margin: 3px;
	box-shadow: 1px 1px 15px -1px #2b4d14;
}
.link_everywhere {
    display: inline-block; /* Изменено с block на inline-block */
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url(/images/link-gildiya.png) no-repeat center center / cover;
    color: #FFF;
    font-size: 13px;
    text-shadow: 
        -0 -1px 0 #000000, 0 -1px 0 #000000, 
        -0 1px 0 #000000, 0 1px 0 #000000, 
        -1px -0 0 #000000, 1px -0 0 #000000, 
        -1px 0 0 #000000, 1px 0 0 #000000, 
        -1px -1px 0 #000000, 1px -1px 0 #000000, 
        -1px 1px 0 #000000, 1px 1px 0 #000000, 
        -1px -1px 0 #000000, 1px -1px 0 #000000, 
        -1px 1px 0 #000000, 1px 1px 0 #000000;
    text-decoration: none;
    text-align: center;
    padding: 10px 15px; /* Упрощенный padding */
    border: 1px solid #20201c;
    border-radius: 4px;
    margin: 3px;
    box-shadow: 1px 1px 15px -1px #2b4d14;
    /* Удалено width: 35% */
    min-width: 50px; /* Опционально: минимальная ширина */
    white-space: nowrap; /* Предотвращает перенос текста */
    box-sizing: border-box; /* Учитывает padding в ширине */
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
}
.popup {
    top: 25%;
    left: 0;
    right: 0;
    font-size: 14px;
    margin: auto;
    width: 85%;
    min-width: 320px;
    max-width: 600px;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    background: #000;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, .22), 0 19px 60px rgba(0, 0, 0, .3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
@keyframes fade {
    from {opacity: 0;}
    to {opacity: 1;}
}
.gildiya-link table tr td.link2 a p{
	margin-bottom: 0;
}

h5.gild-sostav{
	color: #FFF;
	text-decoration: none;
	margin-bottom: 15px;
	margin-top: 15px;
}

.list-group{
    border-radius: 0;
    margin-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

.list-group > a.list-group-item{
	background: linear-gradient(rgba(0.2, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
				url(/images/gildiya-link-left-bg.png) no-repeat left,
				url(/images/gildiya-link-right-bg.png) no-repeat right,
				linear-gradient(to bottom,  #1c1915 0%,#231f1a 50%,#2a251f 100%);
	color: #a3b508;
	padding-left: 75px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 3px;
	font-size: 15px;
	border: 1px solid #20201c;
	border-radius: 4px;
	margin-bottom: 5px;
	text-shadow: 
		-0   -1px 0   #000,
		 0   -1px 0   #000,
		-0    1px 0   #000,
		 0    1px 0   #000,
		-1px -0   0   #000,
		 1px -0   0   #000,
		-1px  0   0   #000,
		 1px  0   0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000;
		 text-decoration: none;
}

.list-group > a.glava{
	background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
				url(/images/zv/glava.png) no-repeat left,
				url(/images/gildiya-link-right-bg.png) no-repeat right,
				linear-gradient(to bottom,  #1c1915 0%,#231f1a 50%,#2a251f 100%);
	color: #a3b508;
	padding-left: 75px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 3px;
	font-size: 15px;
	border: 1px solid #20201c;
	border-radius: 4px;
	margin-bottom: 5px;
	text-shadow: 
		-0   -1px 0   #000,
		 0   -1px 0   #000,
		-0    1px 0   #000,
		 0    1px 0   #000,
		-1px -0   0   #000,
		 1px -0   0   #000,
		-1px  0   0   #000,
		 1px  0   0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000;
		 text-decoration: none;
}

.list-group > a.marshal{
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(/images/zv/marshal.png) no-repeat left, url(/images/gildiya-link-right-bg.png) no-repeat right, linear-gradient(to bottom, #1c1915 0%, #231f1a 50%, #2a251f 100%);
    color: #a3b508;
    padding-left: 75px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 3px;
    font-size: 15px;
    border: 1px solid #20201c;
    border-radius: 4px;
    margin-bottom: 5px;
    text-shadow: -0 -1px 0 #000, 0 -1px 0 #000, -0 1px 0 #000, 0 1px 0 #000, -1px -0 0 #000, 1px -0 0 #000, -1px 0 0 #000, 1px 0 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    text-decoration: none;
    position: relative;
    min-height: 60px;
    display: block;
}

.list-group > a.general{
	background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
				url(/images/zv/general.png) no-repeat left,
				url(/images/gildiya-link-right-bg.png) no-repeat right,
				linear-gradient(to bottom,  #1c1915 0%,#231f1a 50%,#2a251f 100%);
	color: #a3b508;
	padding-left: 75px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 3px;
	font-size: 15px;
	border: 1px solid #20201c;
	border-radius: 4px;
	margin-bottom: 5px;
	text-shadow: 
		-0   -1px 0   #000,
		 0   -1px 0   #000,
		-0    1px 0   #000,
		 0    1px 0   #000,
		-1px -0   0   #000,
		 1px -0   0   #000,
		-1px  0   0   #000,
		 1px  0   0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000;
		 text-decoration: none;
}

.list-group > a.oficer{
	background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
				url(/images/zv/oficer.png) no-repeat left,
				url(/images/gildiya-link-right-bg.png) no-repeat right,
				linear-gradient(to bottom,  #1c1915 0%,#231f1a 50%,#2a251f 100%);
	color: #a3b508;
	padding-left: 75px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 3px;
	font-size: 15px;
	border: 1px solid #20201c;
	border-radius: 4px;
	margin-bottom: 5px;
	text-shadow: 
		-0   -1px 0   #000,
		 0   -1px 0   #000,
		-0    1px 0   #000,
		 0    1px 0   #000,
		-1px -0   0   #000,
		 1px -0   0   #000,
		-1px  0   0   #000,
		 1px  0   0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000;
		 text-decoration: none;
}

.list-group > a.veteran{
	background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
				url(/images/zv/veteran.png) no-repeat left,
				url(/images/gildiya-link-right-bg.png) no-repeat right,
				linear-gradient(to bottom,  #1c1915 0%,#231f1a 50%,#2a251f 100%);
	color: #a3b508;
	padding-left: 75px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 3px;
	font-size: 15px;
	border: 1px solid #20201c;
	border-radius: 4px;
	margin-bottom: 5px;
	text-shadow: 
		-0   -1px 0   #000,
		 0   -1px 0   #000,
		-0    1px 0   #000,
		 0    1px 0   #000,
		-1px -0   0   #000,
		 1px -0   0   #000,
		-1px  0   0   #000,
		 1px  0   0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000,
		-1px -1px 0   #000,
		 1px -1px 0   #000,
		-1px  1px 0   #000,
		 1px  1px 0   #000;
		 text-decoration: none;
}

span.dl-gildiya{
	color: #bbc694;
	font-size: 12px;
	margin-bottom: -7px; 
    margin-left: 10px;
}
.gildiya-oput.pull-right {
    float: right;
}
span.gildiya-oput{
	background-color: #0d0e0d;
	color: #d3ffd3;
	font-size: 11px;
	border-top: 1px solid #141210;
	border-bottom: 1px solid #4B4138;
	border-left: none;
	border-right: none;
	border-radius: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: -40px;
	box-shadow: 1px 1px 22px -1px #2b4d14;
}
.user-avatar {
    /* базовые стили */
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #00000085;
    
}

.user-avatar.active {
    border: 2px solid #10ff00; /* зеленый для активных */
    box-shadow: 0 0 5px #10ff00;
}

.user-avatar.inactive {
    border: 2px solid #fd0000; /* красный для неактивных */
    box-shadow: 0 0 5px #fd0000;
}

.user-avatar img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}
/*окончание блока гильдия*/

/*начало блока сражение*/
.box-battles{
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
                url(/images/bg-battles.jpg) no-repeat center center/cover;
	color: #9b978c;
	padding: 15px;
}

.battle{
/*    margin-top: 15px;*/
	margin-bottom: 15px;
}

.mob-ava img{
	max-width: 135px;
	border-radius: 5px 5px 0px 0px;
	border: 1px solid #000;
}

.battle table{
    width: 100%;
}

.battle table tr td{
    padding: 3px;
}

.battle table tr td.inform{
    color: #fff200;
    padding: 10px;
	text-align: center;
	width: 50%;
}

.battle table tr td.skill{
    color: #fff200;
    padding: 10pxpx;
	text-align: center;
	width: 33%;
}

.b{
	background: linear-gradient(to bottom,  #181512 0%,#1e1b16 50%,#302c23 100%);
	padding: 5px;
	margin-bottom: -15px;
	border-radius: 0;
	border-left: 1px solid #585551;
	border-right: 1px solid #585551;
	border-top: 1px solid #38361a;
	border-bottom: 1px solid #151210;
}

.b table{
    width: 100%;
}

.b table tr.attak-battle{
    color: #fff200;
	width: 25%;
}

.b table tr.attak-battle td img{
	background-color: #000;
	max-width: 55px;
	border-radius: 5px;
	border: 1px solid #585551;
}

ul.battle-logs{
	background-color: #181512;
    padding: 15px;
	color: #e1dc8e;
	border: 1px solid #403e3b;
	border-radius: 5px;
	box-shadow: 0px 0px 8px 0px #000000 inset;
}

ul.battle-logs h4{
	color: #dbd9b9;
	text-decoration: underline;
	font-size: 17px;
	margin-top: -5px;
}

li.nul{
    color: #84814c;
}

li.plus{
    color: #e3df8b;
}

li.minus{
    color: #c79245;
}

li.skil{
    color: #31bd00;
}

.margin{
    margin-top: 15px;
}

.bg-progress{
    padding-left: 72px;
	padding-right: 15px;
	margin-top: 25px;
	margin-bottom: -25px;
}

.progress{
    background-color: #19180b;
	border-top: 1px solid #101007;
	border-bottom: 1px solid #38361a;
	height: 10px;
	margin: 0;
    margin-left: 15%;
    margin-right: 10%;
}

.hp{
    background: #fcd464;
	background: -moz-linear-gradient(top, #fcd464 5%, #f7a000 20%, #f28100 50%, #ff0000 100%);
	background: -webkit-linear-gradient(top, #fcd464 5%,#f7a000 20%,#f28100 50%,#ff0000 100%);
	background: linear-gradient(to bottom, #fcd464 5%,#f7a000 20%,#f28100 50%,#ff0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd464', endColorstr='#ff0000',GradientType=0 );
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-khtml-border-radius: 1px;
	-o-border-radius: 1px;
}

.bt-bg{
	background: linear-gradient(rgba(0, 0.7, 0, 0.5), rgba(0.7, 0, 0, 0.7)),
                url(/images/battle-bg-info.png) no-repeat center center/cover;
	background-color: #1a1713;
	border-left: 1px solid #585551;
	border-right: 1px solid #585551;
	border-top: 1px solid #585551;
	border-bottom: 1px solid #000000;
	border-radius: 5px 5px 0 0;
	box-shadow: 0px 0px 8px 0px #000000 inset;
}

.battle-info h5{
	color: #f8c47d;
	font-size: 15px;
	margin-top: 15px;
	text-shadow: 0px 0px 4px #000000;
	text-decoration: underline;
}

.battle-info table{
    width: 100%;
}

.battle-info table tr td.info-ava{
    color: #fff200;
    padding: 10px;
    text-align: right;
    width: 15%;
    position: relative;
    width: 83px;
    height: 83px;
    border-radius: 50%;
    border: 2px solid #585551;
    overflow: hidden;
    padding: 0;
    margin-right: 20px;
    float: left;
    display: block;
    /* top: 50%; */
    margin-left: 10px;
    margin-block: 10px;
    /* top: 50%; */
}

.battle-info table tr td.info-ava img{
    width: 83px;
	border-radius: 100%;
/*	border: 2px solid #585551;*/
}

.battle-info table tr td.info-stat{
    color: #c8c8c8;
	padding-left: -5px;
	text-align: left;
	width: 85%;
}

.bt-bg2{
	background: linear-gradient(rgba(0, 0.7, 0, 0.5), rgba(0.7, 0, 0, 0.7)),
                url(/images/battle-bg-info.png) no-repeat center center/cover;
	background-color: #1a1713;
	border-left: 1px solid #585551;
	border-right: 1px solid #585551;
	border-top: 1px solid #322d25;
	border-bottom: 1px solid #585551;
	margin-top: -5px;
	margin-bottom: 15px;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0px 0px 8px 0px #000000 inset;
}

.battle-info2 h5{
	color: #f8c47d;
	font-size: 15px;
	margin-top: 15px;
	text-shadow: 0px 0px 4px #000000;
	text-decoration: underline;
}

.battle-info2 table{
    width: 100%;
}

.battle-info2 table tr td.info-ava{
    color: #fff200;
    padding: 10px;
    text-align: right;
    width: 15%;
    position: relative;
    width: 83px;
    height: 83px;
    border-radius: 50%;
    border: 2px solid #585551;
    overflow: hidden;
    padding: 0;
    margin-right: 20px;
    float: left;
    display: block;
    /* top: 50%; */
    margin-left: 10px;
    margin-block: 10px;
    /* top: 50%; */
}

.battle-info2 table tr td.info-ava img{
    width: 83px;
	border-radius: 100%;
/*	border: 2px solid #585551;*/
}

.battle-info2 table tr td.info-stat{
    color: #c8c8c8;
	padding-left: -5px;
	text-align: left;
	width: 85%;
}

.btn-attack{
	background: linear-gradient(to bottom,  #bf0a03 0%,#7c0402 50%,#6f0202 100%);
	color: #FFFFFF;
	text-shadow: 0px 0px 4px #000000;
	font-size: 15px;
	border-radius: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: -15px;
	border-left: 1px solid #585551;
	border-right: 1px solid #585551;
	border-top: 1px solid #ea0e06;
	border-bottom: 1px solid #101007;
}

.btn-attack:hover{
	color: #26bd00;
	text-shadow: 0px 0px 4px #000000;
}

span.skill-time{
	background-color: #1f1c16;
	width: 15px;
	height: 15px;
	color: #a8bf4c;
	font-size: 11px;
	border-radius: 3px 0px 0px 3px;
	border-right: 1px solid #1f1c16;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #59503e;
	text-shadow: 0px 0px 4px #000000;
}

/*окончание блока сражение*/

p.btns{
	margin-top: -95px;
}

ul.foots{
	margin-top: 15px;
	color: #606a50;
}

ul.foots li a{
	color: #629562;
	text-decoration: underline;
}

.time-world{
    color: #FFF;
}

h5.copy{
	color: #808f28;
}