body {
	background: #090909;
	color: #333;
	text-align: left;
	line-height: 1.4;
	overflow-y: scroll;
	padding: 0;
	margin: 0;
	
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
}

header {
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	height: 482px;
	min-width: 1040px;
	position: relative;
	max-width: 1920px;
	margin: auto auto;
}

header ul {
    margin: 0;
    padding: 0;
}

.header-top {
	background: transparent;
	width: 100%;
	height: 50px;
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
	z-index: 52;
	opacity: 0.8;
}

.header-top .wrapper {
    display: table;
    height: 46px;
}

.welcome-headline {
    display: table-cell;
    vertical-align: top;
    padding-top: 18px;
    width: 50%;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
}

.welcome-headline h1 {
    margin-top: -4px;
}

.welcome-menu {
	width: 50%;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	padding-right: 20px;
}

/*** Quick Search ***/
.search-text {
    padding: 6px;
    background: #1b1b1b;
    border: 1px solid #000;
    color: #ddd;
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.search-button {
	background: #0d2d3f;
    border: #000;
    color: #eee;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3);
    height: 29px;
    margin-left: -3px;
}

.welcome-menu .avatar img {
    width: 36px;
    height:36px;
    margin-right: 8px;
    border-radius: 50%;
	border: 1px solid #DBC570;
}

.welcome-menu .msgs {
    margin-right:8px;
}

.welcome-menu .avatar, .welcome-menu .msgs, .welcome-menu .drop-menu {
    display:inline-block;
    vertical-align:middle;
}

.drop-menu .jq-dropdown .jq-dropdown-menu, .drop-menu .jq-dropdown .jq-dropdown-panel {
    background:#000;
    border:2px solid #101010;
}

.drop-menu .jq-dropdown.jq-dropdown-tip:after, .drop-menu .jq-dropdown.jq-dropdown-tip:before {
    border-bottom: 6px solid #181818;
}

.welcome-menu .main-box {
    text-align:center;
}

.welcome-menu .main-box a {
    color: #dadada;
}

.welcome-menu .main-box > div {
    padding:3px;
}

.welcome-menu .main-box > .title {
    background: rgb(24, 24, 24);
    border-radius:5px;
    margin:5px 0;
    padding:10px;
    color: #fff;
}

.welcome-menu .drop-menu > span {
    cursor:pointer;
}

.login-button {
    display: inline-block;
    background: url(../../../images/h1z1/login-bg.png) no-repeat;
    width: 115px;
    height: 46px;
    text-align: center;
    font-family: dirtyego;
    font-size: 21px;
    padding-top: 6px;
    padding-right: 15px;
    letter-spacing: 1px;
}

.register-button {
    display: inline-block;
    background: url(../../../images/h1z1/register.png) no-repeat;
    width: 115px;
    height: 46px;
    text-align: center;
    font-family: dirtyego;
    font-size: 21px;
    padding-top: 6px;
    letter-spacing: 1px;
}

.slider-bg {
	background: url(../../../images/h1z1_matrix_okazja/bg.png);
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 48;
}

.slider-border {
	background: transparent;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	opacity: 1;
	background-repeat: no-repeat;
	background-position: bottom center;
	z-index: 50;
}

.header-middle {
    position: absolute;
    display: table;
    height: 300px;
    width: 100%;
    z-index: 51;
    top: 46px;
}

.logo,
.slides {
    z-index: 51;
    display: table-cell;
    vertical-align: middle;
}

.logo {
    width: 20%;
}

.slides {
    text-align: right;
    width: 80%;
}

.slides div {
    transition: 0.2s ease-in-out transform;
}

.relative {
    position: relative;
}

.slide-headline {
	color: #fff;
	text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.92);
	padding-right: 20px;
	
	font-family: dirtyego, sans-serif;
	font-size: 68px;
}

.header-bottom {
    height: 59px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 306px;
    display: table;
    z-index: 51;
}

.header-menu {
    padding-top: 50px;
}

.header-menu,
.slider-slideslist {
    display: table-cell;
    width: 80%;
    vertical-align: top;
    text-align: center;
}

.header-menu ul,
.slider-slideslist ul {
    margin: 0;
    padding: 0;
}

.header-menu ul {
    background: url(../../../images/h1z1/menu-bg.png) no-repeat left top;
    height: 60px;
    width: 714px;
    font-family: dirtyego;
    font-size: 25px;
    padding-top: 15px;
    text-align: left;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.92);
    letter-spacing: 2px;
}

.slider-slideslist {
    margin-top:-20px;
}

.slider-slideslist ul {
    background: url(../../../images/h1z1/slideslist-bg.png) no-repeat center;
}

.slider-slideslist .slider-media {
    height: 59px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
  
    margin-top: 19px;
}

.slider-slideslist .slider-media span.headline {
    display:inline-block;
    vertical-align:middle;
    color:#fff;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-shadow: 0 0 4px #000;
    margin-right: 5px;
    padding-top: 15px;
    text-transform: uppercase;
}

.slider-slideslist .slider-media a, .slider-slideslist .slider-media a span {
    display:inline-block;
    vertical-align:middle;
}

.slider-slideslist .slider-media a span {
    height: 42px;
    width: 47px;
    margin-top:8px;
    margin-right:5px;
    background-image:url(../../../images/h1z1/social_icons.png);
    transition:0.5s;
}

.slider-slideslist .slider-media a span:hover {
    transform:rotate(360deg);
}

.slider-slideslist .slider-media a.fb span {
    background-position: -160px 0;
}

.slider-slideslist .slider-media a.tw span {
    background-position: -105px 0;
}

.slider-slideslist .slider-media a.st span {
    background-position: -54px 0;
}

.slider-slideslist ul {
    height: 58px;
    color: #fff;
    margin: 0;
}

.header-menu ul li,
.slider-slideslist ul li {
    display: inline-block;
    margin: 0 15px;
}

.header-menu ul li {
    position:relative;
}

.header-menu ul li:after {
    content:'';
    transition:1s;
    position:absolute;
    bottom:0;
    left:0;
    width:0%;
    height:2px;
    background:rgba(255, 255, 255, 0.74);
}

.header-menu ul li:hover:after {
    width:100%;
}

.slider-slideslist ul li {
    background: url(../../../images/h1z1/slide.png) no-repeat center;
    cursor: pointer;
    transition: 0.6s ease-in-out background;
    height: 17px;
    width: 17px;
    vertical-align: middle;
    margin: 0 5px;
    margin-top: 20px;
}

.slider-slideslist ul li.active {
	background: url(../../../images/h1z1/slideactive_gold2.png) no-repeat center;
	cursor: default;
}

.header-menu ul li:first-child {
    margin-left: 28px;
}

.nav-tb {
	width: 100%;
	display: table;
	height: 55px;
	vertical-align: middle;
	margin-top: 0px;
}

.forum_options {
    width:40%;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.forum_options > div {
    display:inline-block;
    margin: 0 10px;
}

.forum_options > div a {
    color:#696969;
}

.index-container {
    display:table;
    width: 100%;
}

.forums {
	display: table-cell;
	padding-right: 35px;
	padding-left: 35px;
	vertical-align: top;
	margin-bottom: 70px;
	background: #040404;
	position: relative;
	margin-top: 25px;
}

.sidebar {
	display: table-cell;
	vertical-align: top;
	width: 20%;
}

.sidebar .tborder:after {
	background: url(../../../images/h1z1_matrix_okazja/right_camo2.png) no-repeat top center;
	bottom: -35px;
	left: 0;
	right: 0;
	position: absolute;
	content: '';
	height: 35px;
}

.contact {
    border: 1px solid #00c9f2;
    padding: 1px;
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px 0px #00b2e7;
}

.forum-table {
	margin-bottom: 70px;
	background: #040404;
	position: relative;
	margin-top: 25px;
}

.forum-table:last-child {
    margin-bottom:25px;
}

.forum-table:after {
    position:absolute;
    bottom: -25px;
    left:0;
    right:0;
    background-image: url(../../../images/h1z1_edytowany/table_bottom.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 25px;
    background-size: 100% 100%;
	text-transform: uppercase;
}

.forum-table .forum-head {
	width: 100%;
	color: #DBC570;
	position: absolute;
	margin-top: -20px;
	background-image: url(../../../images/h1z1_matrix_okazja/thead_camo.png);
	background-size: 100% 100%;
	box-sizing: border-box;
	height: 63px;
	padding: 14px 40px 14px 100px;
	text-transform: uppercase;
	
	font-family: 'oswald', sans-serif;
	font-size: 18px;
	font-weight: normal;
}

.forum-table .forum-head a {
    color:#fff;
    text-decoration:none;
}

.forum-item-container {
    display:table;
    width: 100%;
}

.forum-list {
    padding: 55px 35px 10px 35px;
    color:#fff;
}

.forum-item {
	margin: 20px 16px;
}

.forum-item-container > div {
    display:table-cell;
    vertical-align:middle;
}

.forum-item:after {
	background-image: url(../../../images/h1z1_matrix_okazja/border_camo.png);
	content: '';
	background-repeat: no-repeat;
	background-position: top center;
	height: 31px;
	display: block;
	margin-top: 27px;
	
	width: 100%;
}

.forum-item:last-child:after {
    display:none;
}

.forum-icon {
    width:66px;
}

.forum-name a {
    font-weight:bold;
    font-size:14px;
    color:#fff;
}

.forum-desc {
	margin-top: 6px;
	
	color: #CEB964;
	font-size: 12px;
}

.subforums {
  margin-top:7px;
}

.subforums .headline {
  font-weight:500;
  font-style:italic;
  font-size:12px;
}

.forum-stats {
    width: 200px;
    text-align: center;
    color:#fff;
    font-size: 13.5px;
}

.forum-lastpost {
    width: 200px;
}

.forum-lastpost-container {
    display:table;
    width: 100%;
}

.forum-avatar {
    display:table-cell;
    vertical-align: middle;
}

.forum-avatar img {
    height: 50px;
    width: 50px;
    border-radius:50%;
    border: 3px solid #4a4a4a;
}

.forum-info {
    display:table-cell;
    vertical-align: middle;
    padding-left: 8px;
}

.forum-name2 a {
    color:#ffffff;
    font-weight:bold;
    font-size:13px;
}

.forum-date, .forum-author {
    color:#636161;
}

.inline-stats {
    text-align:center;
    margin:40px 0;
    color:#fff;
    width: 100%;
    box-sizing: border-box;
}

.inline-stats > div.item {
    display:inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: 45px;
}

.inline-stats > div.item:before {
    content:'';
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.inline-stats > div.item.posts:before {
    margin-bottom:24px;
    height:21px;
    background-image: url(../../../images/h1z1/all_posts.png);
}

.inline-stats > div.item.threads:before {
    margin-bottom:24px;
    height:21px;
    background-image: url(../../../images/h1z1/all_threads.png);
}

.inline-stats > div.item.users:before {
    margin-bottom:24px;
    height:21px;
    background-image: url(../../../images/h1z1/all_users.png);
}

.inline-stats > div.item.monline:before {
    margin-bottom:24px;
    height:21px;
    background-image: url(../../../images/h1z1/most_online.png);
}

.inline-stats > div.item.newest:before {
    margin-bottom:15px;
    height:21px;
    background-image: url(../../../images/h1z1/newest_user.png);
}

.inline-stats > div.item:last-child {
    margin-right:0;
}

.inline-stats .item  .value {
    display:inline-block;
    color:#DBC570;
    font-weight:bold;
    font-size:14px;
    margin-right:3px;
}

.inline-stats .item  .name {
    display:inline-block;
    font-size:14px;
    text-transform:uppercase;
}

.inline-stats .item.newest .avatar {
    float:left;
}

.inline-stats .item.newest .avatar img {
    height:33px;
    width::33px;
    border-radius:50%;
    border:3px solid #333333;
}

.inline-stats .item.newest .newest-table {
    float:left;
    margin-left:10px;
    padding-top:2px;
}

.inline-stats .item.newest .newest-table .name {
    font-sizE:12px;
    font-weight:bold;
}

.inline-stats .item.newest .newest-table .value {
    display:block;
    font-size:12px;
    text-transform:uppercase;
    text-align:left;
    color:#DBC570;
}

.inline-stats .item.newest .newest-table .value a {
    color:#DBC570;
}

main {
    max-width:100%;
    margin:auto auto;
}

footer {
	background: #090909;
	width: 100%;
	color: #b3b3b3;
	background-position: top center;
	background-repeat: no-repeat;
	height: 240px;
	margin: auto auto;
	box-sizing: border-box;
	padding-top: 30px;
	
	font-family: 'Oswald', sans-serif;
	font-size: 14.5px;
	font-weight: lighter;
}

footer a:link, footer a:active, footer a:visited {
    color: #b3b3b3;
}

footer .copyright a {
    font-weight:normal;
}

footer h1.headline {
    font-size:19px;
    margin-bottom: 10px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #b3b3b3;
    font-weight: 500;
}

footer .join-us {
    float:left;
    width: 20%;
}

footer .join-us .media {
    margin-bottom: 5px;
}

footer .about-us {
    float:left;
    width: 40%;
    margin: 0 10%;
}

footer .copyright {
    float: right;
}

footer .fb-icon {
    background-position: -219px 0;
    background-image: url(../../../images/h1z1/social_icons.png);
    height: 25px;
    margin-right: 5px;
    width: 27px;
    background-size: cover;
    display:inline-block;
    vertical-align: middle;
}

footer .steam-icon {
    background-position: -277px 0;
    background-image: url(../../../images/h1z1/social_icons.png);
    height: 25px;
    width: 27px;
    margin-right: 5px;
    background-size: cover;
    display:inline-block;
    vertical-align: middle;
}

.wio-headline {
    background: #1e1c1c;
    color: #fff;
    padding: 9px 12px;
    font-size: 14px;
}

.wio-numer {
    color:#696969;
    font-size:11px;
}

.wio-list {
    margin-top:10px;
    font-size:13px;
}

.sidebar .thead, .profile-left .thead, .usercpnav .thead {
	color: #DBC570;
	background-image: url(../../../images/h1z1_matrix_okazja/thead_prawy_camo3.png) no-repeat top center;
	height: 67px;
	box-sizing: border-box;
	padding: 0;
	padding-top: 20px;
	vertical-align: baseline;
	padding-left: 0px;
	text-align: center;
	
	font-size: 18px;
	font-weight: normal;
}

.sidebar .thead > div, .profile-left .thead > div, .usercpnav .thead > div {
    display:inline-block;
}

.sidebar .thead_icon {
    display:inline-block;
    margin-right:4px;
    vertical-align: top;
    margin-top: 3px;
}

.sidebar .tborder {
  margin: 4px 0px 25px 0px;
}

.sidebar .tborder a, .profile-left .tborder a, .usercpnav a {
    color:#ffffff;
}

.sidebar .trow1, .sidebar .trow2, .profile-left .trow1, .profile-left .trow2, .usercpnav .trow1, .usercpnav .trow2 {
	background: #131313;
	width: 100%;
	color: #666666;
	padding: 17px 21px;
	margin: auto auto;
	border-bottom: 3px solid #121212;
}

.usercpnav .tcat {
  background: #c7c3c1;
  font-weight: bold;
}

.usercpnav .trow1, .usercpnav .trow2 {
  padding:10px 13px;
  border-bottom: 3px solid #101010;
}

/* profil */

.profile {
  width:100%;
}

.profile-left {
  width:25%;
  float: left;
}

.profile-right {
  width:73%;
  float:right;
}

.profile-main-box {
  background: #191919;
  padding:15px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
}

.profile h1, .profile h2 {
  margin:0;
}

.profile h1 {
  margin-bottom:7px;
  font-size: 20px;
}

.profile h2 {
  font-size: 14px;
  font-weight:normal;
}

.profile-nick-title {
  margin-bottom:15px;
}

.profile-avatar {
  margin-bottom:10px;
}

.profile-avatar img {
  height:200px;
  width:200px;
  border-radius: 300px;
  border: 3px solid #4a4a4a;
}

.profile-buttons {
  text-align:center;
  margin-top:-10px;
}

.profile-buttons > div {
  margin-top:10px;
}

.profile-buttons > div > a.button {
  width:100%;
  display:inline-block;
  padding: 10px 0px;
}

fieldset, fieldset.trow2, fieldset.trow1{
  border: none;
  margin: 0 2px;
  color: #cdc9c6;
  padding: 0.35em 0.625em 0.75em;
}

/*temat*/
.topic-author-and-date {
  margin-top:8px;
}

.post-author-info {
  float:left;
  width: 18%;
  text-align: center;
  background: #161616;
  color: #797373;
}

.post-content {
  float:left;
  width: 82%;
  border-left: 1px solid #464242;
  min-height: 465px;
  background: #1f1e1e;
  color: #fff;
}

.post-indentation {
  padding: 10px 15px;
}

.author-nick {
  height:40px;
  background: #161616;
  padding-top: 14px;
  font-size:20px;
  color: #fff;
}

.author-nick a, .author-avatar img {
  display:inline-block;
  vertical-align:middle;
}

.author-title {
  margin-top: 1px;
  padding:5px 0;
}

.author-rang {
  padding:5px 0;
}

.author-avatar {
  padding:5px 0;
}

.author-avatar img {
  height:150px;
  width:150px;
  border-radius: 90px;
  border: 3px solid #4a4a4a;
}

.author-avatar img:hover {
      -webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

.author-nick a {
  color:#fff;
  font-style:normal;
}

.author-stats {
  padding:5px 0;
  margin-bottom:15px;
  font-size: 14px;
}

.post-date-and-id {
  background: #1f1e1e;
  height:48px;
  color:#fff;
  padding:16px 15px;
  font-size: 12px;
}

.post-date-and-id a {
  color:#fff;
}

.nic {
  width:18%;
  float:left;
}

.buttony {
  border-left: 1px solid #464242;
  float: left;
  background: #1f1e1e;
  width: 82%;
}

.buttony .float_right {
  position:relative;
}

.old-new-buttons {
  text-align:left;
  margin-top:20px;
  float: left;
}

.old-new-buttons > div {
  display:inline-block;
  margin-right:15px;
  background: #ebebeb;
  color: #191919;
  padding: 7px 10px;
  border-radius: 2px;
}

.old-new-buttons > div i {
    margin-right:5px;
}

.old-new-buttons > div a {
    color: #191919;
}

@media screen and (max-width: 1243px) {
    .forum-avatar img {
        height:40px;
        width:40px;
}

.forum-stats {
        width:140px;
}

.forum-lastpost {
        width:180px;
}


}

.bam_post {
    text-align: center;
    margin: 10px auto;
    padding: 3px 11px;
    background: #141212;
    color: #FFF;
}

.post img {
	max-width:100%;
}

.trow4 {
    background: rgb(23, 23, 27) none repeat scroll 0% 0%;
    border-bottom: 1px solid rgba(105, 53, 53, 0.23);
    padding: 11px;
    height: 50px;
    box-shadow: 0px 5px 14px 7px black;
}

.favimg {
    margin: 10px;
    border: 1px solid #181819;
    padding: px;
    float: left;
    width: 37px;
    height: 37px;
    margin-right: 9px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px 0px #2c3e84;
}