html{
scrollbar-width: thin;
scroll-behavior: smooth;
}

.ilosc-temat{
width: 20px;
margin-right: 40px;
color:var(--font-color);
	margin-top: 10px;
}

.ilosc-post{
width: 20px;
margin-right: 40px;
color:var(--font-color);
	margin-top: 10px;
}
.lt_gradient{
position: relative;
width: 25px;
height: 25px;
background: linear-gradient(90deg, rgba(28,161,232,1) 0%, rgba(30,53,152,1) 100%);
top: -20px;
left: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
}
.lt_border{
position: relative;
width: 25px;
height: 25px;
background:#363636;
top: -20px;
left: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
}


/*.ilosc-temat:after{
content: url(../../../images/unikat/posty.png);
position: relative;
background-repeat: no-repeat;
margin-left: 5px;
top: -18px;
background: linear-gradient(90deg, rgba(28,161,232,1) 0%, rgba(30,53,152,1) 100%);
border-radius: 5px;
padding: 5px;
left: 20px;
}

.ilosc-watkow:after{
content: url(../../../images/unikat/watki.png);
position: relative;
background-repeat: no-repeat;
margin-left: 5px;
top: -18px;
background: linear-gradient(90deg, rgba(28,161,232,1) 0%, rgba(30,53,152,1) 100%);
border-radius: 5px;
padding: 5px;
left: 20px;
}*/
.lt_whosonline{
background: var(--bg-row);
padding: 35px 30px;
	border-radius: 10px;
	min-height: 130px;
}

.lt_groups{
	margin-top:20px;
background: var(--bg-row);
padding: 35px 30px;
	border-radius: 10px;
}

.lt_whosonline h3{
	margin:0; 
	margin-bottom:10px;
	color:var(--font-color);
}
.lt_whosonline h3:hover{
	color:#1c9ee5;
}


.lt_whosonline #whois:before{
content: "\f0c0";
font-family: "Font Awesome 5 Free";
margin-right: 10px;
color: var(--font-color);
}
#lt_whosspan{
margin-bottom: 10px;
display: block;
}
#lt_whosspan h3{
display:inline;
}
.lt_whosonline #whowas{
	margin-left: 20px;
}
.lt_whostip{
display: inline-block;
margin-left: 20px;
background: #656565;
border-radius: 5px;
height: 20px;
padding: 5px;
	color:#fff;
}
.lt_groups h3:before{
content: "\f2b4";
font-family: "Font Awesome 5 Free";
margin-right: 10px;
color: var(--font-color);
}
.lt_groups ul li{
	display:inline;
	margin-right: 15px;
}
.lt_groups ul{
	padding: 0;
	font-size: 14px;
}

span.namee-forums a:hover{
color: var(--font-chover) !important;
}

.pierd-boxpost{
display:flex;
	justify-content: center;
}

option{
background:var(--bg-color);
color:var(--font-color);
}

.tabcontent{
display:none;
padding:6px 12px;
}

#lt_whosspan button{
border:none;

}
.active h3{
color:#1c9ee5;
}

.lt_postuser-info{
display: block;
width: 15px;
height: 15px;
position: absolute;
top: 100px;
right: 65px;
border-radius: 100%;
}
#postuser-online{
background: #03ac03;
}
#postuser-offline{
background: #ac0303;
}


.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.themeslidercontainer{
margin-left: 10px;
margin-right: 30px;
}

.themeslidercontainer input {
 position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
position: absolute;
top: 35px;
height: 40px;
width: 30px;
border-radius: 3px;
background-color: var(--bg-row);
}

.themeslidercontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

.themeslidercontainer input:checked ~ .checkmark {
background-color: var(--bg-row);
}

.checkmark:after {
  content: "\f185";
  position: absolute;
	font-family: "Font Awesome 6 Free";
  display: block;
}

.themeslidercontainer input:checked ~ .checkmark:after {
	  content: "\f186";
		font-family: "Font Awesome 6 Free";
  display: block;
}
.themeslidercontainer .checkmark:after {
left: 9px;
top: 10px;
width: 5px;
height: 10px;
}

.themeslidercontainer input:checked:hover ~ .checkmark {
  background-color: #2b2a2a;
}


/*SWIPERS*/
.swiper-button-next::after, .swiper-button-prev::after{
display:block !important;
	position: initial;
}
.swiper{
  width: 100%;
  height: 300px;
}

	.swiper .swpindex {
  width: 100%;
  height: 300px;
		border-radius: 20px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
right: 10px !important;
top: 180px !important;
left: unset !important;
}
.swiper-slide{

}

.swpindex-slide{
background: url(../../../images/mybbpecet/swiperbg.png);	
	background-repeat: no-repeat;
background-size: cover;
}

#lt_swiper_buttons{
right: 335px !important;
width: 50px;
height: 50px;
border-radius: 10px;
	transform: rotate(45deg);
}

.lt_swp_next{
	background: linear-gradient(90deg, rgba(28,161,232,1) 0%, rgba(30,53,152,1) 100%);


}

.lt_swp_prev{
background: var(--bg-row) !important;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  top: 100px !important;
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
transform: rotate(-45deg);
}

.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
transform: rotate(-45deg);
}

.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 22px !important;
	color: var(--font-color) !important;
}
.swpindex-pagination {
  position: unset !important;
}

.swpindex-pagination .swiper-pagination-bullet {
  background: var(--bg-row) !important;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.9) !important;
	width: 100px !important;
	border-radius: 10px !important;
}

.swpindex-pagination .swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
 background: linear-gradient(90deg, rgba(28,161,232,1) 0%, rgba(30,53,152,1) 100%) !important;
}
.swpindex-pagination{
margin-top:20px;
	margin-bottom: 20px;
}

.sw_text{
color:#fff;
padding: 50px;
font-size: 16px;
width: 50%;
margin: 30px;
margin-left: 50px;
border-radius: 20px;
background: linear-gradient(90deg, rgba(0,0,0,0.8547619731486344) 65%, rgba(30,53,152,0) 100%);
}

/*SWIPER PAGINATION KONTAKT */
.swpkontakt-pagination .swiper-pagination-bullet-active{
width:30px !important;
border-radius:7px !important;
	background: linear-gradient(90deg, rgba(28,161,232,1) 0%, rgba(30,53,152,1) 100%) !important;
}

.swpkontakt-pagination .swiper-pagination-bullet {
background: var(--bg-color);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.9) !important;
width:30px !important;
border-radius:7px !important;
}

#lt_kontaktslide{
display: flex;
justify-content: center;
flex-flow: column;
align-items: center;
	height: 100%;
}
#lt_kontaktslide img{
border-radius: 10px;
width:100px;
height:100px;

}

/*MEMBER PROFILE*/

.lt-container-pf{
display: flex;
width:100%;
justify-content: center;
align-items: center;
	justify-content: space-between;
}

.lt-container-profileinfo{
display: flex;
width: 30%;
height: 280px;
justify-content: center;
align-items: center;
background: url(https://images.unsplash.com/photo-1669920687377-537d98f0d837?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1331&q=80);
border-radius: 10px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.lt-userinfo{
display: flex;
flex-flow: column;
width: 200px;
align-content: center;
align-items: center;
background: #1616164a;
border-radius: 28px;
height: 200px;
padding: 10PX;
}
.lt-userinfo img{
border-radius: 10px;
margin-top: 10px;
	width: 100px;
height: 100px;
}

.lt-username{
font-size:18px;
height: 35px;
display: flex;
align-items: center;
width: 100%;
justify-content: center;
}
.lt-other{
display: flex;
flex-direction: column;
width: 30%;
}
.lt-profile-row{
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: var(--bg-row);
border: 3px solid var(--bg-color);
border-radius: 5px;
	width: 100%;
}

.lt-lastthread h2{
margin-left:20px;
	position:relative;
}


.lt-lastpost h2{
margin-left:20px;
position:relative;
}

.lt-lastpost h2:before{
content: "";
position: absolute;
width: 5px;
height: 40px;
background: linear-gradient(180deg, rgba(46,163,220,1) 0%, rgba(79,101,217,1) 100%);
border-radius: 20px;
bottom: -5px;
left: -20px;
}


.lt-lastthread h2:before{
content: "";
position: absolute;
width: 5px;
height: 40px;
background: linear-gradient(180deg, rgba(46,163,220,1) 0%, rgba(79,101,217,1) 100%);
border-radius: 20px;
bottom: -5px;
left: -20px;
}

.lt-memprofile-content{
	display: flex;
	justify-content: center;
	border-radius: 10px;
	margin-top: 20px;
	flex-direction: column;
}

.lt-membercontent-card{
box-sizing: border-box;
padding: 20px;
background: var(--bg-row);
border-radius: 10px;
	margin-bottom: 20px;
}

.lt-lastpost{
display: flex;
width: 100%;
border-radius: 10px;
padding: 10px;
margin-right: 10px;
flex-direction: column;
margin-bottom: 20px;
box-sizing: border-box;
}
.lt-lastthread{
display: flex;
width: 100%;
border-radius: 10px;
padding: 10px;
flex-direction: column;
box-sizing: border-box;
}

.lt-lastpost .posts{
width:100%;
}

.lt-lastpost .posts h4{
background: var(--bg-color);
padding: 10px;
border-radius: 10px;
	margin:0;
}
.lt-lastpost .posts h3{
margin: 0;
margin-left: 10px !important;
}
.lt-lastpost .posts .text{
margin-left:20px;
	margin-top:10px;
}

.lt-lastthread h4{
padding: 6px;
border-radius: 10px;
}

.lt-lastthread .posts{
width:100%;
}

.lt-lastthread .posts h4{
padding: 10px;
border-radius: 10px;
	margin:0;
}
.lt-lastthread .posts h3{
margin: 0;
margin-left: 10px !important;
}
.lt-lastthread .posts .text{
margin-left:20px;
	margin-top:10px;
}


.sidebar-quicksearch input.text-search{
width:100%;
margin-bottom:20px;
}

input.text-search::placeholder {
  color: var(--font-color) !important;
}
.lt_button{
display: flex;
justify-content: center;
padding: 15px;
margin-top: 10px;
border: none;
background: ;
background: linear-gradient(90deg, rgba(28,161,232,1) 0%, rgba(30,53,152,1) 100%) !important;
}
.lt_button:hover{
opacity:0.5;
}



.sidebar-content .lt_button{
width: 100%;
}

.lt_topstats-sidebar{
word-break: break-all; 
}
.trow1 a{
width: calc(100% - 100px);
display: inline-block;
}
tr .thead:before{
content: '';
position: relative;
width: 5px;
height: 26px;
left: -11px;
background: linear-gradient(180deg, rgba(46,163,220,1) 0%, rgba(79,101,217,1) 100%);
top: 7px;
border-radius: 50px;
right: 310px;
display: inline-block;

}


/*MOBILE NAVBAR*/

 /* Style the navigation menu */
.topnav {
  display:none;
  overflow: hidden;
 	background-color: var(--bg-row);
	position: sticky;
	z-index: 99999999999;
	top: 0;
}

/* Hide the links inside the navigation menu (except for logo/home) */

#myLinks{
	position: fixed;
	top: 0;
	display: none;
	z-index: 999999999;
	justify-content: end;
	overflow: auto;
	height: 100vh;
	width: 150%;
	right: -5vw;
	background: #000000b3;
	backdrop-filter: blur(5px);
}

#myLinks li{
display: block;
list-style-type: none;
margin-bottom: 30px;
width:300px;
	margin-bottom: 5px;
	height: 35px;
}

#ullinks{
height: 0px;
}

/* Style navigation menu links */
.topnav a {
  color: var(--font-color);
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}



/* Style the hamburger menu */
.topnav a.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: var(--bg-color);
  color: var(--font-color);
	border-radius:10px;
}

/* Style the active link (or home/logo) */


@media (max-width: 1024px){
	
	.mobile-nav-modal{
position: absolute;
top: 0;
display: none;
background-color: rgba(22, 22, 22, 0.59);
z-index: 99999;
justify-content: end;
overflow: auto;
height: 100vh;
right: 0;
width: 100%;
}

#stickyy-nav-mob{
top:0;
	position:sticky;
z-index: 999999999999999999;
}
	
	
	.lt-container-pf{
	flex-direction:column;
	}
	.lt-container-profileinfo{
	width:100%;
	}
	.lt-other {
	  display: flex;
	  flex-direction: row;
	  width: 100%;
	font-size: 10px;
	}
	
	.lt-memprofile-content {
	font-size:12px;
  overflow: hidden;
  overflow-wrap: break-word;
}
	
	#nawig{
	position: sticky;
	top: 0;
	z-index: 99999;
	}
	
	.last-post-forum{
	overflow:initial;
	}
	
	#lt_swiper_buttons {
		right: 8px !important;
	
	}
	
	span.descriptionnn-forum{
	display:none;
	}
	
	.sw_text{
	height: 45%;
	font-size:13px;
	}
	
	.box-index{
	display: block;
	}
	.forums-box{
	width:100%;
	}
	
	.sidebar-box {
  width: 100%;
  margin-left: 0;
  max-width: 100%;
}
	
	#myLinks .dropdown-content{
	height:250px;
	}	
	

	
#myLinks {
	top: 0;
	display: none;
	z-index: 9999999999999999999999999999;
	justify-content: end;
	overflow: auto;
	height: 100vh;
	width: 150%;
	right: -5vw;
}

	
	#none{
	display:none;
	}
	.topnav {
  	display: block;
}
	.topnav #none{
		display:block;
	}
}

@media (max-width: 768px){
	
	.lt-other {
  flex-direction: column;
  width: 100%;

}
	
	
	.lt_postuser-info {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 91px;
right: 226px;
  border-radius: 100%;
}
	
	.box-footer {
		margin-bottom: 20px;
	}
	
	.lt_kontaktrow {
		justify-content: center;
	}
	
	.themeslidercontainer span
	{
	margin-top: 45px;
	}
	
	.top-nav-st{
	flex-flow: column;
	}
	
.topnav {
  	display: block;
}
	.topnav #none{
		display:block;
	}
.topnav	a.register12:hover {
  opacity: 1;
	background-color: var(--bg-color);
}
	.topnav a.register12{
	background:none;
		margin-left: 0;
		box-shadow: none;
		border-radius:10px;
	}
	.flex-footer{
	flex-flow: column;
		height:100%;
	}
	.swpindex{
	display: none;
	}
	.swiper-pagination{
	display:none;
	}
	#lt_swiper_buttons{
	display:none;
	}
	.sidebar-quicksearch input.text-search {

}
}
		


/*KONTAKTE*/
#lt_kontaktbutton-container{
margin-bottom: 50px;
}

#lt_kontaktbutton-container ul{
list-style-type: none;
	padding-left: 0;
}
#lt_kontaktbutton-container ul li{
display:inline-block;
}
#lt_kontaktbutton-container ul li a {
padding: 5px;
border-radius: 4px;
margin-right: 5px;
margin-left:5px;
	display: table-cell;
font-size: 18px;
}
#lt_kontaktname{
margin-bottom: 0px;
}


 /* Style the tab */


/* Style the buttons that are used to open the tab content */

.lt_kontaktnav{
width: 100%;
height: 30px;
display: flex;
justify-content: space-around;
}
.lt_kontaktnav button {
  background-color: inherit;
  float: left;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;

width: 120px;
}

.lt_kontaktnav .lt_adminbtt {
border: 1px solid #ff64641f;

}
.lt_kontaktnav .lt_modbtt{
border: 1px solid #346a4c;

}

/* Change background color of buttons on hover */
.lt_kontaktnav button:hover {
  background-color: var(--bg-color);
}

/* Create an active/current tablink class */
.lt_kontaktnav .lt_adminbtt.active {
background: #ff4e4e;
}
.lt_kontaktnav .lt_modbtt.active {
background: #2dbf59;
}

/* Style the tab content */
.kontaktcontent {
  display: none;
  border: 1px solid #ccc;
  border-top: none;
} 
.lt_kontaktrow{
display: flex;
align-items: center;
justify-content: space-around;
margin-top:10px;
background: var(--bg-color);
border-radius: 7px;
	padding: 10px;
}
.lt_kontaktrow img{
	width:35px;
	border-radius: 4px;
	margin-right:5px;
	height:35px;
}
.lt_kontaktrow .lt_rownames p{
margin:0
}

.lt_kontaktrow .lt_buttoncontainer ul{
list-style-type: none;
	padding-left: 25px;
}
.lt_kontaktrow .lt_buttoncontainer ul li{
display:inline;
}
.lt_kontaktrow .lt_buttoncontainer ul li a{
border-radius:5px;
background: var(--bg-color);
	margin-left:5px;
}

.lt_rownames p:nth-child(2){
font-size:12px;
}

.lt_nam{
font-size: 16px;
font-weight: 600;
	margin-left: 20px;
	margin-bottom:10px;
}
.lt_nam:before{
	left:0;
	top: 340px;
content:"";
position: absolute;
width: 5px;
height: 40px;
background: linear-gradient(180deg, rgba(46,163,220,1) 0%, rgba(79,101,217,1) 100%);
border-radius: 20px;
}

.swpindex{
border-radius:10px;
}
.swpindex .swiper-slide{
border-radius:10px;
}

.lt_copied{
position: sticky;
bottom: 10px;
display: none;
text-align: center;
z-index: 999999999999999999999999;
background: var(--bg-row);
width: 250px;
float: right;
border-radius: 7px;
border: 2px solid var(--font-chover);
}
.lt_hovercardbg{
background:red;
height:50px;
	width:100%;
	
}

#whowas:before{
content: "\e552";
font-family: "Font Awesome 5 Free";
margin-right: 10px;
color: var(--font-color);

}
#whowas h3:hover {
  color: #1c9ee5;
}

.box-footer{
width:160px;
}

img{
object-fit:cover;
}
.trow1 img{
width:40px;
	height:40px;
border-radius: 4px;
}



#ullinks{
	height:100vh;
	margin:0;
	padding-left: 0px;
	float: right;
	background: var(--bg-row);
	transform: translateX(0%);
		transition: 0.1s all ease-in-out;
}	


#ullinks .icon{
position: fixed;
right: 310px;
background: linear-gradient(90deg, rgba(28,161,232,1) 0%, rgba(30,53,152,1) 100%);
padding: 15px;
transform: rotate(40deg);
border-radius: 5px;
top: 7px;
}

#myLinks li{
display: block;
list-style-type: none;
margin-bottom: 30px;
width:300px;
	margin-bottom: 5px;
	height: 35px;
}
	
	#myLinks li a{
	padding: 10px;
		display:block;
		text-align: justify;
		border-bottom: 2px solid var(--bg-color);
	}

	#myLinks #mobnv-links:after{
	content: "\f054";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: relative;
	top: -28px;
	right: -130px;
	opacity: 0.5;
	}