.statystyki_bottom {
    background: #0d0e11;
    padding: 20px 0px;
    border-radius: 13px;
    min-height: 127px;
    margin: 25px 0px;    overflow: hidden;
}

p.text-dodatek-sb {
    padding: 0;
    margin: 0;
    font-size: 11px;
}

.thead-sb {
    padding: 15px 41px;
    color: #fff;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 400;
    background: #111217;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}
.thead-sb a { color:#fff;}


/* DVZ Shoutbox */
#shoutbox {
margin-bottom: 40px;
    padding: 20px;
  
    background: #111217;
    border-radius: 13px;
    border-top-left-radius: 0;
    border-top-right-radius: 0px;
    margin-top: -3px;
}
.shoutbox .head {
    padding: 10px 10px 16px 10px;
}
#shoutbox.front .head { cursor: pointer;padding: 0px 11px 20px 10px; }
#shoutbox .head .right { float: right; margin: 0; font-size: 13px; }
#shoutbox.collapsed .head { opacity: 0.6; }
#shoutbox.collapsed .body { display: none; }

#shoutbox .panel {
    /* border-top: solid 2px rgba(0,0,0,0.1); */
    position: relative;
}

#shoutbox .panel:before {
    content: '\f086';
    font-size: 13px;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    left: 17px;
    top: 27px;
    position: absolute;
    color: #6e68cc;
    font-size: 20px;
}
#shoutbox input.text {
    margin: 0;
    padding: 21px 67px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    font-size: 12px;
    color: #fff;
    background: #16181f;
    border-radius: 13px;
    outline: none;
    margin-top: 15px;
    color: #363d47;
}
#shoutbox {
    margin-bottom: 40px;
    padding: 20px;
    background: #111217;
    border-radius: 13px;
    border-top-left-radius: 0;
    border-top-right-radius: 0px;
    margin-top: -3px;
    padding-top: 5px;
}
#shoutbox input.text::placeholder {
	   color: #363d47;
}
#shoutbox .minposts, #shoutbox .blocked { padding: 6px; font-size: 11px; }
#shoutbox .panel.minposts { background: #FFFED8; color: #727250; }
#shoutbox .panel.blocked { background: #FCEFEF; color: #543A3A; }
#shoutbox .panel p { margin: 0; }

#shoutbox .window {
    overflow-y: scroll;
    padding: 10px;
    padding-top: 0px;
}
#shoutbox .data {  width: 100%;}
#shoutbox.front .data { border-top: none; }

#shoutbox .entry {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    transition: background-color 0.2s;
    margin: 10px 0px;
}
#shoutbox .entry:nth-child(even) { background-color: rgba(0,0,0,0.01); }
#shoutbox .entry.new { background-color: rgba(255,255,100,0.1); }
#shoutbox .entry:target {
    background-color: rgba(205, 221, 226, 0.1);
    padding: 10px;
}
#shoutbox .entry > div { border-bottom: dashed 1px rgba(0,0,0,0.05); }
#shoutbox .entry:last-child > div { border-bottom: none; }

#shoutbox .entry > div { ; padding: 10px; }

#shoutbox .avatar img {
    border-radius: 333px;
    max-width: 100%;
    height: 45px;
    width: 45px;
    min-width: 45px;
    min-height: 45px;
    max-width: 45px;
    min-width: 45px;
	    box-shadow: 0px 0px 10px #000000;
}
    
#shoutbox .user {
    text-align: left;
    white-space: nowrap;
}
#shoutbox .text {
    width: 100%;
color: #4c535e;
    word-break: break-all;
    word-wrap: break-word;
}
#shoutbox .info { font-size: 11px; color: #AAA; white-space: nowrap; text-align: right;    margin-left: 12px; }
#shoutbox .entry.unread .info:before { display: inline-block; position: relative; top: -2px; margin-right: 10px; height: 4px; width: 4px; content: ''; background: rgba(255,100,0,0.8); border-radius: 10px; }
#shoutbox .info a { color: inherit; }
#shoutbox .mod { padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none; }
#shoutbox .mod:nth-of-type(2) { margin-right: 5px; border-left: solid 1px rgba(0,0,0,0.1); }
#shoutbox  .ip { margin-right: 10px; color: #CECECE; }

.entry.shoutboxnasz {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.avatar.shoutboxnasz_avatar {
    height: 50px;
    width: 50px;
    margin-right: -30px;
    margin-left: -8px;
}

.shout {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.shout:first-child {
    margin-top: 0
}

.shout__avatar {
    height: 40px;
    width: 40px;
    margin: 4px 0px;
}

.shout__avatar img {
    border-radius: 50%;
}

.shout__container {
    flex: 1;
    margin-left: 10px;
    border-radius: 4px;
    background: rgb(22, 24, 31);
    padding: 15px 15px;
    display: flex;
    margin-top: 8px;
    align-items: center;
    justify-content: space-between;
    box-shadow: inset 0 1px 2px 0 rgba(57, 75, 101, 0.1);
    border-radius: 13px;
    margin-right: 20px;
}
.shout__the-message {
    flex: 1;
    word-break: break-word;
    padding-right: 15px;
}

.shout__the-message .text {
    margin-top: 5px
}

.shout .info {
    text-align: center;
}

.shout .info a:not(:last-child) {
    background: #15d1a4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    height: 15px;
    width: 15px;
    font-size: 9px;
    border-radius: 4px;
    margin: 0 3px 5px 3px;
    text-shadow: 0px 1px 1px rgba(5, 6, 6, 0.3);
    transition: 0.2s;
    position: relative;
    z-index: 1;
}

.shout .info a:not(:last-child):hover {
    opacity: 0.7;
}

.shout .info > *:last-child {
    display: block;
}




a.login {
    background: #15171e;
    padding: 15px 20px;
    margin-right: 20px;
    border-radius: 1333px;
    box-shadow: 0px 0px 10px #00000052;
    color: #fff;
    font-weight: 300;
    text-transform: none;    font-size: 13px;
}
a.login:hover {

opacity:0.7;
}
a.register12 {
    background-image: -moz-linear-gradient( -16deg, rgb( 69, 104, 220 ) 0%, rgb( 176, 106, 179 ) 100%);
    background-image: -webkit-linear-gradient( -16deg, rgb( 69, 104, 220 ) 0%, rgb( 176, 106, 179 ) 100%);
    box-shadow: 0px 0px 30px 0px rgb( 108, 105, 205 );
    display: inline-block;
    padding: 15px 20px;
    font-size: 13px;
    border-radius: 333px;
    min-width: 120px;
    text-align: center;
    text-transform: none;
}
a.register12:hover {
    background: var(--blue);
    color: #fff;
    transition: 0.2s;
}
input#quick_login_password {
    padding: 15px 10px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 13px;
    border: none;
}
input#quick_login_username {
    padding: 15px 10px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 13px;
    border: none;
}
input.textbox {
    background: #0f1014;
    border: 1px solid #0f1014;
    padding: 10px;
    background: #090a0c;
    outline: 0;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    box-sizing: content-box;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 62px;
    box-sizing: border-box;
    padding: 0px 20px;
}

@media (max-width: 960px) {



	a#logo {
    text-align: center;
    width: 100%;
}
	ul#menu_top {
    float: left;
    margin: 0;
    padding: 0;
    display: none;
}

#search {
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    vertical-align: middle;
    margin: 21px 0px;
    display: inline-block;
    position: relative;
    display: none;
}
	h1.title_slider {
    margin: 0;
    padding: 0;
    font-size: 28px;
    color: #ffff;
    text-align: center;
}
	.statystyki_bottom {
    background: #111217;
    padding: 20px 0px;
    border-radius: 13px;
    min-height: 127px;
    margin: 25px 0px;
    display: none;
}

p.text_slider {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #ffff;
    font-weight: 300;
    text-align: center;
}
	.flex_box_pudelko {
    display: block;
    width: 100%;
    float: left;
}
	.forum-container__forums {
    float: left;
    width: 100%;
    width: 100%;
}
	.panel-boczny {
    flex-basis: 330px;
    margin-left: 0;
    float: left;
    width: 100%;
}
	.forum__item_stats {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    position: relative;
    display: none;
}

.forum__item_last-post {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 210px;
    flex: 0 1 210px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 250px;
    color: #ccc;
    text-decoration: none;
    display: none;
}
	.forum_status {
    height: 78px;
    width: 57px;
    display: inline-block;
    display: none;
    position: relative;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
}
	.sub-forums ul li {
    float: left;
    width: 100%;
}
	.div1-pudelko {
    display: block;
    float: left;
    width: 100%;
}
	.pudelko-stat-4 {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 20px 0px;
    display: block;
    width: 100%;
    text-align: center;
}
	.lewa-div1-pudelko {
    display: none;
    margin-top: 20px;
}
	.prawa-div1-pudelko {
    min-width: 135px;
    margin: 20px 0px;
}
	.flex-box-informacje {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px 0px;
    display: block;
    float: left;
    width: 100%;
}
	.prawa-informacje {
    min-width: 40%;
    max-width: 40%;
    overflow: hidden;
    max-height: 200px;
    display: none;
}
	.stopka {
    background: var(--second-bg);
    padding: 30px 0px;
    border-top: 2px solid transparent;
    margin-top: 20px;
    display: block;
    float: left;
    width: 100%;
}

.stopka a:link {
    color: #ccc;
}

.flex-stopka {
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: block;
    text-align: center;
}
	
.statsprofil {
    display: block;
    justify-content: center;
    max-height: 100%;
    margin: 15px 0px;
}	
.flex-box-pudelko-profil {
    display: block;
    padding-top: 20px;
    justify-content: space-between;
}
	.prawaprofil {
    flex-basis: 100%;
    margin-left: 0;
    margin-top: 20px;
}
	.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    display: block;
    background: var(--second-bg);
    padding: 20px 20px;
    text-align: left;
    border-radius: 7px;
    margin-top: 10px;
    margin-right: 20px;
    box-shadow: none;
}
	tr {
    float: left;
    width: 100%;
}
	td {
    float: left;
    width: 100%;
}
	.tabcontent {
    display: none;
    padding: 10px 0px;
    border: none;
    border-top: none;
}
.thead-strona a {
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 400;
}	
div#uzytkownik-lista {
    float: left;
    width: 100%;
    padding: 20px 20px;
    box-sizing: border-box;
    margin-right: 0%;
    margin-left: 0%;
    background: #111217;
    margin-bottom: 20px;
    border-radius: 13px;
    border-bottom: 2px solid #2b2c4f;
}
	img#avatar-lista-uzytkownikow {
    width: 55px;
    height: 55px;
    border-radius: 13px;
}
	
#none {
    display: none;
}
	.trow_sep {
    background: var(--third-bg);
    color: #ccc;
    padding: 15px 20px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 54px;
    box-sizing: border-box;
}
.post.classic .post_author {
    float: left;
    width: 100%;
    margin: 0 1% 15px 0;
    border-left: 0;
    padding: 5px 1%;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    text-align: center;
}	
.post.classic .post_content {
    float: left;
    width: 100%;
    padding: 0 1% 5px 1%;
    box-sizing: border-box;
}	
	
.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    margin: 20px 0px;
}
	.tcat {
    background: var(--third-bg);
    color: #fff;
    padding: 15px;
    font-size: 12px;
    border-radius: 333px;
    box-sizing: content-box;
    margin-right: 10px;
    margin-left: 10px;
    box-sizing: border-box;
}
#shoutbox .avatar img {
    border-radius: 333px;
    max-width: 100%;
    height: 35px;
    width: 35px;
    min-width: 35px;
    min-height: 35px;
    max-width: 35px;
    min-width: 35px;
    box-shadow: 0px 0px 10px #000000;
}	
.shout__avatar {
    height: 40px;
    width: 40px;
    margin: 0px -5px;
}
	#shoutbox .info {
    font-size: 11px;
    color: #AAA;
    white-space: nowrap;
    text-align: right;
    margin-left: 12px;
    display: none;
	}
	
	
	.shout__container {
    flex: 1;
    margin-left: 10px;
    border-radius: 4px;
    background: rgb(22, 24, 31);
    padding: 15px 15px;
    display: flex;
    margin-top: 8px;
    align-items: center;
    justify-content: space-between;
    box-shadow: inset 0 1px 2px 0 rgba(57, 75, 101, 0.1);
    border-radius: 13px;
    margin-right: 0px;
}
	#shoutbox .panel:before {
    content: '\f086';
    font-size: 13px;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    left: 17px;
    top: 27px;
    position: absolute;
    color: #6e68cc;
    font-size: 20px;display:none;
}
#shoutbox input.text {
    margin: 0;
    padding: 21px 10px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    font-size: 12px;
    color: #fff;
    background: #16181f;
    border-radius: 13px;
    outline: none;
    margin-top: 15px;
    color: #363d47;
}	
	
	

}









.modal {
    width: 475px;
    text-align: left;
    background-color: #0f1014;
    display: inline-block;
    padding: 20px 30px;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}
.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 9999;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgb(0,0,0);
    background-color: rgba(31, 33, 41, 0.85);
    text-align: center;
}
td.thead12 {
    padding: 20px;
    margin-bottom: 10px;
    display: block;
    background: #0f1014;
    border-radius: 13px;
    color: #858ca1;
    box-sizing: border-box;
}

input.textbox.wyszukiwarka_top {
    padding: 22px 20px;
    font-size: 13px;
    color: #fff;
    background: var(--third-bg);
    border: none;
    border-radius: 25px;
    margin: 10px 0px;
    display: inline-block;
    padding-right: 40px;
    height: 20px;
    line-height: 20px;
}
.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
    margin: 20px 0px;
}

.tabs {
    position: relative;
	margin: 0px auto;
	width: 100%
}

.tabs input {
	position: absolute;
	z-index: 1000;
	width: 120px;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}

input#tab-1 {
    width: 224px;
    left: -1px;
}
input#tab-2 {
    width: 230px;
    left: 230px;
}
input#tab-3 {
    width: 230px;
    left: 460px;
}
.tabs label {
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    position: relative;
    padding: 0 20px;
    float: left;
    display: block;
    position: relative;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    color: #656872;
    width: 190px;
}



.tabs label:first-of-type {
    z-index: 4;
 
}

.tab-label-2 {
    z-index: 3;
}

.tab-label-3 {
    z-index: 2;
}

.tab-label-4 {
    z-index: 1;
}

.tabs input:checked + label {

	z-index: 6;
	
    -webkit-animation: page 0.2s linear;
    -moz-animation: page 0.2s linear;
    -ms-animation: page 0.2s linear;
    -o-animation: page 0.2s linear;
    animation: page 0.2s linear;
}

.clear-shadow {
	clear: both;
}

.content {
	position: relative;
    width: 100%;
	z-index: 5;
    border-radius: 0 3px 3px 3px;
}

.content div {
    position: absolute;
	top: 0;
	padding: 10px 50px;
	z-index: 1;
    opacity: 0;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    transition: all linear 0.3s;
}

.content-1, .content-3 {
	-webkit-transform: translateX(-250px);
	-moz-transform: translateX(-250px);
	-o-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	transform: translateX(-250px);
}

.content-2, .content-4 {
    -webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-o-transform: translateX(250px);
	-ms-transform: translateX(250px);
	transform: translateX(250px);
}

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4 {
    -webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.2s 0.1s;
    -moz-transition: all ease-out 0.2s 0.1s;
    -o-transition: all ease-out 0.2s 0.1s;
    -ms-transition: all ease-out 0.2s 0.1s;
    transition: all ease-out 0.2s 0.1s;
}



@keyframes "page" {
 0% {
    left: 0;
 }
 50% {
    left: 10px;
 }
 100% {
    left: 0;
 }

}

@-moz-keyframes page {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-webkit-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-ms-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-o-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

.tabs {
    position: relative;
    margin: 0%;
    width: 100%;
}

div.error {
    padding: 5px 10px;
    background: var(--second-bg);
    font-size: 12px;
    border-radius: 13px;
    float: left;
    width: 100%;
    margin: 20px 0px;
    box-sizing: border-box;
}

.tabs label {
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    position: relative;
    padding: 0 20px;
    float: left;
    display: block;
    position: relative;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    color: #656872;
    width: 205px;
}