/* Template created by S-ARTs.ru | Code: CheLiOS | Design: spammer44 | URL: http://s-arts.ru */

@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,cyrillic);

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

html, body { margin: 0; height: 100%; }
html { overflow-x: hidden; }

body {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 15px;
	color: #4c4946;
	word-wrap: break-word;
	background:
		url(../img/bg1.jpg) no-repeat center 0,
		url(../img/bg2.jpg) no-repeat center 100px,
		url(../img/bg3.jpg) no-repeat center 200px,
		url(../img/bg4.jpg) no-repeat center 300px,
		url(../img/bg5.jpg) no-repeat center 400px,
		url(../img/bg6.jpg) no-repeat center 500px,
		url(../img/bg2.png) repeat-y center 828px,
		url(../img/bg1.png) repeat-y center 865px,
		url(../img/bg.png) repeat-y center 647px,
		#69361c url(../img/bg.jpg) repeat-y center 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: normal;
	margin: 0; padding: 0;
}

h1 {
	font-size: 1.5em;
}

 h2 {
	font-size: 1.4em;
}

 h3 {
	font-size: 1.3em;
}

 h4 {
	font-size: 1.2em;
}

 h5 {
	font-size: 1.1em;
}

a {
	color: #b66631;
}

a:hover {
	text-decoration: none;
}

a img {
	border: 0 none;
}

textarea {
	resize: vertical;
}

input, textarea, select {
	font-family: 'PT Sans Narrow', sans-serif;
	color: #4c4946;
	font-size: 15px;
	background: #fff2cd !important;
	border: 1px solid #d7b589 !important;
	-webkit-box-shadow: inset 5px 5px 5px -2px #f0d49f;
	   -moz-box-shadow: inset 5px 5px 5px -2px #f0d49f;
    		box-shadow: inset 5px 5px 5px -2px #f0d49f;
}

input, select {
	margin-bottom: 4px;
	height: 28px;
	padding: 0 6px;
}

input[type="checkbox"] { height: auto; }

.tableform { width: 100% !important; }
.label { width: 100px; }

input, textarea, select, button, a {
	outline: none;
}

p {
	margin-bottom: 0.4em;
}

hr {
	border: 0 none;
	border-top: 1px solid #dbe8ed;
	height: 1px;
}

ul {
	margin: 0 0 18px 2em;
	list-style: disc outside;
}

ol {
	margin: 0 0 18px 2.1em;
	list-style: decimal;
}

.reset, .reset li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.clr {
	clear: both;
}

table.userstop, table.pm, table.tableform, table.calendar {
	border-collapse: collapse;
	border-spacing: 0;
}

.lcol, .rcol, form {
	display: inline;
}

.lcol {
	float: left;
}

 .rcol {
	float: right;
}

.small {
	font-size: 0.85em;
}

#wrapper {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	min-width: 1000px;
	background: url(../img/bg7.jpg) no-repeat center bottom;
}

#header {
	height: 500px;
}

#container {
	width: 1000px;
	margin: 0 auto;
}

#right {
	float: right;
	width: 288px;
	margin-right: -3px;
	margin-bottom: -92px;
	padding-top: 1px;
}

#left {
	margin-right: 290px;
	padding: 34px 0 0 19px;
}

#spacer { height: 230px; }
.clear { clear: both; }

#footer {
	height: 230px;
	margin-top: -230px;
}



/* parallax */
.scene {
	text-align: left;
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	display: inline-block;
	z-index: 3;
}

.layer {
	line-height: 0;
}
/* parallax */



/*=================================================
------------- 1. ���������� ����� ������ ------------
===================================================*/
	.header {
		position: relative;
		width: 1000px;
		height: 500px;
		margin: 0 auto;
	}

	.gaming-now {
		position: absolute;
		top: 48px; left: 50%;
		margin-left: -50px;
		width: 100px; height: 48px;
		font-size: 12px;
		color: #fce4ab;
		text-transform: uppercase;
		text-shadow: 2px 2px 2px #6d461d;
		text-align: center;
	}

	.gaming-now span {
		display: block;
		font-size: 14px;
		font-weight: bold;
		margin-top: -1px;
	}

	.gaming-now span i {
		font-size: 17px;
		font-style: normal;
	}

	.logo-link {
		position: absolute;
		top: 220px; left: 50%;
		margin-left: -113px;
		width: 226px; height: 58px;
		display: block;
		overflow: hidden;
		line-height: 200px;
	}

	.game-start {
		position: absolute;
		top: 347px; right: 9px;
		width: 286px; height: 105px;
		background: url(../img/game-start.jpg);
	}

	.game-start a {
		position: absolute;
		top: 0px; right: 0px;
		display: block;
		overflow: hidden;
		width: 270px; height: 83px;
		line-height: 200px;
		background: url(../img/game-start1.jpg);
		opacity: 0;
	}

	.game-start a:hover {
		opacity: 1;
	}

	.top-menu {
		position: absolute;
		top: 344px; left: 63px;
		height: 74px;
		background: url(../img/top-menu.png) no-repeat;
		padding-left: 12px;
	}

	.top-menu li {
		position: relative;
		height: 74px;
		display: block;
		float: left;
		background: url(../img/top-menu.png) no-repeat right;
	}

	.top-menu li a {
		position: relative;
		height: 74px;
		display: block;
		float: left;
		padding: 0 20px 0 9px;
		font-size: 16px;
		color: #9c4d2a;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 74px;
	}

	.top-menu li:hover a {
		color: #fff2d6;
		text-shadow: 2px 2px 4px #966a42;
	}

	.top-menu li a:before {
		content: '';
		position: absolute;
		z-index: 1;
		top: 2px; left: -8px; right: 36px;
		height: 74px;
		display: block;
		background: url(../img/top-menu1.png) no-repeat;
		opacity: 0;
	}

	.top-menu li a:after {
		content: '';
		position: absolute;
		z-index: 1;
		top: 2px; right: 2px;
		width: 34px;
		height: 74px;
		display: block;
		background: url(../img/top-menu1.png) no-repeat right -74px;
		opacity: 0;
	}

	.top-menu li:hover a:before,
	.top-menu li:hover a:after {
		opacity: 1;
	}

	.top-menu li a b {
		position: relative;
		z-index: 2;
	}

	.top-menu li ul {
		position: absolute;
		z-index: 10;
		top: 70px; left: -4px; right: 6px;
		display: block;
		background: none;
		background: rgba(90, 67, 47, 0.88);
		padding: 10px 0 8px 0;
		opacity: 0;
		-webkit-transform: scale(0);
		   -moz-transform: scale(0);
		    -ms-transform: scale(0);
		     -o-transform: scale(0);
		        transform: scale(0);
	}

	.top-menu li:hover ul {
		opacity: 1;
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);
	}

	.top-menu li ul li {
		background: none;
		height: 27px;
		float: none;
	}

	.top-menu li ul li a {
		background: none;
		height: 27px;
		line-height: 28px;
		font-size: 14px;
		text-transform: none;
		font-weight: bold;
		color: #ffe161 !important;
		float: none;
		text-shadow: none !important;
	}

	.top-menu li ul li:hover a {
		color: #fffaeb !important;
		background: rgba(173, 106, 62, 0.83);
	}

	.top-menu li ul li a:before,
	.top-menu li ul li a:after {
		display: none;
	}

	.header_parallax {
		height: 900px;
		left: -450px;
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 1907px;
		pointer-events: none;
	}
/*=================================================
------------- 1. ���������� ����� ����� -------------
===================================================*/








/*=================================================
------------- 2. ���������� ������� ������ ----------
===================================================*/
	.footer {
		position: relative;
		width: 1000px;
		height: 230px;
		margin: 0 auto;
	}

	.footer-copy {
		position: absolute;
		top: 94px;
		width: 100%;
		text-align: center;
		font-size: 15px;
		font-weight: bold;
		color: #f8e397;
		text-shadow: 1px 1px 0 #895525;
	}

	.footer-copy a {
		text-decoration: none;
		color: #f8e397;
	}

	.footer-copy a:hover {
		text-decoration: underline;
	}

	.developer-copy {
		position: absolute;
		top: 160px; left: 54px;
		width: 57px; height: 49px;
		display: block;
		overflow: hidden;
		line-height: 200px;
		background: url(../img/copy.png) no-repeat;
	}

	.footer-menu {
		position: absolute;
		top: 170px; left: 114px;
		display: block;
	}

	.footer-menu li {
		position: relative;
		display: inline;
		padding: 0 10px 0 15px;
	}

	.footer-menu li:before {
		content: '';
		position: absolute;
		top: 3px; left: 0px;
		width: 1px; height: 14px;
		display: block;
		background: rgba(122, 102, 74, 0.43);
	}

	.footer-menu li a {
		text-decoration: none;
		font-size: 15px;
		color: #7a664a;
		font-weight: bold;
	}

	.footer-menu li a:hover {
		color: #bd5d32;
		text-decoration: underline;
	}

	.count {
		position: absolute;
		top: 168px; right: 66px;
	}

	.count li {
		width: 88px; height: 31px;
		display: block;
		float: right;
		margin-left: 12px;
		opacity: 0.5;
	}

	.count li:hover { opacity: 1; }

	.footer_parallax {
		height: 420px;
		left: -425px;
		overflow: hidden;
		position: absolute;
		top: -190px;
		width: 1907px;
		pointer-events: none;
	}
/*=================================================
------------- 2. ���������� ������� ����� -----------
===================================================*/








/*=================================================
-------------- 3. ������ ������� ������ -------------
===================================================*/
	.block {
		width: 288px;
		background: url(../img/block1.png) repeat-y;
		margin: 111px 0 189px 0;
	}

	.block:before {
		content: '';
		position: relative;
		z-index: 1;
		top: -111px; left: 0;
		display: block;
		width: 288px; height: 111px;
		background: url(../img/block2.png) no-repeat;
	}

	.block:after {
		content: '';
		position: relative;
		z-index: 1;
		bottom: -90px; left: 0;
		display: block;
		width: 288px; height: 90px;
		background: url(../img/block3.png) no-repeat;
	}

	.block-content {
		position: relative;
		z-index: 2;
		width: 190px;
		min-height: 130px;
		margin: -197px 0 -128px 46px;
	}

	.block-title {
		height: 56px;
		font-size: 18px;
		color: #605648;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
	}



	/* ������� ������ */
	.profile-login {
		text-transform: none;
		font-size: 19px;
		color: #ce5e27;
	}

	.profile {
		padding: 6px 0 0 2px;
	}

	.profile1 {
		position: relative;
		height: 77px;
	}

	.profile-avatar {
		position: absolute;
		top: 0; left: 0;
		/*TODO ZoomCodeReplace 58px on 66px*/
		width: 58px; height: 58px;
		overflow: hidden;
		border: 2px solid #bd9e7a;
		/*TODO ZoomCodeStart*/
		/*border-radius: 50%;*/
		/*TODO ZoomCodeEnd*/
	}

	.profile-avatar img {
		/*TODO ZoomCodeReplace 58px on 66px*/
		width: 58px; min-height: 58px;
	}

	.profile1-info {
		padding: 0 0 0 70px;
		font-size: 15px;
		color: #544c45;
		line-height: 18px;
	}

	.profile1-info a,
  .profile1-info .span {
		width: 115px;
		height: 30px;
		display: block;
		color: #ce5e27;
		background: url(../img/prof1.png) no-repeat;
		text-align: center;
		line-height: 28px;
		font-size: 14px;
		color: #fff6ca;
		text-decoration: none;
		text-shadow: 1px 1px 0 #706222;
		margin-bottom: 2px;
	}

	.profile1-info a:hover {
		background-position: 0 -30px;
	}

	.profile1-info span {
		display: block;
		color: #b2813b;
		margin-top: -2px;
	}

	.profile-btns {
		display: block;
		margin-left: -3px;
	}

	.profile-btns li,
	.profile-btns li a {
		width: 190px;
		height: 31px;
		display: block;
		text-align: center;
		margin-bottom: 2px;
		font-size: 15px;
		font-weight: bold;
		text-decoration: none;
		line-height: 28px;
		color: #fff6ca;
		text-shadow: 1px 1px 1px rgba(112, 98, 34, 0.58);
		opacity: 1;
	}

	.profile-btns li:hover {
		opacity: 0.8;
	}

	.profile-btn1 {
		background: url(../img/profile-btn1.png) no-repeat;
	}

	.profile-btn2 {
		background: url(../img/profile-btn2.png) no-repeat;
	}

	.profile-btn3 {
		background: url(../img/profile-btn3.png) no-repeat;
	}

	.profile-btns .logout-btn {
		margin: 14px 0 0 38px;
	}

	.profile-btns .logout-btn,
	.profile-btns .logout-btn a {
		position: relative;
		width: 105px;
		height: 56px;
		overflow: hidden;
		line-height: 200px;
		background: url(../img/profile-btn4.png) no-repeat;
	}

	.profile-btns .logout-btn:hover {
		opacity: 1;
	}

	.profile-btns .logout-btn a:before {
		content: '';
		position: absolute;
		top: 0; left: 0;
		width: 105px;
		height: 56px;
		display: block;
		background: url(../img/profile-btn4.png) no-repeat 0 -56px;
		opacity: 0;
	}

	.profile-btns .logout-btn a:hover:before {
		opacity: 1;
	}

	.prof-links {
		overflow: hidden;
		width: 185px;
		border-bottom: 2px solid #d4b780;
		margin-bottom: 8px;
	}

	.prof2 {
		width: 66px; height: 30px;
		display: block;
		overflow: hidden;
		float: left;
		background: url(../img/prof2.png) no-repeat;
		line-height: 28px;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		color: #fff6ca;
		text-decoration: none;
		text-shadow: 1px 1px 0 #734b1e;
		margin-bottom: 7px;
	}

	.prof2:hover { background-position: 0 -30px; }

	.prof3 {
		width: 114px; height: 31px;
		display: block;
		overflow: hidden;
		float: right;
		background: url(../img/prof3.png) no-repeat;
		line-height: 28px;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		color: #fff6ca;
		text-decoration: none;
		text-shadow: 1px 1px 0 #734b1e;
		margin-bottom: 6px;
	}

	.prof3:hover { background-position: 0 -31px; }

	.prof-logout {
		width: 187px; height: 31px;
		display: block;
		overflow: hidden;
		background: url(../img/prof4.png) no-repeat;
		line-height: 28px;
		text-align: center;
		font-size: 15px;
		font-weight: bold;
		color: #fff6ca;
		text-decoration: none;
		text-shadow: 1px 1px 0 #734b1e;
		margin-bottom: 14px;
	}

	.prof-logout:hover { background-position: 0 -31px; }
	/* ������� ����� */



	/* ����������� ������ */
	#logindialog { padding-bottom: 16px; }

	.logform {
		padding: 12px 0 0 5px;
		height: 158px;
	}

	#login_name,
	#login_password {
		width: 152px; height: 34px;
		background: url(../img/login-input.png) no-repeat !important;
		border: none !important;
		padding: 0 12px;
		text-align: center;
		color: #9b7d54;
		font-size: 15px;
		margin-bottom: 9px;
		box-shadow: none;
	}

	.login-btn {
		border: none;
		position: relative;
		width: 105px;
		height: 56px;
		overflow: hidden;
		line-height: 200px;
		background: url(../img/login-btn.png) no-repeat;
		cursor: pointer;
		margin: 9px 0 0 32px;
	}

	.login-btn:before {
		content: '';
		position: absolute;
		top: 0; left: 0;
		width: 105px;
		height: 56px;
		display: block;
		background: url(../img/login-btn.png) no-repeat 0 -56px;
		opacity: 0;
	}

	.login-btn:hover:before {
		opacity: 1;
	}

	.logform-links {
		font-size: 14px;
		font-weight: bold;
		color: #c36d39;
		text-align: center;
	}

	.logform-links a { color: #c36d39; margin: 0 5px; }
	/* ����������� ����� */



	/* ���������� ������ */
	.monitoring {
		position: relative;
		overflow: hidden;
		width: 189px;
		height: 51px;
		background: url(../img/monitoring.png) no-repeat;
		margin-bottom: -10px;
	}

	.monitor-num {
		position: absolute;
		top: 7px;
		left: 2px;
		width: 32px;
		height: 27px;
		display: block;
		font-size: 12px;
		font-weight: bold;
		color: #fff8dc;
		line-height: 2px;
		text-align: center;
		text-shadow: 1px 1px 1px #5d4228;
	}

	.monitor-sub-list {
		padding: 10px 15px;
		margin-left: 7px;
		margin-right: 7px;
		background-color: rgba(170, 124, 63, 0.317647);
		/*margin-bottom: 20px;*/
	}

	.monitor-num hr {
		border: 0 none;
		border-top: 1px solid #efe8c0;
		height: 1px;
		margin-left: 5px;
		margin-right: 5px;
	}

	.monitor-title {
		position: absolute;
		top: 7px; right: 15px;
		font-size: 12px;
		color: #fffce5;
		text-shadow: 1px 1px 2px #37310d;
	}

	.monitor-line {
		display: block;
		overflow: hidden;
		width: 151px; height: 33px;
		margin-left: 33px;
	}

	.monitor-line span {
		display: block;
		overflow: hidden;
		height: 33px;
		background: url(../img/monitor-line.png) no-repeat;
	}

	.monitoring-info {
		font-size: 13px;
		text-align: center;
		color: #585858;
		line-height: 15px;
		padding: 7px 0 10px 0;
	}

	.monitoring-info span {
		color: #272727;
	}
	/* ���������� ����� */

	.bloc-vk {
		padding: 10px 0 11px 2px;
	}
/*=================================================
-------------- 3. ������ ������� ����� --------------
===================================================*/








/*=================================================
-------------- 4. �������� ������� ������ -----------
===================================================*/
	.shortstory {
		width: 605px;
		background: url(../img/shortstory.png) no-repeat 0 bottom;
		padding: 14px 40px 90px 42px;
		overflow: hidden;
	}

	.shortstory-img {
		overflow: hidden;
		height: 200px;
		width: 100%;
		background-size: cover;
		background-position: center;
		margin: 10px 0px 10px 0px;
	}

	.shortstory-img img {
		width: 122px;
		float: left;
	}

	.shortstory-more {
		display: block;
		overflow: hidden;
		width: 136px; height: 65px;
		line-height: 200px;
		background: url(../img/shortstory-more.png) no-repeat;
		margin: 11px 0 0 -4px;
	}

	.shortstory-more:before {
		content: '';
		display: block;
		width: 136px; height: 65px;
		background: url(../img/shortstory-more.png) no-repeat 0 -65px;
		opacity: 0;
	}

	.shortstory-more:hover:before {
		opacity: 1;
	}

	.shortstory-left { float: left; }

	.shortstory-right {
		/*margin-left:  154px;*/
	}

	.shortstory-title {
		display: block;
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 23px;
		font-weight: bold;
		line-height: 26px;
		color: #b66631;
	}

	.shortstory-title a {
		text-decoration: none;
		color: #b66631;
	}

	.shortstory-title a:hover {
		text-decoration: underline;
	}

	.shortstory-info {
		display: block;
		padding: 6px 0 14px 0;
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 14px;
		color: #a68a6d;
	}

	.shortstory-info b {
		position: relative;
		padding-right: 10px;
	}

	.shortstory-info b:nth-child(1):after,
	.shortstory-info b:nth-child(2):after {
		content: '';
		position: absolute;
		top: 4px; right: 3px;
		display: block;
		width: 1px; height: 12px;
		background: #ccb489;
	}
/*=================================================
-------------- 4. �������� ������� ����� ------------
===================================================*/








/*=================================================
---------- 5. ������������ ��������� ������ ---------
===================================================*/
	.basenavi {
		position: relative;
		width: 726px;
		height: 50px;
		margin: 5px 0 0 5px;
	}

	.navigation {
		font-family: 'PT Sans Narrow', sans-serif;
		font-size: 23px;
		color: #414141;
		font-weight: bold;
		padding: 5px 0 0 37px;
	}

	.navigation span {
		background: #cc643f;
		color: #fff8e2;
		padding: 0 6px 2px 6px;
	}

	.navigation a {
		text-decoration: none;
		color: #414141;
		padding: 0 6px 2px 6px;
	}

	.navigation a:hover {
		color: #fff8e2;
		background: #b19061;
	}

	.nextprev {
		position: absolute;
		top: 7px; right: 65px;
		width: 170px;
		height: 21px;
		font-size: 17px;
		font-weight: bold;
	}

	.thide { float: left; }

	.nextprev span {
		color: #a8936f;
	}

	.nextprev a {
		color: #414141;
		text-decoration: none;
		display: block;
	}

	.nextprev a span {
		color: #414141;
		text-decoration: none;
	}

	.nextprev a:hover span {
		color: #c96c48;
	}

	.nextprev svg {
		top: 0;
		width: 14px;
		height: 21px;
		fill: #a8936f;
		margin: 0 8px -4px 8px;
	}

	.nextprev .pprev svg {
		left: 0;
	}

	.nextprev .pnext svg {
		right: 0;
	}

	.nextprev a .pprev svg,
	.nextprev a .pnext svg {
		fill: #474747;
	}

	.nextprev a:hover .pprev svg,
	.nextprev a:hover .pnext svg {
		fill: #c96c48;
	}

	.nextprev .pprev {
		height: 21px;
		padding-right: 18px;
	}

	.nextprev .pnext {
		height: 21px;
	}
/*=================================================
---------- 5. ������������ ��������� ����� ----------
===================================================*/








/*=================================================
------------- 6. ������ ������� ������ --------------
===================================================*/
	.fullstory {
		width: 605px;
		background: url(../img/shortstory.png) no-repeat 0 bottom;
		padding: 14px 40px 62px 42px;
		overflow: hidden;
	}

	.fullstory-content {
		padding: 22px 0;
		border-bottom: 2px solid rgba(159, 124, 90, 0.28);
	}

	.fullstory-content img {
		border: 3px solid #ae8d5d;
	}

	.fullstory-back {
		display: block;
		overflow: hidden;
		float: right;
		width: 117px; height: 56px;
		line-height: 200px;
		background: url(../img/fullstory-back.png) no-repeat;
		margin: 15px -2px 0 0;
	}

	.fullstory-back:before {
		content: '';
		display: block;
		width: 117px; height: 56px;
		background: url(../img/fullstory-back.png) no-repeat 0 -56px;
		opacity: 0;
	}

	.fullstory-back:hover:before {
		opacity: 1;
	}

	.fullstory .shortstory-info { padding-top: 24px; }

	.fullstory-comm {
		font-size: 24px;
		color: #4b423d;
		font-weight: bold;
		padding: 0px 0 15px 43px;
	}
/*=================================================
------------- 6. ������ �������  ����� --------------
===================================================*/








/*=================================================
---------------- 7. ����������� ������ --------------
===================================================*/
	.comm0 {
		overflow: hidden;
		margin: 0 0 0 33px;
	}

	.comm1 {
		width: 621px;
		background: url(../img/comm.png) repeat-y;

	}

	.comm {
		margin-bottom: -3px;
	}

	.comm:before {
		content: '';
		position: relative;
		z-index: 1;
		width: 621px;
		height: 72px;
		display: block;
		background: url(../img/comm1.png) no-repeat;
	}

	.comm:after {
		content: '';
		position: relative;
		z-index: 1;
		width: 621px;
		height: 59px;
		display: block;
		background: url(../img/comm2.png) no-repeat;
	}

	.comm2 {
		position: relative;
		z-index: 2;
		margin: -34px 0 -10px 0;
		padding: 0 0 0 26px;
	}

	.comm3 {
		position: relative;
		height: 35px;
		overflow: hidden;
		font-size: 16px;
		color: #a29780;
		padding: 7px 0 0 47px;
	}

	.comm3 b { color: #c9622f; padding-right: 5px; }
	.comm3 b a { color: #c9622f; text-decoration: none; }

	.comm-ava {
		position: absolute;
		left: 0; top: 0;
		width: 31px;
		height: 31px;
		overflow: hidden;
		border: 2px solid #bd9e7a;
	}

	.comm-ava img {
		width: 31px;
		min-height: 31px;
	}

	.comm-links {
		float: right;
		font-size: 14px;
		margin: 2px 32px 0 0;
	}

	.comm-links li {
		display: inline;
		padding-left: 7px;
	}

	.comm-links li a {
		color: #d89270;
		text-decoration: none;
	}

	.comm-links li a:hover {
		color: #899b24;
		text-decoration: underline;
	}

	.comm-text {
		font-size: 15px;
		color: #3c3b3b;
		line-height: 18px;
		padding: 0 32px 16px 47px;
		margin-top: -4px;
	}
/*=================================================
---------------- 7. ����������� ����� ---------------
===================================================*/





















.info {
	width: 602px;
	margin-left: 42px;
	background: url(../img/info1.png) no-repeat bottom;
	padding-bottom: 25px;
	margin-bottom: 20px;
}

.info1 {
	background: url(../img/info.png) no-repeat;
	font-size: 17px;
	font-weight: bold;
	color: #fff8bf;
	text-align: center;
	text-shadow: 2px 2px 2px #7e4121;
	padding: 25px 28px 16px 28px;
}

.info1 a {
	color: #fbe689;
}












.addcomm {
	padding: 22px 0 12px 0;
}

.send {
	position: relative;
	display: block;
	overflow: hidden;
	width: 117px; height: 56px;
	line-height: 200px;
	background: url(../img/send.png) no-repeat;
	margin: 15px -2px 0 0;
	border: none;
	cursor: pointer;
}

.send:before {
	content: '';
	position: absolute;
	left: 0; top: 0;
	display: block;
	width: 117px; height: 56px;
	background: url(../img/send.png) no-repeat 0 -56px;
	opacity: 0;
}

.send:hover:before {
	opacity: 1;
}



.fieldsubmit { padding: 10px 0 10px 0; }


.popup-ava {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border: 3px solid #bd9e7a;
	margin-top: 3px;
}

.popup-ava img {
	width: 100px;
	min-height: 100px;
}



.statistics h5 { font-weight: bold; }
.statistics ul { padding: 24px 38px 0 0; }






.other-title {
	width: 603px;
	height: 87px;
	display: block;
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
	color: #655b4e;
	background: url(../img/other-title.png) no-repeat 0 bottom;
	margin: -5px 0 -18px -42px;
	padding: 0 42px;
}

.other-title span { font-weight: normal; }

.other-fullstory {
	width: 605px;
	padding: 14px 40px 50px 42px;
	overflow: hidden;
}










.rules-title {
	width: 603px;
	display: block;
	font-size: 25px;
	font-weight: bold;
	line-height: 26px;
	color: #b66631;
	background: url(../img/other-title.png) no-repeat 0 bottom;
	margin: -5px 0 -18px -42px;
	padding: 0 42px 58px 42px;
}

.rules-title span {
	display: block;
	font-size: 17px;
	font-weight: normal;
	color: #978c69;
	padding-top: 6px;
}

.rules-fullstory {
	width: 605px;
	padding: 14px 40px 58px 42px;
	overflow: hidden;
	background: url(../img/other-title.png) no-repeat 0 bottom;
}

.rules-bot {
	border-top: 2px solid #c2a26e;
	padding-top: 25px;
	font-size: 16px;
}

.rules-bot b { color: #b66631; }
.rules-bot a { color: #7b843d; }
















.faq-table {
	background: rgba(250, 227, 181, 0.32);
	border-bottom: 2px solid #d5bb84;
	margin-bottom: 32px;
}

.faq-table h3 {
	font-size: 21px;
	font-weight: bold;
	color: #ffe5a7;
	background: #9a7642;
	text-align: center;
	padding: 11px 24px;
}

.faq-table div {
	overflow: hidden;
	border-bottom: 1px solid #e5cd96;
}

.faq-table div:nth-child(2n-1) {
	background: rgba(254, 248, 216, 0.41);
}

.faq-table div b {
	width: 119px;
	display: block;
	float: left;
	background: rgba(255, 245, 204, 0.35);
	padding: 9px 0 9px 16px;
	border-right: 1px solid #e5cd96;
}

.faq-table div span {
	display: block;
	margin-left: 135px;
	padding: 9px 20px 9px 23px;
	border-left: 1px solid #e5cd96;
}











.masha_index { display: none !important; }








/* ----- ����������� ----- */
.addusr-info {
	font-size: 15px;
	line-height: 17px;
}

.addusr-info span {
	display: block;
	padding: 7px 0 0 0;
}

.addusr-reg {
	padding: 28px 0 23px 0;
	margin-bottom: 21px;
	overflow: hidden;
	border-bottom: 3px solid rgba(137, 75, 44, 0.21);
}

.addusr-reg1 {
	position: relative;
	padding: 0 0 7px 0;
}

.addusr-reg1 span {
	width: 296px;
	display: block;
	float: left;
	font-size: 14px !important;
	color: #88806d !important;
}

.addusr-reg1 span b {
	display: block;
	font-size: 16px !important;
	color: #504c46 !important;
}

.addusr-reg1 input {
	position: relative;
	z-index: 2;
	width: 282px; height: 37px;
	padding-right: 12px;
	padding-left: 12px;
}

.reg_code img {
	position: absolute;
	top: -8px;
	width: 107px;
	height: 54px;
}

.addusr-info1 {
	color: #b94908;
	padding-bottom: 26px;
}

.addusr-info1 a {
	color: #d17a47;
}

.addusr-btn {
	position: relative;
	width: 602px; height: 62px;
	display: block;
	background: url(../img/addusr-btn.png) no-repeat;
	border: none;
	cursor: pointer;
	text-decoration: none;
}

.addusr-btn:hover {
	background-position: 0 -62px;
}

.addusr-btn span {
	width: 602px; height: 62px;
	display: block;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 17px;
	color: #fff9df;
	text-align: center;
	line-height: 44px;
	text-shadow: 1px 1px 0 #795433;
	font-weight: bold;
}

.addusr-btn span:hover { color: #6a4e2d; text-shadow: none; }

.slink { text-decoration: none; display: block; margin-bottom: -7px; }
/* ----- ����������� ����� ----- */














/* ----- ������� ������ ----- */
.profile-ava {
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin-top: 3px;
}

.profile-ava img {
	width: 100px;
	min-height: 100px;
}

.profile-edituser a {
	display: block;
	overflow: hidden;
	width: 106px; height: 31px;
	background: url(../img/profile-b1.png) no-repeat;
	line-height: 200px;
	margin: 12px 0 0 -4px;
}

.profile-edituser a:hover { background-position: 0 -31px; }

.profile-email a {
	display: block;
	overflow: hidden;
	width: 106px; height: 31px;
	background: url(../img/profile-email.png) no-repeat;
	line-height: 200px;
	margin: 0 0 4px -4px;
}

.profile-email a:hover { background-position: 0 -31px; }

.profile-pm a {
	display: block;
	overflow: hidden;
	width: 106px; height: 31px;
	background: url(../img/profile-pm.png) no-repeat;
	line-height: 200px;
	margin: 0 0 4px -4px;
}

.profile-pm a:hover { background-position: 0 -31px; }

.profile-send {
	width: 100px;
	border-top: 2px solid rgba(137, 75, 44, 0.19);
	margin-top: 9px;
	padding-top: 12px;
}

.profile-left { float: left; }

.profile-right {
	margin: 3px 0 0 125px;
	background: rgba(255, 247, 233, 0.29);
	border-bottom: 1px solid #c8aa6e;
}

.profile-right div {
	min-height: 16px;
	font-weight: bold;
	color: #595145;
	padding: 8px 0 8px 17px;
	border-bottom: 1px solid #e6d19e;
}

.profile-right div:nth-child(2n-1) {
	background: rgba(255, 248, 216, 0.62);
}

.profile-right div span {
	display: block;
	width: 232px;
	float: left;
	font-weight: normal;
	color: #45403e;
}

.profile-right div b {
	display: block;
	margin-left: 232px;
}

.profile-notingame,
.profile-ingame {
	float: right;
	height: 34px;
	line-height: 34px;
	color: #FFF;
	font-size: 20px;
	padding: 0 12px;
	background: #ce5e27;
	margin: -8px 0 0 0;
}
.profile-ingame {
	background-color:#8AB93C;
}
/* ----- ������� ����� ----- */

.section {
	width: 602px;
	position: relative;
	/*background: #1c272e;*/
	padding-bottom: 15px;
}

ul.tabs {
	width: 687px;
	height: 62px;
	line-height: 62px;
	list-style: none;
	margin: -32px 0 0 -42px;
	padding: 0 0 18px 42px;
	background: url(../img/other-title.png) no-repeat 0 bottom, url(../img/tabs.png) repeat-x;
}

.tabs li {
	position: relative;
	height: 43px;
	display: block;
	padding: 0 14px;
	float: left;
	color: #eed68c;
	font-size: 17px;
	font-weight: bold;
	list-style: none;
	cursor: pointer;
	text-shadow: 2px 2px 2px #a87d43;
	line-height: 43px;
	border-right: 1px solid #9c7944;
}

.tabs li:hover { color: #ffebae; }
.tabs li.current {
	color: #704628;
	text-shadow: none;
	background: url(../img/tabs1.png) repeat-x;
	padding: 0 14px;
}

.box { display: none; padding: 4px 0 14px 0; }
.box.visible { display: block; }

.tabs-table-title {
	background: #9a7642;
	overflow: hidden;
	font-size: 17px;
	font-weight: bold;
	color: #ffe5a7;
}

.tabs-table-title span {
	width: 72px;
	display: block;
	float: left;
	padding: 14px 0;
	border-left: 1px solid #7d6139;
	text-align: center;
}

.tabs-table-title span:first-child {
	width: 276px;
	border: none;
	padding: 14px 17px;
	text-align: left;
}


.tabs-table-item {
	height: 53px;
	display: block;
	overflow: hidden;
	background: rgba(223, 167, 59, 0.3);
	border-bottom: 2px solid #debd74;
}

.tabs-table-item span {
	width: 72px;
	height: 53px;
	border-left: 1px solid #e2c990;
	text-align: center;
	display: table-cell;
    vertical-align: middle;
}

.tabs-table-item span:first-child {
	width: 276px;
	border: none;
	padding: 0 17px;
	text-align: left;
}

.tabs-table-item span:nth-child(2n) {
	background: rgba(255, 248, 220, 0.35);
}

.tabs-table-item span img { margin-bottom: -8px; }

abbr[title], dfn[title] {
    cursor: help;
}

#easyTooltip {
	position: relative;
	width: 100%;
	max-width: 320px;
	z-index: 9999;
	padding: 10px 12px;
	background: rgba(40, 37, 28, 0.9);
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 14px;
	color: #FFF;
}

#easyTooltip:before {
	content: '';
	position: absolute;
	top: 12px; left: -16px;
	width: 0; height: 0;
	border: 8px solid transparent;
	border-right-color: rgba(40, 37, 28, 0.9);
}



.tabs-table-bot {
	background: #b88a47;
	overflow: hidden;
	font-size: 17px;
	font-weight: bold;
	color: #ffe5a7;
	text-shadow: 1px 1px 0 #ac8444;
}

.tabs-table-bot span {
	width: 72px;
	display: block;
	float: left;
	padding: 14px 0;
	border-left: 1px solid #7d6139;
	text-align: center;
}

.tabs-table-bot span:first-child {
	width: 276px;
	border: none;
	padding: 14px 17px;
	text-align: left;
}

.tabs-table-bot span:nth-child(2) {
	font-weight: normal;
	font-size: 15px;
}

.donat-info {
	font-size: 16px;
	color: #6a6b2d;
	background: rgba(144, 170, 25, 0.32);
	padding: 15px 17px;
}

.m-b--20 {
	margin-bottom: -20px;
}

.m-b-10 {
	margin-bottom: 10px;
}

.game-start a,
.top-menu li a,
.top-menu li a:before,
.top-menu li a:after,
.top-menu li ul,
.footer-menu li a,
.count li,
.profile-btns li,
.profile-btns .logout-btn a:before,
.login-btn:before,
.shortstory-more:before,
.fullstory-back:before,
.send:before,
.navigation a,
.nextprev a span,
.nextprev a svg,
.comm-links li a,
.bbcodes, .bbcodes_poll, .fbutton, .ui-button,
.tabs li
{
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
		    transition: all 0.3s ease;
}

img.hover:hover
{
	filter: brightness(120%);
}

#cases_html_content
{
	display: flex;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: 15px;
}

/* ========================================================================
   Component: Table
 ========================================================================== */
/*
 * 1. Remove most spacing between table cells.
 * 2. Behave like a block element
 * 3. Style
 */
.uk-table {
  /* 1 */
  border-collapse: collapse;
  border-spacing: 0;
  /* 2 */
  width: 100%;
  /* 3 */
  margin-bottom: 20px;
}
/* Add margin if adjacent element */
* + .uk-table {
  margin-top: 20px;
}
/* Header cell
 ========================================================================== */
/*
 * 1. Style
 */
.uk-table th {
  padding: 16px 12px;
  text-align: left;
  vertical-align: bottom;
  /* 1 */
  font-size: 0.875rem;
  font-weight: normal;
  color: white;
  text-transform: uppercase;
}
/* Cell
 ========================================================================== */
.uk-table td {
  padding: 16px 12px;
  vertical-align: top;
}
/*
 * Remove margin from the last-child
 */
.uk-table td > :last-child {
  margin-bottom: 0;
}
/* Footer
 ========================================================================== */
.uk-table tfoot {
  font-size: 0.875rem;
}
/* Caption
 ========================================================================== */
.uk-table caption {
  font-size: 0.875rem;
  text-align: left;
  color: #999;
}
/* Alignment modifier
 ========================================================================== */
.uk-table-middle,
.uk-table-middle td {
  vertical-align: middle !important;
}
/* Style modifiers
 ========================================================================== */
/*
 * Divider
 */
.uk-table-divider > tr:not(:first-child),
.uk-table-divider > :not(:first-child) > tr,
.uk-table-divider > :first-child > tr:not(:first-child) {
  border-top: 1px solid #e5e5e5;
}
/*
 * Striped
 */
.uk-table-striped > tr:nth-of-type(odd),
.uk-table-striped tbody tr:nth-of-type(odd) {
  background: #8a7c7c21;
  border-top: 1px solid #69606082;
  border-bottom: 1px solid #69606082;
}
/*
 * Hover
 */
.uk-table-hover > tr:hover,
.uk-table-hover tbody tr:hover {
  background: #3c3c3633;
}
/* Active state
 ========================================================================== */
.uk-table > tr.uk-active,
.uk-table tbody tr.uk-active {
  background: #ffd;
}
/* Size modifier
 ========================================================================== */
.uk-table-small th,
.uk-table-small td {
  padding: 10px 12px;
}
.uk-table-large th,
.uk-table-large td {
  padding: 22px 12px;
}
/* Justify modifier
 ========================================================================== */
.uk-table-justify th:first-child,
.uk-table-justify td:first-child {
  padding-left: 0;
}
.uk-table-justify th:last-child,
.uk-table-justify td:last-child {
  padding-right: 0;
}
/* Cell size modifier
 ========================================================================== */
.uk-table-shrink {
  width: 1px;
}
.uk-table-expand {
  min-width: 150px;
}
/* Cell link modifier
 ========================================================================== */
/*
 * Does not work with `uk-table-justify` at the moment
 */
.uk-table-link {
  padding: 0 !important;
}
.uk-table-link > a {
  display: block;
  padding: 16px 12px;
}
.uk-table-small .uk-table-link > a {
  padding: 10px 12px;
}
/* Responsive table
 ========================================================================== */
/* Phone landscape and smaller */
@media (max-width: 959px) {
  .uk-table-responsive,
  .uk-table-responsive tbody,
  .uk-table-responsive th,
  .uk-table-responsive td,
  .uk-table-responsive tr {
    display: block;
  }
  .uk-table-responsive thead {
    display: none;
  }
  .uk-table-responsive th,
  .uk-table-responsive td {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }
  .uk-table-responsive th:not(:first-child):not(.uk-table-link),
  .uk-table-responsive td:not(:first-child):not(.uk-table-link),
  .uk-table-responsive .uk-table-link:not(:first-child) > a {
    padding-top: 5px !important;
  }
  .uk-table-responsive th:not(:last-child):not(.uk-table-link),
  .uk-table-responsive td:not(:last-child):not(.uk-table-link),
  .uk-table-responsive .uk-table-link:not(:last-child) > a {
    padding-bottom: 5px !important;
  }
  .uk-table-justify.uk-table-responsive th,
  .uk-table-justify.uk-table-responsive td {
    padding-left: 0;
    padding-right: 0;
  }
}
.uk-table tbody tr {
  transition: background-color 0.1s linear;
}
.streams
{
	position: relative;
	margin-top: -27px;
	background-color: #603915C4;
	padding-top: 27px;
	padding-bottom: 10px;
	margin-right: 4px;
}
.streams:after
{
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-image: url(../img/stone.png);
	z-index: 1;
	opacity: 0.5;
}
.streamerbox-container
{
	width: 100%;
	display: flex;
}
.streamerbox
{
	width: 667px;
	height: 375px;
	/*background-color: #000;*/
	margin: 0px 10px 0px 10px;
	z-index: 2;
}
.slick-prev::before, .slick-next::before{
	font-size: 30px !important;
}
.slick-next{
	right: 20px !important;
	z-index: 100 !important;
}
.slick-prev{
	left: 10px !important;
	z-index: 100 !important;
}
.slick-slide, .slide{
	width: 667px;
	height: 375px;
}
.slick-slide, .slide *{
	width: 667px;
	height: 375px;
	display: inline-block;
}
.slick-track, .slick-list{
	height: 100% !important;
}
.streamerbar *{
	font-family: sans-serif;
}
.streamerbar
{
	position: relative;
	width: 100%;
	z-index: 2;
}
.streamerbar a
{
	text-align: center;
	line-height: 27px;
	color: #FFDE88;
	position: absolute;
	top: 4px;
	right: 10px;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	width: 200px;
	height: 27px;
	background-image: url("../img/stream-button.png");
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.4));
}
.streamerbar a:hover
{
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.6));
}
.streamer-label-container
{
	overflow: hidden;
	margin-top: -16px;
	margin-bottom: 4px;
	margin-left: 10px;
	height: 35px;
	width: 210px;
}
.streamer-label-container div{
	width: 100%;
	margin-left: -20px;
	transform: skewX(30deg);
	background-color: rgba(0,0,0,0.8);
}
.streamer-label-container div p
{
	margin-left: 30px;
	transform: skewX(-30deg);
	width: 100%;
	line-height: 35px;
	color: #FFF;
}
.streamer-label-container div p span{
	color: #FAD167;
}
/* Таблица администрации проекта
-------------------------------------------------- */
.table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #B17C4E;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

/* Bootstrap code examples
-------------------------------------------------- */

/* Администрация тут был TwiX*/
.bs-docs-admin {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  border: 1px solid #B17C4E;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.bs-docs-admin:after {
  content: "Администрация";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #B17C4E;
  border: 1px solid #B17C4E;
  color: #fff;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}
/* Сервер Hitech */
  
.bs-docs-hitech {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  border: 1px solid #B17C4E;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.bs-docs-hitech:after {
  content: "HiTech 1.7.10";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #B17C4E;
  border: 1px solid #B17C4E;
  color: #fff;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
    /* end */
} 

.bs-docs-technomagic {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  border: 1px solid #B17C4E;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
        
.bs-docs-technomagic:after {
  content: "Technomagic 1.7.10";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #B17C4E;
  border: 1px solid #B17C4E;
  color: #fff;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
    /* end */
}
.bs-docs-magic {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  border: 1px solid #B17C4E;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}       
.bs-docs-magic:after {
  content: "Magic 1.7.10";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #B17C4E;
  border: 1px solid #B17C4E;
  color: #fff;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
    /* end */
}
.bs-docs-divinerpg {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  border: 1px solid #B17C4E;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}       
.bs-docs-divinerpg:after {
  content: "Divinerpg 1.7.10";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #B17C4E;
  border: 1px solid #B17C4E;
  color: #fff;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
    /* end */
}
.bs-docs-galaxy {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  border: 1px solid #B17C4E;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}       
.bs-docs-galaxy:after {
  content: "Galaxy 1.7.10";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #B17C4E;
  border: 1px solid #B17C4E;
  color: #fff;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
    /* end */
}
.bs-docs-skytech {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  border: 1px solid #B17C4E;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}       
.bs-docs-skytech:after {
  content: "Skytech 1.7.10";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #B17C4E;
  border: 1px solid #B17C4E;
  color: #fff;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
    /* end */
}
.bs-docs-hitech112 {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  border: 1px solid #B17C4E;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}       
.bs-docs-hitech112:after {
  content: "HiTech 1.12.2";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #B17C4E;
  border: 1px solid #B17C4E;
  color: #fff;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
    /* end */
}
.bs-docs-builder {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  border: 1px solid #B17C4E;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}       
.bs-docs-builder:after {
  content: "Строители проекта";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #B17C4E;
  border: 1px solid #B17C4E;
  color: #fff;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
    /* end */
}
.kladka
{
	background: url(../img/shortstory.png) no-repeat 0 bottom;
	height: 58px;
	width: 100%;
}
.alert-bansside {
    padding: 20px;
    background: rgb(154 136 108 / 70%);
    color: #d6be96;
    text-align: center;
    margin-bottom: 20px;
}