/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2022 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * http://opensource.org/licenses/MIT
 
 =========================================================
 
*/
html {
	min-width: 1040px;
	height: 100%;
}

body {
	background: #000000;
	color: #ffffff;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	margin: 0;
	height: 100%;
}

@media only screen and (min-width: 2000px) {
	body {
		background: #000000;
	}
}

a {
	color: #ebebeb;
	text-decoration: none;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

a:hover {
	color: #ffda8a;
}

img {
	border: 0px;
}

input[type=text], input[type=password], input[type=number] {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus {
	border: 1px solid #ccc;
}

#header {
	width: 100%;
	margin: 0px auto;
	padding: 80px 0px 10px 0px;
	min-height: 500px;
	text-align: center;
	color: #fff;
}

#container {
	background: #0c0c0c;
	width: 1040px;
	height: auto;
	margin: 0px auto;
	padding: 20px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	-khtml-border-radius: 5px 5px 0px 0px;
}

#content {
	width: 100%;
	overflow: auto;
	min-height: 500px;
	padding: 10px 20px 0px 20px;
}

.footer {
	background: #0c0c0c;
	font-family: 'Segoe UI', 'Lucida Sans Unicode', 'Lucida Grande', 'Tahoma', 'Arial', 'sans-serif';
	width: 1040px;
	font-size: 12px;
	color: #666666;
	padding: 40px;
	overflow: auto;
	margin: 0px auto 100px auto;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
}
	.footer > .footer-container {
		width: 100%;
		margin: 0px auto;
	}
		.footer > .footer-container a:hover {
			/* text-decoration: underline !important; */
			color: #4f0a0a;
		}
	.footer hr {
		border-top: 1px solid #cacaca;
	}
	.footer .footer-social-link {
		filter: grayscale(100%);
		transition: all .3s ease;
	}
	.footer .footer-social-link:hover {
		filter: grayscale(0%);
	}

#navbar {
	width: 100%;
	backdrop-filter: blur(5px);
	border-bottom: 1px solid rgb(67 44 30 / 65%);
}

#navbar ul{
	text-align: center;
	margin: 0px;
	background-color: #2727279e;
	-webkit-padding-start: 0px;
}

#navbar ul li {
	list-style-type: none;
	display: inline-block;
	font-size: 16px;
}

#navbar ul li a {
	display: inline-block;
	color: #cccccc !important;
	text-decoration: none;
	padding: 20px 30px;
	transition: all .3s ease;
	text-transform: uppercase;
}

#navbar ul li a:active, #navbar ul li a:focus, #navbar ul li a:hover {
	color: #ffffff !important;
	text-decoration: none;
}

.admincp-button {
	position: absolute;
	top: 10px;
	margin-top: 104px;
	z-index: 100;
	right: 10px;
	background: #ffffff !important;
	border: 2px solid #000000 !important;
	color: #000000 !important;
	font-weight: bold !important;
}

.page-title {
	color: #ffffff;
	font-family: 'PT Sans', sans-serif;
	font-size: 32px;
	margin-bottom: 10px;
	font-weight: bold;
}

/* NEWS MODULE */
.panel-news {
	margin-bottom: 30px;
	color: #ffffff;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 0 0px #e3e3e3;
	-webkit-box-shadow: 0 0 0px #e3e3e3;
	box-shadow: 0 0 0px #e3e3e3;
}
.panel-news .panel-heading {
	padding-top: 10px;
	padding-bottom: 10px;
}
.panel-news .panel-title {
	color: #000000;
	font-size: 24px;
	font-weight: bold;
}
.panel-news .panel-body {
	padding: 10px;
}
.panel-news .panel-footer {
	border-top: 1px solid #950000;
	background: #0c0c0c;
	font-style: italic;
	font-size: 11px;
	height: 40px;
	color: #777;
}

/* RANKINGS MODULE */
.rankings-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.rankings-class-image {
	width: 30px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.rankings-table tr td {
	border-bottom: 1px solid #e3e3e3;
	padding: 10px;
	font-size: 18px;
	vertical-align: middle !important;
	text-align: center;
}
.rankings-table-place {
	color: #666;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}
.rankings-table tr:first-child td {
	color: #3f6588;
	border-bottom: 3px solid #3f6588;
}
.rankings-update-time {
	text-align: right;
	font-size: 11px;
	color: #ccc;
	padding: 10px 0px;
}
.rankings_menu {
	width: 100%;
	overflow: auto;
	text-align: center;
	margin-bottom: 10px;
}
.rankings_menu span {
	width: 100%;
	display: inline-block;
	padding: 10px 0px;
	color: #ccc;
	font-size: 24px;
}
.rankings_menu a {
	display: inline-block;
	width: 150px;
	border: 1px solid #e3e3e3;
	text-align: center;
	padding: 2px 0px;
	margin: 2px;
	background: #f1f1f1;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #ccc;
}
.rankings_menu a.active {
	color: #333;
	border-color: #333;
}
.rankings_guild_logo tr td {
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}
.rankings-gens-img {
	width: auto !important;
	height: 30px !important;
	border: 0 !important;
	-moz-box-shadow: 0 0 0px #000 !important;
	-webkit-box-shadow: 0 0 0px #000 !important;
	box-shadow: 0 0 0px #000 !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

/* MY ACCOUNT MODULE */
.myaccount-table {
	width: 100%;
	background: #140202;
	border: 1px solid #3b1919;
}
.myaccount-table tr td:first-child {
	color: #666;
	font-weight: bold;
}
.myaccount-table tr td {
	border-bottom: 1px solid #392222;
	padding: 15px !important;
}
.myaccount-table tr:last-child td {
	border: 0px;
}

/* GENERAL TABLE UI */
.general-table-ui {
	width: 100%;
	table-layout: fixed;
	background: #210000;
	border: 1px solid #410f0f;
	padding: 10px;
	margin: 10px 0px;
}
.general-table-ui tr td {
	padding: 5px;
	vertical-align: middle !important;
}
.general-table-ui tr:first-child td {
	color: #b96969;
}
.general-table-ui tr:nth-child(2n+2) td {
	background: #2d2020bd;
}
.general-table-ui tr td {
	text-align: center;
}
.general-table-ui img {
	width: 50px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* TERMS OF SERVICE PAGE */
.tos_list li {
	color: #aa0000;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 40px;
}
.tos_list li p {
	color: #444;
	text-align: justify;
	text-justify: inter-word;
	text-transform: none;
	padding-right: 35px;
	font-size: 14px;
	font-weight: normal;
}

/* PAYPAL */
.paypal-gateway-container {
	width: 100%;
}

.paypal-gateway-content {
	background: #fef2da;
	border: 3px solid #f79433;
	padding: 15px;
	overflow: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
}

.paypal-gateway-logo {
	width: 100%;
	height: 100px;
	background: #fff9ec url('../img/paypal-logo-200-68.png') no-repeat center;
	background-size: contain;
	margin-bottom: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.paypal-gateway-conversion-rate {
	margin: 0px auto;
	text-align: center;
	color: #000;
	font-size: 18px;
	padding: 10px 0px;
}

.paypal-gateway-form {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

.paypal-gateway-form div {
	display: inline-block;
	padding: 0px 10px;
	color: #000;
	font-size: 24px;
}

.paypal-gateway-form input[type=text] {
	width: 60px;
	font-size: 24px;
	border: 3px solid #f79433;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #f79433;
}

.paypal-gateway-continue {
	margin: 0px auto;
	text-align: center;
}

.paypal-gateway-continue input[type=submit] {
	background: url('../img/paypal-submit.jpg') no-repeat;
	width: 200px;
	height: 40px;
	border: 0px;
}

.module-requirements {
	font-size: 12px;
	margin-top: 20px;
}

/* SIDEBAR */
.panel-sidebar {
	background: #0c0c0c;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px #e3e3e3;
	/* -webkit-box-shadow: 0 0 10px #e3e3e3; */
	/* box-shadow: 0 0 10px #e3e3e3; */
}

.panel-sidebar > .panel-heading {
	background: #0c0c0c;
	color: #e9e9e9;
	font-family: 'PT Sans', sans-serif;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-bottom: 3px solid #4f0a0a;
}

.panel-usercp {
	/* background: url('../img/usercp_bg.jpg') no-repeat top center; */
	background-size: cover;
}

.panel-usercp ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.panel-usercp ul li {
	display: table;
	width: 100%;
	vertical-align: middle;
	line-height: 30px;
}

.panel-usercp ul li a {
	color: #ebebeb !important;
	font-weight: bold;
}
.panel-usercp ul li a:active, .panel-usercp ul li a:hover {
	color: #3f6588 !important;
}

.panel-usercp ul li img {
	position: relative;
	top: -2px;
	width: 25px;
	height: 25px;
	margin-right: 5px;
}

.sidebar-banner {
	margin: 20px 0px;
	border: 0px;
}

.sidebar-banner img {
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #1700ff;
	filter: hue-rotate(
161deg);
	border: 0px;
	filter(
	background-blend-mode: hue);
	filter(
	background-blend-mode: hue);
	filter(
	background-blend-mode: hue);
	filter(
	background-blend-mode: hue);
	filter(
	background-blend-mode: hue);
}

/* GENERAL PANEL STYLING */
.panel-general {
	margin-bottom: 30px;
	background: #140202;
	border: 1px solid #392222;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #b96969;
}

.panel-body .panel-title {
	color: #666;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 20px !important;
	font-weight: bold;
}

/* ADD STATS MODULE */
.panel-addstats {
	margin-bottom: 30px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}
.panel-addstats .character-avatar img {
	width: 100px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.panel-addstats .character-name {
	color: #666;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	border-bottom: 1px solid #e3e3e3;
	padding: 20px 0px;
	margin-bottom: 20px !important;
	font-weight: bold;
}

/* DOWNLOADS */
.panel-downloads {
	margin-bottom: 30px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}
	.download-description {
		font-size: 11px;
		position: relative;
		top: -7px;
		color: #777;
	}

.online-status-indicator {
	margin-left: 5px;
}

/* WEBENGINE CMS */
.webengine-powered { color: #777 !important; }
.webengine-powered:active, .webengine-powered:hover { color: #ff3214 !important; }

/* GLOBAL TOP BAR */
.global-top-bar {
	width: 100%;
	background: #000000ff;
	color: #777777;
	padding: 7px 0px 2px 0px;
	text-transform: uppercase;
	font-size: 12px;
}
	.global-top-bar .global-top-bar-content {
		width: 1040px;
		margin: 0px auto;
	}
		.global-top-bar .global-top-bar-content .row {
			margin: 0px;
			padding: 0px;
		}
	.global-top-bar a.logout {
		color: #ff9a9a !important
	}
	.global-top-bar a {
		color: #999999 !important;
	}
	.global-top-bar a:hover {
		color: #ffffff !important;
	}
.global-top-bar-nopadding {
	padding: 0px !important;
}
.global-top-bar-separator {
	padding: 0px 5px;
}

/* LANGUAGE PICKER */
.webengine-language-switcher {
	display: inline-block;
	list-style: none;
	padding: 0px !important;
	margin: 0px !important;
	width: 46px;
	height: 19px;
	overflow: hidden;
	transition: all .3s ease;
}
.webengine-language-switcher:hover {
	width: 400px;
}
	.webengine-language-switcher li {
		display: inline-block;
		list-style-type: none;
		background: #333333;
		padding: 0px 5px 2px 5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-khtml-border-radius: 3px;
		transition: all .3s ease;
	}
	.webengine-language-switcher li:hover {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}
	.webengine-language-switcher li a {
		color: #999999;
	}
	.webengine-language-switcher li a:hover {
		color: #ffffff !important;
	}

/* WEBSITE LOGO */
.webengine-mu-logo {
	transition: all .3s ease;
    display: none;
}
	.webengine-mu-logo:hover {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}

/* HEADER INFO */
.header-info-container {
	width: 1040px;
	margin: 0px auto;
	text-align: right;
}
	.header-info-container .header-info {
		display: inline-block;
		width: 350px;
		/* background: rgba(0, 0, 0, 0.3); */
		backdrop-filter: blur(5px);
		margin: 0px;
		padding: 20px;
		overflow: auto;
		-moz-box-shadow: 0 0 15px rgba(0,0,0,0.7);
		/* -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.7); */
		/* box-shadow: 0 0 15px rgba(0,0,0,0.7); */
		/* -webkit-border-radius: 5px; */
		-moz-border-radius: 5px;
		/* border-radius: 5px; */
		-khtml-border-radius: 5px;
		text-shadow: 1px 1px 3px #000000;
		color: #ffffff;
		/* border: 1px solid rgba(255,255,255,0.1); */
		/* font-size: 12px; */
	}
		.header-info-container .header-info .header-info-block {
			padding: 0px;
			color: #aaaaaa;
		}
		.header-info-container .header-info .header-info-block #tServerTime, .header-info-container .header-info .header-info-block #tLocalTime {
			color: #ffffff;
		}
		.header-info-container .header-info .header-info-block #tServerDate, .header-info-container .header-info .header-info-block #tLocalDate {
			color: #cccccc;
		}
		.header-info-container .header-info .header-info-block .online-count {
			color: #00ff00;
		}
	
/* ONLINE BAR */
.webengine-online-bar {
	width: 100%;
	background: #000000;
	border: 1px solid #555555;
	height: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
	overflow: hidden;
	transition: all .3s ease;
}
	.webengine-online-bar .webengine-online-bar-progress {
		height: 8px;
		background: #00ff00 url('../img/online_progress_bar.jpg') no-repeat left center;
		-webkit-border-radius: 0px 1px 1px 0px;
		-moz-border-radius: 0px 1px 1px 0px;
		-khtml-border-radius: 0px 1px 1px 0px;
		border-radius: 0px 1px 1px 0px;
	}
	.webengine-online-bar:hover {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}

/* MY ACCOUNT CHARACTER LIST */
.myaccount-character-block {
	background: #333;
	border: 1px solid #666;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin: 0px auto;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
	.myaccount-character-block img {
		width: 100px;
		height: auto;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px #000;
		box-shadow: 0 0 5px #000;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
		.myaccount-character-block img:hover {
			-webkit-filter: brightness(120%);
			filter: brightness(120%);
		}
.myaccount-character-block-location {
	font-size: 12px;
	color: #000;
	margin-bottom: 20px;
	margin-top: 2px;
	line-height: 1.2;
}
.myaccount-character-block-level {
	position: relative;
	top: -77px;
	display: inline-block;
	background: rgba(0,0,0,0.5);
	padding: 0px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
}
.myaccount-character-name a {
	font-weight: bold;
	color: #000;
	font-size: 16px;
}

/* RANKINGS FILTER BY CLASS */

.rankings-class-filter {
	display: inline-block;
	list-style-type: none;
	margin: 20px auto;
	padding: 10px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
}

	.rankings-class-filter li {
		display: inline-block;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		margin-bottom: 10px;
	}
	
	.rankings-class-filter li:hover {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}

.rankings-class-filter-selection {
	display: inline-block;
	width: 75px;
	text-align: center;
	color: #000000;
	font-size: 11px;
	cursor: pointer;
}

	.rankings-class-filter-selection:hover {
		color: #000000 !important;
	}

	.rankings-class-filter-selection:hover img {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}

.rankings-class-filter-selection img {
	width: 40px;
	height: auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-khtml-border-radius: 50%;
	margin-bottom: 5px;
	-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
}

.rankings-class-filter-grayscale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

/* Home - News List */

.home-news-block {
	
}

.home-news-block .home-news-block-header h2 {
	padding: 0px !important;
	margin: 0px 0px 20px 0px !important;
	font-style: italic;
}

.home-news-block .home-news-block-header a {
	display: inline-block;
	padding-top: 5px;
	font-style: italic;
	font-size: 16px;
}

.home-news-block-article {
	margin-top: 10px;
}

.home-news-block-article .home-news-block-article-type {
	/* display: block; */
	/* border: 1px solid #883f3f; */
	padding: 5px;
	padding-top: 24px;
	text-align: center;
	color: #d71b1b;
}

.home-news-block-article .home-news-block-article-title-container {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-news-block-article .home-news-block-article-title, .home-news-block-article .home-news-block-article-date {
	line-height: 30px;
}

/* Event Timer Block */

.event-schedule-open {
	color: green;
}

.event-schedule-inprogress {
	color: orange;
}

.panel-sidebar-events .smalltext {
	font-size: 11px;
	position: relative;
	top: -5px;
}

	.video-background {
				position: absolute;
				top: -4485px;
				left: 0;
				right: 0;
				z-index: -1;
				height: 100vh; /* Zajmuje 40% wysokooci viewportu */
				overflow: hidden;
				display: none;
			}
			
			.video-background video {
				width: 100%;
				height: 100%;
				object-fit: cover; /* Video wype3nia kontener zachowuj1c proporcje */
				object-position: center top; /* Centruje video i przykleja do g ry */
				transform: rotate(180deg); /* Obraca video do g ry nogami */
			}
			
			/* Opcjonalne: nak3adka dla lepszej czytelnooci tekstu */
			.video-overlay {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				height: 100vh;
				background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
				z-index: -1;
				pointer-events: none;
			}
			
			/* Zapewnia, ?e treoa jest nad video */
			#container {
				position: relative;
				z-index: 1;
			}
			
			/* Dodaje padding na g rze, ?eby treoa nie nak3ada3a sie na video */
			body {
				background-position: top center;
				background-repeat: no-repeat;
				background-image: url(../img/body-bg-gens2.jpg);
				padding-top: 0px;
			}
			
			/* Stylizacja dla element w na g rze strony */
			.global-top-bar,
			#navbar,
			#header {
				position: relative;
				z-index: 2; /* Wy?szy z-index ni? container */
			}

.top-panel {
	position: relative;

    width: 100%;

    position: sticky;

    top: 0px;

    background: #131419;

    border-bottom: 1px solid #23252c;

    box-shadow: 0px 5px 30px 1px rgba(0,0,0,0.45);

    z-index: 10;

}


.icon-home {

    background:url(../img/icons/home.png) no-repeat;

    height: 38px;

    width: 38px;

    position: relative;

    display: block;

    margin-top: 28px;

    margin-bottom: -65px;

}



.icon-forum {

    background:url(../img/icons/forums.png) no-repeat;

    height: 38px;

    width: 38px;

    position: relative;

    display: block;

    margin-top: 28px;

    margin-bottom: -65px;

}



.icon-download {

    background:url(../img/icons/download.png) no-repeat;

    height: 38px;

    width: 38px;

    position: relative;

    display: block;

    margin-top: 28px;

    margin-bottom: -65px;

}



.icon-rules {

    background:url(../img/icons/rules.png) no-repeat;

    height: 38px;

    width: 38px;

    position: relative;

    display: block;

    margin-top: 28px;

    margin-bottom: -65px;

}



.icon-rankings {

    background:url(../img/icons/rankings.png) no-repeat;

    height: 38px;

    width: 38px;

    position: relative;

    display: block;

    margin-top: 28px;

    margin-bottom: -65px;

}



.icon-register {

    background:url(../img/icons/register.png) no-repeat;

    height: 38px;

    width: 38px;

    position: relative;

    display: block;

    margin-top: 28px;

    margin-bottom: -65px;

}



.icon-login {

    background:url(../img/icons/login.png) no-repeat;

    height: 38px;

    width: 38px;

    position: relative;

    display: block;

    margin-top: 28px;

    margin-bottom: -65px;

}



.top-panel {width: 100%;position: sticky;backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);top: 0px;background: #000000ab;border-bottom: 1px solid #23252c;box-shadow: 0px 5px 30px 1px rgba(0,0,0,0.45);z-index: 10;}



.menu li a:before {

    content: "";

    position: absolute;

    background: url(../img/point-menu.png) no-repeat;

    height: 23px;

    width: 4px;

    left: -30px;

    top: 33px;

}



.menu li:first-child a:before {

    display: none;

}



.menu {

    height: 66px;

}



.menu li {

    margin: 0px 0px;

}



.menu a {color: #000000;font-size: 20px;padding: 0px 78px 10px 40px;font-weight: 500;display: block;height: 75px;line-height: 80px;position: relative;transition: 0.4s;}



.menu a:after {

    content: "";

    transition: 0.4s;

    height: 0px;

    width: 0px;

}



.rnet {

    background: url(../img/rnet.png) no-repeat center center;

    background-color: #17191f;

    width: 110px;

    margin-right: 45px;

    height: 90px;

    border-radius: 10px;

}



.menu a:hover {

    transition: 0.4s;

    text-shadow: 0px 0px 15px #ff0000;

}



.menu a:hover:after {

    content: "";

    height: 1px;

    width: 100%;

    bottom: -3px;

    left: 0px;

    position: absolute;

    background: #d50000;

    transition: 0.4s;

}



.menu .active a {

    border-bottom: 1px solid #00a7d5;

    bottom: -2px;

}

#ddd {

    position: absolute;

    color: #777982;

    margin-top: -40px;

    margin-left: 40px;

    font-size: 12px;

}

/* Klasa flex-c-c - wy rodkowanie i flexbox */
.flex-c-c {

    display: flex;

    justify-content: center;

    align-items: center;

}

/* Poprawki dla menu - wy wietlanie poziome */
.menu {
    height: 66px;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu li {
    margin: 0px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

/* Poprawka dla ikon - wy rodkowanie */
.menu li > div[class*="icon-"] {
    margin-bottom: 5px;
    margin-top: 10px;
}

.menu a {
    color: #ffffff;
    font-size: 20px;
    padding: 0px 78px 10px 40px;
    font-weight: 500;
    display: block;
    height: 75px;
    line-height: 80px;
    position: relative;
    transition: 0.4s;
    text-align: center;
}

/* Poprawka dla elementu #ddd */
#ddd {
    position: static; /* zmiana z absolute na static */
    color: #777982;
    margin-top: 0px;
    margin-left: 0px;
    font-size: 12px;
    text-align: center;
}

/* Alternatywnie, je li chcesz bardziej kompaktowe menu: */
.menu-compact {
    height: 66px;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-compact li {
    margin: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.menu-compact a {
    color: #f4f4f4;
    font-size: 16px;
    padding: 5px 15px;
    font-weight: 500;
    display: block;
    text-align: center;
    transition: 0.4s;
}



.flex-c-c {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Poprawka dla menu - wy wietlanie poziome */
.menu li {
    display: inline-block; /* Zmiana z domy lnego block na inline-block */
    margin: 0px 0px;
}
/* Poprawka pozycjonowania dla #ddd */
#ddd {
    position: absolute;
    color: #777982;
    margin-top: -40px;
    margin-left: 40px;
    font-size: 12px;
}

/* Content */
.content {
    width: 884px;
    /* background: #ffffff; */
    min-height: 900px;
    padding: 55px;
    line-height: 1.3;
    font-size: 18px;
    color: #ffd2d2;
}

.content h1 {
    font-weight: bold;
    color: #1e1c2a;
    font-size: 30px;
    text-transform: uppercase;
    border-bottom: 1px solid #cbc9d5;
    padding-bottom: 30px;
    margin-bottom: 55px;
}

.content p {
    margin-bottom: 20px;
}

.content-page h1 {
    margin-bottom: 30px;
}

.content-page img {
    max-width: 770px;
}

.content-page ul {
    padding-left: 30px;
}

.content-page li {
    list-style: square outside;
    padding: 2px 0px;
}

/* Flex utilities */
.flex-c {
    display: flex;
    align-items: center;
}

.flex-c-c {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.flex-reverse {
    flex-direction: row-reverse;
    align-items: flex-start;
}

/* Download section */
.download-links-block {
    text-align: center;
    margin-bottom: 40px;
}

.download-link {
    display: inline-block;
    border: 1px solid #9c84b3;
    border-radius: 30px;
    color: #514f5f;
    font-size: 18px;
    padding: 12px 47px;
    margin: 0px 7px;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.download-link.active, 
.download-link:hover {
    background: #614de1;
    border: 1px solid #614de1;
    color: #fff;
}

.download-block {
    display: none;
    padding-top: 0px !important;
}

.download-block.active {
    display: block;
}

.download-block .size {
    color: #2a2c3f;
    font-size: 36px;
    font-weight: bold;
    display: block;
    margin-bottom: 40px;
    text-align: center;
}

.download-button-link {
    text-decoration: none;
    margin: 0px 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.download-icon {
    width: 35px;
    height: 35px;
    display: block;
    flex-shrink: 0;
}

.download-icon.google {
    background: url(../img/google-icon.png) no-repeat center;
    background-size: contain;
}

.download-icon.mega {
    background: url(../img/mega-icon.png) no-repeat center;
    background-size: contain;
}

/* Block sections */
.block-p {
    text-align: center;
    padding-bottom: 55px;
    padding-top: 55px;
    border-bottom: 1px solid #cbc9d5;
}

.block-p h2 {
    text-transform: none;
    font-size: 30px;
    color: #ffe6e6;
    font-weight: 400;
    margin-bottom: 40px;
}

.block-p h2 b {
    font-weight: 600;
}

/* System requirements table */
.system {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
    text-align: left;
    width: 100%;
    border-collapse: collapse;
}

.system tr:first-child {
    background: #4f0a0a;
    color: #fff;
}

.system tr:nth-child(2n+2) {
    background: #ebe8ed;
}

.system tr:nth-child(2n+3) {
    background: #ffffff;
}

.system td {
    padding: 12px 15px;
    border: 1px solid #4d4d4d;
}

.system td:first-child {
    font-weight: 600;
}

/* Content padding wrapper */
.content-p {
    padding: 0px 30px;
}

/* Update block */
.update-block {
    border-bottom: none;
}

.update-block p {
    color: #938b99;
    font-size: 14px;
    margin-bottom: 30px;
}

.update-block .update-button {
    margin: 0 auto;
}

/* Buttons */
button, .button {
    transition: all 0.3s ease;
    cursor: pointer;
    background: #ffffff;
    border: none;
    color: #fff !important;
    font-size: 14px;
    border-radius: 30px;
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 11px 26px;
    border: 1px solid #be5858;
    text-decoration: none;
    display: inline-block;
}

button:hover, .button:hover {
    background: #664a94;
}

.big {
    background: #4f0a0a;
    width: 320px;
    padding: 20px;
    height: 82px;
    border-radius: 50px;
    color: #f7f6fb;
    font-size: 24px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.big:hover {
    background: #bf1e1e;
    color: #fff;
}

.big span {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: block;
    line-height: 1.2;
}

/* Form elements */
select {
    background: #ffffff;
    min-width: 250px;
    border: 1px solid #99a0aa;
    color: #1e1c2a;
    margin-bottom: 15px;
    padding: 0px 50px 0px 36px;
    height: 46px;
    border-radius: 30px;
    font-size: 16px;
    position: relative;
    -webkit-appearance: none;
    background-image: url(../img/arrow-v.png);
    cursor: pointer;
    background-position: right 20px center;
    background-repeat: no-repeat;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    -ms-appearance: none;
    appearance: none !important;
}

input, textarea {
    background: #ededef;
    border: 1px solid #b5b3c1;
    color: #1e1c2a;
    padding: 0px 36px 0px 36px;
    height: 51px;
    position: relative;
    font-size: 18px;
    min-width: 250px;
}

/* Search */
.search-b {
    background: #ffffff;
    width: 250px;
    border: 1px solid #99a0aa;
    padding: 0px 36px 0px 36px;
    height: 46px;
    border-radius: 30px;
    position: relative;
    margin-left: 20px;
}

.sh {
    font-size: 16px;
    background: none;
    border: none;
    height: 46px;
    padding: 0px;
    min-width: auto;
    width: 180px;
}

.sh-button {
    position: absolute;
    right: 13px;
    top: 12px;
    background: url(../img/search-icon.png) center no-repeat;
    width: 20px;
    height: 20px;
    padding: 0px;
    border-radius: 0px;
    border: none;
}

.sh-button:hover {
    background: url(../img/search-icon.png) center no-repeat;
}

/* Ranking table */
.ranking-table h3 {
    color: #1e1c2a;
    font-size: 24px;
    text-transform: none;
    font-weight: 600;
}

.ranking-table table {
    color: #1e1c2a;
    margin-bottom: 20px;
    width: 100%;
    border-collapse: collapse;
}

.ranking-table table td {
    vertical-align: middle;
    padding: 0px 15px;
    height: 52px;
}

.ranking-table table td:nth-child(1) {
    font-weight: 600;
    text-align: center;
}

.ranking-table table td:nth-child(2) {
    font-weight: 600;
    padding: 0px 15px 0px 30px;
}

.ranking-table table td:nth-child(3) img {
    width: 33px;
    height: 33px;
    margin-bottom: -4px;
}

.ranking-table table td:nth-child(4) img {
    width: 23px;
    height: 17px;
    margin-bottom: -3px;
    margin-right: 15px;
}

.ranking-table table tr {
    background: #f7f7f7;
    border: 1px solid #c4c2c2;
    font-size: 16px;
}

.ranking-table table tr:first-child {
    background: #e3e2e2;
    border: 1px solid #bcbcbc;
    font-size: 14px;
}

.ranking-table table tr:first-child td:nth-child(1) {
    font-weight: 400;
}

.ranking-table table tr:first-child td:nth-child(2) {
    font-weight: 400;
}

.ranking-table table tr:nth-child(2) {
    background: #f3eac2;
    border: 1px solid #c1b377;
    font-size: 18px;
}

.ranking-table table tr:nth-child(2) td {
    font-weight: 600;
    padding: 0px 15px;
    height: 68px;
}

.ranking-table table tr:nth-child(2) td:nth-child(1) {
    font-weight: bold;
    font-size: 24px;
    background: #fddb4f;
}

.ranking-table table tr:nth-child(2) td:nth-child(2) {
    font-weight: bold;
    padding: 0px 15px 0px 30px;
}

.ranking-table table tr:nth-child(2) td:nth-child(3) {
    font-weight: bold;
}

.ranking-table table tr:nth-child(2) td:nth-child(3) img {
    width: 43px;
    height: 43px;
    margin-bottom: -8px;
}

/* Pagination */
.pagination {
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .number {
    display: block;
    padding: 5px 10px;
    margin: 0px 3px;
    color: #1e1c1b;
    font-size: 14px;
}

.pagination .number.active {
    font-size: 18px;
    font-weight: bold;
}

.pagination .prev, .pagination .next {
    width: 29px;
    height: 25px;
    background: #afb5ba;
    border: 1px solid #7e858b;
    border-radius: 1px;
    display: block;
    position: relative;
}

.pagination .prev:hover, .pagination .next:hover {
    background: #727c85;
}

.pagination .prev:after, .pagination .next:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    color: #f1f2f3;
    left: 0px;
    top: 0px;
}

.pagination .prev {
    margin-right: 15px;
}

.pagination .prev:after {
    background: url(../img/prev-nav.png) center no-repeat;
}

.pagination .next {
    margin-left: 15px;
}

.pagination .next:after {
    background: url(../img/next-nav.png) center no-repeat;
}

/* News */
.news-tabs-links {
    text-align: center;
    margin-bottom: 50px;
}

.news-block p {
    border-bottom: 1px solid #e4e3e3;
    padding-bottom: 20px;
}

.news-block p a {
    color: #4e4949;
    font-size: 21px;
    display: block;
    padding-right: 100px;
}

.news-block p a span {
    color: #f06019;
}

.news-block p a:hover {
    color: #f06019;
}

.news-block p .date {
    color: #9f9e9e;
    font-size: 14px;
    display: block;
    float: right;
    padding-top: 3px;
}

/* Checkbox */
.check {
    padding: 10px 0px 15px 0px;
}

.checkbox {
    display: none;
}

.checkbox + label {
    position: relative;
    width: 22px;
    height: 19px;
    background: #ededef;
    border: 1px solid #b5b3c1;
    cursor: pointer;
    display: inline-block;
    margin-bottom: -3px;
    margin-right: 10px;
}

.checkbox + label:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.checkbox:checked + label:before {
    background: url(../img/arrow-v.png) center no-repeat;
    transform: skew(-15deg, -10deg);
}

/* Additional utility classes */
.rank-block-s {
    margin-bottom: 10px;
}

.content-character {
    padding: 0px 15px;
}

.content-news {
    padding: 0px 10px;
}

/* Tab functionality (if using JavaScript) */
.tab {
    display: none;
}

.tab.active {
    display: block;
}


.overlay-video {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 1;
  pointer-events: none; /* A1eby wideo nie blokowaA‚o kliknięć */
}

.overlay-video video {
  width: 100%;
  height: 100%;
  opacity: 0.6;
  object-fit: cover;
  mix-blend-mode: screen;   /* efekt przezroczystoA›ci */
  transform: rotate(180deg); /* ?Y”‘ obrA3t */
  -webkit-mask-image: linear-gradient(to right, black, transparent 50%, transparent 50%, black);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  mask-image: linear-gradient(to right, black, transparent 50%, transparent 50%, black);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}