::-webkit-scrollbar 
{
    width: 10px;
}
::-webkit-scrollbar-thumb 
{
    background: #da2128;
}
html, body {
	background-color: #242424;
    scroll-behavior: smooth;
	height: 1000px;
}
* 
{
	margin: auto; 
	padding: 0; 
}
.container
{
	margin: auto;
}
a, a:visited, a:link 
{
    color: white;
    text-decoration: none;
}


/* ================== MENU ================== */
nav
{
    width: 100%;
	position: absolute;
	z-index: 1;
}
.box-nav
{
    max-width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 50px;
    height: 140px;
    flex-wrap: nowrap;
}
.logo-nav
{
    width: 20%;
    margin: 0px;
}
.logo-nav img
{
    width: 100%;
}
.menu{
    position: relative;
	height: 50px;
	font-size: 0;
    margin-left: 11%;
}
.menu a{
	font-size: 25px;
    font-family: Oswald-medium,oswald,sans-serif;
    font-weight: 700;
	text-transform: uppercase;
	color: white;
	text-decoration: none;
	line-height: 50px;
	position: relative;
	z-index: 1;
	display: inline-block;
	text-align: center;
}
.menu a:hover
{
    transition: 0.4s;
    color:#da2128;
}
.menu .animation{
	position: absolute;
	height: 5px; 
	bottom: 0; 
	z-index: 0;
	background: #da2128;
	border-radius: 8px;
	transition: all .5s ease 0s;
}
.menu a:nth-child(1){
	width: 190px;
}
.menu .start-home, a:nth-child(1):hover~.animation{
	width: 190px;
	left: 0;
}
.menu a:nth-child(2){
	width: 150px;
}
.menu a:nth-child(2):hover~.animation{
	width: 150px;
	left: 190px;
}
.menu a:nth-child(3){
	width: 110px;
}
.menu a:nth-child(3):hover~.animation{
	width: 110px;
	left: 338px;
}
.menu a:nth-child(4){
	width: 140px;
}
.menu a:nth-child(4):hover~.animation{
	width: 140px;
	left: 449px;
}
.menu a:nth-child(5){
	width: 110px;
}
.menu a:nth-child(5):hover~.animation{
	width: 110px;
	left: 589px;
}
.social-nav ion-icon
{
	font-size: 30px;
	color: white;
	padding: 10px;
	margin-top: 7px;
}
.social-nav ion-icon:hover
{
	transition: 0.4s;
	color:#da2128;
	position: relative;
	top: -3px;
}


/* ================== banner ================== */
.jssora051 .a 
{
	stroke: #da2128!important;
}
.jssorb031 .i .b
{
	fill: grey!important;
    stroke:#da2128 !important;
}
.image-banner img
{
	height: 1000px;
}

/*
	=================================================================================================
	aktualnosci
*/

section
{
	width:100%;
	margin: auto;
}
.title
{
	width: 100%;
	padding: 40px 0px 40px;
}
.title h1
{
	text-align: center;
    color: #da2128;
    font-size: 60px;
    font-family: oswald,sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	height: 115px;
}
.title p
{
	text-align: center;
	font-family: 'Rajdhani', sans-serif;
	color: #242424;
	font-size: 20px;
	position: relative;
	top: -7px;
}
.title span
{
	color:#da2128;
} 
.title h2
{
	-webkit-text-stroke: .5px #cfc7c7;
	text-transform: uppercase;
    color: rgba(255, 255, 255, 0);
	font-size: 150px;
	font-family: 'Oswald', sans-serif;
	height: 43px;
	text-align: center;
}
.aktualnosci
{
	width: 100%;
	height: 969px;
	clear: both;
	background:white;
	background-image: url("news.png");
}
.box-aktualnosci
{
	width: 1400px;
	height: 10px;
}
.news
{
	display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
}
.big-news-left
{
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: calc(50% - 12px);
    height: 380px;
	margin: 0px auto 0px;
	overflow: hidden;
}
.big-news-left:hover img
{
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.big-news-left img
{
	z-index: 1;
	width: 100%;
	transition-duration: 1s;
}

.small-left-news-left
{
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: calc(25% - 12px);
    height: 180px;
	margin: 0px auto 0px;
	overflow: hidden;
}
.small-left-news-left img
{
	width: 100%;
	transition-duration: 1s;
}
.small-left-news-left:hover img
{
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.small-left-news-right
{
	-webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: calc(25% - 12px);
    height: 180px;
	margin: 0px auto 0px;
	overflow: hidden;
}
.small-left-news-right img
{
	width: 100%;
	transition-duration: 1s;
}
.small-left-news-right:hover img
{
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.small-right-news-left
{
	-webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: calc(25% - 12px);
    height: 180px;
	margin: 20px auto 0px;
	overflow: hidden;
}
.small-right-news-left img
{
	width: 100%;
	transition-duration: 1s;
}
.small-right-news-left:hover img
{
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.small-right-news-right
{
	-webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: calc(25% - 12px);
    height: 180px;
	margin: 20px auto 0px;
	overflow: hidden;
}
.small-right-news-right img
{
	width: 100%;
	transition-duration: 1s;
}
.small-right-news-right:hover img
{
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.big-news-right
{
	-webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: calc(50% - 12px);
    height: 380px;
	margin: 0px auto 0px;
	position: relative;
    top: -178px;
	overflow: hidden; 
}
.big-news-right img
{
	width: 100%;
	transition-duration: 1s;
}
.big-news-right:hover img
{
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

/* -------------------- */
.big-news
{
	padding: 24px 26px;
    display: flex;
    position: relative;
    bottom: 71%;
    flex-direction: column;
	z-index: 3;
}
.big-news h1
{
	color: white; text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 40px;
    font-family: Oswald-medium,oswald,sans-serif;
	margin: 0;
}
.big-news p
{
	color: white; text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 28px;
    font-family: Oswald-medium,oswald,sans-serif;
	margin: 10px 0px 10px;
}
.big-news h2
{
	color: white; text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 20px;
    font-family: Oswald-medium,oswald,sans-serif;
	margin: 0;
}
.big-news h3
{
	color: white; text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 20px;
    font-family: Oswald-medium,oswald,sans-serif;
	margin: 0;
}

.small-news
{
	padding: 0px 13px;
    display: flex;
    position: relative;
    bottom: 100%;
    flex-direction: column;
}
.small-news h1
{
	color: white; text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 25px;
    font-family: Oswald-medium,oswald,sans-serif;
	margin: 0;
}
.small-news h3
{
	color: white; text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 15px;
    font-family: Oswald-medium,oswald,sans-serif;
	margin: 0;
}
.small-news p
{
	color: white; text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 19px;
    font-family: Oswald-medium,oswald,sans-serif;
	margin: 10px 0px 10px;
}
.small-news h2
{
	color: white; text-shadow: black 0.1em 0.1em 0.2em;
    font-size: 15px;
    font-family: Oswald-medium,oswald,sans-serif;
	margin: 0;
}

/*
	=================================================================================================
	mecze
*/
.match
{
	height:969px;
	/* background: #242424; */
	background-image: url('tlo3.png');
	position: relative;
    top: -50px;
}
.box-match
{
	width: 95%;
	margin: auto;
}
#t-kreska
{
	float: left;
	width: 5px;
	background: #da2128;
	height: 100px;
	border-right: 8px solid #242424;
	margin: 0;
}
.tournaments
{
	margin-top: 50px;
}
.title-tournaments
{
	height:130px;
}
.title-tournaments h1
{
	text-align: center;
    color: #da2128;
    font-size: 60px;
    font-family: oswald,sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	position: relative;
	top: 30px;
}
.title-tournaments h2
{
	-webkit-text-stroke: .5px #cfc7c7;
	text-transform: uppercase;
    color: rgba(255, 255, 255, 0);
	font-size: 100px;
	font-family: 'Oswald', sans-serif;
	height: 0px;
	text-align: center;
	position: relative;
}
/* .title-tournaments p 
{
	text-align: center;
	font-family: 'Rajdhani', sans-serif;
	color: #242424;
	font-size: 20px;
	position: relative;
	top: 32px;
}*/
.box-tournaments
{
	width:40%;
	height: 240px;
    overflow: scroll;
}
.box-tournaments::-webkit-scrollbar-thumb
{
    background: #c51b21;
}
.box-tournaments::-webkit-scrollbar 
{
	width:5px;
}

.t-container
{
	margin:10px 0px 0px;
}

.tournaments1
{
	float: left;
	display: flex;
	height: 100px;
	width:98%;
	background: whitesmoke;
	margin: 10px;
}
.logo-tournaments
{
	display: flex;
	width: 90px;
	height: 100px;
}
.logo-tournaments img
{
	padding: 10px;
	width: 60px;
}
.name-tournaments
{
	display: flex;
	width:100%;
	height: 100px;
}
.name-tournaments p
{
	text-align: center;
	font-family: 'Rajdhani', sans-serif;
	color: #242424;
	font-size: 30px;
}
.start-tournaments
{
	width: 250px;
	height: 100px;
	display: flex;
	flex-direction: column;
	border-left: 5px solid #242424;
}
.stop-tournaments
{
	width: 250px;
	height: 100px;
	display: flex;
	flex-direction: column;
	border-left: 5px solid #242424;
}
.start-tournaments p
{
	text-align: center;
	font-family: 'Rajdhani', sans-serif;
	color: #242424;
	font-size: 20px;
}
.start-tournaments h1
{
	text-align: center;
	font-family: oswald,sans-serif;
    font-weight: 800;
    text-transform: uppercase;
	color: #da2128;
	font-size: 20px;
}
.stop-tournaments p
{
	text-align: center;
	font-family: 'Rajdhani', sans-serif;
	color: #242424;
	font-size: 20px;
}
.stop-tournaments h1
{
	text-align: center;
	font-family: oswald,sans-serif;
    font-weight: 800;
    text-transform: uppercase;
	color: #da2128;
	font-size: 20px;
}
.next-match
{
	width:50%;
	float:left;
	margin-top: 50px;
}
.title-nextmatch
{
	height:130px;
	margin: 0px 10px 0px;
}
.title-nextmatch h1
{
	text-align: center;
    color: #da2128;
    font-size: 60px;
    font-family: oswald,sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	position: relative;
	top: 30px;
}
.title-nextmatch h2
{
	-webkit-text-stroke: .5px #cfc7c7;
	text-transform: uppercase;
    color: rgba(255, 255, 255, 0);
	font-size: 100px;
	font-family: 'Oswald', sans-serif;
	height: 0px;
	text-align: center;
	position: relative;
}
.last-match
{
	width:50%;
	float: left;
	margin-top: 50px;
}
.title-lastmatch
{
	height:130px;
	margin:0px 10px 0px;
}
.title-lastmatch h1
{
	text-align: center;
    color: #da2128;;
    font-size: 60px;
    font-family: oswald,sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	position: relative;
	top: 30px;
}
.title-lastmatch h2
{
	-webkit-text-stroke: .5px #cfc7c7;
	text-transform: uppercase;
    color: rgba(255, 255, 255, 0);
	font-size: 100px;
	font-family: 'Oswald', sans-serif;
	height: 0px;
	text-align: center;
	position: relative;
}
.box-nextmatch
{
	overflow: scroll;
	height: 360px;
}
.box-nextmatch::-webkit-scrollbar-thumb
{
    background: #c51b21;
}
.box-nextmatch::-webkit-scrollbar 
{
	width:5px;
}
.container-nextmatch
{
	display: flex;
	background: whitesmoke;
	height: 100px;
	margin: 15px 10px 10px;
}
.container-nextmatch h1
{
	font-family: oswald,sans-serif;
    font-weight: 800;
	color: #242424;
	font-size: 23px;
}
.team
{
	display: flex;
	margin: 0px;
}
.logo-team
{
	margin: 10px;
	width:150px;
	display: flex;
}
.logo-team img
{
	width: 100%;
}
.name-team
{
	display: flex;	
	width:180px;
}
.date-nextmatch
{
	display: flex;
	flex-direction: column;
	border-left: 5px solid #242424;
	border-right: 5px solid #242424;
	height:100px;
	width: 120px;
}
.date-nextmatch h2
{
	text-align: center;
	font-family: 'Rajdhani', sans-serif;
	color: #242424;
	font-size: 25px;
}
.date-nextmatch p
{
	text-align: center;
	font-family: 'Rajdhani', sans-serif;
	color: #242424;
	font-size: 15px;
}
.date-nextmatch a {
    margin: 0px auto 0px;
    color: #da2128;
    height: 20px;
    font-size: 32px;
	transition: 0.4s;
	position: relative;
    top: -8px;
}
.date-nextmatch a:hover
{
	color:#991317;
}

.box-lastmatch
{
	overflow: scroll;
    height: 360px;
}
.box-lastmatch::-webkit-scrollbar-thumb
{
    background: #c51b21;
}
.box-lastmatch::-webkit-scrollbar 
{
	width:5px;
}

.nextmatch1
{
	display: flex;
	margin:15px 10px 10px;
	background: whitesmoke;
	height: 100px;
}
.nextmatch1 h1
{
	font-family: oswald,sans-serif;
    font-weight: 800;
	color: #242424;
	font-size: 23px;
}
.result
{
	display: flex;
}
.result1
{
	display: flex;
}
.result1 h1
{
	color:white;
}
.resultbox1
{
	display: flex;
	height:60px;
	width:60px;
	background: #da2128;
}
.resultbox2
{
	display: flex;
	height:60px;
	width:60px;
	background: #991317;
}