@font-face {
	font-family: 'Wb_Opens';
	src: url('/font/wb_opensans.ttf') format('truetype');
	font-weight: 300 800;
	font-stretch: 75% 100%;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'Wb_Opens';
	src: url('/font/wb_opensansitalic.ttf') format('truetype');
	font-weight: 300 800;
	font-stretch: 75% 100%;
	font-style: italic;
	font-display: block;
}

@font-face {
	font-family: 'Wb_Manrope';
	src: url('/font/wb_manrope.ttf') format('truetype');
	font-weight: 200 800;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'wb_Sofia';
	src: url('/font/wb_sofia.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
	font-display: block;
}

/* layout /////////////////////////////////////////////////////////// */

:root {
	--maincolor: #00b262;
	--textcolor: #333333;
	--text-color: #333333;
	--light-color: #6e6e6e;
	--lighttextcolor: #f9f9f9;
	--backgroundcolor: #ffffff;
	--lightbackgroundcolor: #212121;

	--wincolor: #6c9f3a;
	--lostcolor: #cc334d;
	--drawcolor: #0071c1;

	--radius-menu: 0.4rem;
	--radius-box:  0.35rem;
	--radius-button: 0.3rem;
	--radius-element: 0.3rem;
	--radius-gamestrip: 0.4rem;
	--radius-small: 3px;

	--gap: 1.8rem;
	--halfgap: 0.9rem;
	--halfgap-negative: -0.9rem;
	--space: 1.8125rem;
	--space-big: 3.6rem;

	--shadow1: 0px 1px 3px rgba(0,0,0,0.25);
	--shadow1: 0px 1px 4px rgba(0,0,0,0.2);
	
	--shadow2: 0px 1px 6px rgba(0,0,0,0.2);
	--shadow3: 0px 2px 4px rgba(0,0,0,0.3);
  
	--maxpagewidth: 1484px;
	--maxpagewidth: 1658px;

	--fontfamily1: "Wb_Opens", "Segoe UI", Roboto, Helvetica, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
	--fontfamily2: "Wb_Manrope", "Segoe UI", Roboto, Helvetica, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
	--fontfamily3: "wb_Sofia", Arial Narrow, "Segoe UI", Roboto, Helvetica, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}
body.darktheme {
	--light-color: #b8b8b8;
	--text-color: #ffffff;
}

@media (max-width:767px){
	:root {
	  --space: 1.5rem;
	}
}

html{
	width: 100%;
	height:100%;
	padding:0;
	margin:0;
	font-size: 3.8vw;
	background-color:#ffffff;
	color:#333333;
}
html.darktheme{
	background-color:#171717;
	color:#f9f9f9;
	xxscrollbar-color: #959595 #323234;
}

@media (orientation: landscape) and (max-width:767px){
	html{
		font-size: 1.8vw;
	}
}
.container {
	width: 100%;
	max-width: var(--maxpagewidth);
}
@media (min-width: 768px){
	html{
		font-size: 1.1vw;
	}
	.container {
		width: 100%;
	}
}
@media (min-width: 992px){
	html{
		font-size: 1.1vw;
	}
	.container {
		width: 100%;
	}
}
@media (min-width: 1290px){
	.container {
		width: 100%;
	}
}
@media (min-width: 1455px){
	html{
		font-size: 16px;
	}
}
.container-fluid{
	width:100%;
	max-width: 100rem;
}
body{
	background-color:#ffffff;
	padding:0;
	margin:0;
	color:#333333;
	font-family: var(--fontfamily1);
	font-weight: 400;
	font-style: normal;
    font-size: 1.03rem;
    line-height: 1.44;
	text-align: left;
	vertical-align: baseline;
	word-break: normal;
	width: 100%;
	min-height: calc(100vh - 2.6rem);
}
body.darktheme{
	background-color:#171717;
	color:#f9f9f9;
}
.theme-change > span{
	display:block;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 1;
    width: 2.2rem;
    height: 1.1rem;
    padding: 0 !important;
    overflow: hidden;
    background: #fba200;
    position: relative;
    border: none !important;
    border-radius: 0.6rem !important;
}
.theme-change > span > span{
	position:absolute;
	display: block;
	transition: all 0.25s ease;
}
.theme-change .day:before {
    content: "☀";
    font-size: 0.91rem;
    font-weight:900;
}
.theme-change .night:before {
    content: "\f186";
}
.theme-change .day {
	top: 0.05rem;
    left: 0.12rem;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
    opacity: 1;
}
.theme-change .night {
	top: 0.2rem;
    right: 1.2rem;
    font-size: 0.78rem;
    color: #5da0ff;
    opacity: 0;
    transform: rotate(235deg);
}
body.darktheme .theme-change > span{
    background:#0d3f89;
}
body.darktheme .theme-change .day {
    left: 1.1rem;
    opacity: 0;
}
body.darktheme .theme-change .night {
    right: 0.2rem;
    opacity: 1;
}

.theme-change:hover,
.theme-change:focus{

}

@media (max-width:767px){
	body{
		font-size: 0.95rem;
		line-height: 1.4;
	}
}


font[class]{
	background-color: transparent !important;
	box-shadow: none !important;
}

/* /////////////////////////////////////////////////////////// */

@keyframes blink-animation {
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
}
@keyframes nextdown{
	0% {transform: translateY(0px);}
	10%{transform: translateY(10px);}
	20%{transform: translateY(0px);}
	30%{transform: translateY(10px);}
	40%{transform: translateY(0px);}
	100%{transform: translateY(0px);}
}
@keyframes point-right-animation{
	0% {left: 0.3em;}
	60%{left: 0.3em;}
	70%{left: 1em;}
	80%{left: 0.3em;}
	90%{left: 1em;}
	100%{left: 0.3em;}
}
@keyframes point-down-animation{
	0% {top: 0em;}
	60%{top: 0em;}
	70%{top: 0.4em;}
	80%{top: -0.4em;}
	90%{top: 0.4rem;}
	100%{top: 0em;}
}

@keyframes point-pulse-animation{
	0% {scale: 1;}
	60%{scale: 1;}
	70%{scale: 1.2;}
	80%{scale: 0.8;}
	90%{scale: 1.2;}
	100%{scale: 1;}
}

/* /////////////////////////////////////////////////////////// */

.tooltip-icon{
	cursor: help;
}
.game-date .tooltip-icon{
	font-size: 0.8em;
	line-height: 1;
	display: inline-block;
	position: relative;
	top: -0.1em;
	opacity: 0.7;

}

scriptconfiguration {
    display: none;
}
.container {
	position:relative;
	padding-left: 2rem;
	padding-right: 2rem;
}
.container:before,
.container:after{
	content: "";
	display: none;
}

@media (max-width:767px){
	.container {
		padding-left: 1.1rem;
		padding-right: 1.1rem;
	}
}

.flex{
	display:flex;
}
.flex-middle{
	align-items: center;
}
.flex-center{
	justify-content: center;
}
.row {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items:stretch;
	align-content:stretch;
	margin-left: -0.75rem;
	margin-right: -0.75rem;
	margin-left: -1rem;
	margin-right: -1rem;
}

.row:before,
.row:after{
	display:none !important;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	float:none;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

@media (min-width: 768px){
	.col-sm-9 {
		xxwidth: 74.8%;
	}
	.col-sm-3 {
		xxwidth: 25.2%;
	}
}
.row-0{
	margin-left: 0rem;
	margin-right: 0rem;
}
.row-0 > *{
	padding-left: 0rem;
	padding-right: 0rem;
}

.row-1{
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
.row-1 > *{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}


/* /////////////////////////////////////////////////////////// */


p{
	margin:0;
	position:relative;
	color: inherit;
}
* + p{
	margin-top:2rem;
}
p + *{
	margin-top:2rem;
}
p + p{
	margin-top:1rem;
}

.content p{
	text-align: justify;
	word-break: break-word;
}
@media (max-width:767px){
	.content p{
		text-align: left;
	}
}

h1,h2,h3,h4,h5,h6{
	font-style: normal;
    color: inherit;
    padding: 0;
    margin: 0;
    text-align: inherit;
    position: relative;
    line-height: 1.2;
    font-weight: 530;
    font-stretch: 90%;
}
h1{
	font-size: 2.4rem;
	line-height:1.1;
}
h2{
	font-size: 2rem;
	font-weight: 600;
}
h3{
	font-size: 1.5rem;
}
h4{
	font-size: 1.23rem;
}
h5{
    font-size: 1.15rem;
    font-weight: 600;
}
h6 {
	font-size: 1.09rem;
    font-weight: 600;
}
h1 + *,
h2 + *,
h3 + *,
h4 + *,
h5 + *,
h6 + *{
	margin-top: 1rem;
}

* + h2,
* + h3,
* + h4,
* + h5,
* + h6{
	margin-top:2rem;
}

h3.small{
	font-size: 1.3rem;
}

.circled{
	background:var(--maincolor);
	color:#ffffff;
	border-radius:50%;
	box-shadow: var(--shadow1);
	display: inline-block;
	padding: 1.35rem 1rem;
    margin: 1rem;
	min-width: 4.5rem;
	text-align: center;
}
h3.circled{
	position:relative;
	z-index:2;
}

.col-center{
	position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow:hidden;
}
.col-center:before{
	position:absolute;
	z-index:1;
	content:"";
	top:0;
	left:50%;
	bottom:0;
	border-left:dotted 1px rgba(100,100,100,0.3);
}

*.title{
    text-transform: uppercase;
	font-stretch: 80%;
	line-height: 1.2;
}
*.title.normal{
    text-transform: none;
}
*.narrow{
	font-stretch: 75%;
	font-weight: 500;
}
*.inherit{
	color: inherit !important;
}
.relative{
	position:relative;
}
h2.title{
	font-weight: 540;
}
h2.subtitle{
	font-size: 2.1rem;
	font-weight: 400;
	font-family: var(--fontfamily2);
}

@media (max-width:767px){
	h2.title{
		font-size: 1.35rem;
		font-stretch: 90%;
	}
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}

blockquote {
    font-size: inherit;
    font-style: italic;
    border-left: 4px solid var(--maincolor);
    margin: 2.5rem 0;
    padding: 1.5rem 1.5rem 1.5rem 3.5rem;
    background: #f7f7f7;
    position: relative;
    border-radius: var(--radius-menu);
}
blockquote:before {
    font-family: var(--fontfamily2);
    content: "ˮ";
    position: absolute;
    top: 2.2rem;
    left: 0.4rem;
    opacity: 0.3;
    font-size: 5.3rem;
    line-height: 0.5;
}
blockquote footer{
    display: block;
    font-size: 80%;
    line-height: 1.4;
    color: inherit;
    background: none;
}
blockquote footer:before{
    content: '';
}
code, kbd, pre, samp {
    font-family: var(--fontfamily2);
}
code {
    display: block;
    padding: 1rem;
    font-size: 95%;
    color:inherit;
    background: #f7f7f7;
    border-radius: var(--radius-menu);
}
pre {
    display: block;
    padding: 1rem;
    font-size: 100%;
    line-height: inherit;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
    color:inherit;
    background: #f7f7f7;
    border: none;
    border-radius: var(--radius-menu);
    font-size: 0.85em;
	font-weight: 500;
	line-height: 1.3;
}

.box-link {
    font-size: inherit;
    border-left: 4px solid var(--maincolor);
    margin: 2rem 0;
    padding: 1rem 1.5rem 1rem 3.5rem;
    background: #f7f7f7;
    position: relative;
    border-radius: var(--radius-menu);
}
.box-link a{
	font-weight: 600;
	font-size:1em;
}
.box-link:before {
    font-family: var(--fontfamily2);
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f06a";
    position: absolute;
    top: 1rem;
    left: 0.9rem;
    color: var(--maincolor);
    font-size: 1.5rem;
    line-height: 1;
}

body.darktheme .box-link,
body.darktheme blockquote,
body.darktheme code,
body.darktheme pre{
    background: #191919;
}
.headline{
	font-family: var(--fontfamily3);
    font-weight: 500;
    font-size: 1.2rem;
    color: var(--maincolor);
}
.number{
	font-family: var(--fontfamily2);
	font-weight: 400;
}


.number.win{
	color: var(--wincolor);
}
.number.lost{
	color: var(--lostcolor);
}
.number.draw{
	color: var(--drawcolor);
}
.number.gs.win{
	color: #a7a07f;
}

small, .small {
	font-size: 85%;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small,
h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small,
.h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: inherit;
    opacity: 0.8;
}

p.desc{
	margin-top: 0.5rem !important;
	font-size: 0.8rem;
    font-weight: 500;
}

@media screen and (max-width:767px){
	h1{
		font-size: 1.7rem;
	}
	h2{
		font-size: 1.5rem;
	}
	h3{
		font-size: 1.35rem;
	}
	h4{
		font-size: 1.2rem;
	}
	h5{
		font-size: 1.1rem;
	}
	h6 {
		font-size: 1rem;
	}
}

* + *.sub-title {
	margin-top: 0.4rem;
    font-size: 1rem;
}

img[style*="float"] + p{
	margin-top:0;
}

:focus {
	outline: 0;
}
a,
a.box-link *,
body .ui-widget-content .ui-datepicker-buttonpane > button,
.btn{
	transition: color 0.25s ease,
				background-color 0.25s ease,
				border-color 0.25s ease,
				text-decoration 0.25s ease,
				outline-color 0.25s ease;
}
a,
a:focus{
	color: var(--maincolor);
    outline: none;
    text-decoration: underline;
    text-decoration-thickness: 2px;
	text-decoration-color: transparent;
}
a:hover{
	color:var(--maincolor);
    text-decoration: underline;
    text-decoration-thickness: 2px;
	text-decoration-color: var(--maincolor);
}
a:focus{
    color: var(--maincolor);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--maincolor);
}
a.more,
a.back{
    text-decoration:none;
    border-bottom: 2px solid transparent;
}
a.more:hover,
a.more:focus,
a.back:hover,
a.back:focus{
    border-color: var(--maincolor);
}

h1 a:not(:focus):not(:hover),
h2 a:not(:focus):not(:hover),
h3 a:not(:focus):not(:hover),
h4 a:not(:focus):not(:hover),
h5 a:not(:focus):not(:hover),
h6 a:not(:focus):not(:hover){
    color: inherit;
}
.content p a{
	font-weight:500;
}
a[id]:empty,
a[name]:empty{
	height:20px;
	position:absolute;
	left:0;
	top:-15vw;
}

.button-link{
	padding: 0.4rem 0.5rem;
    font-size: 1rem;
    line-height: 1;
    border: solid 2px transparent;
    border-radius: var(--radius-element);
    display: inline-block;
    overflow: hidden;
}
.button-link img{
	vertical-align:unset;
	width: 2.05rem;
}
.button-link:hover{
	border-color: var(--maincolor);
}
.button-link:focus{
	border: solid 2px var(--maincolor);
	color:var(--maincolor);
}
.button-white:hover{
	border-color: #ffffff;
}
.button-white:focus{
	border: solid 2px #ffffff;
	color:#ffffff;
}

button{
    transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}
.anchor {
    position: absolute;
    top: 0rem;
    font-size: 0;
    line-height: 0;
    height: 0;
    display: block;
}
a.anchorlink:empty {
    position: absolute;
    top: -2.6rem;
    font-size: 0;
    line-height: 0;
    height: 0;
    display: block;
}

sub, sup {
	font-size: 87%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.45em;
}

i,em{
	font-weight: normal;
	font-style: italic;
}
.bold,b,strong{
	font-weight: 660;
	font-style: normal;
}
b i,b em
strong i,strong em,
i b,em b,
i strong,em strong{
	font-weight: 660;
	font-style: italic;
}

dl{
	margin:0;
	line-height:inherit;
}
dt {
    font-weight: 660;
}
dt, dd {
    line-height: inherit;
}
* + dl{
	margin:2rem 0 0 0;
}
* + dt{
	margin:1rem 0 0 0;
}

ul,ol{
	margin:0;
	padding:0;
}
li{
	margin:0;
	padding:0;
}
.content ol.numbered-list,
.content ul:not([class]),
.content ol:not([class]){
	padding:0 0 0 1.5rem;
	position:relative;
}

.content ul:not([class]):not([style]) > li::marker {
    letter-spacing: -0.01rem;
    font-weight: 600;
    color: var(--maincolor);
}
.content ol:not([class]):not([style]) > li::marker {
    letter-spacing: -0.01rem;
    font-stretch: 90%;
    font-weight: 600;
    color: var(--maincolor);
}
.content ol[type="I"]:not([class]):not([style]) > li::marker {
	font-weight: 700;
	font-size: 1.23rem;
}
.content ul:not([class]) > li,
.content ol:not([class]) > li{
	margin:0 0 1rem 0;
	position:relative;
}
.content ul:not([class]) > li:last-child,
.content ol:not([class]) > li:last-child{
	margin-bottom: 1rem;
}
.content * + ul:not([class]),
.content * + ol:not([class]){
	margin-top:2rem;
}
.content ul:not([class]) ul:not([class]),
.content ul:not([class]) ol:not([class]),
.content ol:not([class]) ol:not([class]),
.content ol:not([class]) ul:not([class]){
	margin-top:1rem;
	padding:0 0 0 1rem;
}
.content ul:not([class]) + ul:not([class]),
.content ul:not([class]) + ol:not([class]),
.content ol:not([class]) + ol:not([class]),
.content ol:not([class]) + ul:not([class]){
	margin-top:1rem;
}

.container.content .embed-responsive{
	clear:both;
	margin-bottom: 1.2rem;
    border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
    background: rgba(180,180,190,0.2);

}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.nowrap {
    white-space: nowrap;
}


.max-embed .embed-responsive.embed-responsive-16by9{
	display: flex;
	flex-direction: row;
	position: relative;
	width: 100%;
	height: 53vw;
	max-height: calc(100vh - 10rem);
	min-height: 22rem;
	overflow-x: clip;
	background: #000;
	padding: 0 !important;
}

.short-bg{
	background: rgba(160,160,160,0.2);
}
.short-embed{
	max-width: 27rem;
	margin-left: auto;
	margin-right: auto;
}
.short-embed .embed-responsive.embed-responsive-16by9{
	padding-bottom: 178% !important;
}



.clr {
	font-size: 0px;
	line-height: 0;
	height: 0px;
	clear: both;
	margin: 0 !important;
	padding: 0 !important;
}

hr{
	border-top: dotted 1px rgba(100,100,100,0.3);
}
.hr{
	border-top: dotted 1px rgba(100,100,100,0.3);
	line-height:0;
	margin:var(--space) 0 !important;
	position: relative;
}
.hr.medium{
	margin:1rem 0 !important;
}
.hr.small{
	margin:0.5rem 0 !important;
}
.hr.color{
	border-top-color: var(--maincolor);
}

.full{
	width:100%;
}
.no-margin{
	margin:0 !important;
}
.no-margin-top{
	margin-top:0 !important;
}
.upper-case{
	text-transform:uppercase;
}
.no-padding{
	padding:0 !important;
}

.space{
	height:3rem;
	font-size: 0px;
	line-height: 0;
	margin: 0 !important;
}
.space-tiny{
	height:1rem;
}
.space-small{
	height:1.5rem;
}
.space-medium{
	height:2rem;
}
.space-big{
	height:5rem;
}
.space + *{
	margin-top:0;
}
@media screen and (max-width:767px){
	.space{
		height:2rem;
	}
	.space-tiny{
		height:0.5rem;
	}
	.space-small{
		height:1rem;
	}
	.space-medium{
		height:1.5rem;
	}
	.space-big{
		height:3rem;
	}
}

figure {
	display:inline-block;
	padding: 0px;
	position:relative;
	line-height:0;
	max-width:100% !important;
	height:auto  !important;
	z-index:2;
}
figure img {
	width:100%;
	height:auto  !important;
	line-height:0;
	display:inline-block !important;
	border-radius:var(--radius-box);
	box-shadow: var(--shadow1);
}
figure.img-responsive img{
	box-shadow: var(--shadow1);
	background: rgba(180,180,190,0.2);
}

figure figcaption{
    font-size: 0.73rem;
    line-height: 1.25;
    font-weight: 500;
    opacity: 0.8;
    padding: 0.5rem 0;
}
figure aside{
    display: block;
    font-size: 0.68rem;
    line-height: 1.25;
    font-weight: 600;
    position: absolute;
    bottom: 0.5rem;
    z-index: 3;
    padding: 0.34rem 0.5rem;
    background: rgba(0,0,0,0.6);
    text-shadow: 0 1px 3px rgb(0 0 0 / 80%);
    color: #ffffff;
    border-radius: var(--radius-element);
    right: 0.5rem;
    max-width: calc(100% - 1rem);
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.content figure{
	margin-bottom: 1.2rem;
}
.content p figure {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.content figure aside{
	bottom:auto;
    margin-top: -2rem;
}

@media (max-width: 767px) {
	figure figcaption,
	figure aside{
		font-size: 0.5rem;
		font-weight: 500;
		max-width:calc(100% - 1rem);
	}
	figure figcaption {
		bottom:auto;
		top:0.5rem;
	}
	figure aside{
		right: auto;
		left: 0.5rem;
	}
	.content figure aside {
		bottom: auto;
		margin-top: -1.7rem;
	}
	.content p figure {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
}
figure[style*="float:right"] figcaption,
figure[style*="float: right"] figcaption{
	text-align:right;
}
figure[style*="float:left"] figcaption,
figure[style*="float: left"] figcaption{
	text-align:left;
}
.wysiwygmap,
.wgimage{
	max-width:99.99%;
	xxmargin-bottom:2rem;
}
.wgimage.wgimage-right{width:40% !important;float:right;margin-left: 2rem;}
.wgimage.wgimage-left{width:40% !important;float:left;margin-right: 2rem;}
.wgimage.wgimage-full{width:100% !important;}


.wgimage.wgimage-right + *,
.wgimage.wgimage-left + *{
	margin-top:0;
}

@media (max-width: 767px) {
	.wgimage.wgimage-right,
	.wgimage.wgimage-left,
	.wgimage,
	figure{
		width:100% !important;
		max-width: 100% !important;
		height:auto !important;
		margin-left:0 !important;
		margin-right:0 !important;
		padding:0 !important;
		float:none  !important;
	}

}



/* form ///////////////////////////////////////////////////////////*/

label,.label {
	font-size: 0.84rem;
    line-height: 1.3;
    color: inherit;
    font-weight: 550;
    margin: 0.2rem 0 0.2rem 0;
    padding: 0;
    display: flex;
}
label .small{
	line-height:1.4;
}
.radio, .checkbox {
    position: relative;
    display: block;
    margin: 0;
}
.radio + .radio, .checkbox + .checkbox {
    margin-top: 0.5rem;
}

.radio label,
.checkbox-inline label,
.checkbox label {
	min-height: 0rem;
    padding-left: 0;
    margin-bottom: 0;
    font-weight: 550;
    cursor: pointer;
}

input[type='radio'],
input[type='checkbox'],
.radio input[type='radio'],
.radio-inline input[type='radio'],
.checkbox input[type='checkbox'],
.checkbox-inline input[type='checkbox']{
    -webkit-appearance: none;
    -moz-appearance: none;

	position: relative;
    margin: 0 0.4rem;
    vertical-align: top;
    width: 1rem;
    min-width:1rem;
    height: 1rem;
    line-height: 1.2;
    border: 2px solid var(--maincolor);
    background: transparent;
    border-radius: var(--radius-small);
	outline: 1px solid transparent;
    outline-offset: 1px;
    cursor:pointer;
    transition: color 0.25s ease,
				background-color 0.25s ease,
				border-color 0.25s ease,
				outline-color 0.25s ease;

}
input[type='radio'],
.radio input[type='radio'],
.radio-inline input[type='radio']{
	border-radius: 50%;
}
.btn input[type='checkbox']{
	border-color:#ffffff;
	margin: 0 0.6rem 0 0;
}

input[type='radio']{
	border-radius:50%;
}
input[type='checkbox']:checked:after {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 0;
    font-size: 0.6rem;
    position: absolute;
    color: #ffffff;
    top: 0.12rem;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    transform: scaleX(0.8);
    content: "\f00c";
    align-items: center;
    justify-content: center;
}
input[type='radio']:checked,
input[type='checkbox']:checked{
	background: var(--maincolor);
}
input[type='radio']:focus,
input[type='checkbox']:focus,
input[type='radio']:active,
input[type='checkbox']:active {
    outline: 1px solid var(--maincolor);
    outline-offset: 1px;
}

.checkbox.agree label {
	font-size:0.8em;
}


label > div,
label > p{
	margin:0 !important;
	display: inline;
}
label h5{
	top: -0.2rem;
}

label p + p {
    margin-top: 0.5rem;
}

fieldset{
    border: solid 1px rgba(100,100,100,0.3);
    border-radius: var(--radius-element);
    margin: 1.5rem 0;
    padding: 0.4rem 0.7rem 0.7rem 0.7rem;
}
legend {
    display: inline;
    width: auto;
    padding: 0 0.2rem;
    margin-bottom: 0;
    font-size: 0.84rem;
    line-height: 1.3;
    color: inherit;
    font-weight: 550;
    border: 0;
}


.legend{
	font-family: var(--fontfamily2);
	font-weight: 500;
    font-size: 0.8rem;
    line-height: 1.1;
    margin-top: 0.5rem !important;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}
.legend > p {
    margin: 0;
    padding: 0.3rem 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.legend > p + p{
	border-top: dotted 1px rgba(140,140,140,0.3);
}
.legend > p > span {
	display: block;
    width: 0.9rem;
    height: 0.9rem;
    border: solid 0px rgba(0, 0, 0, 0.1);
    border-radius: var(--radius-small);
    margin-right: 0.5rem;
    box-shadow: var(--shadow1);
}



.required{
	color:#da1017;
}
.form-control {
	border-radius: var(--radius-element);
    display: block;
    color: inherit;
    background: rgba(255,255,255,0.9);
    border: 2px solid rgba(210,210,210,0.2);
    border: 2px solid #f9f9f9;
    width: 100%;
    height: auto;
    padding: 0.5rem 1rem;
    font-size: 0.91rem;
    line-height: 1.4;
    font-weight: 450;
    min-height: 2.62rem;
    transition: background-color ease-in-out 0.01s, border-color ease-in-out 0.3s, box-shadow ease-in-out 0.3s;
    outline: 0;
    box-shadow: var(--shadow1);

    border: 1px solid rgba(180,180,180,0.8);
    box-shadow: none;
}
.darktheme .form-control {
    background: rgba(30,30,30,0.7);
    border-color: rgba(255,255,255,0.2);
    border-color: #4a4a4a;
}




select.form-control option {
    white-space: nowrap;
    font-size: 0.9rem;
    font-weight: 600;
}
textarea.form-control{
	min-height: 8rem;
    max-width: 100%;
    min-width: 100%;
}
.form-control::placeholder {
    color: inherit;
    opacity: 0.4;
    font-size: 0.91rem;
    font-weight: 450;
}

.form-control:focus {
    outline: 0;
    box-shadow: var(--shadow1);
    border-color: var(--maincolor);
}

input.form-control:autofill{
	box-shadow: inset 0 0 0 1000px #ffffff;
    -webkit-text-fill-color: #555555;
    transition: background-color 5000s ease-in-out 0s, border-color ease-in-out 0.3s, box-shadow ease-in-out 0.3s;
}
.darktheme input.form-control:autofill{
	box-shadow: inset 0 0 0 1000px #1f1f1f;
    -webkit-text-fill-color: #eeeeee;
}

input.form-control:autofill:focus {
	outline: 0;
	box-shadow: var(--shadow1);
	border-color: var(--maincolor);
}


.form-control:not(:required):invalid{
	box-shadow: var(--shadow1);
    border-color: #eb1526;
}
.form-control.formErrorMark,
.form-control.formErrorMark:required {
	box-shadow: var(--shadow1);
	border-color: #eb1526;
}
.checkbox input.formErrorMark{
	box-shadow: var(--shadow1);
    background: #eb1526;
}



















.special-input{
	position:relative;
	flex-grow: 1;
}
.special-input input {
    padding-right: 0.3rem;
}
.special-input span {
    pointer-events: none;
    cursor: pointer;
    z-index: 1;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 1.2rem;
    color: var(--maincolor);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    line-height: 1.1;
    font-weight: 600;
    margin: 3px;
    border-radius: var(--radius-element);
}


.special-select{
	position:relative;
	flex-grow: 1;
}
.special-select select[style*="none"]{
	position: relative;
	z-index: 2;
	display: block !important;
	box-shadow: none;
	border: none;
	font-size: 0;
	line-height: 0;
	background: #ffffff;
	pointer-events: none;
	appearance: none;
}
.special-select .form-control{
	padding-right: 1rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor:pointer;
}
.special-select:after{
	content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    pointer-events: none;
    cursor: pointer;
    z-index: 1;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    line-height: 1;
    border-radius: 0 var(--radius-element) var(--radius-element) 0;
}
.special-radio + .special-radio{
	margin-top:1.5rem;
}
.special-radio label{
	font-size: 1.1rem;
    line-height: 1.3rem;
    padding-left: 0;
    font-weight: 400;
    cursor: pointer;
    margin: 0;
}
.special-radio label span{
	display: flex;
    align-items: center;
}
.special-radio input[type=radio]{
	position:absolute;
	opacity:0;
}
.special-radio input[type=radio] + span:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 500;
    content: "\f111";
    margin-right: 1.5rem;
    font-size: 1rem;
}
.special-radio input[type=radio]:checked + span:before {
    content: "\f192";
}
@media screen and (max-width:767px){
	.special-radio label{
		font-size: 0.95rem;
		line-height: 1.2;
		font-weight: 400;
	}
}
.form-group {
    margin-bottom: 1.258rem;
}
.invalid-check {
	line-height:24px;
	color:#ec3f41;
}
.valid-check {
	line-height:24px;
	color:#3a7d34;
}

/* recaptcha ///////////////////////////////////////////////////////////*/

.g-recaptcha {
	position: relative;
    width: 185px;
    height: 45px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: var(--radius-element);
    border: solid 1px #dcdcdc;
}
.g-recaptcha > div {
	position: relative;
    transform: translateZ(0) scale(0.85);
    transform-origin: -6px -66px;
    backface-visibility: hidden;
}
@media screen and (max-width:767px){
	.g-recaptcha {
		width: 200px;
		height: 72px;
	}
	.g-recaptcha > div {
		transform: translateZ(0) scale(1);
		transform-origin: 0px 0px;
	}
}

/* pills ///////////////////////////////////////////////////////////*/

.main-menu a span.fas{
	font-size: 0.79em;
	line-height: 1;
	opacity: 0.6;	
	display:block;
	margin: 0 0.1rem 0.1rem 0.25rem;
}



.nav-pills{
	list-style: none;
	display: flex;
	box-shadow: var(--shadow1);
	margin: 1.3rem 0rem;
	padding: 0;
	border-radius: 0.3rem;
}
.nav-pills > li {
	float: none;
	flex-grow: 1;
	position: relative;
}
.nav-pills > li.active {
	z-index: 2;
}
.nav-pills > li + li {
	margin: 0 0 0 -1px;
}
.nav-pills > li:first-child a{
	border-radius: 0.3rem 0 0 0.3rem;
}
.nav-pills > li:last-child a{
	border-radius: 0 0.3rem 0.3rem 0;
}


.nav-pills > li > a {
	position: relative;
	display: flex;
	align-items: center;	
	justify-content: center;	
	height: 100%;
	min-height: 4rem;
	text-align: center;
	padding: 0.7rem 0.6rem;
	border-radius: 0;
	text-decoration: none;
	font-size: 1.15rem;
	line-height: 1;
	letter-spacing: -0.02rem;
	font-family: var(--fontfamily3);
	font-weight: 450;
	color: inherit;
	border: solid 1px rgba(160, 160, 160, 0.1);

}
.nav-pills > li > a:hover, 
.nav-pills > li > a:focus {
	background-color: transparent;
	border-color: var(--maincolor);
	color: var(--maincolor);
}
.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus {
	background-color: var(--maincolor);
	border-color: var(--maincolor);
	color: #ffffff;
}

@media (max-width:767px){
	.nav-pills{
		flex-direction: column;
	}
	.nav-pills > li + li {
		margin: -1px 0 0 0;
	}
	.nav-pills > li > a {
		min-height: 2rem;
	}
	.nav-pills > li:first-child a{
		border-radius: 0.3rem 0.3rem 0 0;
	}
	.nav-pills > li:last-child a{
		border-radius: 0 0 0.3rem 0.3rem;
	}
	
	
}


/* button ///////////////////////////////////////////////////////////*/

.btn{
    white-space: normal;
}
.input-group-btn .btn{
    white-space: nowrap;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    margin-left: 0px;
}

.btn-group > .btn {
    float: none;
    flex-grow:1;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: flex;
    vertical-align: middle;
}
.caret{
	border: none;
    display: block;
}
.caret:after {
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 2px;
    bottom: 0px;
    right: 0px;
    width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    line-height: 1.2;
}
.btn .caret {
    margin-left: 1.2rem;
}

.btn.btn-default{
    border-radius: var(--radius-button);
}

.btn.btn-default:focus:active,
.btn.btn-default:active,
.btn.btn-default{
	background: var(--maincolor);
    color: #ffffff;
    border: solid 0px var(--maincolor);
    font-family: var(--fontfamily2);
    outline: none;
    text-decoration: none;
    text-shadow: none;
    position: relative;
    height: auto;
    padding: 0.5rem 1rem;
    font-size: 0.91rem;
    line-height: 1.2;
    font-weight: 500;
    min-height: 2.62rem;
    letter-spacing: 0.01rem;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: var(--shadow1);
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus,
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:focus:active,
.btn.btn-default:hover:active{
    background: rgba(240,240,240,0.8);
    color: #000000;
    border-style: solid;
    outline: none;
    text-decoration: none;
    box-shadow: var(--shadow1);
}

.btn.btn-default.btn-sm:focus:active,
.btn.btn-default.btn-sm:active,
.btn.btn-default.btn-sm{
    padding: 0.5rem 1.2rem;
    font-size: 0.8rem;
    min-height: 2.1rem;
}

.btn-link {
	color: var(--maincolor) !important;
}
.btn-link:after {
	top: -0.14em !important;
}
.check-age {
	width: 100% !important;
}
.check-age > div{
	padding-left: 1.85rem;
	font-size: 0.8rem;
}

.btn.btn-light:focus:active,
.btn.btn-light:active,
.btn.btn-light{
    background: rgba(190,190,190,0.3);
    background: rgba(180,180,190,0.2);
    color: inherit;
    border-color: transparent;
}
.btn.btn-light:hover,
.btn.btn-light:focus,
.btn.btn-light:focus:active,
.btn.btn-light:hover:active{
    background: var(--maincolor);
    color: #ffffff;
    border-color: transparent;
}

.btn.btn-invert:focus:active,
.btn.btn-invert:active,
.btn.btn-invert{
    background: #ffffff;
    color: #000000;
    border-color: #ffffff;
}
.btn.btn-invert:hover,
.btn.btn-invert:focus,
.btn.btn-invert:focus:active,
.btn.btn-invert:hover:active{
    background: rgba(180,180,190,0.2);
    color: inherit;
}
.btn.btn-invert:focus,
.btn.btn-invert:focus:active{
	border-color: #ffffff;
}



.btn.btn-invert2:focus:active,
.btn.btn-invert2:active,
.btn.btn-invert2{
    background: #ffffff;
    color: #000000;
    border-color: #ffffff;
}
.btn.btn-invert2:hover,
.btn.btn-invert2:focus,
.btn.btn-invert2:focus:active,
.btn.btn-invert2:hover:active{
    background: rgba(160,160,180,0.5);
    color: inherit;
}
.btn.btn-invert2:focus,
.btn.btn-invert2:focus:active{
	border-color: #ffffff;
}




.btn.btn-disabled,
.btn.btn-disabled:hover,
.btn.btn-disabled:focus,
.btn.btn-disabled:focus:active,
.btn.btn-disabled:hover:active{
	opacity: 1;
    cursor: default;
    background: rgba(180,180,190,0.2);
    color: rgba(180,180,190,0.6);
    border-color: transparent;
    box-shadow: none;

}

.more,
.back{
	font-weight: 500;
    align-items: baseline;
}
.more:after,
.back:before,
.btn-vote:after,
.btn-ball:before,
.btn-register:before,
.btn-login:before,
.btn-more:after,
.btn-show:after,
.btn-back:before{
	position: relative;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    transform: scaleX(0.6);
    top: -0.01rem;
    font-size: 0.94em;
    line-height: 0;
	display: inline-block;
}
.more:after,
.back:before{
    color: var(--maincolor);
}

.more:after,
.btn-more:after{
    left: 0.3em;
    content: "\f054";
}
.btn-show:after{
	transform: none;
    left: 0.5em;
    top: 0.02em;
    content: "\f077";
    transition: transform ease 0.25s;
}

.btn-show.collapsed:after{
    transform: rotate(180deg);
}


.btn-show .text-show-list{display:none;}
.btn-show .text-hide-list{display:block;}
.btn-show.collapsed .text-show-list{display:block;}
.btn-show.collapsed .text-hide-list{display:none;}


.back:before,
.btn-back:before{
    right: 0.3em;
    content: "\f053";
}
.btn-vote:after{
	transform: none;
	top: -0.01rem;
	font-size: 1.2em;
	line-height: 1;
	left: 0;
	margin-left: 0.6rem;
	content: "\f00c";
}
[disabled].btn.btn-vote:after{
	transform: none;
	top: -0.01rem;
	font-size: 1.2em;
	line-height: 1;
	left: 0;
	margin-left: 0.8rem;
	content: "\f071";
}

.btn-ball:before{
	transform: none;
	top: -0.05rem;
	font-size: 1.4em;
	left: 0;
	margin-right: 0.5rem;
	content: "\f45f";
}
.btn-register:before,
.btn-login:before{
	transform: none;
	top: -0.0rem;
	font-size: 1.4em;
	left: -0.2em;
	margin-right: 0.5rem;
	content: "\f2bd";
}
.btn-register:before{
	top: -0.05em;
	font-size: 1.2em;
	content: "\f234";
}
.btn-register.btn-more span,
.btn-login.btn-more span,
.btn-ball.btn-more span{
	flex-grow: 1;
	text-align: left;
	padding-right: 0.9rem;
}


.title a:after,
.title a:before{
    font-size: 0.82em;
	line-height: 1.2;
	top: -0.065em;
}


.btn.btn-bigger {
	padding: 0.9rem 1.4rem !important;
	font-size: 1.1rem !important;
	font-weight: 600 !important;
}
@media screen and (min-width:768px){
}


.btn-download:after{
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f019";
    display:inline-block;
    margin: 0.12rem 0rem 0 0.9rem;
    position: relative;
}


.btn-ico {
    width: 1.5rem;
    margin: -0.3rem 0.8rem -0.4rem -0.8rem;
}
.btn-min{
	min-width:14.3125rem;
}



@media screen and (min-width:768px){
	.btn.btn-big{
		padding-top: 5.3rem !important;
		padding-bottom: 1.5rem !important;
		font-size: 0.97rem !important;
	}
	.btn-big .btn-ico{
		position:absolute;
		top:1.5rem;
		left:1.5rem;
		margin:0;
		width: 1.9rem;
	}
}
.btn.btn-full{
	width:100%;
}
.btn.btn-center{
    justify-content: center !important;
}

.btn.disabled,
[disabled].btn{
	cursor: not-allowed;
	opacity: 0.65;
	box-shadow: none;
}
.btn + .btn{
	xxmargin-left:-2px;
}
.separate-buttons{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.section-button{
	 margin-top: 2.5rem;
}
.section-button .btn-full:focus:active,
.section-button .btn-full:active,
.section-button .btn-full{
	padding: 1.3rem 1rem;
    font-size: 0.9rem;
    font-weight: 600;
}
.section-button .btn-full:after{
	animation: point-right-animation 3s infinite;
}
.section-button .btn-show:after {
    animation: point-pulse-animation 3s infinite;
}

@media screen and (max-width:767px){

	.section-button{
		 margin-top: 2.5rem;
	}

	.separate-buttons{
		xxalign-items: center;
		xxflex-direction: column;
	}
	.btn.btn-full-xs {
		width: 100%;
		justify-content: space-around;
	}
}

/* //////////////////////////////////////////////////////////////// */

.tooltip {
	font-family: var(--fontfamily2);
    font-size: 0.78rem;
    line-height: 1.1;
    font-weight: 550;
    position: fixed;
}
.tooltip.top {
	padding: 0.4rem 0;
	margin-top: -1px;
}
.tooltip.top .tooltip-arrow {
	bottom: 1px;
	left: 50%;
	margin-left: -0.4rem;
	border-width: 0.4rem 0.4rem 0;
	border-top-color: #3e78c9;
}
.tooltip.right .tooltip-arrow{
	border-right-color: #3e78c9;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #3e78c9;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #3e78c9;
}
.tooltip-inner {
	max-width: 16rem;
	min-width: 7rem;
	padding: 0.4rem 0.8rem;
	color: #ffffff;
	text-align: center;
	background-color: #3e78c9;
	border-radius: var(--radius-element);
	box-shadow: var(--shadow1);
	display: inline-block;
}
.tooltip.in {
	opacity: 1;
}

.info-tooltip.required{
    color: inherit;
    display: inline-block;
    margin: 0 0 0 -0.5rem;
    line-height: 1.3;
}
.info-tooltip.required:before {
	content: "\f621";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    background: transparent;
    color: #EB1526;
    width: auto;
    height: auto;
    font-size: 0.44rem;
    line-height: 1;
    display: inline;
    vertical-align: super;
    padding: 0 0 0 0.6rem;
}

/* panel ///////////////////////////////////////////////////////////*/

.panel {
    margin-bottom: 1.5rem;
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
}
.panel-default {
    border-color: rgba(255,255,255,0.2);
}
.panel-heading {
	padding: 0.6rem 1.2rem;
    border-bottom: 2px solid transparent;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.panel-default > .panel-heading {
    color: inherit;
    background-color: rgba(180,180,190,0.2);
    border-color: transparent;
}
.panel-body {
    padding: 1.2rem;
}


.records-panels.panel-group{
	margin-bottom: 1rem;
	padding: 1rem 0 0 0;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
} 
.records-panels.panel-group .panel {
	margin-bottom: 0;
	border-radius: var(--radius-box);
	border: none;
	box-shadow: none;
	
	margin: 0;
	border-radius: 0;
	border: none;
	box-shadow: none;
	xxborder-bottom: solid 1px rgba(100, 100, 100, 0.3);
	
}
.records-panels .panel.panel-default > a {
	border-radius: var(--radius-box);
	padding: 0.7rem 1rem;
	text-decoration: none;
	font-size: 1.1rem;
	line-height: 1.2;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	
	box-shadow: var(--shadow1);	

	background-color: var(--maincolor);	
	color: #ffffff;		
}

.records-panels .panel.panel-default > a.collapsed{
	background-color: rgba(160, 160, 160, 0.1);
	color: #666666;		
}
body.darktheme .records-panels .panel.panel-default > a.collapsed {
	background-color: rgba(220, 220, 220, 0.1);
	color: #ffffff;	
}




.records-panels .panel.panel-default > a:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f107";
	display: block;
	font-size: 1.1rem;
	line-height: 1.2;
	margin: 0 0 0 0.22rem;
	color: inherit;
	transition: transform ease 0.25s;
	transform-origin: 50% 48%;
	transform: rotate(180deg);
}
.records-panels .panel.panel-default > a.collapsed:after {
	transform: rotate(0deg);
}
.records-panels .panel.panel-default .panel-collapse > *{
	top: 0;
	margin: 0.4rem 0;
}



.well {
    min-height: 2rem;
    padding: 1.5rem 1.2rem;
    margin-bottom: 1.5rem;

    background-color: rgba(180,180,190,0.05);

    border: 2px solid transparent;
    border-color: rgba(255,255,255,0.2);

    border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
}







.records-layout{
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	margin-top: 0.5rem !important;
}
.records-layout > * {
	position: relative;
	display: flex;
	flex-direction: column;
}


h5.bg-title{

	padding: 0.6rem 0.8rem;
	display: flex;
	height: 100%;
	min-height: 2.8rem;

	justify-content: center;
	align-items: center;
	font-size: 0.95rem;
	font-weight: 550;
	
	background: var(--maincolor);
	color: #ffffff;
	
	border-radius: var(--radius-box);		
	box-shadow: var(--shadow1);

	font-family: var(--fontfamily3);
	font-size: 1.15rem;
	line-height: 1;
	font-weight: 450;	
	letter-spacing: -0.02rem;


	xxcolor: inherit;
	xxborder: solid 1px rgba(160, 160, 160, 0.2);
	xxborder: solid 1px var(--maincolor);
	
}

h6.bg-title{
	border-radius: 0;
	font-family: var(--fontfamily3);
	font-size: 1.22rem;
	font-weight: 450;
	letter-spacing: -0.02rem;	
	line-height: 1;
	background: transparent;
	box-shadow: none;
	color: inherit;
	text-align: left;
	padding: 0.6rem 0.4rem 0.4rem 0.4rem;
	
	padding: 0.8rem 0.4rem 0.2rem 0.4rem;
	
	font-size: 1.05rem;
	font-weight: 350;
	letter-spacing: -0.01rem;
	
	font-size: 1.18rem;
	font-weight: 450;
	letter-spacing: -0.01rem;
	
	
	border-top: dotted 1px rgba(100, 100, 100, 0.3);
}






.records-layout-3-3 .table > tbody > tr{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}
.records-layout-3-3 .table > tbody > tr > td{
	padding: 0.3rem 0.4rem;
	padding: 0 0.4rem;
}

.records-layout-3-3 .table.table-record-home td.feature {
	border-radius: 0.4rem;
	width: 4.5rem;
	min-width: 4.5rem;
	
	padding: 0.3rem;
	background: var(--maincolor);
	color: #ffffff;	
	height: 1.94rem;
	line-height: 1;
	
	
	background: transparent;
	color: var(--maincolor);
	font-weight: 600;
	width: 4rem;
	min-width: 4rem;
	height: auto;
	text-align: right;
	padding: 0.2rem 0;
	font-size: 1.2rem;
	font-family: var(--fontfamily2);
	
}




.records-layout h4.title{

	text-transform: uppercase;
	font-stretch: 80%;
	
	font-size: 1.25rem;
	line-height: 1.1;
	
	margin: 1.7rem 0 0.7rem 0;
	
}
.records-layout h4.title a{
	text-decoration: none !important;
}
.records-layout h4.title a span.fas {
	font-size: 0.79em;
	line-height: 1;
	opacity: 0.6;
	display: inline-block;
	margin: 0 0.1rem 0.1rem 0.25rem;
	
	
	font-size: 1.6em;
	display: block;
	margin: 0 0 0.6rem 0rem;	
	
	
}






@media screen and (min-width: 768px) {
	.records-layout {
		display: grid;
		grid-template-columns: repeat(3, 1fr);	
		grid-template-rows: auto auto auto;
		grid-auto-flow: column;
		gap: 0.8rem var(--gap);

	}
	
	.records-layout-3-3{
		grid-template-columns: repeat(3, 1fr);	
		grid-template-rows: repeat(5, auto);	
		gap: 0.8rem var(--gap);	
		
		gap: 0.6rem var(--gap);
	}
	
	
	
}


.table.table-record-home{
	width: 100%;
	border-radius: var(--radius-box);
	box-shadow: none;
	border: solid 0px rgba(255, 255, 255, 0.2);
	background: transparent !important;
	margin: 0px 0px 0rem 0px;
	font-size: 1.05rem;
	font-weight: 400;
	font-stretch: 96%;
	overflow: visible;
}
.table.table-record-home.table-record-home-full{
	margin-bottom: 1.5rem;
	margin: 0px 0px 0rem 0px;
	font-size: 1rem;
	font-weight: 500;
	font-stretch: 96%;
}

.records-layout .table-record-home-full{
	flex-grow: 1;
	margin:0;
}



.table.table-record-home tr > th{
	white-space: nowrap;
}
.table.table-record-home tr > td{
    vertical-align: middle;
}
.table.table-record-home td.feature{
    text-align: center;
    width: 6rem;
	min-width: 6rem;
}



.records-home-box{
	border-radius: var(--radius-box);
	box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.09);
	padding: 0.7rem 0.8rem;
	background: var(--panels-bg);
	background: var(--header-bg-outside);
	display: flex;
	justify-content: center;
}
.records-home-box .bg-title{
	border: none;
	text-align: center;
	padding: 0 0 0.4rem 0;
	margin: 0 0 0.4rem 0;
	font-size: 1.2rem;
	border-bottom: dotted 1px rgba(100, 100, 100, 0.3);
	font-weight: 500;
	letter-spacing: -0.012rem;
}
.records-home-box .table.table-record-home{
	font-size: 1.05rem;
}
.records-home-box .table > tbody > tr {
	align-items: flex-end;
}
.records-home-box .table > tbody > tr > td {
	padding: 0 0rem;
	line-height: 1;
}
.records-home-box .table.table-record-home td.feature{
	
	background: transparent;
	color: var(--maincolor);
	color: inherit;
	
	width: 4rem;
	min-width: 4rem;

	text-align: right;
	padding: 0rem 0;
	
	font-family: var(--fontfamily2);
	font-size: 1.2rem;
	line-height: 1;
	font-weight: 350;
	
	
}


/* alert ///////////////////////////////////////////////////////////*/

.close {
    font-size: 2rem;
}
.alert-dismissable .close, .alert-dismissible .close {
    top: -0.5rem;
    right: -0.2rem;
}
.alert{
    padding: 0.5rem 0.4rem;
    margin: 0.5rem 0;
    border: none;
    border-radius: var(--radius-box);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    position: relative;
    display: flex;
    align-items: center;
    color: #ffffff;
}
.alert > *{
	padding: 0.5rem;
    flex-grow: 1;
}
.alert:before {
	padding: 0.3rem 0.5rem;
    color: #ffffff;
    font-size: 1.3rem;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.alert p + p{
	margin-top: 0.5rem;
	padding-top: 0.5rem;
	border-top: solid 1px rgba(255, 255, 255, 0.42);
}
.alert span{
	font-style: italic;
}
.alert-negative,.alert-danger {
    color: #ffffff;
    background-color: #b70d40;
}



.alert-negative:before,.alert-danger:before{
    content: "\f06a";
}
.alert-positive,.alert-success {
	background-color: #2aa900;
}
.alert-positive:before,.alert-success:before{
    content: "\f058";
}
.alert-neutral,.alert-primary {
	background-color: #335cb1;
}
.alert-neutral:before,.alert-primary:before{
    content: "\f05a";
}
.alert-warning{
    color: #ffffff;
    background-color: var(--maincolor);
    xxalign-items: flex-start;
}
.alert a{
    color: #ffffff !important;	
}
.alert p a {
	font-weight: 700;
}
.alert-warning:before{
	font-size: 2.3rem;
    content: "\f05a";
}
.alert-warning h3 + *{
	margin-top: 0.4rem;
}


.form-info{
	display:flex;
    align-items: center;
    font-size:	0.8125rem;
    margin-top: 0.2rem;
}
.form-info:before {
    margin-right: 0.3rem;
    font-size: 0.75rem;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.form-info-error {
    color: #EB1526;
}
.form-info-error:before{
    color: #EB1526;
    content: "\f06a";
}

/*  slick ///////////////////////////////////////////////////////////*/

[class*="slick-carousel"] .item{
	display: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-navigation-bg{
	background: #313237;
	margin-bottom: 0.8rem;
}
.slick-dots{
	position: relative;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	bottom: 0;
	background-color: #ececec;
	box-shadow: var(--shadow2);
}
body.darktheme .slick-dots{
	background-color: #4a4a4a;
}
.slick-dots li{
    position: relative;
	margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    cursor: pointer;
    display: flex;
    flex-grow:1;
    transition: all 0.5s ease;
}
.slick-dots li + li{
	padding: 0 0 0 1px;
}
.slick-dots li.slick-active{
	flex-grow:2;
}
.slick-dots li button{
	display: block;
    width: 100%;
    height: auto;
    position: relative;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.slick-dots li button:before {
	content: "";
	position: static;
	display: block;
	width: 100%;
	height:0;
	transition: border-color 0.5s ease;
	border-bottom: solid 0.8rem #ffffff;
	opacity: 1;
	font-size:0;
	line-height:0;
}

body.darktheme .slick-dots li button:before {
	border-color: #5b5b5b;
}

.slick-dots li.slick-active button:before {
	opacity: 1;
}

body.darktheme .slick-dots li.slick-active button:before,
body.darktheme .slick-dots li button:hover:before,
body.darktheme .slick-dots li button:focus:before,
.slick-dots li.slick-active button:before,
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
	border-color: var(--maincolor);
}


/*  ///////////////////////////////////////////////////////////*/

.slick-prev,
.slick-next {
	font-size: 0px;
	line-height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	align-items: start;
	z-index: 5;
	width: 4rem;
	height: 100%;
	padding: 0;
	pointer-events: all;
	transform: none;
	color:#ffffff;
}
.slick-prev {
    left: 0;
}
.slick-next {
    right: 0;
}
.slick-prev:before,
.slick-next:before{
	content: "";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1.63rem;
	width: 100%;
	height: 4rem;
	display: block;
	position: relative;
	border: solid 0px #000000;
	background: var(--maincolor);
	box-shadow: var(--shadow1);
	opacity: 1;
	transition: all 0.25s ease;
	grid-column: 1;
	grid-row: 1;
}
.slick-prev:after,
.slick-next:after{
	content: "";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1.63rem;
	transform: scaleX(0.6);
	display: flex;
	height: 4rem;
	grid-column: 1;
	grid-row: 1;
	justify-content: center;
	align-items: center;
}
.slick-prev:after {
	content: "\f053";
}
.slick-next:after {
    content: "\f054";
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background: rgba(0,0,0,0.2);
    color: var(--maincolor);
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    background: #ffffff;
}


/*  home header ///////////////////////////////////////////////////////////*/

.home-header-container {
	overflow: hidden;
}
.home-header-container .section-background{
	background-color: rgba(130,130,130,0.15);
    color: #000000;
    display: flex;
    flex-direction: column;
    padding: 0;
    position:relative;
    overflow: hidden;
}
.home-header.slick-slider{
    z-index: 3;
    background: transparent;
    width: 100%;
    margin: 0;
}
.home-header .slick-list {
    position: relative;
    overflow: hidden;
	width: calc(100% + 2px);
	margin: 0 -1px;
    padding: 0;
}
.home-header .slick-track {
	min-width: 100%;
    position: relative;
    display: flex;
}
.home-header .slick-slide {
    display: none;
    float: none;
    width: 100%;
    position: relative;
    height: auto;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 70% 50%;
	background-size: cover;
}
.home-header.slick-initialized .slick-slide {
    display: flex;
}
.home-header.slick-initialized .slick-slide .slick-container{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.home-header-info {
    max-width: 60rem;
    color: #ffffff;
    padding: 2rem 3rem;
    margin: 2rem;
    border-radius: var(--radius-box);
    background: rgba(0,0,0,0.3);
}
.home-header-info h1 span{
	color:#ffffff;
}
.home-header-info h2{
	font-size: 4rem;
	font-weight: 500;
	text-transform: none;
	margin-top:0;
}
@media screen and (max-width: 767px){
	.home-header-info {
		max-width: 100%;
		width: 100%;
		padding: 2rem 2rem 6rem 2rem;
		margin: 0;
		border-radius: 0;
	}
	.home-header-info h1 {
		font-size: 2rem;
		color: #ffffff;
	}

	.home-header-info h2 {
		font-size: 2rem;
		color: #ffffff;
	}
}

.section-scroll {
	text-align: center;
	position: absolute;
	z-index: 4;
	bottom: 2rem;
	left: 2rem;
	right: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.section-scroll a{
	width: 2.1rem;
    height: 3.2rem;
    border: solid 2px #000000;
    border-radius: 1rem;
    pointer-events: all;
	opacity: 0.3;
}
.section-scroll a span{
	display: inline-block;
    position: relative;
    color: inherit;
    border-radius: 0.2rem;
    width: 0.25rem;
    height: 0.67em;
    margin-top: 0.61rem;
    background: #000000;
    animation: nextdown;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    transition: background-color 0.25s ease;
}
.section-scroll a:focus,
.section-scroll a:hover{
	border-color: var(--maincolor);
	opacity: 1;
}
.section-scroll a:focus{
	border-style:dotted;
}
.section-scroll a:focus span,
.section-scroll a:hover span{
	background-color: var(--maincolor);
}

.side-navigation{
    position: absolute;
    z-index: 199;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    color: #ffffff;
    pointer-events: none;
}
.bars-navigation{
	flex-grow:1;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    pointer-events: all;
	position: absolute;
	bottom: 0;
	left:0;
}

@media all and (max-width:767px){
	.home-header .slick-slide {
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
	}
	.home-header.slick-initialized .slick-slide .slick-container {
		padding: 0rem;
		align-items: flex-end;
	}
	.section-scroll {
		bottom: 1rem;
		left: auto;
		right: 1rem;
    }
	.bars-navigation {
		position: absolute;
		bottom: 0;
		right:auto;
		left:0;
    }
}











/* //////////////////////////////////////////////////////////////// */

.blueimp-gallery{
	display:none;
	font-family: inherit;
	background: rgba(0,0,0,0.95);
}
.blueimp-gallery > .prev,
.blueimp-gallery > .next {
    font-size: 0;
    font-weight: normal;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    border-color: transparent;
    border-width: 2px;
    color: #ffffff;
    background: rgba(0,0,0,0.4);
    text-shadow: none;
    border-radius: var(--radius-button);
}
.blueimp-gallery > .prev:after,
.blueimp-gallery > .next:after{
    font-size: 1rem;
    font-weight: normal;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f053";
    padding: 0 0rem 0 0;
}
.blueimp-gallery > .next:after{
    content: "\f054";
    padding: 0 0 0 0rem;
}
.blueimp-gallery-single>.prev,
.blueimp-gallery-left>.prev,
.blueimp-gallery-single>.next,
.blueimp-gallery-right>.next,
.blueimp-gallery-single>.play-pause {
    display: none;
}
.blueimp-gallery>.prev:hover,
.blueimp-gallery>.next:hover{
	color: #ffffff;
	background: var(--maincolor);
}
.blueimp-gallery-controls > .indicator {
	xxbackground: rgba(0,0,0,0.5);
	margin: 0;
}
.blueimp-gallery > .indicator {
	padding: 0.5rem;
    bottom: 0.2rem;
    left: 1rem;
    right: 1rem;
    line-height: 0.5rem;
}
.blueimp-gallery > .indicator > li {
	display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    margin: 2px;
    border: none;
    background: rgba(255,255,255,0.4);
    border-radius: 50%;
    
	xxwidth: 1rem;
	xxheight: 0.45rem;    
    xxborder-radius: 1px;
    
    background-image: none!important;
    box-shadow: none;
    opacity: 1;
    cursor: pointer;
    transition: background-color 0.25s ease, border-color 0.25s ease;
}
.blueimp-gallery > .indicator > li:hover,
.blueimp-gallery > .indicator > .active {
	background-color: var(--maincolor);
    border-color: transparent;
    opacity: 1;
}
.blueimp-gallery > .close, .blueimp-gallery > .title {
    position: absolute;
    top: 1rem;
    left: 2rem;
    margin: 0 3rem 0 0;
    font-size: 1.5rem;
    line-height: 1.3;
    color: #fff;
}
.blueimp-gallery>.close {
	padding: 1rem;
    border: none;
    top: 0;
    right: 0;
    left: auto;
    line-height: 0.5;
    margin: 0;
    font-size: 2.4rem;
    color: rgba(255,255,255,0.5);
}
.blueimp-gallery > .slides > .slide > .slide-content {
    padding-top: 1.5rem;
    padding-bottom: 4rem;
}

@media all and (max-width:767px){
	.blueimp-gallery > .indicator > li {
		width: 0.5rem;
		height: 0.5rem;
	}
	.blueimp-gallery > .slides > .slide > .slide-content {
		padding-top: 0.4rem;
		padding-bottom: 4rem;
	}

}


/* //////////////////////////////////////////////////////////////// */

.ui-widget {
    font-family: var(--fontfamily2);
    font-size: 0.8rem;
}
.ui-widget.ui-widget-content {
	border: 0px solid #c5c5c5;
}
.elfinder-button-search-menu{
	border: 1px solid #c5c5c5;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0px;
}
.ui-widget-header {
	border: none;
	border-bottom: solid 0px #c5c5c5;
	font-weight: bold;
	background: #f5f5f5;
	color: #000000;
}
.ui-widget-header.elfinder-statusbar{
	border:none;
	padding: .2em 1.5em .2em .5em;
}
.ui-dialog .ui-widget-header {
	background: #f5f5f5;
	color: #000000;
}
.ui-dialog .ui-widget-header a {
	color: #ffffff;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	outline: 0;
}
.ui-widget-content {
	border: 0px solid #dddddd;
	background: #ffffff;
	color: #222222;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front{
	background-color: #f5f5f5;
	border-radius: 0;
	border: solid 2px #ffffff;
	box-shadow: 0 0rem 0px 1px rgba(0,0,0,0.1), 0 8px 20px 8px rgba(0,0,0,0.15);
}
.elfinder{
	background-color: #f5f5f5;
	border-radius: 0;
}
.mce-window,
.dialogelfinder {
	background-color: #f5f5f5;
	border-radius: 0;
	border: solid 2px #ffffff !important;
	box-shadow: 0 0rem 0px 1px rgba(0,0,0,0.1), 0 8px 20px 8px rgba(0,0,0,0.15);
}
.ui-dialog .fileEditor.ui-dialog-content {
	position: relative;
	border: 0;
	padding: 0;
	overflow: auto;
}
.ui-dialog .ui-dialog-content {
	background: #fff;
}
.ui-tabs {
	position: relative;
	padding: 0 0 .2em 0;
}
.ui-widget-overlay {
	background: #000000;
	opacity: 0.5;
}
body #mce-modal-block.mce-in {
	opacity: 0.5;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: 0;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-state-default,
.ui-dialog .ui-widget-content .ui-state-default,
.ui-dialog .ui-widget-header .ui-state-default {
	background: var(--maincolor);
	font-weight: normal;
	color: #ffffff;
}
.ui-dialog .ui-state-default a,
.ui-dialog .ui-state-default a:link,
.ui-dialog .ui-state-default a:visited {
	color: #ffffff;
	text-decoration: none;
}
.ui-dialog .ui-state-active,
.ui-dialog .ui-widget-content .ui-state-active,
.ui-dialog .ui-widget-header .ui-state-active {
	background: #ffffff;
	font-weight: normal;
	color: #212121;
}
.ui-dialog .ui-state-active a,
.ui-dialog .ui-state-active a:link,
.ui-dialog .ui-state-active a:visited {
	color: #555555;
	text-decoration: none;
	border: 0px !important;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .2;
    background: #f6f6f6;
    background-image: none;
}
.ui-dialog .ui-dialog-titlebar-close:before{content:"\f00d"}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 0px;
	height: 20px;
	font:normal normal normal 14px/1 FontAwesome;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	transform:translate(0, 0);
	font-size:18px;
	background:transparent !important;
	border:0;
	color:#ffffff;
}
.ui-dialog.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons{
	min-width:250px;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
}
.ui-tabs .ui-tabs-nav li {
	margin: 0px 1px 0 0;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	border-radius: var(--radius-element) var(--radius-element) 0 0;
	font-size: 0.9rem;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    margin: 0;
}
.ui-datepicker .ui-datepicker-buttonpane {
    margin: 0;
    padding: 0.4rem 0.2rem;
    display: flex;
    justify-content: space-between;
}
.ui-timepicker-div dl {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0.25rem 0.5rem 0.25rem;
    font-size: 0.9rem;
}
.ui-timepicker-div .ui-slider{
	background: #d6d6d6;
	height:0.4rem;
	margin: 0.3rem;
}
.ui-timepicker-div .ui-slider-handle{
    border: none;
    background: var(--maincolor);
    border-radius: var(--radius-element);
    cursor: pointer;
    top: -0.3rem;
    margin-left: -0.25rem;
    width: 0.5rem;
    height: 1rem;
}
.ui-datepicker{
	box-shadow:0px 3px 13px rgba(0,0,0,0.4);
	z-index: 210 !important;
}
.ui-datepicker.ui-widget-content {
    border: 1px solid #fffffe;
    border-radius: 0;
    background: #ffffff;
    color: #222222;
}
.ui-datepicker .ui-widget-content {
	border: 0px solid #aaaaaa;
}
.ui-datepicker-calendar .ui-state-default{
	border: 2px solid #f6f6f7;
	background: #f6f6f6;
	font-weight: normal;
	color: #000000;
}
.ui-datepicker-calendar .ui-state-hover{
	border: 2px solid #cccccd;
	background: #cccccc;
	font-weight: normal;
	color: #ffffff;
}
.ui-datepicker-calendar .ui-state-active {
	border: 2px solid #006cb5;
	background: var(--maincolor);
	font-weight: normal;
	color: #ffffff;
}
.ui-datepicker-calendar .ui-state-highlight{
	border: 2px solid #006cb5;
	background: #f6f6f6;
	color: #000000;
}
.ui-datepicker-calendar .ui-priority-secondary{
	opacity: .5;
	border: 2px solid #fffffe;
	background: #ffffff;
	color: #666666;
}
.ui-state-disabled,
.ui-state-disabled > * {
	cursor: default !important;
}

/* //////////////////////////////////////////////////////////////// */

.elevator-wrapper{
	min-height:0;
}
.elevator {
	position: fixed;
	right: 0rem;
	bottom: 1.3rem;
	display: flex;
	align-items: center;
    justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	overflow: hidden;
	text-decoration: none;
	cursor: pointer;
	visibility: hidden;
	background: var(--maincolor);
	color:#ffffff;
	background-image: none;
	opacity: 0;
	transition: all 0.3s ease;
	border:solid 0px var(--maincolor);
	border-radius: var(--radius-element) 0 0 var(--radius-element);
	box-shadow: var(--shadow1);
	visibility: visible;	
	pointer-events: none;
}
.elevator.elevator-is-visible {
	visibility: visible;
	pointer-events: all;
	opacity: 1;
	z-index: 899;
}
.elevator:focus,
.elevator:hover {
    background: rgba(230,230,230,0.5);
    background: rgba(180,180,190,0.2);
    color: inherit;
    border-style: solid;
    outline: none;
    text-decoration: none;
    box-shadow: var(--shadow1);
}

/* //////////////////////////////////////////////////////////////// */

.gallery{
	display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
.gallery:after {
    content: '';
    flex-grow: 1000000000;
}
.gallery-thumb {
	flex-grow: 1;
    background: rgba(200,200,210,0.2);
    box-shadow: var(--shadow1);
    position: relative;
    border-radius: var(--radius-element);
    overflow: hidden;
    height: 7.5rem;
}
.gallery-thumb a{
    display: block;
    position: relative;
    height: 100%;
    text-decoration: none;
    overflow: hidden;
}
.gallery-thumb a span{
    line-height: 0;
    padding: 0.2rem 0.5rem;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: skew(0.96turn);
    transform-origin: bottom;
    border-radius: var(--radius-element) 0 0 0;
    border: none;
    background-color: rgba(0,0,0,0);
    color: transparent;
    transition: background 0.25s ease, color 0.25s ease;
}
.gallery-thumb a:hover span,
.gallery-thumb a:focus span{
    background-color: var(--maincolor);
    color:#ffffff;
}
.gallery-thumb a span:before{
	font-size: 0.7rem;
    line-height: 1.2;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f002";
    display: inline-block;
    transform: skew(-0.96turn) scaleX(-1);
}
.gallery-thumb img{
    max-height: 100%;
    width: 100%;
    object-fit: cover;
}
@media screen and (max-width:767px){

.gallery {
    display: block;
    gap: 1rem;
    column-count: 2;
}
.gallery-thumb {
    margin-bottom: 1rem;
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    height: auto;
}
.gallery-thumb a {
    height: auto;
}


}





.thumbnail {
	display: block;
	padding: 0;
	margin: 0;
	line-height: 1;
	border: none;
	box-shadow: none;
    background:transparent;
    border-radius: 0;
    overflow: hidden;
	position: relative;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
}

.thumbnail-fixed{
	max-width:17rem;
	margin-top:0;
}
.thumbnail > div,
.thumbnail > a{
	position: relative;
	display:block;
	padding:0;
	margin: 0;
	border-radius: 0;
	overflow: hidden;
}
.thumbnail > a{
	border-width:1px;
}
.thumbnail > a:hover{
    border-color: var(--maincolor);
}
.thumbnail > a:focus{
    border-style: solid;
}
.thumbnail > div{
	border: solid 2px transparent;
}
.thumbnail img {
	background-size: cover;
	background-position: 50% 50%;
	transform: scale(1.01);
	transition: all 0.5s ease;
}
.thumbnail:hover img{
	transform: scale(1.03);
}
.thumbnail .person-info,
.thumbnail[data-description]:after{
	display: block;
    width: auto;
    position: absolute;
    right: 1px;
    bottom: 1px;
    z-index: 2;
    color: #ffffff;
    background: var(--maincolor);
    font-family: var(--fontfamily2);
    font-weight: 400;
    font-size: 0.7rem;
    line-height: 1.1;
    padding: 0.61rem 1rem;
    transition: background 0.5s ease;
    pointer-events: none;
}
.thumbnail .person-info span{
	display:block;
}
.thumbnail .person-info span + span{
	margin-top: 0.5rem;
}
.thumbnail .person-info span:first-child{
	font-size:1.1rem;
	font-weight: 600;
}
.thumbnail:not([data-description=""]):after{
	content: attr(data-description);
}
.thumbnail[data-description=""]:after{
	font-size: 0.71rem;
	line-height: 1;
    width: 2.3rem;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f002";
    padding: 0.6rem 0.8rem 0.6rem 0.8rem;
}


/* //////////////////////////////////////////////////////////////// */

div.attachmentslist {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, calc(25% - 0.76rem));
}
.col-sm-9 div.attachmentslist {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, calc(33.333% - 0.76rem));
}

div.attachmentslist > div {
	min-height:3.7rem;
}
div.attachmentslist a,
div.attachmentslist a:focus{
	box-shadow: var(--shadow1);
	position: relative;
	text-decoration: none;
	border-radius: var(--radius-element);
	overflow: hidden;
	background-color: rgba(200,200,210,0.2);
	color: inherit;
	border: none;
	font-family: var(--fontfamily1);
	font-size: 0.96rem;
	font-stretch: 92%;
	line-height: 1.15;
	font-weight: 500;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

div.attachmentslist a span {
	overflow: hidden;
    word-wrap: break-word;
    padding: 0.5rem 0.75rem;
    flex-grow:1;
    position: relative;
	z-index: 3;
}
div.attachmentslist a span.date {
	flex-grow: 0;
    word-break: normal;
    white-space: nowrap;
    font-weight: 600;
    overflow: visible;
    font-size: 0.9em;
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 0px solid rgba(128,128,128,0.2);
}

div.attachmentslist-full{
	grid-template-columns: 100% !important;
}

@media screen and (max-width:767px){
	div.attachmentslist {
		grid-template-columns: 100% !important;
    }
}

div.attachmentslist a.file{
	--icon: "\f15b";
	--bgcolor: #9e9e9e;
	transition: background 0.35s ease,color 0.35s ease;
}

.attachmentslist a.file[href$=".PDF"],.attachmentslist a.file[href$=".pdf"]{--icon:"\f1c1";--bgcolor:#dc3941;}
.attachmentslist a.file[href$=".odt"],.attachmentslist a.file[href$=".ODT"],
.attachmentslist a.file[href$=".txt"],.attachmentslist a.file[href$=".TXT"],
.attachmentslist a.file[href$=".doc"],.attachmentslist a.file[href$=".DOC"],
.attachmentslist a.file[href$=".docx"],.attachmentslist a.file[href$=".DOCX"],
.attachmentslist a.file[href$=".RTF"],.attachmentslist a.file[href$=".rtf"]{--icon:"\f1c2";--bgcolor:#3f76cc;}
.attachmentslist a.file[href$=".ods"],.attachmentslist a.file[href$=".ODS"],
.attachmentslist a.file[href$=".xls"],.attachmentslist a.file[href$=".XLS"],
.attachmentslist a.file[href$=".XLSX"],.attachmentslist a.file[href$=".xlsx"]{--icon:"\f1c3";--bgcolor:#6d9d4f;}
.attachmentslist a.file[href$=".odp"],.attachmentslist a.file[href$=".ODP"],
.attachmentslist a.file[href$=".ppt"],.attachmentslist a.file[href$=".PPT"],
.attachmentslist a.file[href$=".PPTX"],.attachmentslist a.file[href$=".pptx"]{--icon:"\f1c4";--bgcolor:#d87a41;}
.attachmentslist a.file[href$=".ai"],.attachmentslist a.file[href$=".AI"],
.attachmentslist a.file[href$=".bmp"],.attachmentslist a.file[href$=".BMP"],
.attachmentslist a.file[href$=".dwg"],.attachmentslist a.file[href$=".DWG"],
.attachmentslist a.file[href$=".emf"],.attachmentslist a.file[href$=".EMF"],
.attachmentslist a.file[href$=".gif"],.attachmentslist a.file[href$=".GIF"],
.attachmentslist a.file[href$=".jfif"],.attachmentslist a.file[href$=".JFIF"],
.attachmentslist a.file[href$=".jpeg"],.attachmentslist a.file[href$=".JPEG"],
.attachmentslist a.file[href$=".jpg"],.attachmentslist a.file[href$=".JPG"],
.attachmentslist a.file[href$=".png"],.attachmentslist a.file[href$=".PNG"],
.attachmentslist a.file[href$=".psd"],.attachmentslist a.file[href$=".PSD"],
.attachmentslist a.file[href$=".svg"],.attachmentslist a.file[href$=".SVG"],
.attachmentslist a.file[href$=".tif"],.attachmentslist a.file[href$=".TIF"],
.attachmentslist a.file[href$=".tiff"],.attachmentslist a.file[href$=".TIFF"]{--icon:"\f1c5";--bgcolor:#2c9ea7;}
.attachmentslist a.file[href$=".cab"],.attachmentslist a.file[href$=".CAB"],
.attachmentslist a.file[href$=".rar"],.attachmentslist a.file[href$=".RAR"],
.attachmentslist a.file[href$=".zip"],.attachmentslist a.file[href$=".ZIP"],
.attachmentslist a.file[href$=".7z"],.attachmentslist a.file[href$=".7Z"]{--icon:"\f1c6";--bgcolor:#b49b73;}
.attachmentslist a.file[href$=".ac3"],.attachmentslist a.file[href$=".AC3"],
.attachmentslist a.file[href$=".aiff"],.attachmentslist a.file[href$=".AIFF"],
.attachmentslist a.file[href$=".au"],.attachmentslist a.file[href$=".AU"],
.attachmentslist a.file[href$=".mid"],.attachmentslist a.file[href$=".MID"],
.attachmentslist a.file[href$=".mp2"],.attachmentslist a.file[href$=".MP2"],
.attachmentslist a.file[href$=".mp3"],.attachmentslist a.file[href$=".MP3"],
.attachmentslist a.file[href$=".wav"],.attachmentslist a.file[href$=".WAV"],
.attachmentslist a.file[href$=".wma"],.attachmentslist a.file[href$=".WMA"]{--icon:"\f1c7";--bgcolor:#b4ad55;}
.attachmentslist a.file[href$=".avi"],.attachmentslist a.file[href$=".AVI"],
.attachmentslist a.file[href$=".divx"],.attachmentslist a.file[href$=".DIVX"],
.attachmentslist a.file[href$=".mov"],.attachmentslist a.file[href$=".MOV"],
.attachmentslist a.file[href$=".movie"],.attachmentslist a.file[href$=".MOVIE"],
.attachmentslist a.file[href$=".mp4"],.attachmentslist a.file[href$=".MP4"],
.attachmentslist a.file[href$=".mpe"],.attachmentslist a.file[href$=".MPE"],
.attachmentslist a.file[href$=".mpeg"],.attachmentslist a.file[href$=".MPEG"],
.attachmentslist a.file[href$=".mpg"],.attachmentslist a.file[href$=".MPG"],
.attachmentslist a.file[href$=".wmv"],.attachmentslist a.file[href$=".WMV"]{--icon:"\f1c8";--bgcolor:#8665a2;}
.attachmentslist a.file[href$=".css"],.attachmentslist a.file[href$=".CSS"],
.attachmentslist a.file[href$=".csv"],.attachmentslist a.file[href$=".CSV"],
.attachmentslist a.file[href$=".htm"],.attachmentslist a.file[href$=".HTM"],
.attachmentslist a.file[href$=".inf"],.attachmentslist a.file[href$=".INF"],
.attachmentslist a.file[href$=".ini"],.attachmentslist a.file[href$=".INI"],
.attachmentslist a.file[href$=".log"],.attachmentslist a.file[href$=".LOG"],
.attachmentslist a.file[href$=".nfo"],.attachmentslist a.file[href$=".NFO"],
.attachmentslist a.file[href$=".php"],.attachmentslist a.file[href$=".PHP"],
.attachmentslist a.file[href$=".xml"],.attachmentslist a.file[href$=".XML"],
.attachmentslist a.file[href$=".html"],.attachmentslist a.file[href$=".HTML"]{--icon:"\f1c9";--bgcolor:#7487a7;}

div.attachmentslist a.file:before {
    font-size: 1.95rem;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: var(--icon);
    color: #ffffff;
    min-width: 3.5rem;
    width: 3.5rem;
    display: flex;
    justify-content: center;
    height: 100%;
    position: relative;
    z-index: 2;
    align-items: center;
}
div.attachmentslist a.file:after {
    position: absolute;
    top: 0;
    left: 0;
    transform: skew(0.975turn);
    transform-origin: top;
    content: "";
    background-color: var(--bgcolor);
    width: 3.78rem;
    height: 101%;
}
div.attachmentslist a:hover,
div.attachmentslist a:focus{
	background-color: var(--bgcolor);
    color: #ffffff;
}

/* //////////////////////////////////////////////////////////////// */

@media print {
	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: "";
	}
	abbr[title]:after {
		content: "";
	}
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}
	.label {
		border: 1px solid #000;
	}
	div.copyright{
		border-top:solid 1px #000000;
	}
	div.headcontainer > .container{
		border-bottom:solid 1px #000000;
	}
	.breadcrumb{
		margin:5px 0 20px 0;
		padding:0;
	}
	h1{margin-top:20px;}
	h3,.h3{margin:20px 0 10px;}
	.tags a{
		padding:0px 5px;
		margin:0 5px;
	}
	div.space{height:15px;}
	div.hr{margin:15px 0;}
	.navbar,
	.core-og-sm,
	.coreVote,
	#actions-btns,
	.elevator,
	.left-menu,
	.author-photo,
	a[href*="javascript"].btn{
		display: none;
	}
	.article-author .author-fullname,.article-author .author-header{
		display:inline-block;
		margin-right:5px;
	}
	.article-author .author{
		height:auto;
	}
	.headcontainer a img{
		max-height:70px;
	}
	.page-content{
		padding:0;
	}
	.right-content{
		width:100%;
	}
	figcaption{
		position:relative;
		background:rgba(250,250,250,0.8);
		color:#333333;
		border-bottom:solid 1px #bbbbbb;
		padding:8px 6px 6px 6px;
		text-align:right;
	}
	#gallerycontainer > div > div{
		width:16.6666%;
	}
	.container{
		width:100%;
	}
	body{
		padding:0;
		min-width: 800px;
	}
}


/*  ///////////////////////////////////////////////////////////*/

.background-bg{
	background-repeat: no-repeat;
    background-position: 45% 50%;
    background-size: cover;
    position: relative;
}
.center-bg{
    background-position: 50% 50% !important;
}

/*  header ///////////////////////////////////////////////////////////*/

body > header{
	position:fixed;
	position:sticky;
	top: 0px;
	left: 0px;

	width: 100%;
	z-index: 1190;
	transition: box-shadow 0.3s ease;
	box-shadow: var(--shadow1);
	font-size:1rem;
    background-color: var(--header-bg);

    color: inherit;
}

body > .skiptranslate:not([style*="display: none"]) ~ header{
	top: 40px;
}


body.darktheme > header{
    background-color: var(--header-bg);
}
body.scrolled > header {
	box-shadow: var(--shadow2);
}
body > header > .container{
	display:flex;
	height: 2.6rem;
}
.head {
	display:flex;
	align-items: center;
}
.head .text-right{
	flex-grow:1
}
header .navbar-collapse {
	overflow-x: visible;
	flex-grow: 1;
}
@media screen and (min-width:768px){
	header .navbar-collapse {
		position:relative;
	}
}


.navigation-bar .logo,
header .logo {
	display: inline-block;
    height: 6rem;
    padding: 0;
    border: solid 2px transparent;
    border-width: 0 0 2px 0;
	position:relative;
	padding-top: 2px;
}
body.darktheme .navigation-bar .logo,
body.darktheme header .logo{
	xxbackground: #ffffff;
	xxborder-radius: var(--radius-box);
	xxpadding-left: 0.4rem;
	xxpadding-right: 0.4rem;
}

body.darktheme .navigation-bar .logo img,
body.darktheme header .logo img{
    filter: invert(1) grayscale(1) contrast(0.7) brightness(1.9);
}

header	.logo {
	height: 3.5rem;

}

.logo img{
	width: auto;
	height:100%;
}
.logo:hover {
    border-color: var(--maincolor);
    border-width: 0 0 2px 0;
}
.logo:focus {
    border-color: var(--maincolor);
    border-style: solid;
    border-width: 0 0 2px 0;
}




a.drop-carret:after{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f107";
	display: inline-block;
	font-size: 0.83rem;
	line-height: 1;
	margin: 0 0 0 0.22rem;
	color: inherit;
	transition: transform ease 0.25s;
	transform-origin: 50% 40%;
	transform: rotate(0deg);
}
.open > a.drop-carret:after{
	transform: rotate(180deg);
}

@media screen and (min-width:768px){
	.navbar-collapse.collapse {
		display: flex !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
		margin: 0 -1rem;
	}




}

@media all and (max-width:767px){
	body > header{
		position: fixed;
	}
	.head {
		padding: 0rem 0;
		position:relative;
		z-index:10;
		width:100%;
	}
	body > header > .container {
		height: 4rem;
	}
	.navbar-collapse{
		position: absolute;
		top: 4rem;
		left: 0px;
		right: 0px;
		max-height: calc(100vh - 4rem);
		margin: 0 !important;
	}
	.navbar-collapse.collapsing,
	.navbar-collapse.collapse.in{
		background: #ececec;
		box-shadow: 0px 1.5rem 1.5rem rgba(0,0,0,0.3);
	}

	.sub-navbar-collapse.collapsing,
	.sub-navbar-collapse.collapse.in{
		z-index: 200;
		top: 3rem;
		border-radius: var(--radius-menu);
	}
	.section-title-menu .sub-navbar-collapse .main-menu {
		margin: 1rem 0;
		flex-direction: column;
	}



	body.darktheme 	.navbar-collapse.collapsing,
	body.darktheme 	.navbar-collapse.collapse.in{
		background: #313131;
		box-shadow: 0px 1.5rem 1.5rem rgba(0,0,0,0.3);
	}
}

.side-menu,
.main-menu,
.top-menu {
	list-style: none;
}
.top-menu{
	display: flex;
    align-items: center;
	line-height: 1.2;
    letter-spacing: -0.02rem;
    font-stretch: 75%;
    font-size: 0.85rem;
    font-weight: 600;
    margin: 0 0.5rem;
}
.top-menu a:not(:focus):not(:hover):not(.active) {
    color: inherit;
}
.top-menu a{
	padding: 0.9rem 0 0.65rem 0;
    margin: 0 0.25rem;
    display: block;
	text-decoration:none;
    border-bottom: 2px solid transparent;
}
.top-menu a:hover,
.top-menu a:focus{
	color: var(--maincolor);
	border-color: var(--maincolor);
}

.top-menu.account-menu {
    flex-grow: 1;
    xxmargin-left: 1.5rem;
}
.top-menu.ico-menu{
	font-size: 1rem;
	line-height: 0.9;
}
.top-menu.ico-menu .fa-tiktok,
.top-menu.ico-menu .fa-volleyball-ball{
	position:relative;
	font-size: 0.95em;
}


.top-menu.lang-menu{
	text-transform: uppercase;
}
.top-menu.dropdown-parent > li{
	position:relative;
}



@media all and (max-width:767px){
	.top-menu{
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		border-top: solid 1px rgba(130,130,130,0.3);
		padding: 0.6rem 0;
		margin: 0 1rem;
		font-size: 1.1rem;
	}
	.top-menu:first-child {
		border-top: 0;
	}
	.top-menu.account-menu {
		flex-direction: column;
	}
	.top-menu:last-child{
		margin-bottom:1rem;
	}
	.top-menu a{
		padding: 0.26rem 0rem 0.22rem 0rem;
		margin: 0rem 0.5rem;
	}
	.top-menu.ico-menu {
		font-size: 1.3rem;
	}
	.top-menu.visible-xs{
		display: flex !important;
	}


}

.side-menu-container:after {
    content: "";
    width: 1.5rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-left: dotted 1px rgba(100,100,100,0.3);
}
.side-menu{
	display: flex;
    line-height: 1.2;
    font-size: 1.35rem;
    font-weight: 500;
    margin: 0 3rem 0 0;
    flex-direction: column;
    font-family: var(--fontfamily3);
}

.content .side-menu ul{
	list-style: none;
	margin:0;
    line-height: 1.2;
    font-size: 1.2rem;
}
.content .side-menu ul > li {
    margin: 0;
}
.content .side-menu ul > li:last-child{
    margin: 0;
}

.side-menu a:not(:focus):not(:hover):not(.active) {
    color: inherit;
}
.side-menu a{
	padding: 0.5rem 0 0.3rem 0;
    margin: 0;
    display: block;
	text-decoration:none;
    border-bottom: 2px solid transparent;
    border-bottom: 2px solid rgba(100,100,100,0.1);
    border-radius: 3px;
}
.side-menu a:hover,
.side-menu a:focus{
	border-color: var(--maincolor);
}
.side-menu i.fas{
    font-size: 0.7em;
    width: 1.6rem;
    position: relative;
    top: -1px;
}


@media (max-width: 767px){
	.side-menu-container.scroll-column{
		padding-top: 0;
	}
	.side-menu-container:after{
		display:none;
	}
	.side-menu{
		margin:0 0 3rem 0;
	}
}
.section-navigation{
	position:relative;
	z-index:999;
	xxmargin-top:2.6rem;
	padding: 0;
}
.navigation-bar{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.navigation-bar > *{
    padding:1rem 0;
}
.main-menu{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	align-content: center;
	position:relative;
    font-family: var(--fontfamily3);
    font-weight: 420;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.12;
}
.main-menu > li{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin: 0;
}
.top-menu > li{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin: 0;
}
.main-menu a:not(:focus):not(:hover):not(.active) {
    color: inherit;
}
.main-menu.tab-menu li.active a {
    color: var(--maincolor) !important;
}
.main-menu.tab-menu li > a > i{
	font-size: 1rem;
    align-self: center;
    position: relative;
    top: -0.05rem;
    margin-left: 0.3rem;
}

.main-menu a{
    display: flex;
    align-items: center;
    padding: 0.5rem 0 0.1rem 0;
	margin: 0 0.45rem;
	letter-spacing: -0.02rem;
    text-decoration:none;
    border-bottom: 2px solid transparent;
}
.main-menu a:hover,
.main-menu a:focus{
	border-color:inherit;
	
	color: var(--maincolor);
	border-color: var(--maincolor);
	
}

.main-menu .drop-down.active > a:not(.active),
.main-menu .drop-down.open > a:not(.active){
	color: var(--maincolor);
}
.top-menu .dropdown-menu,
.main-menu .dropdown-menu{
	font-family: var(--fontfamily3);
	position: absolute;
	left: auto;
	right: auto;
	z-index: 1000;
	float: none;
	line-height: 1.1;
	min-width: 10rem;
	margin:2.3rem 0 0 0;
	overflow: hidden;
	text-align: left;
	background-color: #ffffff;
	border: none;
	border-radius: 0 0 var(--radius-menu) var(--radius-menu);
	box-shadow: var(--shadow3);
	border-top: solid 2px var(--maincolor);
    font-size: 1.15rem;
	min-width: 10rem;
	width: 10rem;
    height: 1px;
    padding: 0.5rem;
    top: -100vh;
    display: block;
    opacity:0;
    transition: opacity 0.3s;
}
.top-menu .dropdown-menu{
	margin:2.55rem 0 0 0;
}

@media (max-width: 767px){
	.top-menu .dropdown-menu,
	.main-menu .dropdown-menu{
		margin:2rem 0 0 0;
	}
}

.top-menu .open > .dropdown-menu,
.main-menu .open > .dropdown-menu{
	display: block;
    width: auto;
    height: auto;
    min-width: 10rem;
    opacity: 1;
    top: auto;
}
.top-menu .dropdown-menu > li > a,
.main-menu .dropdown-menu > li > a{
	white-space: nowrap;
    padding: 0.2rem 0;
    margin: 0.25rem 0.4rem;
    text-transform: none;
    line-height: 1.1;
    color: var(--maincolor);
    font-weight: 400;
}

.top-menu .dropdown-menu i.fas {
    font-size: 0.7em;
    width: 1.2rem;
    position: relative;
    top: -1px;
}

.top-menu .dropdown-menu a:not(:focus):not(:hover):not(.active),
.main-menu .dropdown-menu a:not(:focus):not(:hover):not(.active) {
    color: #000000;
}
.top-menu .dropdown-menu a:hover,
.top-menu .dropdown-menu a:focus,
.main-menu .dropdown-menu a:hover,
.main-menu .dropdown-menu a:focus {
	background: inherit;
	color: var(--maincolor);
	border-color: var(--maincolor);
}
.dropdown-backdrop{
	display:none;
}
@media all and (max-width:767px){
	.navigation-bar {

	}
	.section-navigation {
		margin-top: 4rem;
	}
	.main-menu{
		font-weight: 400;
		text-transform: uppercase;
		font-size: 1.3rem;
	}
}

/* dropdown-menu select ///////////////////////////////////////////////////////////*/

.dropdown-menu-select{
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    z-index: 1000;
    float: none;
    min-width: 0px;
    padding: 0rem;
    margin: 0;
    overflow: hidden;
    text-align: left;
    background-color: var(--maincolor);
    color: #ffffff;
    border: 0px solid var(--maincolor);
    border-radius: var(--radius-menu);
    box-shadow: var(--shadow3);
    font-family: var(--fontfamily2);
    width: 0;
    height: 0;
    display: block;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 0.91rem;
}
.open > .dropdown-menu-select{
    width: auto;
    height: auto;
    padding: 0.5rem 0;
    min-width: 10rem;
    max-width:100%;
    opacity: 1;
    display:block;
    column-count: 2;
    column-gap: 1px;
    column-rule: solid 1px rgba(255,255,255,0.25);
}
.open > .dropdown-menu-select.short{
	column-count: 1;
}
.dropdown-menu-select li{
	break-inside: avoid-column;
}
.dropdown-menu-select li a{
	white-space: normal;
    padding: 0.5rem 1.1rem 0.55rem 1.1rem;
    text-decoration: none;
    margin: 0;
    text-transform: none;
    line-height: 1.1;
    font-weight: 500;
    display: block;
}
.dropdown-menu-select li a:not(:focus):not(:hover):not(.active) {
    color: #ffffff;
}
.dropdown-menu-select li a.active{
	background: #ffffff;
	color: #333333;
}
.dropdown-menu-select li a:hover,
.dropdown-menu-select li a:focus {
	background: #ffffff;
	color: #333333;
}

@media screen and (min-width:768px){
	.open > .dropdown-menu-select.dropdown-menu-left{
		right: auto;
		min-width: 25rem;
		max-width: 30rem;
	}
	.open > .dropdown-menu-select.dropdown-menu-right{
		left: auto;
		min-width: 25rem;
		max-width: 30rem;
	}
}

/* hamburger ///////////////////////////////////////////////////////////*/

.sub-menu-button{
    margin: 0;
    align-self: flex-end;
    margin-top: -2.6rem;
}

.navbar-toggle {
	position: relative;
	float: none;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	width: 2.8rem;
	height: 2.8rem;
	z-index: 1;
	cursor: pointer;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
	background-color: transparent;
	border-color: var(--maincolor);
}
.navbar-toggle:focus{
	border-style: dotted;
}

.navbar-toggle .icon-bar {
	display: block;
	position: absolute;
	margin: 0;
	border-radius: 0.3rem;
	opacity: 1;
	height: 0.3rem;
	transform: rotate(0deg);
	transition: opacity 0.3s, width 0.3s, left 0.3s, transform 0.3s, background 0.3s;
	background: var(--maincolor);
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 0;
}

.navbar-toggle span:nth-child(1),
.navbar-toggle span:nth-child(4){
	top: 1.1rem;
	width: 0;
	left: 1.1rem;
	opacity:0;
}
.navbar-toggle span:nth-child(2),
.navbar-toggle span:nth-child(3){
	top: 1.2rem;
	width: 1.5rem;
	left: 0.6rem;
}
.navbar-toggle span:nth-child(2) {
	transform: rotate(45deg);
}
.navbar-toggle span:nth-child(3){
	transform: rotate(-45deg);
}

.navbar-toggle.collapsed span{
	transform: rotate(0deg);
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 0.1rem;
	left: 1.2rem;
	opacity: 1;
}
.navbar-toggle.collapsed span:nth-child(1){
	top: 0.5rem;
}
.navbar-toggle.collapsed span:nth-child(2),
.navbar-toggle.collapsed span:nth-child(3){
	top: 1.2rem;
}
.navbar-toggle.collapsed span:nth-child(4){
	top: 1.9rem;
}

/*  page main ///////////////////////////////////////////////////////////*/

main{
	padding:0;
	position:relative;
	min-height: 5rem;
}
@media screen and (max-width:767px){
	main{
		padding:0;
	}
	main.home-body{
		padding:0;
	}
}


.section-navigation + main > section:first-child{
	padding-top:0;
}
.section-navigation + main > section:first-child .container{
	padding-top: var(--space);
}
.section-navigation + main > section:first-child .container:before{
	content: " ";
	display: block;
	position: absolute;
	left: var(--space);
	right: var(--space);
	top: 0;
	border-top: dotted 1px rgba(100,100,100,0.3);
}
@media (max-width: 767px){
	.section-navigation + script + main > section:first-child .container:before{
		left: 1.1rem;
		right: 1.1rem;
	}
}

/*  ///////////////////////////////////////////////////////////*/

.event-baner{
	margin-bottom:1.5rem;
	position:relative;
}

.event-countdown{
	padding:1rem 2rem;
	display:none;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    border-radius: var(--radius-element);
    pointer-events: none;
	font-family: var(--fontfamily2);
    font-size: 1rem;
}
.event-countdown[style*="block"]{
	display: flex !important;
}
.event-countdown-title{
	font-size: 1em;
    font-weight: 500;
}
.event-countdown-box{
	display: flex;
    text-align: center;
    font-weight: 500;
}
.event-countdown-box > div > span{
	display:block;
    font-size: 0.6em;
}
.event-countdown .dots,
.event-countdown .number{
	font-size: 2.4em;
	line-height: 1;
	font-weight: 200;
}
.event-countdown .dots{
	padding: 0 0.2rem;
}
.event-countdown .number{
    font-variant: tabular-nums;
    letter-spacing: -0.2rem;
    padding: 0 0.3rem 0 0;
}




.jmc-countdown{
	padding:1rem 2rem;
	margin-top: 1.5rem;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    border-radius: var(--radius-element);
    pointer-events: none;
	font-family: var(--fontfamily2);
    font-size: 1rem;
    display: flex;
    background: #4455b5;
	color: #ffffff;
}
.jmc-countdown[style*="block"]{
	display: flex !important;
}
.jmc-countdown-title{
	font-size: 0.97em;
    font-weight: 500;
    padding-bottom:0.1rem;
}
.jmc-countdown-box{
	display: flex;
    text-align: center;
    font-weight: 500;
}
.jmc-countdown-box > div > span{
	display:block;
    font-size: 0.6em;
}
.jmc-countdown .dots,
.jmc-countdown .number{
	font-size: 2.4em;
	line-height: 1;
	font-weight: 200;
}
.jmc-countdown .dots{
	padding: 0 0.2rem;
}
.jmc-countdown .number{
    font-variant: tabular-nums;
    letter-spacing: -0.2rem;
    padding: 0 0.3rem 0 0;
}


/*  page sections ///////////////////////////////////////////////////////////*/

section{
	position:relative;
	padding: var(--space) 0;
}


section.no-top{
	padding-top: 0;
}
section.no-bottom{
	padding-bottom: 0;
}

section.up-top{
	margin-top: -1rem;
}

main section:last-child{
	xxpadding-bottom: 4rem;
}



.event-baner > a,
.section-baner a{
	display:block;
	position:relative;
	border:none;
    overflow: hidden;
    border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
}
@media screen and (max-width:767px){
	.event-baner > a > img.full{
		width: 200%;
		max-width: 200%;
	}
}



.section-title{
	display: flex;
	padding: 0;
	align-items: center;
	position: relative;
}
.section-title + *{
	margin-top: var(--space);
}
.section-title-small + *{
	margin-top: var(--halfgap);
}

.section-pool .section-title{
    z-index: 10;
}


.section-title .title{
	flex-grow:1;
	margin-right:1rem;
}
.section-title h1.title{
	font-size: 2rem;
}
.section-title h1{
	flex-grow:1;
}


.section-title .section-info{
	margin: 0;
	font-size: 1.3rem;
	padding: 0 0.5rem 0 0;
	font-family: var(--fontfamily2);
	font-weight: 600;
}
.section-title .section-info small{
	font-weight: 300;
}
.section-title .section-info .pulse{
	opacity:0;
	font-size: 1.8rem;
	animation: blink-animation 3s infinite;
}

.section-partner{
	margin: 0 !important;
    display: flex;
    align-items: center;
    font-size: 0.84rem;
    font-stretch: condensed;
    font-weight: 500;
    text-align: right;
    line-height: 1.2;
}
.section-partner span,
.section-partner a{
    display: inline-flex;
    border-radius: var(--radius-small);
    margin: -1.1rem 0 -1rem 0.4rem;
    background: rgba(255,255,255,0.9);
    box-shadow: var(--shadow1);
    border-top: solid 2px transparent;
    border-bottom: solid 2px transparent;
    transition: box-shadow 0.25s ease,
				background 0.25s ease,
				border 0.25s ease;
}
.section-partner a:hover,
.section-partner a:focus{
    background: rgba(255,255,255,1);
    box-shadow: var(--shadow1);
    border-bottom-color: var(--maincolor) !important;
}
.section-partner img{
	display: block;
    padding: 0.2rem 0.2rem;
    width: auto;
    height: 3.6rem;
}


.section-title-select{
	margin: -0.3rem 0 !important;
	min-width: calc(25% - 1.15rem);
}
@media screen and (max-width:991px){
	.section-title-select{
		margin: -0.3rem 0 !important;
		min-width: calc(33.33% - 1.15rem);
	}

}

.main-menu.page-menu.sort{
	text-transform: none;
}

@media all and (max-width:767px){
	.section-title-menu{
		align-items: flex-start;
		flex-direction: column;
	}
	.section-title-select{
		margin: 1rem 0 0 0 !important;
		width: 100%;
	}
	.section-title-menu .main-menu {
		margin: 0.5rem 0 0 0rem;
		justify-content: flex-start;
	}
	.main-menu.page-menu{
		margin: -1rem 0 0 0rem;
		justify-content: center;
	}
	.main-menu.teamsort-menu{
		margin: 1rem 0 0 0rem;
	}
}


@media all and (min-width:768px){

	.section-title-small .section-title-select{
		margin: -0.9rem 0 -0.2rem 0 !important;
	}

}


.section-blog .section-background{
	background: linear-gradient(168deg, rgba(241,243,244,1) 5%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(241,243,244,1) 95%);
}
body.darktheme .section-blog .section-background{
	background: #1d1d1d !important;
}


.section-warto .section-background{
    background: #f1f3f4;
    background: linear-gradient(-45deg, rgba(186, 237, 145,0) 20%, rgba(186, 237, 145,.1) 20%, rgba(186, 237, 145,.1) 40%, rgba(186, 237, 145,.2) 40%, rgba(186, 237, 145,.2) 60%, rgba(186, 237, 145,.4) 60%, rgba(186, 237, 145,.4) 80%, rgba(186, 237, 145,.6) 80%),
    linear-gradient(90deg, rgba(178, 206, 254,0) 20%, rgba(178, 206, 254,.3) 20%, rgba(178, 206, 254,.3) 40%, rgba(178, 206, 254,.5) 40%, rgba(178, 206, 254,.5) 60%, rgba(178, 206, 254,.7) 60%, rgba(178, 206, 254,.7) 80%, rgba(178, 206, 254,.8) 80%),
    linear-gradient(-90deg, rgba(242, 162, 232,0) 20%, rgba(242, 162, 232,.4) 20%, rgba(242, 162, 232,.4) 40%, rgba(242, 162, 232,.5) 40%, rgba(242, 162, 232,.5) 60%, rgba(242, 162, 232,.6) 60%, rgba(242, 162, 232,.6) 80%, rgba(242, 162, 232,.8) 80%),
    linear-gradient(180deg, rgba(254, 163, 170,0) 20%, rgba(254, 163, 170,.4) 20%, rgba(254, 163, 170,.4) 40%, rgba(254, 163, 170,.6) 40%, rgba(254, 163, 170,.6) 60%, rgba(254, 163, 170,.8) 60%, rgba(254, 163, 170,.8) 80%, rgba(254, 163, 170,.9) 80%);
    background-color: rgb(181,209,187);
    background-size: 100% 100%;
    background-blend-mode: overlay;
}
body.darktheme .section-warto .section-background{
	background-color: #080c10 !important;
}



section.section-reading .section-background{
	position: relative;
	background: var(--maincolor);
}
section.section-reading .section-background:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	background: linear-gradient(160deg, rgba(170, 170, 170,0) 20%,
										rgba(170, 170, 170,.1) 20%,
										rgba(170, 170, 170,.1) 40%,
										rgba(170, 170, 170,.2) 40%,
										rgba(170, 170, 170,.2) 60%,
										rgba(170, 170, 170,.4) 60%,
										rgba(170, 170, 170,.4) 80%,
										rgba(170, 170, 170,.5) 80%),
				linear-gradient(45deg,  rgba(250, 250, 250,.3) 20%,
										rgba(250, 250, 250,.4) 20%,
										rgba(250, 250, 250,.4) 40%,
										rgba(250, 250, 250,.5) 40%,
										rgba(250, 250, 250,.5) 60%,
										rgba(250, 250, 250,.6) 60%,
										rgba(250, 250, 250,.6) 80%,
										rgba(250, 250, 250,.7) 80%),
				linear-gradient(-45deg, rgba(190, 190, 190,0) 20%,
										rgba(190, 190, 190,.1) 20%,
										rgba(190, 190, 190,.1) 40%,
										rgba(190, 190, 190,.2) 40%,
										rgba(190, 190, 190,.2) 60%,
										rgba(190, 190, 190,.4) 60%,
										rgba(190, 190, 190,.4) 80%,
										rgba(190, 190, 190,.6) 80%),
				linear-gradient(90deg,  rgba(200, 200, 200,0) 20%,
										rgba(200, 200, 200,.3) 20%,
										rgba(200, 200, 200,.3) 40%,
										rgba(200, 200, 200,.5) 40%,
										rgba(200, 200, 200,.5) 60%,
										rgba(200, 200, 200,.7) 60%,
										rgba(200, 200, 200,.7) 80%,
										rgba(200, 200, 200,.8) 80%),
				linear-gradient(90deg,  rgba(185, 185, 185,0) 20%,
										rgba(185, 185, 185,.4) 20%,
										rgba(185, 185, 185,.4) 40%,
										rgba(185, 185, 185,.5) 40%,
										rgba(185, 185, 185,.5) 60%,
										rgba(185, 185, 185,.6) 60%,
										rgba(185, 185, 185,.6) 80%,
										rgba(185, 185, 185,.8) 80%),
				linear-gradient(160deg, rgba(155, 155, 155,0) 20%,
										rgba(155, 155, 155,.4) 20%,
										rgba(155, 155, 155,.4) 40%,
										rgba(155, 155, 155,.6) 40%,
										rgba(155, 155, 155,.6) 60%,
										rgba(155, 155, 155,.8) 60%,
										rgba(155, 155, 155,.8) 80%,
										rgba(155, 155, 155,.9) 80%);
	background-color: #ffffff;
	background-blend-mode: revert;
	mix-blend-mode: multiply;
	background-repeat: repeat;
	background-position: 60% 0px;
	background-size: 100% 100%;
	opacity: 0.8;
}


.section-lifestyle .section-background{
    background: #f1f3f4;
    background: linear-gradient(180deg, rgba(248, 184, 139,0) 20%, rgba(248, 184, 139,.1) 20%, rgba(248, 184, 139,.1) 40%, rgba(248, 184, 139,.2) 40%, rgba(248, 184, 139,.2) 60%, rgba(248, 184, 139,.4) 60%, rgba(248, 184, 139,.4) 80%, rgba(248, 184, 139,.5) 80%),
    linear-gradient(45deg, rgba(250, 248, 132,.3) 20%, rgba(250, 248, 132,.4) 20%, rgba(250, 248, 132,.4) 40%, rgba(250, 248, 132,.5) 40%, rgba(250, 248, 132,.5) 60%, rgba(250, 248, 132,.6) 60%, rgba(250, 248, 132,.6) 80%, rgba(250, 248, 132,.7) 80%),
    linear-gradient(-45deg, rgba(186, 237, 145,0) 20%, rgba(186, 237, 145,.1) 20%, rgba(186, 237, 145,.1) 40%, rgba(186, 237, 145,.2) 40%, rgba(186, 237, 145,.2) 60%, rgba(186, 237, 145,.4) 60%, rgba(186, 237, 145,.4) 80%, rgba(186, 237, 145,.6) 80%),
    linear-gradient(90deg, rgba(178, 206, 254,0) 20%, rgba(178, 206, 254,.3) 20%, rgba(178, 206, 254,.3) 40%, rgba(178, 206, 254,.5) 40%, rgba(178, 206, 254,.5) 60%, rgba(178, 206, 254,.7) 60%, rgba(178, 206, 254,.7) 80%, rgba(178, 206, 254,.8) 80%),
    linear-gradient(-90deg, rgba(242, 162, 232,0) 20%, rgba(242, 162, 232,.4) 20%, rgba(242, 162, 232,.4) 40%, rgba(242, 162, 232,.5) 40%, rgba(242, 162, 232,.5) 60%, rgba(242, 162, 232,.6) 60%, rgba(242, 162, 232,.6) 80%, rgba(242, 162, 232,.8) 80%),
    linear-gradient(180deg, rgba(254, 163, 170,0) 20%, rgba(254, 163, 170,.4) 20%, rgba(254, 163, 170,.4) 40%, rgba(254, 163, 170,.6) 40%, rgba(254, 163, 170,.6) 60%, rgba(254, 163, 170,.8) 60%, rgba(254, 163, 170,.8) 80%, rgba(254, 163, 170,.9) 80%);
    background-color: rgb(82,149,147) !important;
    background-size: 100% 100%;
    background-blend-mode: overlay;
}

body.darktheme .section-lifestyle .section-background{
	background-color: #080c10 !important;
}


/*  baner-box ///////////////////////////////////////////////////////////*/


.baner-box {
    width: calc(100% - 0px);
    height: 0;
    padding-bottom: calc(100% + 0px);
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-box);
    box-shadow: var(--shadow1);


}
.scroll-column .baner-box + .baner-box{
	margin-top: var(--space);
}


.baner-box a{
	display: block;
	position:relative;
    border: 0;
}
.baner-box > iframe {
	display: block;
    position: absolute;
    max-width: none;
    transform-origin: 0px 0px;
    border-radius: 0.01rem;
}




@media (min-width:605px){
.baner-box .iframe2 {
	display:none;
}
.baner-box .iframe1 {
	display: block;
	margin-left: auto;
	margin-right: auto;
  }
}
@media (max-width: 605px) {
.baner-box .iframe1 {
	display:none;
}
.baner-box .iframe2 {
	display: block;
	margin-left: auto;
	margin-right: auto;
  }
}

/*  pcup ///////////////////////////////////////////////////////////*/

section.section-pcup .section-background{
	background-color: #b50968 !important;
    background-repeat: repeat-x;
	background-position: top center;
	background-size: auto;
    color: #ffffff;
}
section.section-pcup .section-title{
	text-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}
section.section-pcup a{
	color:#ffffff;
}
section.section-pcup a:after{
    color:#ffffff;
}
section.section-pcup .caption-date time + *:before,
section.section-pcup .author:before{
    color:#ffffff;
}
section.section-pcup a:hover,
section.section-pcup a:focus{
    border-color: #ffffff;
    text-decoration-color: #ffffff;
}


section.section-scup .section-background{
	background-color: #ba1929 !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    color: #ffffff;
}
section.section-scup .section-title{
	text-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}
section.section-scup a{
	color:#ffffff;
}
section.section-scup a:after{
    color:#ffffff;
}
section.section-scup .caption-date time + *:before,
section.section-scup .author:before{
    color:#ffffff;
}
section.section-scup a:hover,
section.section-scup a:focus{
    border-color: #ffffff;
    text-decoration-color: #ffffff;
}


section.section-gcup .section-background{
	background-color: #cf3950 !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    color: #ffffff;
}
section.section-gcup .section-title{
	text-shadow: 0px 2px 3px rgba(0,0,0,0.5);
}
section.section-gcup a{
	color:#ffffff;
}
section.section-gcup a:after{
    color:#ffffff;
}
section.section-gcup .caption-date time + *:before,
section.section-gcup .author:before{
    color:#ffffff;
}
section.section-gcup a:hover,
section.section-gcup a:focus{
    border-color: #ffffff;
    text-decoration-color: #ffffff;
}
section.section-gcup .event-baner > a{
	background-color: #ffffff
}
section.section-gcup .event-baner > a > img.full{
	position: relative;
	margin-left: 0;
}
section.section-gcup .event-baner.event-baner-ended > a > img.full{
	position: relative;
	margin-left: 0;
}
@media screen and (max-width:767px){
	section.section-gcup .event-baner.event-baner-ended > a > img.full{
		position: relative;
		margin-left: -33%;
	}
	section.section-gcup .event-baner > a > img.full{
		position: relative;
		
		width: 170%;
		max-width: 170%;
		margin-left: -33%;
		
		width: 100%;
		max-width: 100%;
		margin-left: 0;		
	}
	section.section-gcup .event-countdown{
		text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
	}
}


section.section-event .event-countdown{
	color:rgba(0,0,0,0.63);
    font-size: 1.3rem;
	position:absolute;
	top:1rem;
	bottom:1rem;
	right:1rem;
}
@media all and (max-width:767px){
	section.section-event .event-countdown{
		color:#ffffff;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-top: 1rem;
		padding: 0.5rem 0;
	}
}










/*  pool ///////////////////////////////////////////////////////////*/



section.section-pool .section-background{
    color: #ffffff;
    position: relative;
    overflow: hidden;
    background-color: var(--maincolor) !important;
    background-image: radial-gradient(circle at 0 0, rgba(0,98,199,0.7), rgba(0,78,255,0) 70%),
					  radial-gradient(circle at 100% 100%, rgba(0,116,140,0.8), rgba(0,116,140,0) 70%);
}
.section-pool-bg{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: 50% 60%;
    background-size: cover;
    background-color: var(--maincolor);

    opacity: 0.3;    
	mix-blend-mode: darken;
	background-blend-mode: normal;
	
	
}
.section-pool-bg-custom{
	opacity: 0.3;
	mix-blend-mode: lighten;
	background-blend-mode: color-burn;
}



.section-rates-bg{
    opacity: 0.15;
    background-repeat: repeat;
    background-position: top center;
    background-size: 50rem auto;
    mix-blend-mode: color-burn;    
    background-blend-mode: darken;
}
section.section-pool a{
	color: inherit;
}
section.section-pool a:after{
    color: inherit;
}
section.section-pool .caption-date time + *:before,
section.section-pool .author:before{
    color: inherit;
}
section.section-pool a:hover,
section.section-pool a:focus{
    border-color: #ffffff;
    text-decoration-color: #ffffff;
}

.pool-title {
    text-align: center;
    position: relative;
    margin: 1rem 0 3rem 0;
    z-index: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.pool-title h2 {
    font-size: 2rem;
    font-weight: 300;
    font-family: var(--fontfamily2);
}




.pool {
	display: flex;
	justify-content: center;
	margin: 2rem 0 1rem 0;
	gap: 1.5rem 2rem;
	flex-wrap: wrap;
}
.pool-visible .pool{
	padding: 0 0 1rem 0;
}



.pool-item{
	width: calc(50% - 1.5rem);
	max-width: 40rem;
	display: none;
	position: relative;
	counter-increment: my-counter;
}
.pool-visible .pool-item{
	display: grid;
	align-items: center;
	grid-template-columns: 3.7rem auto;
}

.pool-item:before {
	display: flex;
	justify-content: center;
	align-items: center;
	content: "";
	content: counter(my-counter, upper-alpha);
	width: 3.125rem;
	height: 3.125rem;
	border-radius: 50%;
	background: #e94d8f;
	color: #ffffff;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
	font-size: 1.4rem;
	font-family: var(--fontfamily2);
	font-weight: 300;
}




.pool-item .pool-item-image {
	min-width: 5.5rem;
	width: 5.5rem;
	position: relative;
	padding: 0.6rem;
	z-index: 2;
	display: flex;
	align-items: center;
	background: #ffffff;
	background-image: linear-gradient(6deg, rgba(0, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 50%);
}
.pool-item .pool-item-image img{
    object-fit: contain;
    position: relative;
    z-index: 2;
    width:100%;
    height: 100%;
    filter: drop-shadow(0px 7px 5px rgba(0, 0, 0, 0.2));
}
.pool-item-image.empty:after{
	content: "?";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	font-size: 3rem;
	justify-content: center;
	align-items: center;
	color: #888888;
	font-family: var(--fontfamily1);
	font-weight: 700;
	font-stretch: 100%;
	opacity: 0.25;
	text-shadow: none;
}


.pool-item .caption{
	text-align: left;
	font-size: 1.22rem;
	line-height: 1.3;
	font-weight: 400;
	font-family: var(--fontfamily2);
	font-stretch: 100%;
	position: relative;
	z-index: 1;
	display: flex;
	min-height: 5rem;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	cursor: pointer;
	text-decoration: none;
	transition: background 0.25s ease;
	box-shadow: var(--shadow3);
	border-radius: 0.3rem;
	overflow: hidden;
	background-image: linear-gradient(0deg, rgba(70, 70, 70, 0.15) 0%, rgba(0, 0, 0, 0.05) 100%);
	backdrop-filter: blur(1rem);
	background-color: rgba(10, 10, 10, 0.1);
}
.pool-item:hover .caption{
    background-color: rgba(0, 0, 0, 0.2);
}




.pool-item .button-container {
	padding: 0 1rem;
	text-align: right;
	z-index: 3;
	min-width: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pool-item .button-container .btn{
	display: flex;
	background: rgba(0, 0, 0, 0);
	border: none;
	color: inherit;
	box-shadow: none;
	text-decoration: none;
	outline: none;
	position: relative;
	width: 2.4rem;
	height: 2.4rem;
	min-height: 0;
	padding: 0;
	font-size: 2.2rem;
	transition: opacity 0.25s ease;
	align-items: center;
	justify-content: center;
}
.pool-item:hover .button-container .btn{
	opacity:1;
}
.pool-item .button-container .btn:before,
.pool-item .button-container .btn:after {
	left: 0;
	margin: 0;
	transform: scaleX(0.8);
	font-family: 'Font Awesome 5 Free';
	top: 0.1rem;	
}
.pool-item .button-container .btn-vote{
	xxcolor: var(--maincolor);
	xxborder: solid 2px rgba(255,255,255,0.3);
	font-size: 1.7rem;
	xxborder-radius: 0.4rem;
	xxbox-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.pool-item .button-container .btn-vote:after{
	content: "\f00c";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.25s ease;
	color:#ffffff;
}
.pool-item:hover .button-container .btn-vote:after{
	opacity: 1;
}




.pool-item .caption-container{
	margin: 1rem 0;
	padding: 0 0 0 1rem;
	flex-grow: 1;
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
}
.pool-item .results-container + .caption-container{
	max-width: calc(100% - 11rem);
}

.pool-item .results-container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0rem 0.7rem 0 0;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
	overflow: hidden;
}
.pool-item .results{
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: 0;
	background: var(--maincolor);
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 90%);
    background-blend-mode: difference;
    border-radius: 0 var(--radius-box) var(--radius-box) 0;	
    border-radius: 0;
    opacity: 0.9;
}
.pool-item .number{
	font-size: 1.2rem;
	line-height: 1;
	position: relative;
	z-index: 1;
}

	.pool-visible.pool-noimages .pool-item-image {
		display: none;
	}	


@media screen and (min-width:768px){
	.pool-box.pool-haveimage .pool-item{
		xxgrid-template-columns: 100%;	
	}
	.pool-box.pool-haveimage .pool-item .pool-item-image{
		xxpadding: 1rem;
		xxgrid-row: 1;
	}
	.pool-visible.pool-haveimage.pool-items-1 .pool-item,
	.pool-visible.pool-haveimage.pool-items-2 .pool-item{
		xxwidth: calc(40% - 1.5rem);
		xxgrid-template-rows: 9rem auto;	
	}
	.pool-visible.pool-haveimage.pool-items-3 .pool-item {
		xxwidth: calc(33.33% - 1.5rem);
		xxgrid-template-rows: 8rem auto;
	}
	.pool-visible.pool-haveimage.pool-items-1 .pool-item-image.empty:after,
	.pool-visible.pool-haveimage.pool-items-2 .pool-item-image.empty:after{
		xxfont-size: 7rem;	
	}
	.pool-visible.pool-haveimage.pool-items-3 .pool-item-image.empty:after{
		xxfont-size: 6rem;
	}	
}


@media all and (max-width:767px){
	.pool {
		margin: 0.5rem 0 1rem 0;
		gap: 1rem;
	}
	.pool-visible .pool-item{
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.pool-item:before {
		width: 2rem;
		height: 2rem;
		font-size: 1rem;
		font-weight: 400;
		z-index: 2;
		margin-bottom: -0.6rem;
		margin-left: -0.5rem;
	}

	
	.pool-item .caption-container {
		margin: 0.6rem 0;
		padding: 0 0 0 1rem;
	}

	.pool-item .results-container + .caption-container {
		max-width: calc(100% - 11rem);
	}
	.pool-item .results-container {
		padding: 0rem 0.7rem;
	}
	.pool-item .pool-item-image img {
		xxmax-height: 4rem;
    }
	.pool-item .caption {
		font-size: 1rem;
		min-height: 5rem;
		width: 100%;
	}

	.pool-title {
		margin: 1.2rem 0 1.2rem 0;
	}
	.pool-title h2 {
		font-size: 1.65rem;
	}
	.pool-item .pool-item-image{
		padding: 0.4rem;
		min-width: 5rem;
		width: 5rem;
		
	}
	.pool-item .button-container .btn {
		width: 2rem;
		height: 2rem;
		font-size: 1.7rem;
	}
	.pool-item .button-container .btn-vote {
		font-size: 1.5rem;
	}	
	
}




/*  page contener ///////////////////////////////////////////////////////////*/

.content-contener{
	display:flex;
	flex-direction: row;
}
.content-contener > *{
	display:flex;
}
.content-contener > * > * {
	flex-grow:1;
}
.content-image{
	width: calc(50% - 5rem);
	justify-content: flex-end;
    background-position: 55% 30%;
}
.content-text{
	width: calc(50% + 5rem);
	justify-content: flex-start;
}
.content-image .content-inside{
	max-width: 42rem;
	padding:15% 3rem;
}
.content-text .content-inside{
	max-width: 52rem;
	padding:5rem 3rem 5rem 4rem;
}
@media all and (max-width:767px){
	.content-contener{
		flex-direction: column;
	}
	.content-image{
		width: 100%;
		background-position: 50% 30%;
	}
	.content-text{
		width: 100%;
	}
	.content-image .content-inside{
		max-width: 100%;
		padding:6.5rem 2rem;
	}
	.content-text .content-inside{
		max-width: 100%;
		padding:2rem 1.5rem;
	}
}
@media all and (min-width:768px){
	.content-text .content-inside {
		min-height: 30rem;
	}
	.content-reverse{
		flex-direction: row-reverse;
	}
	.content-reverse .content-image{
		justify-content: flex-start;
	}
	.content-reverse .content-text{
		justify-content: flex-end;
	}
	.content-reverse .content-text .content-inside{
		padding:7rem 9rem 7rem 4rem;
	}
}
.content-contener:nth-child(even){
	background-color: #fafafa;
}

/* page header  ///////////////////////////////////////////////////////////*/

.header-panel{
	background-color: #59738b;
    background-size: cover;
    background-position: 50% 50%;
    padding: 0;
    position: relative;
    color: #ffffff;
    z-index: 3;
    margin-top:1rem;
}
.header-panel > .container {
    padding-top: 3rem;
    padding-bottom: 3rem;
    min-height: 24rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.header-panel h1{
	line-height: 1;
    font-size: 3rem;
}
.header-panel h1 + * {
    margin-top: 2rem;
}
.header-panel h1 + p {
    margin-top: 1rem;
}
.header-panel .btn{
	margin-bottom: 0.5rem;
    margin-right: 0.5rem;
}
.header-panel .content-contener {
    min-height: 25rem;
}
.header-panel .content-text {
    width: calc(50% - 5rem);
    align-self: center;
    justify-content: flex-end;
}
.header-panel .content-image {
    width: calc(50% + 5rem);
    background-position: 50% 50%;
    align-self: stretch;
    background-color: #e5e6e6;
    color: #000000;
}
.header-panel .content-text .content-inside {
    min-height: 3rem;
    max-width: 45rem;
    padding: 3rem 3rem 3rem 3rem;
}
.header-panel .content-contener{
	position:relative;
}
.header-panel .content-contener .content-image{
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}
.header-panel .content-contener .content-text{
	position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100rem;
    margin: 0 auto;
    justify-content: flex-start;
}
.header-panel .content-text .content-inside {
    min-height: 3rem;
    max-width: none;
    margin: 2rem 3rem;
    padding: 2rem;
    border-radius: 0.15rem;
    background: rgba(0,0,0,0.3);
    flex-grow: 0;
}
.header-panel * + .header-buttons:empty{
    margin-top: 0;
}
.header-buttons:not(:empty){
	margin-top:4rem;
	color: #59738b;
	display: inline-flex;
    min-width: 80%;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media all and (max-width:767px){
	.header-panel{
		margin-top:5rem;
	}
	.header-panel h1{
		font-size: 2rem;
	}
	.header-panel h1 + h3 {
		margin-top: 1rem;
		font-size: 1.5rem;
	}
	.header-panel > .container {
		min-height: 15rem;
		min-height: 18rem;
		justify-content: flex-end;
		padding-right: 8rem;
	}
	.header-panel .content-contener {
		min-height: 16rem;
	}
	.header-panel .content-contener .content-text {
		width: 100%;
		order:2;
		flex-grow: 1;
		align-items: flex-end;
	}
	.header-panel .content-contener .content-image {
		width: 100%;
		background-position: 55% 30%;
		order:1;
	}
	.header-panel .content-text .content-inside {
		max-width: 45rem;
		min-height: 3rem;
		padding: 1.5rem;
		margin: 1.5rem;
	}
	.header-panel .content-image .content-inside {
		max-width: 100%;
		padding: 7rem 2rem;
	}
	.header-buttons:not(:empty){
		margin-top:2rem;
		display:flex;
		flex-direction: column;
	}
}


/*  tables ///////////////////////////////////////////////////////////*/

.table {
	width: auto;
    max-width: calc(100% - 4px);
    margin: 2px 2px 2rem 2px;
    border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
    border-collapse: separate;
    border: solid 2px rgba(255,255,255,0.2);
    font-size: 0.94rem;
    overflow:hidden;

	background:#ffffff;
}
body.darktheme .table{
	background:#232323;
}


.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
    padding: 0.5rem 0.6rem;
    line-height: 1.1;
    vertical-align: top;
    border-top-color: rgba(140,140,140,0.3);
    word-break: normal;
}
.table > thead > tr > th{
    line-height: 1;
}
.table > thead + tbody > tr > td,
.table > thead + tbody > tr > th{

}
.table > tbody > tr:first-child > th,
.table > tbody > tr:first-child > td{
	border-top-color: transparent;
}


.table > thead {
	font-family: var(--fontfamily3);
    font-weight: 600;
    box-shadow: 0 1px 0 1px var(--maincolor);
    font-size: 1.1rem;
    position:relative;
    z-index:2;
}
.table > thead > tr > th,
.table > thead > tr > td {
    vertical-align: bottom;
    font-weight: inherit;
    border-width: 0 0 1px 0;
    border-color: rgba(140,140,140,0.3);
    padding: 0.5rem 0.6rem 0.35rem 0.6rem;
}
.table > tbody + thead{
	box-shadow: 0 1px 0 1px var(--maincolor),inset 0 2px 0px var(--maincolor);
}

table tr > *.short-10{
	width:10rem;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: rgba(180,180,180,0.15);
    background-color: rgba(170,170,170,0.12);
}

.table > tfoot > tr > * {
	border-top: solid 2px var(--maincolor) !important;
}


.table-responsive > .table-full, .table-full {
    width: calc(100% - 4px);
    overflow: hidden;
}

.table-responsive > .table-bordered,
.table-bordered{
	width: calc(100% - 4px);
    overflow:hidden;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td{
    border-color: rgba(140,140,140,0.3);
    border-width: 0 1px 1px 0;
}
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
    border-color: rgba(140,140,140,0.3);
    border-width: 1px 1px 0px 0;
}
.table-bordered tr > *:last-child{
    border-right-width: 0;
}


.table.table-condensed {
    font-size: 0.87rem;
    font-weight: 480;
    font-family: var(--fontfamily2);
}
.table.table-condensed > thead > tr > th,
.table.table-condensed > thead > tr > td {
    padding: 0.4rem 0.2rem 0.3rem 0.2rem;
    font-size:0.85rem;
}
.table.table-condensed th,
.table.table-condensed td {
    padding: 0.32rem 0.3rem 0.3rem 0.3rem;
}
@media screen and (max-width:767px){
	.table.table-condensed th,
	.table.table-condensed td {
		padding: 0.3rem 0.2rem 0.28rem 0.2rem;
	}
}

.table.table-colored thead {
    background: var(--maincolor);
    color: #ffffff;
}
.table.table-colored thead a {
    color: #ffffff;
}
.table.table-colored thead a:hover {
    text-decoration-color: #ffffff;
}
.table.table-colored > thead > tr > th,
.table.table-colored > thead > tr > td{
    border-color: rgba(250,250,250,0.35);
}
.table.table-colored thead tr + tr > *{
    background-color: rgba(0, 0, 0, 0.1);
}
.table.table-colored > thead{
    box-shadow: none;
}

.table.table-hover{
    overflow: hidden;
    position: relative;
    z-index: 3;
}
.table.table-hover thead{
	position: relative;
    z-index: 1;
}
.table.table-hover tbody{
    position: relative;
    z-index: 2;
}
.table.table-hover tr > *{
    position: relative;
}
.table.table-hover > tbody > tr:hover {
    background-color: rgba(160, 160, 160, 0.1) !important;
}
.table.table-hover th:not(:first-child):hover:after,
.table.table-hover td:not([class]):not(:first-child):hover:after {
    content: "";
    position: absolute;
    left: 0;
    top: -5000px;
    height: 10000px;
    width: 100%;
    z-index: -1;
    background-color: rgba(160, 160, 160, 0.1) !important;
    user-select: none;
    pointer-events: none;
}

.table.table-centered tr > *{
    text-align: center;
}
.table.table-centered tr > *.text-left{
    text-align: left;
}
.table.table-centered tr > *.text-right{
    text-align: right;
}


.table.table-middle tr > td{
    vertical-align:middle;
}
.table.table-middle tbody tr > th{
    vertical-align:middle;
}
.table.table-middle tfoot tr > th{
    vertical-align:middle;
}

.table-flex tbody{
	position: relative;
	z-index: 2;
	display: grid;
	width: 100%;
	grid-template-columns: 1fr;
	gap: 0 2rem;
}
.table-flex-2 tbody{
	grid-template-columns: 1fr 1fr;	
}
.table-flex-3 tbody{
	grid-template-columns: 1fr 1fr 1fr;	
}
.table-flex-4 tbody{
	grid-template-columns: 1fr 1fr 1fr 1fr;	
}

.table-flex tr{
	display: flex;
	width: 100%;
}

.table-flexcols-1-2-1 tr td:nth-child(2){
	flex-grow: 1;
}

.table-flex.table-middle td{
	display: flex;
	align-items: center;
}
.table-flex.table-centered td{
	display: flex;
	justify-content: center;
}






.table.table-small {
    font-size: 0.6875rem;
    font-weight: 450;
    font-family: var(--fontfamily2);
    box-shadow: none;
    
    border-color: rgba(140, 140, 140, 0.3);
	border-width: 0 1px 1px 1px;
	border-radius: var(--radius-small);
	
	border-width: 0 0px 1px 0px;
	border-radius: 0;	
	
	margin: 2px 2px 1rem 2px;
	margin: 0;
	
	font-family: var(--fontfamily1);
	font-stretch: 80%;
	
}
.table.table-small.table-bordered{
	border-width: 0 1px 1px 1px;
	border-radius: 2px;	

}


.table.table-small  > thead > tr > th,
.table.table-small  > thead > tr > td {
	padding: 0.4rem 0.5rem 0.25rem 0.5rem;
	font-size: 1.0rem;
	line-height: 1;
	font-weight: 700;
	
	
	font-family: var(--fontfamily1);
	font-stretch: 85%;
	font-size: 0.8125rem;
	font-weight: 650;	
	
}

.table.table-small th{
	font-weight: 650;
}

.table.table-small th,
.table.table-small td {
    padding: 0.25rem 0.5rem 0.35rem 0.5rem;
    line-height: 1;
}
.table.table-small > thead {
	font-family: var(--fontfamily3);
	font-weight: 600;
	box-shadow: 0 0px 0 0px var(--maincolor),inset 0 -1px 0px var(--maincolor);
	box-shadow: inset 0 2px 0px var(--maincolor);
	
	font-size: 1.1rem;
	position: relative;
	z-index: 2;
}
.table.table-small > tbody + thead {
	xxbox-shadow: 0 -1px 0 0px var(--maincolor),inset 0 -1px 0px var(--maincolor);
	xxbox-shadow: inset 0 1px 0px var(--maincolor);
}
.table.table-small h3{
	font-size: 1.1rem;
}



.table col.darkbg{
	background-color: rgba(170, 170, 170, 0.1);
}

.text-center {
    text-align: center !important;
}


caption {
    color: var(--maincolor);
    text-align: left;
    border: 1px solid #ddd;
    border-bottom: none;
    padding: 0.5rem 1rem;
}
.table-responsive{
	position:relative;
	top: -4px;
	margin-bottom: -4px;
}
.table-responsive + *:not(:empty){
	margin-top: 1.7rem;
}
.section-title + .table-responsive{
	margin-top: 1rem;
}

.table-responsive .table{
	margin-bottom: 4px;
}

a.table-teamname:not(:focus):not(:hover) {
    color: inherit;
}

.big > .number{
	font-size:1.2rem;
	font-weight: 350;
}




.bigger > .number{
	font-size:2.3rem;
}

.feature{
	font-weight: 400;
	font-size: 1.15rem;	
	xxcolor: var(--maincolor);
	xxcolor: var(--text-color);	
	background-color: rgba(150, 150, 150, 0.04);
}


@media screen and (min-width: 768px){
	.big2{
		font-size: 1rem;
		font-weight: 400;
	}
	.big2 > .number{
		font-size:1.35rem;
		font-weight: 350;
	}
}

@media screen and (max-width:767px){
	.big > .numbe,
	.big2,
	.big2 > .number,
	.feature{
			font-size:1rem;
			font-weight: 400;
	}

}


.record-gold > .number{
	color: #baa975;
	font-weight: 500 !important;
}
.record-silver > .number{
	color: #929aa2;
	font-weight: 500 !important;
}
.record-bronze > .number{
	color: #aa8b7e;
	font-weight: 500 !important;
}

body.darktheme .record-gold > .number{
	color: #d9bd64;
}
body.darktheme .record-silver > .number{
	color: #adafc0;
}
body.darktheme .record-bronze > .number{
	color: #aa8d71;
}





@media screen and (max-width:767px){
	.table-responsive {
		width: 100%;
		overflow-y: hidden;
		border: none;
		position:relative;
	}
	.table-responsive.table-responsive-scroll{
		border-right: 2px dotted var(--maincolor);
	}
	.table-responsive > .table{
		width:100%;
		margin-bottom: 10px;
	}
	.table-responsive>.table>thead>tr>th,
	.table-responsive>.table>tbody>tr>th,
	.table-responsive>.table>tfoot>tr>th,
	.table-responsive>.table>thead>tr>td,
	.table-responsive>.table>tbody>tr>td,
	.table-responsive>.table>tfoot>tr>td {
		white-space: normal;

		font-size: 0.7rem;
		line-height: 1;
	}
	
	
	.table>tbody>tr>td.big > .number{
		font-size:1rem;
		font-weight: 500;
	}
	.table>tbody>tr>td.bigger > .number{
		font-size:1rem;
		font-weight: 500;
	}
	.table>tbody>tr>td.feature{
		xxfont-size: 1rem;
		xxfont-weight: 500;	
	}	
	
}

.table p{
	word-break: normal;
}

@media screen and (min-width: 768px){
	.table-records > thead > tr > th, 
	.table-records > thead > tr > td, 
	.table-records > tbody > tr > th, 
	.table-records > tbody > tr > td, 
	.table-records > tfoot > tr > th, 
	.table-records > tfoot > tr > td {
		padding: 0.7rem 0.9rem;
		line-height: 1;
	}
	.table-records > thead > tr > th, 
	.table-records > thead > tr > td{
		padding: 0.5rem 0.9rem 0.4rem 0.9rem;	
		font-size: 1rem;
	}
	
	
	
}


/* //////////////////////////////////////////////////////////////// */

.paging{
    display: flex;
    gap: 0.3rem;
	margin-top: 5rem;
	margin-bottom: 1rem;
	justify-content: space-between;
}
.paging .btn{
	border-radius:2rem;
    white-space: nowrap;
    min-height: 2.2rem;
    padding: 0.5rem 0.8rem;
}
.paging-section{
	font-family: var(--fontfamily2);
    background-color: rgba(180,180,180,0.15);
    border-radius: 2rem;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 1;
    overflow: hidden;
    display: flex;
    letter-spacing: -0.08rem;
    justify-content: space-between;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
.paging-section a{
    border: none;
    text-decoration: none;
    padding: 0.4rem 0.3rem;
    display: flex;
    min-width: 2rem;
    align-items: center;
    justify-content: center;
}
.paging-section > *:last-child{
	padding-right:0.45rem;
}
.paging-section a:not(:focus):not(:hover):not(.active) {
    color: inherit;
}
.paging-section a.page.active{
    background-color: var(--maincolor);
    color:#ffffff;
    box-shadow: var(--shadow1);
}
@media screen and (min-width: 768px){
	.paging{
		justify-content: center;
		gap: 1rem;
	}
	.paging .btn{
		min-width: 3rem;
		min-height: 3rem;
		display: flex;
	    font-size: 1rem !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.paging-section{
		font-size: 1.1rem;
	    letter-spacing: -0.05rem;
	}
	.paging-section a{
		padding: 0.4rem 0.6rem;
		min-width: 3rem;
	}
	.paging-section > *:last-child{
		padding-right:0.8rem;
	}
}

/* //////////////////////////////////////////////////////////////// */

.pop-up{
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    background: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
}
.pop-up-content{
	position: relative;
    background: #ffffff;
    border-radius: var(--radius-box);
    padding: 2rem 1.5rem 2rem 2rem;
    box-shadow: var(--shadow3);
    min-width: 3rem;
    min-height: 3rem;
}
.pop-up-inner{
	max-width: 90vw;
    max-height: 75vh;
    overflow: auto;
    padding-right: 1rem;
}
.close.pop-up-close{
	float: none;
    position: absolute;
    top: 0;
    right: 0.5rem;
}

/* /// accordion ////////////////////////////////////////////////////////////*/

.panel-accordion{
	padding: 0;
    margin: 0;
    position: relative;
    border-radius: 0;
    box-shadow: var(--shadow1);
    background: #ffffff;
    border: none;
}
.panel-accordion + .panel-accordion{
	border-top: none;
    margin-top: 0rem;
}
.panel-accordion-header{
	padding: 0;
	background:#f5f5f5;
	cursor: pointer;
	display:flex;
}
.panel-accordion-content{
	display: none;
    margin: 0;
    padding: 2rem;
}

.panel-accordion-header h3 {
	padding: 1.5rem 2rem;
	margin: 0;
    font-size: 1.4rem;
    line-height: 1.2;
    transition: all 0.3s ease;
 	flex-grow:1;
	color:inherit;
}
.panel-accordion-header span{
	padding: 1.5rem 2rem;
	margin:0;
	display:flex;
	align-items: center;
	transition: all 0.3s ease;
}
.panel-accordion-header:hover h3 {
	color:var(--maincolor);
}
.panel-accordion-header:hover span {
	background:var(--maincolor);
	color:#ffffff;
}
.panel-accordion.toggled .panel-accordion-header h3{
	color:var(--maincolor);
}
.panel-accordion.toggled .panel-accordion-header span{
	background:var(--maincolor);
	color:#ffffff;
}
.panel-accordion-header span:after{
	transition: transform 0.3s ease;
    font-size: 1.1rem;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f078";
    transform: rotate(0deg);
}

.panel-accordion.toggled .panel-accordion-header span:after{
	transform: rotate(-180deg);
}

.panel-accordion a.anchor{
	position:absolute;
	top:-7rem;
	left:0;
	height:1px;
	width:1px;
}



/*  footer ///////////////////////////////////////////////////////////*/

footer{
	padding:0rem;
	position:relative;
	line-height: 1.2;
	background-color: rgba(180,180,180,0.3);
	background-color: rgba(128,128,128,0.2);
    background-color: rgba(160,160,170,0.2);
}
footer > .container{

}
footer ul{
	list-style:none;
}

.footer-box{
	padding:2rem 0;
}
.footer-menu {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;

    font-family: var(--fontfamily3);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.12rem;
    line-height: 1;

    margin:0 -0.8rem;
    padding-right: 3rem;
}
.footer-box a:not(:focus):not(:hover):not(.active){
  color: inherit;
}
.footer-menu a{
	display: block;
    padding: 0rem 0rem;
    margin: 0.4rem 0.6rem;
}
.footer-boxes{
	display: flex;
    align-items: center;
    justify-content: space-between;
    margin:0 -1rem;
}
.footer-boxes > *{
	padding:1rem;
	flex-grow: 1;
}
.footer-box-main{
	min-width: 22.15rem;
    max-width: 25.7rem;
}

.footer-copyright{
    padding: 0.5rem 0rem 5rem 0rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    align-items: center;
    font-weight: 600;
    font-stretch: 80%;
    font-family: var(--fontfamily3);
    text-transform: uppercase;
    line-height: 1;
}
.footer-copyright p{
	margin:0;
	padding: 0;
}
.footer-copyright > *{
	padding: 0.5rem 0rem 0rem 0rem;
}



.footer-sponsors-grid{
	display:grid;
	gap:1rem;
	grid-template-columns: 1fr;
}

@media screen and (min-width: 768px){
	.footer-sponsors-grid{
		display:grid;
		gap:1rem;
		grid-template-columns: 25% 23% 26% 26%;
		grid-template-columns: 0.85fr 0.85fr 1.15fr 1.15fr;
	}

	.footer-sponsors-grid .footer-sponsors-box {
		grid-column: 1 / span 4;
	}
	.footer-sponsors-grid .footer-sponsors-box-big ~ .footer-sponsors-box {
		grid-column: 2 / span 3;
	}
	.footer-sponsors-grid .footer-sponsors-box:nth-child(5) {
		grid-column: 1 / span 4;
	}


	.footer-sponsors-grid .footer-sponsors-box-big:nth-child(2) ~ .footer-sponsors-box:nth-child(3) {
		grid-column: 3 / span 2;
	}
	.footer-sponsors-grid .footer-sponsors-box-big:nth-child(2) ~  .footer-sponsors-box:nth-child(4) {
		grid-column: 3 / span 2;
	}
	.footer-sponsors-grid .footer-sponsors-box-big:nth-child(2) ~  .footer-sponsors-box:nth-child(5) {
		grid-column: 2 / span 3;
	}
	.footer-sponsors-grid .footer-sponsors-box-big:nth-child(2) ~  .footer-sponsors-box:nth-child(6) {
		grid-column: 1 / span 4;
	}


	.footer-sponsors-grid .footer-sponsors-box-big {
		grid-column: 1 / span 1;
		grid-row: 1 / span 3;
	}
	.footer-sponsors-grid .footer-sponsors-box-big:nth-child(2) {
		grid-column: 2 / span 1;
		grid-row: 1 / span 2;
	}
}



.footer-sponsors{
    padding: 0rem 0 0rem 0;
}
.footer-sponsors .container{

}
.footer-sponsors .flex-row{
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    width: calc(100% + 1rem);
}
.footer-sponsors .flex-row > div {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    float: none;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    flex-grow: 1;
}

.footer-sponsors .flex-row > .col-sm-9  .col-sm-3{
	width: 30%;
}
.footer-sponsors .flex-row > .col-sm-9  .col-sm-9{
	width: 70%;
}


.footer-sponsors .footer-sponsors-box{
	background-color: rgba(245,245,245,0.5);
    flex-grow: 1;
    position: relative;
    padding: 2rem 1rem 1rem 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    align-content: space-around;
    border-radius: var(--radius-element);
    overflow: hidden;
    border-top: solid 2px var(--maincolor);
    box-shadow: var(--shadow1);


    gap: 0.5rem;
}
body.darktheme .footer-sponsors .footer-sponsors-box{
	background-color: rgba(0,0,0,0.15);
}


.footer-sponsors-title{
	color: rgba(255,255,255,0.9);
    z-index: 5;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.8rem;
    font-stretch: 86%;
    line-height: 1.4;
    border-radius: 0 0 0 var(--radius-element);
    position: absolute;
    left: 0.6rem;
    top: -2px;
    display: flex;
    padding: 0.32rem 1.3rem 0.25rem 1rem;
    overflow: hidden;
}
.footer-sponsors-title:after {
    content: "";
    position: absolute;
	top: 0;
    left: -1rem;
    right: 0.3rem;
    bottom: 0;
    z-index: -6;
    transform: skew(0.96turn);
    border-radius: 0 0 var(--radius-element) 0;
    background-color: var(--maincolor);
}


.footer-sponsors a{
    position:relative;
    z-index:1;
    text-decoration: none;
    border: none;
    display: inline-block;
    text-align: center;
    margin: 0.01rem;
    width: 9.4rem;
    padding: 0.8rem;
    border-radius: var(--radius-element);
    background-attachment: fixed;
    transition: background-color 0.3s ease;
    margin: 0;
	padding: 0.5rem 0.6rem;
}
body .footer-sponsors a img{
    width: 100%;
    height: auto;
    filter: saturate(0) contrast(0.6) brightness(0.9);
    opacity: 0.4;
    transition: opacity 0.3s ease, filter 0.3s ease, transform 0.3s ease;
}
body.darktheme .footer-sponsors a img{
	filter: invert(1) grayscale(1) contrast(0.7) brightness(1.9);
}

.footer-sponsors-box-big a{
    width: 100%;
    max-width: 18rem;
}
.footer-sponsors-box-medium a,
.footer-sponsors-box a.medium{
    width: 100%;
    max-width: 15rem;
}


.footer-sponsors a:focus,
.footer-sponsors a:hover{
	background-color: #ffffff;
	text-decoration: none;
    transition: background-color 0.3s ease;
}
body .footer-sponsors a:focus img,
body .footer-sponsors a:hover img{
    filter: saturate(1);
    opacity: 1;
}
.footer-sponsors a:focus {
    z-index:2;
}

@media screen and (max-width:767px){
	.footer-boxes {
		flex-wrap: wrap;
    }
	.footer-box-main > *{
		padding:0.5rem 0;
	}
	.footer-menu {
		flex-direction: column;
		margin-bottom: 0.5rem;
		padding:0rem;
	}
	.footer-copyright {
		flex-direction: column;
	}
	.footer-sponsors-box a{
		width: 30%;
		max-width: 9rem;
	}
	.footer-sponsors-box-big a{
		width: 50%;
		max-width: 11rem;
	}
	.footer-sponsors-box-medium a,
	.footer-sponsors-box a.medium{
		width: 50%;
		max-width: 10rem;
	}	
	body .footer-sponsors-box a img{
		max-width: 9rem;
	}
	body .footer-sponsors-box-big a img{
		max-width: 9rem;
	}
	.footer-sponsors .flex-row > .col-sm-9  .col-sm-3{
		width: 100%;
	}
	.footer-sponsors .flex-row > .col-sm-9  .col-sm-9{
		width: 100%;
	}
}

/* //////////////////////////////////////////////////////////////// */

.dc-slider{
	position: relative;
    position:relative;
    z-index:50;
    pointer-events: none;
}
.dc-slider-container{
    border: solid 0px #dddddd;
    position: relative;
    scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	margin: 0 -3px;
	padding-bottom: 0px;
	overflow: hidden;
}

.dc-slider-buttons{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
}
.dc-slider-buttons > .container{
	min-height:100%;
}

.dc-slider-navigation{
	position:absolute;
	z-index:10;
	display:flex;
	align-items: center;
    justify-content: center;
	width:3rem;
	height:3rem;
	top: calc(50% - 1.1rem);
	cursor:pointer;
	user-select: none;

    line-height:1;
	border-radius:50%;
	border: solid 1px transparent;
	background: transparent;
	opacity:0.1;
	pointer-events: none;
	transition: opacity 0.25s ease,
				color 0.25s ease,
				background-color 0.25s ease,
				border-color 0.25s ease;

	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.63rem;
}

.games-slider .dc-slider-container{
	margin-bottom: -76vh;
	padding-bottom: 76vh;	
}
.games-slider .dc-slider-navigation{
	top: calc(50% - 38vh - 1.1rem);
}

.dc-slider-navigation.left{
	left:-0.5rem;
	padding: 0 0.1rem 0 0;
}
.dc-slider-navigation.right{
	right:-0.5rem;
	padding: 0 0 0 0.1rem;
}
.dc-slider-navigation.left:before {
    content: "\f053";
    transform: scaleX(0.6);
}
.dc-slider-navigation.right:before{
    content: "\f054";
    transform: scaleX(0.6);
}
.dc-slider-navigation.enabled{
	opacity:0.5;
	pointer-events: auto;
}

@media screen and (min-width:768px){
	.dc-slider-navigation-inside .dc-slider-navigation{
		opacity:0;
		background: #ffffff;
		color: #808080;
	}
	.dc-slider-navigation-inside .dc-slider-navigation.enabled{
		opacity:1;
	}
	.dc-slider-navigation-inside .dc-slider-navigation.left{
		left:0.5rem;
	}
	.dc-slider-navigation-inside .dc-slider-navigation.right{
		right:0.5rem;
	}
}

.dc-slider-navigation:hover,
.dc-slider-navigation:focus{
    box-shadow: var(--shadow1);
	opacity:1;
	background: var(--maincolor);
    color: #ffffff;
}
.dc-slider-navigation:focus{
	border-color: var(--maincolor);
	border-style: solid;
}

@media screen and (max-width:767px){
	.dc-slider-navigation{
		width: 3.4rem;
		height: 3.4rem;
		top: calc(50% - 1.3rem);
	}
	.dc-slider-navigation.left{
		left:-1rem;
		padding: 0 0.2rem 0 0;
	}
	.dc-slider-navigation.right{
		right: -1rem;
		padding: 0 0 0 0.2rem;
	}
}

.dc-slider-dock{
    padding: 0;
    display: flex;
	justify-content: flex-start;
    align-items: stretch;
    width: auto;
	position: relative;
	opacity:0;
	background:transparent;
	cursor:grab;
}
.dc-slider-dock.ui-draggable-handle {
	x-ms-touch-action: auto!important;
	xtouch-action: auto!important;
}
.dc-slider-dock.dragging{
	cursor:grab;
}
.dc-slider-dock.active{
	opacity:1;
	pointer-events: all;
}

.dc-slider-dots{
	position: absolute;
	bottom:1rem;
	right:1rem;
	display:flex;
	z-index:10;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
}
.dc-slider-dots > *{
    width: 1.5rem;
    height: 1.1rem;
    margin: 0.1rem;
    background: #464646;
    border-radius: var(--radius-small);
    cursor: pointer;
    color: #ffffff;
    font-size: 0.6rem;
    font-weight: 700;
    font-family: var(--fontfamily2);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.25s ease,
				color 0.25s ease;
	border: solid 0px transparent;
}
.dc-slider-dots > *.active{
    background: #eeeeee;
    color:#000000;
}
.dc-slider-dots > *:hover,
.dc-slider-dots > *:focus{
	background: var(--maincolor);
	color:#ffffff;
}
.dc-slider-counter{
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    padding: 0.4rem 0.7rem;
    font-size: 1.4rem;
    font-weight: 500;
    font-family: var(--fontfamily2);
    display: flex;
    z-index: 10;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
    border-radius: var(--radius-element);

    color: #333333;
    background: rgba(255,255,255,0.95);
}
.darktheme .dc-slider-counter{
    color: #ffffff;
    background: rgba(0,0,0,0.65);
}
@media screen and (max-width:767px){
	.dc-slider-counter{
		font-size: 1rem;
		right:0.5rem;
		bottom:0.5rem;
	}
}

/* //////////////////////////////////////////////////////////////// */

.players-slider{
    padding: 0 !important;
}
.players-slider .dc-slider-dock{
    height: auto;
   	padding-bottom: 0.3rem;
}
.players-slider .dc-slider-item{
	width: 20%;
    min-width: 20%;
    user-select: none;
}
.players-slider .dc-slider-item > *{
	display:block;
	margin:0 3px;
	color:#000000;
	box-shadow: var(--shadow1);
	border-radius: var(--radius-box);
	height: 100%;
	font-family: var(--fontfamily2);
}
.players-slider .dc-slider-item > * div{
	margin: 0;
    padding: 1rem;
    position: relative;
    z-index: 1;
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.players-slider .dc-slider-item a{
    border-radius: var(--radius-box);
    border: solid 0px #ffffff;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    overflow: hidden;
    background: #f3f3f3;
    color: #4b4b4b;
    text-decoration:none;
}
body.darktheme .players-slider .dc-slider-item a{
    background: #3a3a3a;
    color: #ffffff;
}
.players-slider .dc-slider-item a:after{
    position: absolute;
    z-index: 0;
    left: -1px;
    right: -1px;
	bottom: -1rem;
    content: "";
    background: #ffffff;
    height: 9rem;
    transform: skew(0deg, 5deg);
}
body.darktheme .players-slider .dc-slider-item a:after{
    background: #555555;
}
.players-slider .dc-slider-item img{
	width:100%;
	height:auto;
	z-index:3;
	position:relative;
	padding: 3px 0 0 0;
	border-radius: var(--radius-box) var(--radius-box) 0 0;
	filter: drop-shadow(3px -1px 5px rgba(0,0,0,0.2));
}
.player-box-photo .number,
.players-slider .dc-slider-item h2{
	z-index: 4;
    position: absolute;
    top: 0rem;
    box-sizing: border-box;
    right: 0.7rem;
    font-size: 5rem;
    font-weight: 340;
    line-height: 1;
    letter-spacing: -0.3rem;
    color: #bebebe;
    margin-top: 0;
}
.player-box-photo .number{
    font-size: 4.5rem;
    letter-spacing: -0.35rem;
    top: 0.3rem;
}
body.darktheme .player-box-photo .number{
    color:#363636;
}
body.darktheme .players-slider .dc-slider-item h2{
    color:#5c5c5c;
}

.players-slider .dc-slider-item h3{
    padding: 0rem 0rem 0.3rem 0rem;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.1;
    margin: 0;
}
.players-slider .dc-slider-item h4 {
    padding: 0rem 0rem 0rem 0rem;
    font-weight: 500;
    font-size: 0.94rem;
    line-height: 1;
    margin: 0 !important;
}
.players-slider .dc-slider-item a:focus,
.players-slider .dc-slider-dock:not([class*="dragging"]) .dc-slider-item a:hover{
	transition: background 0.2s ease, color 0.2s ease;
    transition-delay:0.3s;
	background-color: #ffffff;
	color:#ffffff;
}
.players-slider .dc-slider-item a:before{
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    content: "";
    border-top: solid 3px transparent;
    background: transparent;
    border-radius: var(--radius-box) var(--radius-box) 0 0;
    transition: border 0.25s ease;
    height: 10px;
    z-index:6;
}
.players-slider .dc-slider-item a:focus:before,
.players-slider .dc-slider-dock:not([class*="dragging"]) .dc-slider-item a:hover:before {
	transition-delay:0.3s;
    border-color: var(--maincolor);
}
body.darktheme .players-slider .dc-slider-item a:focus,
body.darktheme .players-slider .dc-slider-dock:not([class*="dragging"]) .dc-slider-item a:hover{
	background-color: #252525;
}
.players-slider .dc-slider-item a:focus:after,
.players-slider .dc-slider-dock:not([class*="dragging"]) .dc-slider-item a:hover:after{
	transition: background 0.2s ease, height 0.2s ease;
	transition-delay:0.3s;
	background: var(--maincolor);
	height: 12rem;
}
body.darktheme .players-slider .dc-slider-item a:focus:after,
body.darktheme .players-slider .dc-slider-dock:not([class*="dragging"]) .dc-slider-item a:hover:after{
	background: var(--maincolor);
}
.players-slider .dc-slider-item a:focus h2,
.players-slider .dc-slider-dock:not([class*="dragging"]) .dc-slider-item a:hover h2{
	transition: color 0.2s ease;
    transition-delay:0.3s;
	color: var(--maincolor);
}
@media screen and (max-width:991px){
	.player-box-photo .number{
		font-size: 4.5rem;
	}
	.players-slider .dc-slider-item h2 {
		font-size: 4.5rem;
		letter-spacing: -0.3rem;
		right: 1rem;
	}
	.players-slider .dc-slider-item h3 {
		font-size: 1rem;
	}
	.players-slider .dc-slider-item h4 {
		font-size: 0.85rem;
	}
}
@media screen and (max-width:767px){
	.player-box-photo .number{
		font-size: 6rem;
	}
	.players-slider .dc-slider-item h2 {
		font-size: 3rem;
		letter-spacing: -0.3rem;
		right: 0.7rem;
	}
	.players-slider .dc-slider-item h3 {
		font-size: 0.9rem;
	}
	.players-slider .dc-slider-item h4 {
		font-size: 0.8rem;
	}
	.players-slider .dc-slider-item{
		width: 50%;
		min-width: 50%;
	}
}


/* //////////////////////////////////////////////////////////////// */

.gallery-slider{
    overflow-x: visible;
    z-index: 5;
}
.gallery-slider .dc-slider-container {
    border: none;
    margin: 0;
    padding: 0;
    background: rgba(102,102,102,0.2);
    border-radius:var(--radius-box);
    box-shadow: var(--shadow1);
}
.gallery-slider .dc-slider-dock{
    height: auto;
}
.gallery-slider .dc-slider-item{
	width: 100%;
    min-width: 100%;
    user-select: none;
}
.gallery-slider .dc-slider-item a{
	display: block;
    position: relative;
}
.gallery-slider .dc-slider-item figure{

}
.gallery-slider .dc-slider-item img{
	box-shadow:none;
}
.gallery-slider:not(.dc-slider-navigation-inside) .dc-slider-navigation.left {
	left: -1rem;
}
.gallery-slider:not(.dc-slider-navigation-inside) .dc-slider-navigation.right {
	right: -1rem;
}

@media screen and (max-width:767px){
	.gallery-slider .dc-slider-navigation.left {
		left: -2.1rem;
	}
	.gallery-slider .dc-slider-navigation.right {
		right: -2.1rem;
	}
	.gallery-slider:not(.dc-slider-navigation-inside) .dc-slider-navigation.left {
		left: -2.1rem;
	}
	.gallery-slider:not(.dc-slider-navigation-inside) .dc-slider-navigation.right {
		right: -2.1rem;
	}
	.gallery-slider .dc-slider-item{
		width: 100%;
		min-width: 100%;
	}
	
	

	.messages-boxes-inset .gallery-slider .dc-slider-buttons {
		left: -1.1rem;
		right: -1.1rem;
		
	}
	.messages-boxes-inset .gallery-slider .dc-slider-navigation.left {
		left: -1.1rem;
	}
	.messages-boxes-inset .gallery-slider .dc-slider-navigation.right {
		right: -1.1rem;
	}
	
	
	
}

/* //////////////////////////////////////////////////////////////// */







.test-slider2{
    padding-bottom: calc(1.5rem - 2px);
}
.test-slider2 .dc-slider-dock{
    height: 15rem;
}
.test-slider2 .dc-slider-item{
	border:solid 3px #ffffff;
	background:#f7b921;
	border-radius: var(--radius-box);
	padding:1rem;
	width: 50%;
    min-width: 50%;
    user-select: none;
}
.test-slider2 .dc-slider-item:nth-child(even){
	background:#4e0834;
	color:#ffffff;
}
.test-slider2 .dc-slider-item:focus{
	border-color:#ff0000;
}
@media screen and (max-width:767px){
	.test-slider2 .dc-slider-item{
		width: 100%;
		min-width: 100%;
	}
}








.games-slider{
	padding-top: 0;
    padding-bottom: 0;
    z-index:997;
}
.games-slider:hover{
    z-index:998;
}


.games-stripe{
    min-height: 8rem;
	color:inherit;
}
.gamesbox{
	font-family: var(--fontfamily1);
	width: 20%;
    min-width: 20%;
    margin:0;
	padding:1px 3px 2px 3px;
	border-radius:var(--radius-gamestrip);
	user-select: none;
}
.gamesbox-content{
	display:flex;
	flex-direction: column;
	align-items: center;
	height:100%;
	border-radius: calc(var(--radius-gamestrip) + 1px);
	background:#ffffff;
	background-image: linear-gradient(181deg, #f8f8f8 0%, #f9f9f9 70%);
	color:#000000;
	
	xxbox-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	
}
.ui-widget-content .gamesbox-content .gamesbox-body a {
	color: inherit;
}
.gamesbox-content.complete{
	background:#ffffff;
	background-image: linear-gradient(181deg, #fefefe 0%, #ffffff 70%);
	color:#000000;
}
body.darktheme .gamesbox-content{
	background:#3c3c3c;
	background-image: linear-gradient(181deg, #292929 0%, #272727 100%);
	color: #ffffff;
}
body.darktheme .gamesbox-content.complete{
	background:#666666;
	background-image: linear-gradient(181deg, #4f4f4f 0%, #424242 100%);
	color:#ffffff;
}

@media screen and (max-width:1540px){
	.gamesbox{
		width: 25%;
		min-width: 25%;
	}
}
@media screen and (max-width:767px){
	.gamesbox{
		width: 100%;
		min-width: 100%;
	}
}
@media (orientation: landscape) and (max-width: 767px){
	.gamesbox{
		width: 50%;
		min-width: 50%;
	}
}
.gamesbox img{
	pointer-events: none;
}
.gamesbox-header{
	display: flex;
    font-stretch: 75%;
	
    height: 1.9rem;
    font-size: 0.9rem;

    line-height:1.1;
    font-weight: 600;
	width: 100%;
	position:relative;
	z-index:2;
	border-radius: var(--radius-gamestrip) var(--radius-gamestrip) 0 0;
	overflow:hidden;
	letter-spacing: -0.025rem;
	
	background: #ebebeb;
	color:#000000;
	
	background: rgba(160, 160, 160, 0.1);
	color: inherit;
	
	xxbox-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
	
}
body.darktheme .gamesbox-header{
	xxbackground: #383838;
	xxcolor:#ffffff;
}
.gamesbox .gamesbox-content.live .gamesbox-header{
	background: rgba(255,255,255,1);
	color:var(--maincolor);
}
.gamesbox .gamesbox-content.complete .gamesbox-header{
    background: #ffffff;
    color:#000000;
    
    background: rgba(255, 255, 255, 0.2);
	color: inherit;
}
body.darktheme .gamesbox .gamesbox-content.complete .gamesbox-header{
    xxbackground: #ececec;
    xxcolor:#000000;
}





.gamesbox .gamesbox-content.gamesbox-content-ppcup{
	--maincolor: #d7227f;
	--maincolor: #eb4a9d;
}
.gamesbox .gamesbox-content.gamesbox-content-ppcup .gamesbox-header,
body.darktheme .gamesbox .gamesbox-content.gamesbox-content-ppcup .gamesbox-header{
	background: rgba(215,34,127,0.07);
	color: inherit;
	
	xxbackground: var(--maincolor);
	xxcolor: #ffffff;
}
.gamesbox .gamesbox-content.gamesbox-content-ppcup .gamesbox-header .date:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content:"\f091";
	padding: 0.5rem 0.8rem 0.4rem 0.55rem;
	margin: 0 0.4rem 0 -0.55rem;
	display: flex;
	align-items: center;
	background: var(--maincolor);
	color:#ffffff;
	-webkit-clip-path: polygon(100% 0,80% 100%,0px 100%,0 0)!important;
	clip-path: polygon(100% 0,80% 100%,0px 100%,0 0)!important;
	
	xxmargin-right: 0;
	xxpadding-right: 0.6rem;
}




.gamesbox .gamesbox-content.gamesbox-content-spcup{
	--maincolor: #e21d1e;
	--maincolor: #d83749;
}
.gamesbox .gamesbox-content.gamesbox-content-spcup .gamesbox-header,
body.darktheme .gamesbox .gamesbox-content.gamesbox-content-spcup .gamesbox-header{
	background: rgba(226, 29, 30, 0.07);
	color: inherit;
	
	xxbackground: var(--maincolor);
	xxcolor: #ffffff;
}
.gamesbox .gamesbox-content.gamesbox-content-spcup .gamesbox-header .date:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content:"\f091";
	padding: 0.5rem 0.8rem 0.4rem 0.55rem;
	margin: 0 0.4rem 0 -0.55rem;
	display: flex;
	align-items: center;
	background: var(--maincolor);
	color:#ffffff;
	-webkit-clip-path: polygon(100% 0,80% 100%,0px 100%,0 0)!important;
	clip-path: polygon(100% 0,80% 100%,0px 100%,0 0)!important;
	
	xxmargin-right: 0;
	xxpadding-right: 0.6rem;
}




.gamesbox .gamesbox-content.gamesbox-content-gpcup{
	--maincolor: #f36239;
}
.gamesbox .gamesbox-content.gamesbox-content-gpcup .gamesbox-header,
body.darktheme .gamesbox .gamesbox-content.gamesbox-content-gpcup .gamesbox-header{
	background: rgba(243,98,57,0.15);
	color: inherit;
	
	xxbackground: var(--maincolor);
	xxcolor: #ffffff;
}
.gamesbox .gamesbox-content.gamesbox-content-gpcup .gamesbox-header .date:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content:"\f45f";
    padding: 0.5rem 0.8rem 0.4rem 0.55rem;
	margin: 0 0.4rem 0 -0.55rem;
    display: flex;
    align-items: center;
    background: var(--maincolor);
    color:#ffffff;
    -webkit-clip-path: polygon(100% 0,80% 100%,0px 100%,0 0)!important;
    clip-path: polygon(100% 0,80% 100%,0px 100%,0 0)!important;
    
	xxmargin-right: 0;
	xxpadding-right: 0.6rem;
}




.gamesbox .gamesbox-content.gamesbox-content-PO .gamesbox-header,
body.darktheme .gamesbox .gamesbox-content.gamesbox-content-PO .gamesbox-header{
    xxbackground: linear-gradient(100deg, var(--maincolor) 45%, transparent 100%);
	xxcolor: #ffffff;
}
.gamesbox .gamesbox-content.gamesbox-content-PO.complete .gamesbox-header,
body.darktheme .gamesbox .gamesbox-content.gamesbox-content-PO.complete .gamesbox-header{
    xxbackground: var(--maincolor);
    xxcolor: #ffffff;
}

.gamesbox .gamesbox-content.gamesbox-content-PO .gamesbox-header .date:before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    content:"\f5a2";
    padding: 0.5rem 0.8rem 0.4rem 0.55rem;
	margin: 0 0.4rem 0 -0.55rem;
    display: flex;
    align-items: center;
    background: rgba(25,25,25,0.15);
    color:#ffffff;

    background: var(--maincolor);
    color: #ffffff;    
    
    -webkit-clip-path: polygon(100% 0,80% 100%,0px 100%,0 0)!important;
    clip-path: polygon(100% 0,80% 100%,0px 100%,0 0)!important;
}
.gamesbox .gamesbox-content.gamesbox-content-PO.live .gamesbox-header .date:before{
	margin-right: 0;
}








.gamesbox-body{
    display: flex;
    flex-grow: 1;
	border-radius:0 0 var(--radius-gamestrip) var(--radius-gamestrip);
	width: 100%;
	position: relative;
	padding: 0;
	
	transition: background 0.25s ease, box-shadow 0.25s ease;
	
	xxbox-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
	
	z-index: 3;
	box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.06);
	
}
.gamesbox .date{
	flex-grow: 1;
    font-size: inherit;
    line-height: inherit;
    font-weight: 550;
    padding: 0rem 0.5rem;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-transform: capitalize;
}
.gamesbox .date small{
	padding: 0.3rem;
	line-height: 0;
	color: #3d20c8;
}



.gamesbox-header .tv{
	min-width: 2rem;
    font-size: 0.8rem;
    font-weight: 650;
    padding: 0rem 0.25rem;
    color: inherit;
    display: flex;
    justify-content: center;
    align-items: center;

    color: #717171;
    position:relative;
    border-radius: 0 calc(var(--radius-gamestrip) - 1px) 0 0;
    z-index:1;
}
.gamesbox-header .tv:after{
	content: "";
    background: #ffffff;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    right: -0.5rem;
    left: -0.5rem;
    border-radius: 0;
    -webkit-clip-path: polygon(100% 0,100% 100%,0px 100%,0.5rem 0)!important;
    clip-path: polygon(100% 0,100% 100%,0px 100%,0.5rem 0)!important;
}


.gamesbox .gamesbox-content.live .gamesbox-header .tv{
    color: var(--maincolor);
}


.gamesbox-header .tv img{
	width: auto;
    height: 1.4rem;
}
.gamesbox .gamesbox-content.live .gamesbox-header .tv:before{
	font-family: 'Font Awesome 5 Free';
    font-size: 0.53rem;
    line-height: 1;
    margin: 0.03rem 0.2rem 0 0;
    font-weight: 900;
    content: "\f111";
    opacity:0;
    animation: blink-animation 3s infinite;
}

.gamesbox .team{
	position: relative;
	flex-grow:1;
	display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
	font-size: 0.8rem;
    line-height: 1.1;
    width: calc(50% - 1.6rem);
    padding: 5px 0 0 0;
}
.games-slider-names .gamesbox .team{
    justify-content: flex-start;
}

.gamesbox .logo{
    width: 5.6rem;
    height: 5.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    color: #333333;
    padding: 0.7rem;
    border-radius: 50%;
}
.games-slider-names .gamesbox .logo{
	width: 4rem;
    height: 4rem;
    padding: 0.6rem;
    position: relative;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
    font-size:0;
}

@media screen and (max-width:767px){
	.games-slider-names .gamesbox .logo{
		width: 4.5rem;
		height: 4.5rem;
		padding: 0.8rem;
		margin-bottom: 0.1rem;
	}
}


.gamesbox .gamesbox-body .name {
    font-family: var(--fontfamily3);
    line-height: 1;
    opacity: 0.9;
    
    font-weight: 600;
    padding: 0.2rem 0.7rem 0.5rem 0.7rem;    
    font-size: 0.88rem;    
    letter-spacing: -0.025rem;  
      
	font-weight: 550;
	padding: 0.4rem 0.55rem 0.45rem 0.55rem;
	font-size: 0.85rem;
	letter-spacing: -0.03rem;
	
	font-weight: 500;
	font-family: var(--fontfamily1);
	font-stretch: 70%;
	font-size: 0.8rem;
	letter-spacing: -0.025rem;
	
	min-height: 2.4rem;
	
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
    
}
.gamesbox .score{
	position: relative;

	color:#949494;
	width:3.2rem;
	display: grid;
    grid-template-columns: 1fr 1fr;
    font-weight: 300;
    font-family: var(--fontfamily2);
    font-size: 1.875rem;
    line-height: 1.01;
    overflow:hidden;
	border-radius: var(--radius-small);
	justify-items: center;
	gap: 2px;
	margin: 8px 0;
}
.gamesbox .score > *{
	display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    align-items: center;
    justify-content: center;

    border-radius: var(--radius-small);
	background-color: transparent;
	border: solid 1px rgba(140, 140, 140, 0.4);
	color: #a3a3a3;
}
.gamesbox .score > * > *{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.gamesbox .score.small > *{
	font-size: 0.8rem;
    font-weight: 500;
    flex-direction: column;
}
.gamesbox-body .score > *{
    background-color: rgba(0,0,0,0.08);
    background-color: transparent;
	border: solid 1px rgba(140, 140, 140, 0.4);
	color: #a3a3a3;
}

.gamesbox .win{
	background-color: var(--wincolor);
    color: #ffffff;
    border-color: transparent;
}
.gamesbox .lost{
	background-color:var(--lostcolor);
	color: #ffffff;
	border-color: transparent;
}
.gamesbox .gamesbox-panel .win{
	background-color: var(--wincolor);
    color: #ffffff;
    border-color: transparent;
}
.gamesbox .gamesbox-panel .lost{
	background-color: var(--lostcolor);
	color:  #ffffff;
	border-color: transparent;
}


.gamesbox .gamesbox-panel{
	position:absolute;
	top: 100%;
	left: -100vw;
    margin: 0px 3px;

	width: 25.5rem;
	height: auto;
	max-width:calc(100% - 6px);
	opacity: 0;
    transition: width 0.2s ease-in, opacity 0.2s ease-in;
    padding-top: 2px;
    cursor:auto;
    color: #333333;
    display:none;
}
.gamesbox.open .gamesbox-panel{
    left:auto;
	width: 26rem;
	display:block;
}
.gamesbox.open .gamesbox-panel.opened{
    opacity: 1;
}



.gamesbox .gamesbox-panel > *{
	background: #ffffff;
	box-shadow: var(--shadow3);
	border-radius: var(--radius-menu);	
	
}
.gamesbox .gamesbox-panel > *:nth-child(even) {
	background: #f4f4f4;
}
.gamesbox .gamesbox-panel .tooltip-icon{
	font-size: 1rem;
    margin: 0 0.4rem;
    line-height: 1.2;
}
.gamesbox .gamesbox-panel .date {
	background: var(--maincolor);
    color: #ffffff;
    padding: 0.55rem 1rem 0.4rem 1rem;
	display: flex;
	gap: 1rem;
	font-size: 1rem;
	font-stretch: 75%;
	justify-content: space-around;
    border-radius: var(--radius-menu) var(--radius-menu) 0 0;
}
.gamesbox .gamesbox-panel .date .date-a{
	white-space: nowrap;
}
@media screen and (max-width: 767px) {
	.gamesbox .gamesbox-panel .date{
		gap: 0.1rem;
		flex-direction: column;
		font-size: 1.2rem;
		padding: 0.5rem 0.5rem 0.4rem 0.5rem;
	}
}



.gamesbox .gamesbox-panel-teams{
    display: flex;
    padding: 0;
    background-color: #f4f4f4;
}
.gamesbox .gamesbox-panel .score {
	width: 5rem;
    font-size: 2.3rem;
    height: 6rem;
    position: relative;
    padding: 1.6rem 0;
    background-color: #ffffff;
    margin:0;
}
.gamesbox .gamesbox-panel .gamesbox-panel-teams .score > * + *:before{
    position: absolute;
    font-size: 0.8em;
    left: -0.3rem;
    color: #878787;
    font-family: var(--fontfamily1);
}
.gamesbox .gamesbox-panel .team {
	flex-direction: column;
    justify-content: flex-start;
    font-family: var(--fontfamily2);
    width: calc(50% - 3rem);
    text-align: center;
    font-size: 0.8rem;
    line-height: 1.1;
    padding: 0;
    font-family: var(--fontfamily3);
    font-size: 1rem;
    line-height: 1.01;
}
.gamesbox .gamesbox-panel .logo {
    width: 100%;
    height: 6rem;
    padding: 0.7rem 0.5rem;
    background-color: #ffffff;
    border-radius: 0;
    margin:0;
    box-shadow:none;
}
.gamesbox .gamesbox-panel .logo a{
	display:block;
    height: 100%;
}

.gamesbox .gamesbox-panel .name {
	font-weight: 500;
    padding: 0.5rem 0.6rem;
    
    padding: 0.6rem 0.5rem 0.5rem 0.5rem;
	line-height: 1;
    
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
    
}
.gamesbox .gamesbox-panel .tv{
    padding: 0.7rem 1rem;
    display: flex;
    justify-content: space-evenly;
    background: #ffffff;
    flex-wrap: wrap;
}
.gamesbox .gamesbox-panel .points + .tv{
	border-top: solid 1px #f4f4f4;
}

.gamesbox .gamesbox-panel .tv img{
	width: auto;
    height: 2rem;
}
.gamesbox .gamesbox-panel-teams.gold{
    flex-wrap: wrap;
}
.gamesbox .gamesbox-panel-teams.gold,
.gamesbox .gamesbox-panel-teams.gold .team .logo,
.gamesbox .gamesbox-panel-teams.gold .score{
    background-color: #d0ccb5;
    color: #000000;
}
.gamesbox .gamesbox-panel-teams.gold,
.gamesbox .gamesbox-panel-teams.gold .team .logo{
    zoom: 0.78;
}
.gamesbox .gamesbox-panel-teams.gold .team .logo{
	background: #fff;
	margin: 0 auto;
	align-self: center;
	padding: 0.8rem;
	height: 5.5rem;
	width: 5.5rem;
	border-radius: 50%;
}
.gamesbox .gamesbox-panel-teams.gold .team .name{
     display:none;
}
.gamesbox-panel-teams.gold .title{
	padding-top: 0.3rem;
    width: 100%;
    text-align: center;
    text-transform: none;
    position: relative;
    font-size: 0.9rem;
    font-weight: 600;
    z-index: 1;
}
.gamesbox .gamesbox-panel .points{
	padding: 0.5rem 1rem 0.7rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.8rem;
    font-weight: 600;
    color: #858585;
    font-family: var(--fontfamily2);
    background: #ffffff;
}
.gamesbox .gamesbox-panel .points .score{
	width: auto;
    height: auto;
    padding: 0.1rem 0 0 0.5rem;
    margin: 0 1rem;
    display: flex;
    font-size: 0.95rem;
    font-weight: 700;
    gap:1px;
    font-size: 0.86rem;
	line-height: 1;
	font-weight: 500;
	background: transparent;
}
.gamesbox .gamesbox-panel .points.gold .score{
	padding: 0.05rem 0 0 0.5rem;
	margin: 0;
}

.gamesbox .live .points .score span:not(.win):not(.lost){
    background:#ffffff;
}

.gamesbox .gamesbox-panel .points .score *{
    grid-row: 1;
    padding: 0.15rem 0.2rem 0.2rem 0.2rem;
    position:relative;
    border-radius: 3px 0 0 3px;
    min-width: 1.4rem;
}



.gamesbox .gamesbox-panel .points .score *:nth-child(even) {
    margin-right: 0.25rem;
    border-radius: 0 3px 3px 0;
}
.gamesbox .gamesbox-panel .points .score *:nth-child(even):before{
    position: absolute;
    left: -0.15rem;
    color: #878787;
}
.gamesbox .gamesbox-panel .buttons{
    background: rgba(242,242,242,1);
    background: rgba(255,255,255,1);
    padding: 0.7rem 1rem;
    display: flex;
    justify-content: space-evenly;
    border-radius: 0 0 var(--radius-menu) var(--radius-menu);
}
.gamesbox .gamesbox-panel .tv + .buttons{
    background: rgba(242,242,242,1);
}
.gamesbox .gamesbox-panel .points:not([style*='none']) ~ .buttons{
    background: rgba(242,242,242,1);
}
.games-slider-new .gamesbox .gamesbox-content.live {
    color: #ffffff;
    background-color: var(--maincolor) !important;
    background-image:	radial-gradient(circle at -10% -10%, rgba(122,205,255,0.35), rgba(0,0,0,0.2) 75%),
						radial-gradient(circle at 110% 110%, rgba(122,205,255,0.35), rgba(0,0,0,0) 75%);
}
.games-slider-new .gamesbox .gamesbox-content.live .gamesbox-body:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('/_images//common/news1.jpg');
	content:"";
	border-radius: 0 0 calc(var(--radius-gamestrip) + 1px) calc(var(--radius-gamestrip) + 1px);
    opacity: 0.14;
    background-color: var(--maincolor);

    mix-blend-mode: soft-light;
    background-blend-mode: color-burn;

    mix-blend-mode: color-burn;
    background-blend-mode: darken;
}
.games-slider-new .gamesbox .gamesbox-body .score{
    color: inherit;
}
.games-slider-new .gamesbox .gamesbox-body .score > *:not([class]){
    color:#bdbdbd;
}
.games-slider-new .gamesbox .gamesbox-content.live .gamesbox-body .score > *:not([class]){
    background-color: rgba(0,0,0,0.25);
    color:#ffffff;
}
.games-slider-new .gamesbox .gamesbox-content.live .gamesbox-header .date{
	background: var(--maincolor);
	color:#ffffff;
}
.games-slider-new .gamesbox .gamesbox-content.live .gamesbox-body {
    text-shadow: var(--shadow1);
}
.games-slider-new .gamesbox .gamesbox-content.live .gamesbox-body .logo {
    box-shadow: var(--shadow1);
}
.games-slider-new.games-slider-names .gamesbox .gamesbox-content.live .gamesbox-body .logo{
	width: 3.5rem;
    height: 3.5rem;
    margin: 1px 0 0 0;
    padding:0.5rem;
}
.games-slider-new .gamesbox .gamesbox-content.live:hover .gamesbox-body:after,
.games-slider-new .gamesbox .gamesbox-content.live:focus .gamesbox-body:after,
.games-slider-new .gamesbox .gamesbox-content.live.open .gamesbox-body:after{
    border-color: #ffffff;
}



.games-slider-new4 .gamesbox .gamesbox-content.live {
    color: #ffffff;
    background-color: var(--maincolor) !important;
    background-image: linear-gradient( 180deg, rgba(0,0,0,0.25) 20%, rgba(0,0,0,0) 100%);
    background-blend-mode: hue;


	background-image: 	radial-gradient(circle at 50% -30%, rgba(122, 205, 255, 0.15) 10%, rgba(0, 0, 0, 0.1) 75%),
						radial-gradient(circle at 50% 130%, rgba(0, 23, 53, 0.15) 10%, rgba(0, 0, 0, 0) 85%);
	background-blend-mode: hard-light;


}
.games-slider-new4 .gamesbox .gamesbox-body .score{
	color: inherit;
    gap: 2px;
    width: 4.3rem;
    align-self: center;
    position: relative;
    z-index: 2;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}
.games-slider-new4 .gamesbox .gamesbox-body .score > *:not([class]){
    color:#bdbdbd;
}
.games-slider-new4 .gamesbox .planned .gamesbox-body .score > *[class=''] {
	color: #bdbdbd;
}
.games-slider-new4 .gamesbox .complete .gamesbox-body .score:not(.small) > *[class='']{
	background-color: rgba(140, 140, 140, 0.4);
	border-color: transparent;
	color: #ffffff;
}


.games-slider-new4 .gamesbox .gamesbox-body .score > *{
    border-radius: var(--radius-small);
    height: 2.42rem;
}
.games-slider-new4 .gamesbox .live .gamesbox-body > .score.small{
    width: 3rem;
    gap: 1px;
    align-self: stretch;
    margin-left: 0;
    margin-right: 0;
    overflow: visible;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);
}
.games-slider-new4 .gamesbox .live .gamesbox-body > .score.small > * {
    font-size: 0.86rem;
    font-weight: 500;
    height: auto;
    border-radius:0;
}

.games-slider-new4 .gamesbox .live .gamesbox-body .score:not(.small) {
	padding:1px;
}
.games-slider-new4 .gamesbox .live .gamesbox-body .score:not(.small) > *:not(.small) {
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);
}
.games-slider-new4 .gamesbox .live .gamesbox-body .score:not(.small) > *.small {

}
.games-slider-new4 .gamesbox-content.live .gamesbox-body .score > *:not(.win):not(.lost) {
	background-color: rgba(0, 0, 0, 0.25);
	color: #ffffff;
	border-color: transparent;
}
.game-box.live .game-result .game-score.gs:not(.win):not(.lost){
	background-color: rgba(0, 0, 0, 0.25);
	color: #ffffff;
	border-color: transparent;
}
.games-slider-new4 .gamesbox .gamesbox-body .score > *.small {
    border-radius: var(--radius-small);
    font-size: 0.86rem;
    font-weight: 500;
    width:1.7rem;
    height: 1.3rem;
    justify-self: end;
}
.games-slider-new4 .gamesbox .gamesbox-body .score > *.small + *.small{
	justify-self: start;
}


.games-slider-new4 .gamesbox .gamesbox-body{
	overflow: hidden;
}
.games-slider-new4 .gamesbox .gamesbox-body .score > *.small.win {
    background-color: #a7a07f;
}
.games-slider-new4 .team.win{
    background-color: #d0ccb5;
    color:#000000;
}
.games-slider-new4 .points.gold{
    background-color: #d0ccb5;
    color:#000000;
    flex-direction: row;
    justify-content: center;
}
.games-slider-new4 .team.win:before{
    content: "";
    background-color: #d0ccb5;
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    right: -0.5rem;
    left: -0.5rem;
    border-radius: 0;
    -webkit-clip-path: polygon(100% 0px,95% 100%,0px 100%,5% 0px)!important;
    clip-path: polygon(100% 0px,95% 100%,0px 100%,5% 0px)!important;
}



.games-slider-new4 .gamesbox .gamesbox-body .team{
    width: calc(50% - 1.5rem);
}

.games-slider-new4 .gamesbox-content.live .gamesbox-body .score > *:not([class]){
    background-color: rgba(0,0,0,0.25);
    color:#ffffff;
    border:solid 0px #dddddd;
}
.games-slider-new4 .gamesbox-content.live .gamesbox-body .score > *[class=''] {
	background-color: rgba(0,0,0,0.25);
	color: #ffffff;
	border: solid 0px #dddddd;
}


.games-slider-new4 .gamesbox-content.live .gamesbox-header .date{
	background: var(--maincolor);
	color:#ffffff;
}
.games-slider-new4 .gamesbox-content.live .gamesbox-body {
    text-shadow: var(--shadow1);
}
.games-slider-new4 .gamesbox-content.live:hover .gamesbox-body:after,
.games-slider-new4 .gamesbox-content.live:focus .gamesbox-body:after,
.games-slider-new4 .open .gamesbox-content.live .gamesbox-body:after{
    border-color: #ffffff;
}
.games-slider-new4 .gamesbox-content.live .gamesbox-body .name a{
	color:#ffffff;
	text-decoration: none;
}

.gamesbox-content-gpcup .score span[data-synced-games-content=set4pointsTeamA],
.gamesbox-content-gpcup .score span[data-synced-games-content=set4pointsTeamB],
.gamesbox-content-gpcup .score span[data-synced-games-content=set5pointsTeamA],
.gamesbox-content-gpcup .score span[data-synced-games-content=set5pointsTeamB]{
	display:none;
}





.overshow{
	overflow:visible !important;
}


/* //////////////////////////////////////////////////////////////// */

.baner-slideshow{
	position:relative;
	overflow:hidden;
	display:flex;
    box-shadow: var(--shadow1);
    border-radius: var(--radius-box);
}
.baner-slideshow > *{
	width:100%;
	min-width:100%;
	box-shadow:none;
	border-radius: calc(var(--radius-box) + 50px);
	transition: border-radius 1s ease;
}
.baner-slideshow > *:nth-child(2){
	border-radius: calc(var(--radius-box) + 3px);
	transition: border-radius 0s ease;
}
.baner-slideshow > *:first-child{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	border-radius: var(--radius-box);
	transition: border-radius 1s ease;
}

/* //////////////////////////////////////////////////////////////// */

.marquee{
    margin: 0;
    border-radius: var(--radius-element);
    box-shadow: var(--shadow1);
	position:relative;
    line-height: 1;
    font-family: var(--fontfamily2);
    font-weight: 500;
    overflow: hidden;
	background-image: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
	background-color: #e2007a;
    color: #ffffff;
}
body.darktheme .marquee{
    color: #ffffff;
}
.marquee + .marquee{
	margin-top:1.5rem;
}
.marquee-title{
	position: relative;
	right:-0.5rem;
	white-space: nowrap;
    z-index: 2;
    display: flex;
    align-items: center;
    background-color: var(--maincolor);
    box-shadow: var(--shadow1);
    color: #ffffff;
    padding: 0 1.2rem 0 0.8rem;
    transform: skew(0.96turn);
	font-family: var(--fontfamily1);
	line-height:1;
    font-size: 0.94rem;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}
.marquee-title:before{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:-2rem;
	width:2.1rem;
	background-color:inherit;
}
.marquee-title > *{
    transform: skew(-0.96turn);
}
.marquee-container{
    width: 100%;
    position: relative;
    flex-grow: 1;
    overflow: hidden;
    font-size: 0.84em;
    font-weight: 600;
    height: 2.5rem;
}
.marquee-dock{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    display: flex;
    width:100%;
    justify-content: flex-start;
}
.marquee-elements{
    display: flex;
    width:100%;
}
.marquee3k__wrapper{
	display: flex;
}
.marquee-elements .marquee-item > *{
    white-space: nowrap;
    list-style: none;
    padding: 0 0rem;
    position: relative;
    display: inline-flex !important;
    align-items: center;
    height: 100%;
    cursor: default;
}
.marquee-elements .marquee-item > *:after{
    content: "❯";
    transform: scaleX(0.5);
    display: flex;
    font-size: 1rem;
    width: 2rem;
    top: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
}
.marquee-elements .marquee-item a{
    color: inherit;
    display: flex;
    align-items: center;
    height: 100%;
    border: none;
    padding:0 0.1rem;
    margin:0 -0.1rem;
    border: solid 2px transparent;
    border-width:2px 0 2px 0;
}
.marquee-elements .marquee-item a:hover,
.marquee-elements .marquee-item a:focus{
	transition: border 0.2s ease, color 0.2s ease, text-decoration 0.2s ease;
    transition-delay: 0.1s;
    color: inherit;
    text-decoration-color: #ffffff;
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}
.marquee-news3{
    font-size: 1.2rem;
    height: 5rem;
    font-weight:600;
    font-style:italic;
    font-family:var(--fontfamily1);
}

/* //////////////////////////////////////////////////////////////// */

.accent {
    color: var(--maincolor);
}
.latest-messages-table {
    margin-top: 1rem;
}
.latest-messages p{
	display: block;
    font-size: 0.83rem;
    font-weight: 550;
    line-height: 1.2;
    font-stretch: 93%;
    letter-spacing: -0.02rem;
    margin: 0 !important;
    padding: 0.3rem 0 !important;
    text-align: left;
}
.latest-messages p a{
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
}
.latest-messages p a:not(:focus):not(:hover) {
    color: inherit;
}
.latest-messages p + p{
	border-top: dotted 1px rgba(140,140,140,0.3);
}
@media screen and (max-width:767px){
	.latest-messages p{
		text-align:left;
	}
}
.latest-messages .latest-badge{
    font-weight: 600;
    font-size: 0.53rem;
    font-stretch: 90%;
    line-height: 1;
    color: #ffffff;
    text-transform: uppercase;
    padding: 3px 0.8rem 3px 0.35rem;
    margin-top: 0;
    overflow: hidden;
    position: relative;
    border-radius: 3px 0 0 3px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}
.latest-messages .latest-badge:after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    bottom: 0;
    right: 0.4rem;
    left: -0.5rem;
    border-radius: 0 1px 2px 0;
    transform: skew(0.96turn);
}
.latest-messages .latest-badge:before{
    font-weight: 100;
    font-size: 0.5rem;
    position: relative;
    top: -1px;
    margin: 0px 0.2rem 0 0;
}
.latest-messages .latest-badge.live:after {
    background: #e5164f;
}
.latest-messages .latest-badge.live:before {
    font-size: 0.45rem;
    content: "⬤";
    margin: 0 0.3rem 0 0;
    opacity: 0;
    animation: blink-animation 3s infinite;
}
.latest-messages .latest-badge.label:after,
.latest-messages .latest-badge.onlyhere:after {
    background: var(--maincolor);
}
.latest-messages .latest-badge.comment:after {
    background: #009be5;
}
.side-rank{
	margin-top:2rem;
}
.small-rank-table-layout > *{
	display: flex;
    flex-direction: column;
}
.small-rank-table:not(.table){
    border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
    border: solid 2px rgba(255,255,255,0.2);
    overflow:hidden;
    margin-top:0.75rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.small-rank-table:not(.table) > *{
	font-size: 0.8rem;
    line-height: 1.1;
    display: flex;
    padding: 0;
    font-weight: 500;
    border-radius:0;
    text-decoration:none;
    font-family: var(--fontfamily2);
}
.small-rank-table > span{
    margin: auto;
    min-height: 4rem;
}
.small-rank-table > span.title{
	margin: 0;
    min-height: 2rem;
    font-size: 0.8rem;
    line-height: 1;
}
.small-rank-table > a{
    text-decoration:none;
}
.small-rank-table > * > span{
	position:relative;
	padding: 0.3rem 0.5rem 0.3rem 0.5rem;
	display: flex;
    align-items: center;
	border-bottom: solid 1px rgba(140,140,140,0.3);
	transition: border-color 0.4s ease;
}
.small-rank-table > *:last-child > span{
	border-bottom-color: transparent;
}
.small-rank-table > * .number{
    font-weight: 580;
    letter-spacing: -0.05rem;
}
.small-rank-table > * .number:first-child{
    width: 1.6rem;
    min-width: 1.6rem;
    text-align: center;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
	border-right: solid 1px rgba(140,140,140,0.3);
	justify-content: center;
}
.small-rank-table > * > .accent{
	font-size: 0.9rem;
	padding-right: 0;
}
.small-rank-table > * .accent + .number{
	padding-left:0.1rem;
	white-space:nowrap;
	font-size:0.7rem;
}
.small-rank-table .win{
	font-size: 0.9rem;
    color: var(--wincolor);
}
.small-rank-table .lost{
	font-size: 0.9rem;
	color: var(--lostcolor);
}
.small-rank-table > * .team{
	flex-grow:1;
	padding: 0.36rem 0.5rem 0.355rem 0.5rem;
}
.small-rank-table > * .name{
    flex-grow: 1;
    font-size: 1.05rem;
    font-weight: 500;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.small-rank-table > * .number.ranking-big  span{
    font-size: 2rem;
    font-weight: 400;
    padding-right: 0.8rem;
    color: var(--maincolor);
	opacity:0.3;
}
.small-rank-table > * .points{
    padding-top: 0.3rem;
	font-size:0.84rem;
	display:block;
}
.small-rank-table > * .points span:not([class]){
    opacity:0.4;
    font-weight:600;
    padding:0 0.1rem;
}
.small-rank-table > *:nth-child(1) .number.ranking-big span{opacity:1;}
.small-rank-table > *:nth-child(2) .number.ranking-big span{opacity:0.9;}
.small-rank-table > *:nth-child(3) .number.ranking-big span{opacity:0.8;}
.small-rank-table > *:nth-child(4) .number.ranking-big span{opacity:0.7;}
.small-rank-table > *:nth-child(5) .number.ranking-big span{opacity:0.6;}
.small-rank-table > *:nth-child(6) .number.ranking-big span{opacity:0.5;}
.small-rank-table > *:nth-child(7) .number.ranking-big span{opacity:0.4;}
.small-rank-table .logo-bg,
.small-rank-table .player-bg{
    width: 3.5rem;
    height: 3.5rem;
    border-radius: var(--radius-small);
    box-shadow: var(--shadow1);
    background-color: #f6f6f6;
    background-image: linear-gradient( 6deg, rgba(0,0,0,0.06) 10%, rgba(0,0,0,0) 50%);
    padding:0;
}
.small-rank-table .logo-bg img,
.small-rank-table .player-bg img{
    width: 3.5rem;
    height: 3.5rem;
    margin:0;
    padding:0;
    filter: drop-shadow(2px -1px 2px rgba(0,0,0,0.2));
}

.small-rank-table.final-standings-small-table > a:nth-child(1) span.number:first-child,
.small-rank-table.final-standings-small-table > a:nth-child(2) span.number:first-child,
.small-rank-table.final-standings-small-table > a:nth-child(3) span.number:first-child{
	border-color: #ffffff !important;
	color: #ffffff;
}
.small-rank-table.final-standings-small-table > a:nth-child(1) span.number:first-child{background: linear-gradient(300deg, #c9b473, #caae6f, #b6964f);}
.small-rank-table.final-standings-small-table > a:nth-child(2) span.number:first-child{background: linear-gradient(300deg, #a6bec9, #adb6c2, #959aa6);}
.small-rank-table.final-standings-small-table > a:nth-child(3) span.number:first-child{background: linear-gradient(300deg, #da9860, #dea073, #c18a59);}

body.darktheme .small-rank-table.final-standings-small-table > a:nth-child(1) span.number:first-child,
body.darktheme .small-rank-table.final-standings-small-table > a:nth-child(2) span.number:first-child,
body.darktheme .small-rank-table.final-standings-small-table > a:nth-child(3) span.number:first-child{
	border-color: #3d3d3d !important;
}

body.darktheme .small-rank-table .player-bg {
    background-color: #444444;
}

.small-rank-table .logo-bg,
body.darktheme .small-rank-table .logo-bg{
    background-color: #ffffff;
}
.small-rank-table > * .logo{
	border-bottom-width: 1px;
    position: absolute;
    bottom: 0.6rem;
    right: 1.1rem;
}
.small-rank-table > * .logo > span {
	display:block;
	width: 3.5rem;
    height: 3.5rem;
    padding:0.5rem;
	border-radius:50%;
    box-shadow: var(--shadow1);
    background-color: rgba(255,255,255,1);
    background-image: linear-gradient( 6deg, rgba(0,0,0,0.06) 10%, rgba(0,0,0,0) 50%);
}
.small-rank-table > * .logo img{
	background:none;
	border-radius: 0;
    box-shadow: none;
    width:100%;
    height:auto;
}
.small-rank-table > a:focus span,
.small-rank-table > a:hover span{
	border-bottom-color: var(--maincolor);
}
.small-rank-table > a:not(:focus):not(:hover) {
    color: inherit;
}
a.sort{
	display:inline-block;
}
a.sort:after{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content:"";
}
a.sort.down:after{
	content:"\2800\f160";
}
a.sort.up:after{
	content:"\2800\f161";
}
.sticky-head{
	position:relative;
	opacity:1;
	transition: opacity 0.15s ease;
	z-index: 5 !important;
	box-shadow: var(--shadow1) !important;
}
.sticky-head tr > *{
	white-space:nowrap;
	line-height:1;
}
.sticky-head.waiting{
	opacity:0;
	transition: opacity 0s ease;
}
.sticky-head .rank-points-sort{
	width:7rem;
	text-align:center;
}
.table.small-rank-table > * .number.ranking-big span {
    font-size: 1.9rem;
    font-weight: 400;
    padding: 0;
    color: inherit;
}
.table.small-rank-table > * .number.ranking-big.colored span {
    color: var(--maincolor);
}
.table.small-rank-table > * .number:first-child span{
	font-size: 1.5rem;
	color: inherit;
}
.table.small-rank-table td.photo{
	width:7rem;
	text-align:center;
	padding:0.5rem;
}


.table.small-rank-table td.photo a{
	display: inline-block;
	background-color: #f3f3f3;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
	border-radius: 0.25rem;
	background-image: radial-gradient(circle at 50% 25%, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0) 70%), linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 50%);
	overflow: hidden;
}
body.darktheme .table.small-rank-table td.photo a{
	background-color: #444444;
}
.table.small-rank-table td.photo img{
	filter: drop-shadow(1px 0px 2px rgba(0,0,0,0.2));
}


.table.small-rank-table > * .number{
	width: auto;
    min-width: 1.6rem;
}
.table.small-rank-table > * .number:first-child {
    width: 1.6rem;
    min-width: 1.6rem;
    text-align: center;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    border-right: solid 1px rgba(140,140,140,0.3);
    justify-content: center;
}
.big-rank-table td > span {
    display: block;
}
.big-rank-table .photo a{
	display:block;
}
.table.big-rank-table td.photo {
    width: 6rem;
    min-width: 6rem;
    text-align: center;
    padding: 0.5rem;
}
.table.big-rank-table td img {
    width: 4.125rem;
    height: auto;
}
.big-rank-table .name a{
	color:inherit;
}
.big-rank-table .name a:hover,
.big-rank-table .name a:focus{
	text-decoration-color: inherit;
}

@media screen and (min-width:768px){
	.table.medium-rank-table td.photo {
	}
	.table.medium-rank-table > * .number.ranking-big:not(:first-child) span {
		font-size: 1.7rem;
	}
	.table.medium-rank-table .name {
	}
	.table.medium-rank-table .name span{
		padding:0 0.3rem;
	}
	.big-rank-table td > span{
		padding: 0.5rem 1rem;
	}
	.big-rank-table .name{
		font-size: 1.4rem;
	}
	.big-rank-table .number.ranking-big span {
		font-size: 2.1rem;
    }
}


@media screen and (max-width:767px){
	.small-rank-table > * .name {
		font-size: 0.92rem;
	}
	.small-rank-table > * .points {
		padding-top: 0.2rem;
		font-size: 0.78rem;
	}

	.table.small-rank-table > * .number.ranking-big span {
		font-size: 1.1rem;
	}
	.table.big-rank-table > * > tr > th,
	.table.big-rank-table > * > tr > td{
		padding: 0.3rem;
	}

	.table.big-rank-table td.photo {
		width: 2.8rem;
		min-width: 2.8rem;
		text-align: center;
		padding: 0.2rem 0.2rem;
	}
	.table.big-rank-table td img {
		width: 2.4rem;
		height: auto;
	}


}


table td.number,
table th.number,
.rank-table tbody tr td:first-child {
    width: 1.6rem;
    min-width: 1.6rem;
    text-align: center;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}


.number.rank-1,
.number.rank-2,
.number.rank-3,
.number.rank-4,
.number.rank-5{
    border-color: #ffffff !important;
	color:#ffffff;
}
.number.rank-1{
	background: #127dbe;
}
.number.rank-2{
    background: #29aabc;
}
.number.rank-3{
	background: #adadad;
}
.number.rank-4{
	background: #e0a818;
}
.number.rank-5{
	background: #dc4005;
}
.number.rank-6{
	background: #ffffff;
}

body.darktheme .number.rank-1,
body.darktheme .number.rank-2,
body.darktheme .number.rank-3,
body.darktheme .number.rank-4,
body.darktheme .number.rank-5{
    border-color: #3d3d3d !important;
}
body.darktheme .number.rank-6{
	background: #232323;
}



/* //////////////////////////////////////////////////////////////// */

.scroll-column {
    position: relative;
    display: flex;
    align-self: stretch;
}
.scroll-column > * {
	width:100%;
    position: sticky;
    bottom: 6rem;
    align-self: flex-end;
}
.scroll-column-top > * {
	width:100%;
    position: sticky;
    top: 3.5rem;
    bottom: unset;
    align-self: flex-start;
}

@media screen and (max-width:767px){
	.scroll-column{
		padding-top: 3rem;
	}
	.section-home .scroll-column{
		padding-top: 0rem;
	}

}

/* //////////////////////////////////////////////////////////////// */


.caption-date{
    font-family: var(--fontfamily2);
    font-size: 0.9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.caption-date time{
	position:relative;
    opacity: 0.7;
}
.caption-date time + *{
	display: flex;
    position: relative;
    align-items: center;
}
.article-info{
	display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0;
    padding: 0 0 1rem 0;
    font-size: 0.9rem;
}
.embed-responsive + .article-info,
figure + .article-info{

}

.article-info .caption-date{
	xxflex-grow: 1;
}


.article-info .message-badge{
    position: relative;
    top: 0;
    border: none;
    font-weight: 700;
    font-size: 0.7rem;
    line-height: 1;
    height: auto;
    margin: 0 0.3rem 0 0;
    align-self: center;
}
.article-info .message-badge span{
    position: relative;
    top: 0rem;
    left: 0;
    border-radius: var(--radius-element) 0 0 var(--radius-element);
    padding: 0.3rem 1.2rem 0.3rem 0.6rem;
    height: auto;
}
@media screen and (max-width:767px){
	.article-info .message-badge {
		margin: -0.3rem 0 0.5rem 0;
		align-self: flex-start;
	}
}


.author{
    display: flex;
    align-items: center;
    xxflex-grow: 1;
}
.caption-date time + *:before,
.author:before{
    content: "❯";
    transform: scaleX(0.7);
    display: inline-block;
    width: 0.5rem;
    color: var(--maincolor);
    font-weight: 600;
    margin: 0 0.5rem;
}
.author img{
    width: 2rem;
    border-radius: 50%;
    margin: 0 0 0 0.5rem;
    display:none;
}
.author p {
    font-size: 0.7rem;
    font-family: var(--fontfamily2);
    text-align: left;
}
.author p span{
	font-size: 0.9rem;
	font-weight:500;
}

.modal-backdrop{
	display:none !important;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.3);
}



.article-info .share-bar{
	flex-grow: 1;
	display: flex;
	justify-content: flex-end;
}

.share-bar p{
	font-size: 0.875rem;
    font-family: var(--fontfamily2);
}
.share-bar .share-bar-content{
	margin: 0;
	display:flex;
	align-items: center;

}
.share-bar a{
    font-size: 0.8rem;
    line-height: 1.3;
    margin: 0;
    padding: 0.3rem 0.6rem 0.2rem 0.6rem;
    min-width: 3rem;
    position: relative;
    z-index: 2;
    text-decoration: none;
    color: #ffffff;
	box-shadow: var(--shadow1);
	
	
	
	
	font-size: 0.7rem;
	line-height: 1;
	padding: 0.3rem 0.6rem 0.25rem 0.6rem;
	min-width: 2.5rem;
	text-align: center;
	
}

.share-facebook{background:#39548d;}
.share-twitter{background:#0fa3de;}
.share-linkedin{background:#1381bc;}
.share-mail{background:#fea231;}
.share-copy{background:#555555;}

.share-bar .share-facebook{
	border-radius: var(--radius-small) 0 0 var(--radius-small);
}
.share-bar .share-copy{
	border-radius:  0 var(--radius-small) var(--radius-small) 0;
}

.share-bar a:hover,
.share-bar a:focus{
	background:var(--maincolor);
	color:#ffffff;	
}
.share-bar .modal-dialog{
	color:#333333;
}


@media screen and (max-width:767px){

	.article-info{
		display: flex;

		margin: 0rem 0 0rem 0 !important;
		padding: 0 0 1rem 0;

		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;

	}
	.share-bar {
		margin: 0 0 0.8rem 0 !important;
	}

	.author:before{
		display:none;
	}
	.article-info .share-bar{order:1;}
	.article-info .caption-date{order:2;}
	.article-info .author{order:3;}

}



.social_menu{
	display: flex;
    align-items: center;
    justify-content: center;
}
.social_menu a{
	margin: 0.1rem;
    padding: 0.4rem;
    min-width: 2.4rem;
    border-width: 1px;
    font-size: 1.2rem;
    line-height: 1;
    text-align: center;
}

@media screen and (max-width:767px){
	.share-bar{
		flex-wrap:wrap;
	}
	.share-bar p {
		margin-bottom: 0.5rem;
	}
	.share-bar a{
		xxmin-width: 3.5rem;
	}
	.social_menu {
		justify-content: center;
		margin:0.5rem 0;
	}
}

.icons-social:last-child,
.icons-social{
	padding: 0;
	margin: 0rem 0 0 0;
	border-top: none;
	font-size: 1.35rem;
}
.icons-social a {
	padding: 0.2rem 0 0.2rem 0;
	margin: 0 0.4rem;
	text-decoration: none ;
	border: none;
}

.player-page-grid .icons-social{
	font-size: 1.5rem;
	justify-self: center;
}
.player-page-grid .icons-social a{
	margin: 0 0.8rem;
	
}
.player-page-grid .icons-social a:hover, 
.player-page-grid .icons-social a:focus {
	color: #ffffff;
}

.info-box * + .icons-social{
	margin: 0.4rem 0 0 -0.4rem;
}


/* stats layouts //////////////////////////////////////////////////////////////// */

.team-box.padded-logo{
    background-color: #ffffff;
}
.padded-logo img{
    padding:1.5rem;
}

.stats-section-box .section-background{
	background: var(--maincolor);
    color: #ffffff;
    background-color: var(--maincolor) !important;
    background-image: radial-gradient(circle at 0 0, rgba(0,98,199,0.7), rgba(0,78,255,0) 70%), radial-gradient(circle at 100% 100%, rgba(0,116,140,0.8), rgba(0,116,140,0) 70%);
}
.stats-section-box .section-background .container{
	background-color: transparent;
}

.stats-section-bg{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--maincolor);
    background-blend-mode: darken;
    filter: sepia(0.7) opacity(0.2) contrast(2) brightness(0.6);
}
.logo.boxed,
.stats-section-box .logo {
    background: #ffffff;
    background-image: linear-gradient( 6deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 60%);
    padding: 1rem 5.3rem;
    border-radius: var(--radius-box);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow1);
    position: relative;
    z-index: 3;
}
.logo.boxed img,
.stats-section-box .logo img {
    width: 100%;
    height: auto;
}
.stats-section-box h1{
    font-size: 3rem;
    margin-bottom: 0.5rem;
    font-family: var(--fontfamily2);
    line-height: 1.1;
}


.stats-layout{
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 1fr 1fr;

}
h1 + .stats-layout{
	margin-top: 2rem;
}
.stats-layout > *{
	text-align: center;
    padding: 1.1rem 0.6rem;
    background-color: rgba(255,255,255,0.1);

    background-image: linear-gradient( 6deg, rgba(0,0,0,0.06) 10%, rgba(0,0,0,0) 50%);
    background-image: linear-gradient( 2deg, rgba(0,0,0,0.045) 0%, rgba(0,0,0,0) 60%);
    
    border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
}
.stats-layout-white-bg > *{
    background-color: #ffffff;
    color: #333333;
}

.player-page-grid-main .stats-layout h2,
.stats-layout h2{
	font-size:1rem;
	line-height:1;
	margin:0;
    font-family: var(--fontfamily3);
}
.stats-layout img{
	width:auto;
	height:3.4rem;
	margin-right:0.2rem;
}
.stats-layout .number{
	font-size:2.3rem;
	vertical-align: middle;
}

.player-page-grid-main .stats-layout img{
	height:3rem;
}
.player-page-grid-main .stats-layout .number{
	font-size:2rem;
}


.stats-ico img{
	width:auto;
	height:4rem;
}


.filterable-content{
	padding: 2px 0;
}
.filterable-content h2,
.filterable-content h3,
.filterable-content h4{
    padding: 0.3rem 0.5rem;
    background: #f7f7f7;
    background: rgba(180,180,180,0.1);
    position: relative;
    border-radius: 0.2rem;
    text-align: center;
    margin: 0;
    font-family: var(--fontfamily2);
    line-height: 1.5;
    font-weight: 400;
}

.filterable-content h2{

}
.filterable-content h3{
    font-weight: 450;
    padding: 0.5rem 0.5rem;
}
.filterable-content h4{
    font-weight: 500;
    padding: 0.7rem 0.5rem;
}
.filterable-content h4:empty{
	display:none;
}

.game-box{
	display: grid;
    grid-auto-flow: column;
    grid-template-columns: 12% 12% 7.5% 20% 9% 20% 7.5% 12%;
    grid-template-columns: 10% 13% 7.5% 19% 9% 19% 7.5% 15%;
    align-items: center;
    font-size: 1rem;
    line-height: 1.1;
    padding: 0.2rem 0rem;
    margin: 0.4rem 0;
    border: solid 1px rgba(255,255,255,0.1);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
    border-radius: calc(var(--radius-gamestrip) + 1px);
    overflow: hidden;
}
.game-box.live{
    color: #ffffff;
    background-color: var(--maincolor) !important;
    background-image:	radial-gradient(circle at -10% -10%, rgba(122,205,255,0.35), rgba(0,0,0,0.2) 75%),
						radial-gradient(circle at 110% 110%, rgba(122,205,255,0.35), rgba(0,0,0,0) 75%);

	background-image: 	radial-gradient(circle at 50% -30%, rgba(122, 205, 255, 0.15) 10%, rgba(0, 0, 0, 0.1) 75%),
						radial-gradient(circle at 50% 130%, rgba(0, 23, 53, 0.25) 10%, rgba(0, 0, 0, 0) 85%);
	background-blend-mode: hard-light;
}



.game-box.live .game-result-box .game-result{
	position:relative;
}

.game-box.live:not(.game-box-big) .game-result-box .game-result:not(.goldset):after {
	position: absolute;
	top: -1.45rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: flex;
	width: 4.5rem;
	padding: 0.18rem 0.17rem 0.15rem 0.17rem;
	content: "Trwa!";
	border-radius: 0.2rem;
	justify-content: center;
	align-items: center;
	text-shadow: none;
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
	color: #ffffff;
	background-color: var(--maincolor);
	opacity: 0;
	animation: blink-animation 8s infinite;
	font-family: var(--fontfamily1);
	font-size: 0.92rem;
	text-transform: uppercase;
	line-height: 1;
	font-weight: 600;
	font-stretch: 75%;
	letter-spacing: -0.01rem;
}
small.in-progress{
	color: #ffffff;
	background-color: var(--maincolor);
	padding: 0 0.5rem;
	margin: 0 0 0 0.4rem;
	border-radius: var(--radius-button);
	position: relative;
	bottom: 0.3rem;
	opacity:1;
	display:none;
}
small.in-progress.live{
	display:inline;
	opacity:0;
	animation:blink-animation 8s infinite;
}

.game-box > *{
    vertical-align: middle;
    text-align: center;
    padding: 0.5rem 1rem;
}
.game-tv:not(:empty){
	
}
.game-tv{
	z-index: 3;
	padding: 0.5rem 0.2rem;
}
.game-tv img{
	width: auto;
	max-width: 100%;
	max-height: 2.4rem;
	font-size: 0.5rem;
	padding: 0.2rem 0.8rem;
	background: #ffffff;
	margin: 0.2rem 0;
	border-radius: var(--radius-button);
}

.game-date{
    text-align: left;
    padding: 0.5rem;
    font-size: 1rem;
    font-stretch: 75%;
	font-style: normal;
	font-weight: 550;
	font-family: var(--fontfamily1);
}
.game-date div{
}
.game-logo{
	display: flex;
	align-self: stretch;
	align-items: center;
	justify-content: center;
	padding: 0.2rem 0.5rem;
	z-index: 1;
}
.game-logo > *{
	display: inline-block;
	background: #ffffff;
	color: #333333;
	margin: 0 auto;
	border-radius: 50%;
	padding: 16%;
	padding: 14%;
}
.game-logo img{
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
}
@media screen and (min-width: 768px){
	 .filterable-content .game-logo img{
		max-width: 3.7rem;
	}
}
.game-team{
	font-size: 1.2rem;
	font-weight: 600;
    font-family: var(--fontfamily2);
	align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index: 2;
}
.game-more{
	text-align:right;
	padding: 0.5rem 1rem 0.5rem 1rem;
}
.game-result-box{
    font-family: var(--fontfamily2);
    font-weight: 400;
    font-size: 2.8rem;
    font-variant-numeric: tabular-nums;
    padding: 0.5rem 0;
    
    display: flex;
    flex-direction: column;
}
.game-result-box .doubledot{
    font-family: var(--fontfamily1);
    font-size: 0.8em;
    display:none;
}
.game-result {
    display: inline-flex;
    align-items: center;
    margin: 0 auto;
    gap: 2px;
}
.game-result {
	color: #a3a3a3;
}



.game-box.live:not(.game-box-big) .game-result-box{
    padding: 1.3rem 0 0 0;

}




.game-box .game-result .game-score.gs,
.game-box .game-result .game-score{
	background-color: rgba(0,0,0,0.08);
	border-radius: var(--radius-small);
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	font-family: var(--fontfamily2);

	background-color: rgba(140, 140, 140, 0.15);
	color: inherit;
	border: solid 1px transparent;

	background-color: transparent;
	border: solid 1px rgba(140, 140, 140, 0.4)
}
.game-box.complete .game-result .game-score:not(.gs){
	background-color: rgba(140, 140, 140, 0.4);
	border-color: transparent;
	color: #ffffff;
}
.game-box .game-result .game-score:not(.gs){
	width: 2.2rem;
	height: 2.4rem;
	font-size: 1.9rem;
	line-height: 1.01;
}
.game-box.live .game-score{
	background-color: rgba(0,0,0,0.25);
	color: #ffffff;
	border: solid 0px #dddddd;
}
.game-result.goldset .game-score{
	font-size: 1rem;
    line-height: 1;
    margin: 2px 0 0 0;
    border-radius: var(--radius-small);
    font-weight: 500;
    padding: 0.2rem 0.2rem;
    min-width: 1.8rem;
}
.game-box.complete .game-result .game-score.win,
.game-box .game-result .win,
.game-box .game-result .winner {
	background-color: var(--wincolor);
	color: #ffffff;
	border-color: transparent;
}
.game-box.complete .game-result .game-score.gs.win,
.game-box .game-result .gs.win,
.game-box .game-result .gs-winner {
	background: #a7a07f;
	color: #ffffff;
	border-color: transparent;
}
.game-box.complete .game-result .game-score.lost,
.game-box .game-result .lost,
.game-box .game-result .loser {
	background-color: var(--lostcolor);
	color: #ffffff;
	border-color: transparent;
}
.game-box.complete .game-result .game-score.gs.lost,
.game-box .game-result .gs.lost,
.game-box .game-result .gs-loser {
	background: var(--lostcolor);
	color: #ffffff;
	border-color: transparent;
}
.game-box .points {
	padding: 0.8rem 0 0 0;
	display:none;
	flex-direction: column;
	align-items: center;
	font-size: 0.78rem;
	white-space: nowrap;
	font-weight: 600;
	font-family: var(--fontfamily2);
	opacity: 1;
}
.game-box.complete .points,
.game-box.live .points{
	display: flex;
}


@media screen and (max-width:767px){
	.game-box .points {
		padding: 0.2rem 0 0 0;
		font-size: 0.6rem;
	}
}


.game-box .points .score {
	width: auto;
	height: auto;
	padding: 0.4rem 0 0 0.5rem;
	margin: 0 0rem;
	display: flex;
	gap: 1px;
	font-size: 0.86rem;
	line-height:1;
	font-weight: 500;
	opacity: 1;
}
.game-box .points .score * {
	padding: 0.2rem 0.1rem;
	position: relative;
	background-color: rgba(0,0,0,0.1);
	border-radius: 3px 0 0 3px;
	min-width:1.45rem;

	background-color: transparent;
	border: solid 1px rgba(140, 140, 140, 0.4);
	color: #a3a3a3;
}
.game-box.live .points .score * {
	border-color: transparent;
	background-color: rgba(0, 0, 0, 0.25);
	color: #ffffff;
}

.game-box .points .score *:nth-child(even) {
	border-radius: 0 3px 3px 0;
	margin-right: 0.3rem;
}
.game-box .points .score .lost {
	background-color: var(--lostcolor);
	color: #ffffff;
	border-color: transparent;
}
.game-box .points .score .win {
	background-color: var(--wincolor);
	color: #ffffff;
	border-color: transparent;
}

.game-box-big .game-team a{
	color:inherit;
}
.game-box-big .game-team a:hover,
.game-box-big .game-team a:focus{
	text-decoration-color: inherit;
}

.game-team.gs.win,
.game-logo.gs.win {
	color:#000000;
	position:relative;
}
.game-team.gs.win:before,
.game-logo.gs.win:before {
    content: "";
    background-color: #d0ccb5;
    position: absolute;
    z-index: -1;
	top: -0.25rem;
	bottom: -0.25rem;
	right: -1rem;
	left: -1rem;
    border-radius: 0;
    -webkit-clip-path: polygon(100% 0px,calc(100% - 1rem) 100%,0px 100%,1rem 0px)!important;
    clip-path: polygon(100% 0px,calc(100% - 1rem) 100%,0px 100%,1rem 0px)!important;
}
@media screen and (max-width:767px){
	.game-team.gs.win:before,
	.game-logo.gs.win:before {
		top: -1rem;
		bottom: -1rem;
		bottom: -25vh;
		right: -0.5rem;
		left: -0.5rem;
		-webkit-clip-path: polygon(100% 0px,100% 100%,0px 100%,0 0)!important;
		clip-path: polygon(100% 0px,100% 100%,0px 100%,0px 0px)!important;
	}


}

.game-buttons{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.game-buttons > *{
	margin: 0.3rem;
}
.game-box-big{

}

@media screen and (min-width:768px){

	.game-box-big{
		display: grid;
		grid-template-columns: 16% 23% 22% 23% 16%;
		grid-auto-rows: auto auto;
		grid-auto-flow: row;
		align-items: center;
		font-size: 1rem;
		line-height: 1.1;
		padding: 0rem 0;
		justify-content: center;
	}
	.box_pp .game-box-big{
		grid-template-columns: 19% 24% 14% 24% 19%;
	}
	.box_pp .game-box-big .game-logo > * {
		xxpadding: 8%;
	}

	.game-box-big .game-team {
		font-size: 1.7rem;
		font-weight: 450;
		grid-row: 1 / span 2;
	}
	.box_pp .game-box-big .game-team {
		font-size: 1.5rem;
	}
	.game-box-big .game-logo{
		padding: 1rem 2rem;
		grid-row: 1 / span 2;
	}
	.game-box-big .game-result-box {
		font-weight: 400;
		font-size: 1rem;
		align-self: center;
		padding: 0.8rem 0;
		grid-column: 3;
		grid-row: 1 / span 2;
	}
	.game-box-big .game-result .game-score:not(.gs) {
		width: 3rem;
		height: 3.2rem;
		font-size: 2.83rem;
		line-height: 1.01;
		font-weight: 300;
	}
	.game-box-big .game-date {
		text-align: center;
		padding: 0.4rem 0 0rem 0;
		margin: 0 auto;
		align-self: start;
		font-size: 1.1rem;
		font-weight: 450;
	}
}


.game-result-box .game-result-date{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


@media (orientation: portrait) and (max-width: 767px){

	.game-box{
		font-size: 1rem;
		line-height: 1.1;
		grid-auto-flow: row;
		grid-template-columns: 32% 36% 32%;
		grid-auto-rows: auto auto;
		padding: 0 0 0 0;
	}
	
	.game-logo > *{
		padding: 16%;
	}
	.game-logo{
		grid-row: 1 / span 2;	
		padding: 0.6rem 0.5rem;
	}
	.game-team{
		grid-row: 3 / span 2;
		font-size:0.85rem;
		align-self: start;
		padding: 0.3rem 0.3rem 0.8rem 0.3rem;
		overflow: hidden;		
	}	
	

	.game-date{
		grid-column: 2;
		grid-row: 2;
			
		text-align: center;
		padding: 0.3rem 0 0 0;
		margin: 0 auto;
		align-self: start;
		font-size: 0.85rem;
		white-space: nowrap;
	}
	.game-tv{
		grid-column: 2;
		grid-row: 3;
		text-align: center;
		
		margin: 0.25rem;
		padding: 0 0.6rem 0.2rem 0.6rem;
	
	}
	.game-more{
		grid-column: 2;
		grid-row: 4;
		
		text-align: center;
		padding: 0.2rem 0rem 0.8rem 0rem;
		align-self: end;
	}	
	
	
	
	
	.game-logo.left{
		grid-column: 1;
		padding-left: 1rem;
	}
	.game-logo.right{
		grid-column: 3;
		padding-right: 1rem;
	}	
	.game-team.left{
		grid-column: 1;
		padding-left: 1rem;
	}
	.game-team.right{
		grid-column: 3;
		padding-right: 1rem;
	}	
	
	
	.game-result-box{
		grid-column: 2;
		grid-row: 1;
		align-self: center;
		height:100%;
		justify-content: flex-end;
		padding: 0.8rem 0 0 0;
	}
	
	
	
	.game-box-big{
		grid-auto-rows: auto 1fr;
	}
	.game-box-big .game-logo > *{
		padding: 16%;
	}	
	.game-box-big .game-logo{
		grid-row: 1;
	}	
	.game-box-big .game-team{
		grid-row: 2;
	}	
	.game-box-big .game-date{
		padding: 0.3rem 0;
	}		
	.game-box-big .game-result-box{
		grid-row: 1 / span 2;
		padding: 0.5rem 0;
	}
	
	
	
	
	.game-result-box .game-result-date{
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.game-result-box .points .score{
		flex-wrap: wrap;
		width: 3.9rem;
		justify-content: center;
		padding:0.2rem 0 0 0;
	}
	.game-result-box .points .score *:nth-child(even) {
		margin-right: 0rem;
	}



}
@media (orientation: landscape) and (max-width: 767px){

	.game-box-big{
		display: grid;
		grid-template-columns: 18% 21% 22% 21% 18%;
		grid-auto-rows: auto auto;
		grid-auto-flow: row;
		align-items: center;
		font-size: 1rem;
		line-height: 1.1;
		padding: 0rem 0;
		border-top: none;
		justify-content: center;
	}
	.box_pp .game-box-big{
		xxgrid-template-columns: 19% 24% 14% 24% 19%;
	}
	.box_pp .game-box-big .game-logo > * {
		xxpadding: 8%;
	}
	.game-box-big .game-team {
		font-size: 1.2rem;
		font-weight: 450;
		grid-row: 1 / span 2;
		padding: 0 0.5rem 1rem 0.5rem;
	}
	.box_pp .game-box-big .game-team {
	}
	.game-box-big .game-logo{
		padding: 1rem 1.5rem;
		grid-row: 1 / span 2;
	}
	.game-box-big .game-result-box {
		font-weight: 400;
		font-size: 1rem;
		align-self: center;
		padding: 0.8rem 0;
		grid-column: 3;
		grid-row: 1 / span 2;
	}
	.game-box-big .game-result .game-score:not(.gs) {
		width: 3rem;
		height: 3.2rem;
		font-size: 2.83rem;
		line-height: 1.01;
		font-weight: 300;
	}
	.game-box-big .game-date {
		text-align: center;
		padding: 0.4rem 0 0rem 0;
		margin: 0 auto;
		align-self: start;
		font-size: 1.1rem;
		font-weight: 450;
	}

}




.game-stat-box{
    padding: 0.4rem 0.8rem;
	margin: 0.3rem;
    border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
    background-color: rgba(255,255,255,1);
    background-image: linear-gradient( 6deg, rgba(0,0,0,0.06) 10%, rgba(0,0,0,0) 50%);
    background-image: linear-gradient( 3deg, rgba(0,0,0,0.045) 0%, rgba(0,0,0,0) 60%);
    display: inline-block;
    white-space: nowrap;
}
.game-stat-box img {
    max-width: 3.5rem;
}
.game-stat-box span {
	display: inline-block;
    font-family: var(--fontfamily2);
    background: var(--maincolor);
    color: #ffffff;
    font-size: 0.8rem;
    line-height: 1;
    font-weight: 600;
    padding: 0.25rem 0.3rem 0.4rem 0.3rem;
    margin: 0.2rem 0.3rem;
    border-radius: 50%;
}

@media screen and (max-width:767px){

	.game-stat-box{
		padding: 0.3rem 0.3rem;
		margin: 0.2rem;
	}
	.game-stat-box img {
		max-width: 2rem;
	}

}



.teams-stat-list{
	gap:0.5rem;
	display: grid;
    grid-template-columns: repeat( auto-fit, minmax(3rem, 1fr) );
    grid-template-columns: repeat( auto-fit, minmax(4rem, 7rem) );
    grid-template-columns: repeat( auto-fill, minmax(4.5rem, 1fr) );
}
.teams-stat-list > *{
    margin: 0;
    padding:0.8rem 0.6rem 0.4rem 0.6rem;


	background-color: rgba(255,255,255,1);
	color:#444444;
    background-image: linear-gradient( 3deg, rgba(0,0,0,0.045) 0%, rgba(0,0,0,0) 60%);
    border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.teams-stat-list p{
	margin-top: 0.6rem;
	font-size:1.7rem;
}





.versus{
	display: flex;
    align-items: center;
}
.versus span{
	background: var(--maincolor);
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 0.3rem 0.4rem;
    margin: 0.2rem 1rem;
    border-radius: 50%;
    box-shadow: var(--shadow1);
}
.versus:before{
	content:"";
	flex-grow:1;
	border-top:solid 1px rgba(100,100,100,0.3);
}
.versus:after{
	content:"";
	flex-grow:1;
	border-top:solid 1px rgba(100,100,100,0.3);
}

@media screen and (min-width:768px){
	.stats-layout > *{
	    padding: 1rem 1rem 1.2rem 1rem;
	}
	
	.player-page-grid-main .stats-layout > *{
	    padding: 0.5rem 0.5rem 0.7rem 0.5rem;
	}	
	
	
	.stats-layout-2{
		grid-template-columns: repeat(2, 1fr);
	}
	.stats-layout-3{
		grid-template-columns: repeat(3, 1fr);
	}
	.stats-layout-4{
		grid-template-columns: repeat(4, 1fr);
	}
	.stats-layout-5{
		grid-template-columns: repeat(5, 1fr);
	}

	.stats-layout-3-2{
		grid-template-columns: repeat(15, 1fr);
	}
	.stats-layout-3-2 > div{
		grid-column: auto / span 3;
	}
	.stats-layout-3-2 > div:nth-child(1),
	.stats-layout-3-2 > div:nth-child(2),
	.stats-layout-3-2 > div:nth-child(3){
		grid-column: auto / span 5;
	}

}


@media screen and (max-width: 767px){
	.teams-stat-list{
		table-layout: auto;
		grid-template-columns: repeat(auto-fill, minmax(4rem, 1fr));
	}
	.teams-stat-list > * {
		padding: 0.6rem 0.2rem 0.4rem 0.2rem;
	}
	.teams-stat-list img{
		padding:0.4rem;
	}
	.teams-stat-list p {
		margin-top: 0.3rem;
		font-size: 1.3rem;
	}
	.teams-stat-list .number{
		font-size:1.3rem;
	}

	.versus{
		margin:0.5rem 0;
	}
	h1 + .stats-layout{
		margin-top: 1.2rem;
	}
	.logo.boxed,
	.stats-section-box .logo {
		padding: 1rem;
		height: 8rem;
	}
	.logo.boxed img,
	.stats-section-box .logo img {
		width: auto;
		height: 100%;
	}
	.stats-section-box h1 {
		font-size: 2rem;
		margin: 1rem 0;
	}
	.stats-layout img {
		height: 2.5rem;
		margin-right: 0.2rem;
	}
	.stats-layout {
		margin-top: 1.5rem;
		gap: 1rem;
	}
	.player-page-grid-main .stats-layout {
		grid-template-columns: 1fr;
	}
	.player-page-grid-main .stats-layout > *{
		padding: 0.6rem 0.5rem;
	} 
	
	
	.stats-layout .number{
		font-size:1.7rem;
	}
	.order-1-xs{
		order:1;
	}
	.order-2-xs{
		order:2;
	}
	.order-3-xs{
		order:3;
	}

}

section.section-typo .section-background{
    color: #ffffff;
    position: relative;
    overflow: hidden;
    background-color: var(--maincolor) !important;
    background-image: radial-gradient(circle at 0 0, rgba(0,98,199,0.7), rgba(0,78,255,0) 70%), radial-gradient(circle at 100% 100%, rgba(0,116,140,0.8), rgba(0,116,140,0) 70%);
}
section.section-typo a {
    color: #ffffff;
}
section.section-typo a:hover,
section.section-typo a:focus {
    border-color: #ffffff;
    text-decoration-color: #ffffff;
}
section.section-typo a:after {
    color: inherit;
}

section.section-typo .hidden-list{

}

@media screen and (min-width:768px){
	.typo-col-1{
		width:13%;
	}
	.typo-col-2{
		width:75%;
	}
	.typo-col-3{
		width:12%;
	}
}


.flex-grow{
	flex-grow: 1;
}
.typo-col-1{
    display: flex;
    flex-direction: column;
}
.typo-col-1 .btn{
	min-height: 2rem !important;
}
.typo-col-1 h3 + .date{
    margin-top: 0rem;
}

.section-typo .stats-layout {
    gap: 0.5rem 1.5rem;
    min-height: 100%;
    margin: 0;
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
}
.section-typo .gamesrate_form .stats-layout {
    gap: 0.5rem 2rem;
    flex-grow: 1;
    min-height: 0;
}
.section-typo .logo.boxed{
	padding: 0.5rem 1rem;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
@media screen and (max-width: 767px){
	.section-typo .order-3-xs{
		padding-top:0.5rem;
	}
}

.section-typo .logo.boxed img {
    padding: 0 1.6rem 0.5rem 1.6rem;
}

.section-typo .logo.boxed a:not(:focus):not(:hover) {
    color: #333333;
}
.section-typo .logo.boxed a:hover,
.section-typo .logo.boxed a:focus {
    border-color: var(--maincolor);
    text-decoration-color: var(--maincolor);
    color: var(--maincolor);
}


.section-typo .logo.boxed h5{
	font-size: 1.1rem;
    line-height: 1;
    margin: 0;
    font-family: var(--fontfamily3);
}
.section-typo .gamesrate_form{
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.section-typo .gamesrate_form .btn{
	margin-top: 0.5rem;
    font-size: 0.89rem !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
    min-height: 2.35rem !important;
}

.well.typo-well {
    background-color: transparent;
    background-image: linear-gradient( 335deg, rgba(0,0,0,0.35) 10%, rgba(0,0,0,0.2) 50%);
    border: none;
    backdrop-filter: blur(0.12rem);
}

.typo-item{
	position: relative;
    padding: 0;
    margin: 0;
    background: transparent;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.typo-item > .number{
    padding: 0.2rem 0.5rem 0.15rem 0.5rem;
    border-radius: var(--radius-box) var(--radius-box) 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    flex-grow: 4;
    position:relative;
    z-index:2;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
    cursor:default;
}
.typo-item .number span{
    position: relative;
}
.typo-item > .number:before{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:"";
	background-color: #ffffff;
    background-image: linear-gradient( 6deg, rgba(0,0,0,0.06) 10%, rgba(0,0,0,0) 50%);
    clip-path: polygon(100% 0,100% 90%,0 100%,0 0) !important;
}

.typo-item.voted > .number:after{
    position: absolute;
    top: 0.14rem;
    left: 0.2rem;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f058";
    font-size: 1.5rem;
    line-height: 1;
    color: var(--maincolor);
}


.typo-item .number{
	font-size: 1.4rem;
    font-weight: 500;
}



.typo-item input{
	position: absolute;
    opacity: 0;
}
.typo-item input + .number{
	background-color: #ffffff;
    background-image: linear-gradient( 6deg, rgba(0,0,0,0.06) 10%, rgba(0,0,0,0) 50%);
    box-shadow: var(--shadow1);
	cursor: pointer;
    height: 100%;
    padding: 0.2rem 0.5rem;
    outline: solid 2px transparent;
    outline-offset: -4px;
    border-radius: var(--radius-box);
    clip-path: none !important;
    filter: none;
}
.typo-item input + .number:before{
	display:none;
}
.typo-item input:focus + .number{
	outline-color: var(--maincolor);
}

label.typo-item:hover input + .number{
	background-color:rgba(255,255,255,0.8);
	transition: background 0.2s ease;
}


label.typo-item input:checked + .number{
	outline-color:transparent;
	background-color:var(--maincolor);
	color:#ffffff;
	transition: background 0.2s ease, color 0.2s ease;
}
label.typo-item input:checked + .number *{
	color:#ffffff;
	transition: color 0.2s ease;
}


.column-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.34rem;
}
.column-buttons .btn {
    min-height: 2rem !important;
}

@media screen and (max-width: 767px){
	.typo-item .number{
		font-size: 1.7rem;
		line-height: 1.2;
		top: -0.02rem;

	}
	.margin-top-xs {
		xxmargin-top:1.5rem;
	}
}

.typo-bar{
	line-height: 0;
    height: 1.8rem;
    border-radius: 0 0 var(--radius-box) var(--radius-box);
    overflow: hidden;
    background: rgba(0,0,0,0.2);
    position: relative;
    z-index:1;
    margin-top: -0.8rem;
    flex-grow: 1;
}
.typo-bar span {
    position: absolute;
	bottom: 0.14rem;
    right: 0.5rem;
    line-height: 1;
    color: #fff;
    font-size: 0.8rem;
    font-family: var(--fontfamily2);
    font-weight: 400;
}
.typo-bar .results{
	background:var(--maincolor);
	width:0%;
	height: 100%;
	background-image: linear-gradient( 0deg, rgba(0,0,0,0.2) 0%, rgba(255,255,255,0.2) 80%);
    background-blend-mode: difference;
}


/* layouts //////////////////////////////////////////////////////////////// */

.page-layout{
	display: grid;
	align-items: start;
	gap: var(--gap) 0rem;
	grid-template-columns: 100%;
	margin-left: var(--halfgap-negative);
	margin-right: var(--halfgap-negative);
}
.page-layout > *{
	margin-left: var(--halfgap);
	margin-right: var(--halfgap);
}

@media screen and (min-width:768px){
	.page-layout-3-1 {
	  grid-auto-flow: row;
	  grid-template-columns: 3fr 1fr;
	}
}


.messages-layout{
	display: grid;
	gap: var(--gap) 0rem;
	grid-auto-flow: row;
	grid-template-columns: 100%;
	margin-left: var(--halfgap-negative);
	margin-right: var(--halfgap-negative);
}
.messages-layout > *{
	margin-left: var(--halfgap);
	margin-right: var(--halfgap);
}

.messages-layout-9 {
	grid-template-columns: repeat(2, 50%);
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}
.messages-layout-9 > * {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

@media (orientation: landscape) and (max-width: 767px){
	.messages-layout,
	.messages-layout-6,
	.messages-layout-5,
	.messages-layout-4,
	.messages-layout-3 {
	  grid-template-columns: repeat(2, 50%);
	}
}

@media screen and (min-width:768px){

	.message-box-big {
		grid-area: message-box-big;
	}

	.messages-layout-9 {
		grid-template-columns: repeat(9, 11.1111%);
		margin-left: -0.5rem;
		margin-right: -0.5rem;
	}

	.messages-layout-9 {
		grid-template-columns: repeat(9, 11.1111%);
		margin-left: -0.5rem;
		margin-right: -0.5rem;
	}
	.messages-layout-9 > * {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}

	.messages-layout-6 {
	  grid-template-columns: repeat(6, 16.66666667%);
	}

	.messages-layout-5 {
	  grid-template-columns: repeat(5, 20%);
	}

	.messages-layout-4 {
	  grid-template-columns: repeat(4, 25%);
	}

	.messages-layout-3 {
	  grid-template-columns: repeat(3, 33.333%);
	}

	.messages-layout-2 {
	  grid-template-columns: repeat(2, 50%);
	}


	.messages-layout-2-1 {
	  grid-template-columns: repeat(3, 33.333%);
	}
	.messages-layout-2-1 .message-box-big {
		grid-column: 1 / span 2;
		grid-row: 1 / span 2;
	}

	.messages-layout-1-3-3 {
	  grid-template-columns: repeat(3, 33.333%);
	}
	.messages-layout-1-3-3 .message-box-big {
		grid-column: 1 / span 3;
		grid-row: 1;
	}

	.messages-layout-3-1 {
	  grid-template-columns: repeat(4, 25%);
	}
	.messages-layout-3-1 .message-box-big {
		grid-column: 1 / span 3;
		grid-row: 1 / span 2;
	}

	.messages-layout-1-3 {
	  grid-template-columns: repeat(4, 25%);
	}
	.messages-layout-1-3 .message-box-big {
		grid-column: 2 / span 3;
		grid-row: 1 / span 2;
	}

	.messages-layout-2-1-1 {
	  grid-template-columns: repeat(4, 25%);
	}
	.messages-layout-2-1-1 .message-box-big {
		grid-column: 1 / span 2;
		grid-row: 1 / span 2;
	}

	.messages-layout-1-1-2 {
	  grid-template-columns: repeat(4, 25%);
	}
	.messages-layout-1-1-2 .message-box-big {
		grid-column: 3 / span 2;
		grid-row: 1 / span 2;
	}

	.messages-layout-1-2-1 {
	  grid-template-columns: repeat(4, 25%);
	}
	.messages-layout-1-2-1 .message-box-big {
		grid-column: 2 / span 2;
		grid-row: 1 / span 2;
	}


	.messages-layout-2-2-4 {
	  grid-template-columns: repeat(4, 25%);
	}
	.messages-layout-2-2-4 .message-box-big {
		grid-column: 1 / span 2;
		grid-row: 1 / span 2;
	}
	.messages-layout-2-2-4 .message-box-big2 {
		grid-column: 3 / span 2;
		grid-row: 1 / span 2;
	}


}



.messages-layout > .baner-box {
    width: calc(100% - var(--gap));
    padding-bottom: calc(100% - var(--gap));
    margin-bottom:0;
}


/* //////////////////////////////////////////////////////////////// */

.message-box{
	position:relative;
}

.message-box .caption{
    padding-top: 0.65rem;
    padding-bottom: 0rem;
    font-size: 1.0rem;
	line-height: 1.4;
	pointer-events: all;
}
.message-box .caption-date{
	font-size: 0.825rem;
	line-height: 1.2;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

.message-box * + h3,
.message-box * + h4{
	margin-top:0.1rem;
}

.message-box h3 + *,
.message-box h4 + *{
    margin-top: 0.6rem;
}
.message-box h3 + *{
    margin-top: 0.8rem;
}
.message-box h3,
.message-box h4{
	word-wrap: break-word;
	line-height: 1.15;
}

.message-box h3{
	font-size: 1.76rem;
}
.message-box h4{
	font-size: 1.23rem;
}

@media screen and (max-width:767px){
	.message-box h3 + *,
	.message-box h4 + *{
		margin-top: 0.6rem;
	}
	.message-box h3,
	.message-box h4{
		font-size: 1.23rem;
		line-height: 1.15;
	}
}

.message-box > a{
	display: block;
	border:none;
	position:relative;
	border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
}
.message-box figure{
	margin:0;
	width: 100% !important;
}
.message-box img{
	width:100%;
	height:auto;
    border-radius: var(--radius-box);
    box-shadow:none;
    background: rgba(180,180,190,0.2);
}

.messages-boxes-inset .message-box {
    background: rgba(180,180,190,0.1);
    background: rgba(180,180,190,0.2);
    border-radius: var(--radius-button);
    box-shadow: var(--shadow1);
}
.messages-boxes-inset .message-box > a {
    border-radius: var(--radius-box) var(--radius-box) 0 0;
    box-shadow: none;
}
.messages-boxes-inset .message-box img {
    border-radius: var(--radius-box) var(--radius-box) 0 0;
}
.messages-boxes-inset .message-box .caption {
    padding: 0.75rem 1rem 1.2rem 1rem;
}

@media screen and (min-width:768px){
	.messages-boxes-inset .message-box-inside .caption,
	.message-box-inside .caption{
		position: absolute;
		bottom: 0.4rem;
		left: 0.5rem;
		right: 0.5rem;
		z-index: 3;
		padding: 0.9rem 7rem 1rem 1rem;
		border-radius: var(--radius-small);

		background: rgba(15,15,15,0.90);
		color: #ffffff;

		bottom: 0rem;
		left: 0rem;
		right: 0rem;
		padding: 7rem 6.5rem 1.5rem 1.5rem;
		padding: 1.5rem 6.5rem 1.5rem 1.5rem;
		border-radius: 0 0 var(--radius-box) var(--radius-box);
		color: #ffffff;
	}


	.message-box-inside .dc-slider-counter{
		color: #ffffff;
	}
	.message-box-inside .dc-slider-counter{
		background: transparent;
	}
	.message-box-inside	figure aside{
	    bottom: auto;
        top: 0.5rem;
	}
	.message-box-inside-right h3 {
		font-size: 1.6rem;
	}
	.message-box-inside-right img{
		width: calc(67% - 1rem);
		border-radius: var(--radius-box) 0 0 var(--radius-box);
	}

	.message-box-inside-2{
		border-radius: var(--radius-box);
		background-size: auto 170%;
		background-repeat: no-repeat;
		background-position: right 20%;
		background-color: var(--maincolor) !important;


		background-blend-mode: exclusion;
		background-blend-mode: color-burn;
		background-blend-mode: darken;
	}
	.message-box-inside-2 .caption{
		position: absolute;
		z-index: 3;
		width: calc(33% + 1rem);
		bottom: 0rem;
		left: auto;
		right: 0rem;
		top: 0px;
		padding: 1.5rem 1.5rem 1.5rem 1.5rem;
		border-radius: 0 var(--radius-box) var(--radius-box) 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		font-size: 0.96rem;
		line-height: 1.4;
		font-weight: 450;
		color: #ffffff;
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center;

	background-color: rgba(180,180,180,0.6) !important;
	backdrop-filter: blur(0.2rem) grayscale(0.2);
	background-image: linear-gradient(350deg, rgba(36,66,134,0.3) 10%, rgba(148,226,242,0.3) 90%);
	background-image: linear-gradient(350deg, rgba(36,66,134,0.3) 10%, rgba(224,250,255,0.3) 90%);

	background-blend-mode: exclusion;
	background-blend-mode: overlay;

	background-blend-mode: darken;





	}
	.message-box-inside-2 .caption a{
		color: #ffffff;
	}
	.message-box-inside-2 .caption a:focus,
	.message-box-inside-2 .caption a:hover{
		text-decoration-color: #ffffff;
	}
	.message-box-inside-2 .caption-date time + *:before, .author:before {
		color: #ffffff;
	}
	.message-box-inside-2 .caption:before{
		content:"";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border-radius: 0 var(--radius-box) var(--radius-box) 0;
		background-repeat: repeat;
		background-position: 60% 0px;
		background-size: 100% 100%;

		background-image:linear-gradient(225deg,rgba(170,170,170,0)20%,rgba(170,170,170,.1)20%,rgba(170,170,170,.1)40%,rgba(170,170,170,.2)40%,rgba(170,170,170,.2)60%,rgba(170,170,170,.4)60%,rgba(170,170,170,.4)80%,rgba(170,170,170,.5)80%),
		linear-gradient(225deg,rgba(190,190,190,0)20%,rgba(190,190,190,.1)20%,rgba(190,190,190,.1)40%,rgba(190,190,190,.2)40%,rgba(190,190,190,.2)60%,rgba(190,190,190,.4)60%,rgba(190,190,190,.4)80%,rgba(190,190,190,.6)80%),
		linear-gradient(225deg,rgba(200,200,200,0)20%,rgba(200,200,200,.3)20%,rgba(200,200,200,.3)40%,rgba(200,200,200,.5)40%,rgba(200,200,200,.5)60%,rgba(200,200,200,.7)60%,rgba(200,200,200,.7)80%,rgba(200,200,200,.8)80%),
		linear-gradient(45deg,rgba(185,185,185,0)20%,rgba(185,185,185,.4)20%,rgba(185,185,185,.4)40%,rgba(185,185,185,.5)40%,rgba(185,185,185,.5)60%,rgba(185,185,185,.6)60%,rgba(185,185,185,.6)80%,rgba(185,185,185,.8)80%),
		linear-gradient(135deg,rgba(155,155,155,0)20%,rgba(155,155,155,.4)20%,rgba(155,155,155,.4)40%,rgba(155,155,155,.6)40%,rgba(155,155,155,.6)60%,rgba(155,155,155,.8)60%,rgba(155,155,155,.8)80%,rgba(155,155,155,.9)80%);
		background-color: var(--maincolor);

		background-blend-mode: multiply;
		mix-blend-mode: color;
		mix-blend-mode: hard-light;
		opacity: 0.65;

	}
	.darktheme .message-box-inside .caption{
		color: #ffffff;
	}

}

@media (min-width: 768px){
	.message-box-inside-2 .caption{
		line-height: 1.3;
		font-size: 0.92rem;
	}
	.message-box-inside-right h3 {
		font-size: 1.4rem;
	}
}
@media (min-width: 1570px){
	.message-box-inside-2 .caption{
		line-height: 1.44;
		font-size: 0.96rem;
	}
	.message-box-inside-right h3 {
		font-size: 1.6rem;
	}
}

.message-badge{
	font-weight: 700;
    font-size: 0.8rem;
    line-height:1;
    font-stretch: 86%;
    text-transform: uppercase;
    position: absolute;
    display: flex;
    top: -1px;
    left: 0;
    right: 0px;
    z-index: 3;
    border-radius: var(--radius-box);
    border-top: solid 2px transparent;
    pointer-events: none;
    height: 50%;
	padding: 0;
    margin: 0;
}
.message-badge span{
	display: block;
    position: absolute;
    left: 0.6rem;
    top: -2px;
    padding: 0.37rem 1.2rem 0 0.6rem;
    height: 1.5rem;
    border-radius: 0 0 0 var(--radius-element);
    overflow: hidden;
}
.message-badge span:after{
    content: "";
    position: absolute;
    top:0;
    left: -1rem;
    right: 0.3rem;
    bottom: 0;
    z-index: -1;
    transform: skew(0.96turn);
    border-radius: 0 0 var(--radius-element) 0;
}



.message-badge.live {
	--badge-color:#e5164f;
	border-color: var(--badge-color);
	color:#ffffff;
}
.message-badge.live span:after{
	background: var(--badge-color);
}
.message-badge.live span:before {
    font-size: 0.82em;
    content: "⬤";
    position: relative;
    top: -1px;
    margin-right: 0.45em;
    opacity: 0;
    animation: blink-animation 3s infinite;
}

.message-badge.onlyhere{
	--badge-color: var(--maincolor);
	border-color: var(--badge-color);
	color:#ffffff;
}
.message-badge.onlyhere span:after{
	background: var(--badge-color);
}
.message-badge.onlyhere span:before {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 0.8em;
    line-height: 0;
    content: "\f45f";
    position: relative;
    margin-right: 0.45em;
    top: -1px;
}

.message-badge.comment{
	--badge-color:#009be5;
	border-color: var(--badge-color);
	color:#ffffff;
}
.message-badge.comment span:after{
	background: var(--badge-color);
}
.message-badge.comment span:before {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 0.82em;
    line-height: 0;
    content: "\f27a";
    position: relative;
    margin-right: 0.45em;
}


.message-badge.label{
	--badge-color: var(--maincolor);
	border-color: var(--badge-color);
	color:#ffffff;
}
.message-badge.label span:after{
	background: var(--badge-color);
}
.message-badge.label span:before {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 0.82em;
    line-height: 0;
    content: "\f0e7";
    position: relative;
    margin-right: 0.45em;
}






@media all and (min-width:768px){
	.message-box-big .message-badge{
		font-weight: 700;
		font-size: 0.96rem;
		line-height: 1;
		font-stretch: 90%;
	}
	.message-box-big .message-badge span {
		padding: 0.55rem 1.4rem 0 0.8rem;
		height: 2rem;
	}

}




/* //////////////////////////////////////////////////////////////// */
.player-box,
.team-box{
	overflow: hidden;
    box-shadow: 0px 1px 0.5rem rgba(0, 0, 0, 0.12);
    
    border-radius: var(--radius-box);
    position:relative;
    display: flex;
    flex-direction: column;
    transition: background 0.2s ease, color 0.2s ease;
    background-color: #f3f3f3;
    color:#333333;
    background-image: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 70%);
}
body.darktheme .player-box,
body.darktheme .team-box{
    background-color: #444444;
    color: #f9f9f9;
}

.player-box{
    background-image: 	radial-gradient(circle at 50% 25%, rgba(255,255,255,0.2) 10%, rgba(255,255,255,0) 70%),
						linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 50%);
}

.player-box:hover,
.player-box:focus,
.player-box:focus-within,
.team-box:hover,
.team-box:focus,
.team-box:focus-within{
    transition-delay: 0.3s;
    background-color: #ffffff;
    color:#ffffff;
}

body.darktheme .player-box:hover,
body.darktheme .player-box:focus,
body.darktheme .player-box:focus-within,
body.darktheme .team-box:hover,
body.darktheme .team-box:focus,
body.darktheme .team-box:focus-within{
    background-color: #686868;
}


.player-box a,
.team-box a{
	transition: text-decoration 0.25s ease;
	color:inherit;
}
.player-box a:focus,
.player-box a:hover,
.team-box a:focus,
.team-box a:hover{
    text-decoration-color: inherit;
}
.player-box:hover a,
.team-box:hover a{
	color:inherit;
}
.player-box:before,
.team-box:before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    content: "";
    border-top: solid 3px transparent;
    background: transparent;
    border-radius: var(--radius-box) var(--radius-box) 0 0;
    transition: border 0.25s ease;
    height: 10px;
    z-index: 2;
}
.player-box:hover:before,
.player-box:hover:before,
.player-box:focus-within:before,
.team-box:hover:before,
.team-box:focus:before,
.team-box:focus-within:before{
    transition-delay: 0.3s;
    border-color: var(--maincolor);
}

.player-box-photo,
.team-box-photo{
	display:block;
    outline: solid 2px transparent !important;
    outline-offset: -2px;
	transition: outline-color 0.2s ease !important;
}
.player-box-photo{
	position:relative;
}

.stat-team-box-photo{
	padding: 1.2rem;
}

.player-box-photo:focus,
.team-box-photo:focus {
    outline-color: var(--maincolor) !important;
}
.player-box-photo img,
.team-box-photo img{
    width: 100%;
    height: auto;
    border-radius: var(--radius-box) var(--radius-box) 0 0;
    position: relative;
    z-index: 5;
}



.player-box-caption,
.team-box-caption{
	display:flex;
	position:relative;
	z-index:6;
    flex-grow: 1;
    justify-content: space-between;
}
.player-box-caption:after,
.team-box-caption:after{
    position: absolute;
    z-index: 0;
	left: -1px;
    right: -1px;
    bottom: -1rem;
    top: -0.5rem;
    content: "";
    background: #f6f6f6;
    transform: skew(0deg, 1.5deg);
    transition: background 0.2s ease, top 0.2s ease, transform 0.2s ease;
}
body.darktheme .player-box-caption:after,
body.darktheme .team-box-caption:after{
    background: #555555;
}
.player-box:hover .player-box-caption:after,
.player-box:focus .player-box-caption:after,
.player-box:focus-within .player-box-caption:after,
.team-box:hover .team-box-caption:after,
.team-box:focus .team-box-caption:after,
.team-box:focus-within .team-box-caption:after{
    transition-delay: 0.3s;
    background: var(--maincolor);
    top:-1rem;
}
.player-box:hover .player-box-photo .number,
.player-box:focus .player-box-photo .number,
.player-box:focus-within .player-box-photo .number{
    transition: color 0.2s ease;
    transition-delay: 0.3s;
    color: var(--maincolor);
}


.player-box-caption .logo,
.team-box-caption .logo{
	padding: 1rem 1rem 1rem 0;
    position: relative;
    margin-top: -2rem;
    z-index: 1;
}
.player-box-caption .logo a,
.team-box-caption .logo a{
	display: block;
    background: #ffffff;
    padding: 0.72rem;
    position: relative;
    border-radius: 50%;
    border: solid 2px transparent;
    transition: border 0.2s ease;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}
.player-box-caption .logo a:focus,
.team-box-caption .logo a:focus{
	border-color: var(--maincolor);
}
.player-box-caption .logo img,
.team-box-caption .logo img{
	width:4rem;
	height:auto;
}
.player-box-caption .caption,
.team-box-caption .caption{
	position: relative;
    z-index: 1;
    padding: 0.3rem 1rem 1rem 1rem;
    font-family: var(--fontfamily2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.player-box-caption .caption h4 + *,
.team-box-caption .caption h4 + *{
    margin-top: 1rem;
}
.player-box-caption .caption > div,
.team-box-caption .caption > div{
    font-family: var(--fontfamily3);
    font-size: 1.0rem;
    line-height: 1;
    font-weight: 450;
    opacity: 0.9;
}



.team-box-caption h6,
.player-box-caption h6{
	color: inherit;
	font-style: normal;
	font-size: 1.09rem;
}



.partner-list{
	grid-template-columns: repeat(6, 16.66666667%);
}
@media screen and (max-width:767px){
	.partner-list{
		grid-template-columns: repeat(3, 33.333333%);
	}
}
.partner-list-box{
	display: flex;
	position: relative;
	z-index: 6;
	justify-content: space-between;
}
.partner-list-box .logo{
	padding: 0;
    position: relative;
    margin-top: 0;
    z-index: 1;
}
.partner-list-box .logo a{
	display: block;
	background: #ffffff;
	padding: 11%;
	position: relative;
	border-radius: 0.4rem;
	border: solid 2px transparent;
	transition: border 0.2s ease;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}
.partner-list-box .logo a:hover,
.partner-list-box .logo a:focus{
	border-color: var(--maincolor);
}
.partner-list-box .logo img{
	width:100%;
	height:auto;
}





.player-ranks {
    position: absolute;
    bottom: 0.3rem;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 7;
}
.player-ranks:not(:empty){
    padding: 0 0.2rem;
    background-color: #ffffff;
    color: #000000;
    font-family: var(--fontfamily2);
    font-size: 0.8rem;
    line-height: 0.9;
    font-weight: 700;
    border-radius: var(--radius-box) var(--radius-box) 0 0;
    opacity: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
}
.player-ranks.stats-rank-info{
	position:relative;
}
.player-ranks.stats-rank-info:not(:empty){
	border-radius: 0;
}




.player-ranks > *{
	padding: 0.2rem 0.2rem 0.3rem 0.2rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.player-ranks > *:before{
    content: "";
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    min-width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    position: relative;
}
.block-rank:before{background-image: url('/_images/stats/ico_blockpoints.png');}
.mvp-rank:before{background-image: url('/_images/stats/ico_star.png');}
.score-rank:before{background-image: url('/_images/stats/ico_pointsgame.png');}
.spike-rank:before{background-image: url('/_images/stats/ico_aces.png');}
.serve-rank:before{background-image: url('/_images/stats/ico_maxpointsgame.png');}
.receive-rank:before{background-image: url('/_images/stats/ico_receive.png');}

.player-box-ranks .caption{
	padding: 0.3rem 1rem 0.2rem 1rem;
}
@media (max-width: 767px){
	.player-ranks:not(:empty) {
		padding: 0 0.2rem;
		font-size: 0.8rem;
		line-height: 0.9;
		font-weight: 700;
	}
	.player-ranks > *:before {
		min-width: 2.5rem;
		height: 2.5rem;
	}
}

/* //////////////////////////////////////////////////////////////// */

.player-box-photo img{
	filter: drop-shadow(3px -1px 5px rgba(0,0,0,0.2));
	padding: 0.2rem 0 0 0;
}
.player-box-caption .logo,
.team-box-caption .logo{
    margin-top: -2.3rem;
}
.player-box-caption .logo a{
	padding: 0.68rem;
}
.player-box-caption .logo img{
    width: 2.5rem;
}
.player-box h3 {
    padding: 0rem 0rem 0.5rem 0rem;
    font-weight: 600;
    font-size: 1.23rem;
    line-height: 1.1;
    margin: 0;
}
.player-box h4 {
    padding: 0;
    font-weight: 500;
    font-size: 0.94rem;
    line-height: 1;
    margin: 0 !important;
}

/* //////////////////////////////////////////////////////////////// */

.player-page-grid{
	display: grid;
    gap: var(--gap) 0.5rem;
    grid-auto-flow: row;
    grid-template-columns: 1fr 41.66666667%;
    grid-template-rows: 2fr auto;
}


.player-page-grid-main{
	background: var(--maincolor);
    color:#ffffff;
	background-color: var(--maincolor) !important;
    background-image: 	radial-gradient(circle at 0 0, rgba(0,98,199,0.7), rgba(0,78,255,0) 70%),
						radial-gradient(circle at 100% 100%, rgba(0,116,140,0.8), rgba(0,116,140,0) 70%);
	padding-bottom: calc(var(--space) * 2.5);

	overflow: hidden;

	-webkit-clip-path: polygon(100% 0,100% 99%,0 96.5%,0 0)!important;
    clip-path: polygon(100% 0,100% 99%,0 96.5%,0 0)!important;

    grid-column: 1 / span 2;
    grid-row: 1;

    border-radius: var(--radius-box);
    box-shadow: var(--shadow1);

    position: relative;
    padding: var(--space) var(--space) 3rem var(--space);
    display: flex;
    flex-direction: column;
}
.player-page-grid-main .flex-grow{
	flex-grow: 1;
    display: flex;
}
.player-page-grid-main .flex-column{
	display: flex;
    align-items: center;
    height: 100%;
}

.player-page-grid-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--maincolor);
	background-blend-mode: darken;
	filter: sepia(0.7) opacity(0.2) contrast(2) brightness(0.6);
}
.player-page-grid-main h1 {
    font-size: 2.8rem;
    font-family: var(--fontfamily2);
    line-height: 1.1;
    font-weight: 400;
}
.player-page-grid-main h2 {
    font-family: var(--fontfamily2);
    font-size: 1.7rem;
    font-weight: 500;
    margin-top: 1rem;
}
.player-page-grid-main h3 {
    font-size: 2.3rem;
    line-height: 1.3;
    font-weight: 400;
}
.player-page-grid-main a {
    color:#ffffff;
}
.player-page-grid-main a:hover,
.player-page-grid-main a:focus {
    text-decoration-color: #ffffff;
}

.player-page-grid-main .hr{
    border-top: solid 2px var(--maincolor);
    border-radius: 2px;
    mix-blend-mode: color-dodge;
    opacity: 0.25;
}
.player-page-grid-main .logo{
	width: 8.5rem;
}
.player-page-grid-main .logo a{
    display: inline-block;
    background: #ffffff;
    padding: 0.78rem;
    position: relative;
    border-radius: 50%;
    border: solid 2px transparent;
    transition: border 0.2s ease;
    box-shadow: var(--shadow3);
}
.player-page-grid-main .logo a:focus {
    border-color: var(--maincolor);
}
.player-page-grid-main .logo a img {
	width: 100%;
    height: auto;
}





.player-page-grid-info{

}
.player-page-grid-photo{
	grid-column: 2;
    grid-row: 1 / span 2;
    position:relative;
    z-index:2;
	padding-top: 0;
}
.player-page-grid-photo img{
    margin: 0.9rem 0 0 0;
    padding: 0 1px 0 0;
    filter: drop-shadow(3px -1px 5px rgba(0,0,0,0.2));
    border-radius: var(--radius-box);
}
.player-page-grid-photo .number {
    position: absolute;
    top: 2rem;
    bottom: unset;
    right: 1.5rem;
    font-size: 0.95rem;
    font-weight: 340;
    line-height: 0.1;
    color: #ffffff;
    text-align: right;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}
.player-page-grid-photo .number span{
	display:block;
    font-size: 5.6rem;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -0.3rem;
}

@media screen and (max-width:767px){
	.player-page-grid {
		gap: var(--gap);
		grid-auto-flow: row;
		grid-template-columns: 100%;

	}
	.player-page-grid-main{
		grid-column: 1;
		grid-row: 1;
		padding-bottom: 20rem;
		font-size: 0.8rem;
		line-height:1.2;
	}
	.player-page-grid-photo {
		grid-column: 1;
		grid-row: 2;
		margin: -21rem 0rem -0.5rem 0rem;
	}

	.player-page-grid-main h1 {
		font-size: 1.9rem;
		line-height: 1.1;
	}
	.player-page-grid-main h2 {
		font-size: 1.1rem;
		font-weight: 500;
		margin-top: 0.3rem;
		margin-bottom: 0.8rem;
	}
	.player-page-grid-main h3 {
		font-size: 1.7rem;
		line-height: 1.3;
		font-weight: 400;
	}
	.player-page-grid-photo img{
		padding: 0;
	}
	.player-page-grid .logo{
		width: 25%;
	}
	.player-page-grid .logo + .col-xs-9{
		padding-left: 0;
	}	
	.player-page-grid .logo a{
		padding: 0.5rem;
	}
	.player-page-grid-photo .number {
		top: 0.8rem;
		right: 1.4rem;
		font-size: 0.95rem;
		font-weight: 340;
		line-height: 0.1;
	}
	.player-page-grid-photo .number span{
		font-size: 5.5rem;
	}
	.player-page-grid .hr{
		margin: 0.4rem 0 !important
	}
	.table-condensed.table-middle th h6{
		font-size: 0.65rem;
		line-height: 1;
		margin: 0.4rem 0;
	}
	.table-condensed.table-middle .bigger > .number {
		font-size: 1.5rem;
	}
	.table-condensed.table-middle .stats-ico img {
		width: auto;
		height: 2.6rem;
	}

}



/* //////////////////////////////////////////////////////////////// */

.team-photo-box{
	z-index: 1;
}
.team-photo-box > .section-background{
	background: var(--maincolor);
    box-shadow: var(--shadow1);
    color:#ffffff;
	background-color: var(--maincolor) !important;
    background-image: 	radial-gradient(circle at 0 0, rgba(0,98,199,0.7), rgba(0,78,255,0) 70%),
						radial-gradient(circle at 100% 100%, rgba(0,116,140,0.8), rgba(0,116,140,0) 70%);
	
	padding-bottom: calc(var(--space) * 2.2);
	margin-bottom: calc(var(--space) * -1.2) !important;

	-webkit-clip-path: polygon(100% 0,100% 97%,0 95.5%,0 0)!important;
    clip-path: polygon(100% 0,100% 97%,0 95.5%,0 0)!important;
}
.team-photo-box + section{
	padding-top:0;
}

.team-photo-box-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--maincolor);
	background-blend-mode: darken;
	filter: sepia(0.7) opacity(0.2) contrast(2) brightness(0.6);
}

.team-photo-box figure img{
    border-radius: 0 var(--radius-box) var(--radius-box) 0;
    box-shadow: none;
    box-shadow: var(--shadow1);
}

@media screen and (min-width:768px){
	.team-photo-box .row.flex-row .col-sm-9{
		padding-left:0;
	}
	.team-photo-box .row.flex-row .col-sm-3{
		padding-right:0;
	}
}



.team-photo-box .logo{
    background: #ffffff;
    background-image: linear-gradient( 6deg, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0) 50%);
    padding: 3.5rem;
    border-radius: var(--radius-box) 0 0 var(--radius-box);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--shadow1);
    position:relative;
    z-index:3;

}
.team-photo-box .logo img {
    width: 100%;
    height: auto;
}
.team-photo-box .section-title{
	margin-top: 1.5rem;
    align-items: flex-start;
}
.team-photo-box h1{
	font-size: 3.5rem;
    margin-bottom: 0.5rem;
    font-family: var(--fontfamily2);
	line-height: 1.1;
}
@media screen and (min-width:768px){
	.team-photo-box .share-bar{
		margin-top:0;
	}
}

@media screen and (max-width:767px){
	.team-photo-box figure img{
		border-radius: 0 0 var(--radius-box) var(--radius-box);
	}
	.team-photo-box .logo{
		padding: 1rem;
		border-radius: var(--radius-box) var(--radius-box) 0 0;
		height: 8rem;
	}
	.team-photo-box .logo img {
		width: auto;
		height: 100%;
	}
	.team-photo-box .section-title {
		margin-top: 1rem;
	}
	.team-photo-box h1{
		font-size: 2rem;
	}
}



.toggle-menu{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    list-style: none;

	font-family: var(--fontfamily3);
	font-weight: 420;
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: 1.1;
}
.toggle-menu > li {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0;
}
.toggle-menu a {
    display: flex;
    align-items: center;
    padding: 0rem 0.5rem;
    margin: 0;
    text-decoration: none;
    border-bottom: none;
}
.toggle-menu li:not(:focus):not(:hover):not(.active) a{
    color: inherit;
}
.toggle-menu .fa{
    line-height: 1;
    font-size: 1.6rem;
}

@media (max-width: 767px){
	.text-toggle-menu {
		flex-wrap: wrap;
		gap: 0.2rem 0;
		padding: 0.5rem 0.5rem;
		font-size: 1.4rem;
		line-height: 1.1;
	}
	.toggle-menu .fa{
		font-size: 1.2rem;
	}
}

/* //////////////////////////////////////////////////////////////// */

.page-menu{
    position: relative;
    display: flex;
    gap: 0.2rem 0;
    justify-content: center;
    padding: 0.5rem 0rem;
    font-size: 1.4rem;
    background: transparent;
    margin: 0 !important;
    border-radius: 0rem;
    border-bottom: solid 1px rgba(100, 100, 100, 0.3);
	box-shadow:none;
}
.page-menu.bar.sort > div{
	display:flex;
}
.page-menu a,.page-menu .filter-button{
    margin: 0 0.5rem;
    min-width: 0.9rem;
    letter-spacing: -0.02rem;
    text-align: center;
    border: none;
    background: transparent;
    padding: 0.2rem 0 0.05rem 0;
    font-size: 1.34rem;
    line-height: 1.1;
    justify-content: center;
}
.page-menu a img{
	width: 1.8rem;
    height: auto;
}
.page-menu .filter-button[type='image'] {
    width: auto;
    height: 2.45rem;
    min-height:2.45rem;
    font-size:0;
}
.page-menu a:hover,.page-menu .filter-button:hover,
.page-menu a.active,.page-menu .filter-button.active{
	color:var(--maincolor);
}
.main-menu.page-menu li.active a,
.main-menu.page-menu li.active a:not(.active){
	color:var(--maincolor);
}
.page-menu-logos .image a,.page-menu .filter-button[type='image']{
	background: #ffffff;
    border-radius: var(--radius-small);
    margin: 0 2px;
    padding: 0.2rem;
    border: solid 2px transparent;
}
.page-menu-logos .image a.active,.page-menu .filter-button[type='image'].active{
	border-color: var(--maincolor);
}

.filterable-content.page-menu.margin-top + .page-menu.margin-top{
	margin-top: 0.5rem;
}
main .filterable-content section:last-child {
    padding-bottom: 0;
}

.overflow-auto{
	opacity:1;
	transition: opacity 0.5s ease;
	text-align:center;
}
.overflow-auto[style*="display:"]{
	opacity:0;
	height:0;
	display:block !important;
	overflow:hidden;
	transition: opacity 0.2s ease;
}
.page-menu.top-filter + .overflow-hidden{
    position: relative;
    top: 0.5rem;
    margin-bottom: 0.5rem;
    top:0;
    margin:0;
    height:auto;
    overflow:visible !important;
    opacity:1;
}
.page-menu.top-filter + .overflow-hidden[style*="height: 0px"]{
	margin-bottom:0rem;
	height: 0;
	opacity:0;
}
.page-menu.top-filter + .overflow-hidden > .main-menu.page-menu{
	margin-top:0;
}
.height-transition{
	transition: height 0.35s ease;
}

@media all and (min-width:768px){
	.main-menu.padded-main-menu{
		margin-right:2rem;
	}
}
@media screen and (max-width:767px){
	.page-menu a img{
		width: 1.3rem;
	}
	.page-menu .filter-button[type='image'] {
		height: 1.88rem;
		min-height: 1.88rem;
	}
	.main-menu.xxpadded-main-menu{
		background: rgba(180,180,180,0.15);
		position: relative;
		padding: 0.4rem 0.5rem 0.5rem 0.5rem;
		border-radius: var(--radius-menu);
		margin: 0.2rem 0 0 0;
		width: 100%;
	}
	.main-menu.page-menu.page-menu-logos{
		gap: 0.2rem 0;
		justify-content: center;
	}
}
.sorting-box{
	margin-top:3rem;
}

.sorting-box > h2{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.45rem;
    font-family: var(--fontfamily2);
}

.sorting-box > h2 span.logo{
	display:inline-block;
	background: #ffffff;
    border-radius: 10rem;
    padding: 0.68rem;
    margin: -0.68rem 0;
    line-height:0;
}
.sorting-box > h2 span.logo img{
	width: 2rem;
	height: 2rem;
}
.sorting-box > h2:before {
    content: "";
    border-top: solid 1px rgba(100, 100, 100, 0.3);
    width: auto;
    flex-grow:1;
    margin-right: 1rem;
}
.sorting-box > h2:after {
    content: "";
    border-top: solid 1px rgba(100, 100, 100, 0.3);
    width: auto;
    flex-grow:1;
    margin-left: 1rem;
}

/* //////////////////////////////////////////////////////////////// */

@media screen and (min-width:768px){
	.article-content {
		hyphens: auto;
	}
}

.article-content * {
	hyphens: auto;
    page-break-inside: avoid;
    break-inside: avoid-column;
}
.article-content h1{
	margin-bottom: 2rem;
	font-weight: 430;

}

.article-content h1 + *{
	margin-top: 2rem;
}


.article-content iframe{
	max-width: 100%;
	background: #ffffff;
	border-radius: 4px;
}



/* //////////////////////////////////////////////////////////////// */
.gallery-thumb a:after,
.gamesbox .gamesbox-body:after,
.gallery-slider .dc-slider-item a:after,
.message-box > a:after,
.event-baner > a:after,
.section-baner a:after,
.baner-box a:after {
    position: absolute;
    z-index: 3;
    bottom: 0px;
    left: 50%;
    right: 50%;
    content: "";
    height: 50%;
    border-bottom: solid 2px transparent;
    border-radius: var(--radius-box);
    background: transparent;
    transition: left 0.25s ease,
				right 0.25s ease,
				border 0.25s ease;

}
.gallery-thumb a:hover:after,
.gallery-thumb a:focus:after,
.gamesbox:hover .gamesbox-body:after,
.gamesbox:focus .gamesbox-body:after,
.gamesbox.open .gamesbox-body:after,
.gallery-slider .dc-slider-item a:hover:after,
.gallery-slider .dc-slider-item a:focus:after,
.message-box > a:hover:after,
.message-box > a:focus:after,
.event-baner > a:hover:after,
.event-baner > a:focus:after,
.section-baner a:hover:after,
.section-baner a:focus:after,
.baner-box a:hover:after,
.baner-box a:focus:after{
    border-color: var(--maincolor);
    left: 0;
    right: 0;
}

.messages-boxes-inset .message-box > a:after{
	border-radius:0;
}

/* //////////////////////////////////////////////////////////////// */

.team-hall-box{
	position: relative;
    border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
    overflow: hidden;
}
.team-hall-box-image{
	padding-bottom:50%;
}
.team-hall-box .logo{
	align-self: flex-start;
    margin: -2rem 1.5rem 0rem 1.5rem;
    z-index: 1;
    display: block;
    background: #ffffff;
    padding: 1.2rem;
    position: relative;
    border-radius: 10rem;
    border: solid 2px transparent;
    transition: border 0.2s ease;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}
.team-hall-box .logo img {
    width: 5rem;
    height: auto;
}


.team-hall-box-caption {
    display: flex;
    position: relative;
    flex-grow: 1;
    justify-content: space-between;

	color:#ffffff;
}
.team-hall-box-caption  .caption {
    position: relative;
    z-index: 1;
    padding: 0.5rem 1.5rem 1.5rem 1.5rem;
    font-family: var(--fontfamily2);
}
.team-hall-box-caption:after {
    position: absolute;
    z-index: 0;
    left: -1px;
    right: -1px;
    bottom: -1rem;
    top: -0.8rem;
    content: "";
    transform: skew(0deg, 1deg);
    background: var(--maincolor);
}
.team-hall-box-caption * + p {
    margin-top: 0.5rem;
}
.team-hall-box-caption p + p {
    margin-top: 0.2rem;
}

@media screen and (max-width:767px){
	.team-hall-box .logo{
		display:none;
	}
}


/* //////////////////////////////////////////////////////////////// */

.googlemap{
	width:100%;
	height:100%;
	position:relative;
	border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
    overflow:hidden;
}
.googlemap > div{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}



.googlemap-height{
	min-height:30rem;
}

/* //////////////////////////////////////////////////////////////// */

.info-box{
	border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
    height:100%;
    padding:1.5rem;
    background: rgba(255,255,255,1);
}
body.darktheme .info-box{
    background: rgba(255,255,255,0.1);
}


.info-box h4 + *{
	margin-top:0.5rem;
}
@media screen and (max-width:767px){
	.info-box{
		height:auto;
		margin-bottom:1.5rem;
	}
}


/* ////////////////////////////////////// */

.entry-container{
    margin: 0 0 0 2rem;
}
.entry-message{
	margin: 0 0 2rem 0rem;
}
.entry-item{
    position: relative;
    border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
    padding: 0rem 1.5rem 1.5rem 1.5rem;
    background: rgba(255,255,255,0.05);
    margin: 0 0 2rem 0rem;
}

.entry-item:before{
	position: absolute;
    top: 0.9rem;
    left: -2rem;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f111";
    font-size: 0.5rem;
    line-height: 1;
    color: var(--maincolor);
    z-index: 2;
}
.entry-item:after{
	position: absolute;
    top: 1.8rem;
    left: -1.85rem;
    bottom: -2.7rem;
    content: "";
    z-index: 2;
    border-left: dotted 2px #bdbdbd;
}
.entry-item:last-child:after{
	border-left:none;
}



.entry-item header{
    position: relative;
    z-index: 2;
}
.entry-item header:before{
	position: absolute;
    top: 1.1rem;
    left: -2.7rem;
    content: "";
    font-size: 0px;
    line-height: 0;
    border-top: dotted 2px #bdbdbd;
    width: 0.5rem;
}
.entry-item header small{
    font-family: var(--fontfamily2);
    font-weight: 600;
    font-size: 1rem;
    display: inline-block;
    padding: 0 1rem 0 0.6rem;
    position: relative;
    border-radius: var(--radius-element) 0 0 var(--radius-element);
    overflow: hidden;
    color: #ffffff;
    margin: 0.5rem 0 0 -2rem;
}

.entry-item header small:after{
	content: "";
    position: absolute;
    top: 0;
    left: -1rem;
    right: 0.3rem;
    bottom: 0;
    z-index: -1;
    transform: skew(0.96turn);
    border-radius: 0 0 var(--radius-element) 0;
    background: var(--maincolor);
}


.entry-item header h3{
	margin: 0.9rem 0 1.2rem 0;
}
.entry-item iframe{
	max-width: 100%;
}
.entry-item img{
	max-width: 100%;
	max-height: 95vh;
	width: auto;
}

.entry-placeholder {
    margin-top: 1.2rem;
}
.entry-placeholder .wgimage,
.entry-item img.entry-placeholder{
	border-radius: var(--radius-box);
    box-shadow: var(--shadow1);
    background: rgba(180,180,190,0.2);
}



.entry-counter{
	display: inline-block;
    font-size: 14px;
    line-height: 1;
    background: #e5164f;
    color: #ffffff;
    padding: 4px 2px 3px 2px;
    min-width: 22px;
    margin-left: 9px;
    border-radius: 50%;
    font-family: khandmedium, sans-serif;
}

@media screen and (max-width:767px){
	.entry-container {
		margin: 0px 0 0 1rem;
	}
	.entry-item {
		padding: 0rem 0.8rem 1rem 0.8rem;
		margin: 0 0 1rem 0rem;
	}
	.entry-item:before {
		left: -1.5rem;
    }
    .entry-item:after {
		top: 1.8rem;
		left: -1.3rem;
		bottom: -1.5rem;
    }
	.entry-item header small {
		padding: 0 1rem 0 0.6rem;
		margin: 0.5rem 0 0 -1.2rem;
	}
	.entry-item header:before {
		left: -1.6rem;
		width: 0.24rem;
	}
	.entry-item header h3 {
		font-size: 1.2rem;
	}
}



.live-coverage-scroll-info{
	position: fixed;
    top: 2rem;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10000;
}
.live-coverage-scroll-info .live-coverage-scrol-button{
    display: inline-flex;
    margin: 0 auto;
    padding: 5px 10px;
    font-size: 15px;
    background: #ffffff;
    color: #000000;
    align-items: center;
    border-radius: 4px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
    cursor:pointer;
   	transition: color 0.25s ease,
				background-color 0.25s ease,
				border-color 0.25s ease;
}
.live-coverage-scroll-info .live-coverage-scrol-button:hover{
    background: #ffffff;
    color: #e5164f;
}

.live-coverage-scroll-info .live-coverage-scrol-button > div{
	padding: 5px 10px;
    display: flex;
    align-items: center;
}
.live-coverage-scroll-info .live-coverage-scrol-button > div:first-child:before{
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f27a";
    font-size: 16px;
    padding: 0 6px 0px 0;
    color: #919191;
}
.live-coverage-scroll-info .live-coverage-scrol-button:hover > div:first-child:before{
    color: inherit;
}
.live-coverage-scroll-info .btn.btn-sm{
	padding:8px 10px;
	font-size: 12px;
    line-height: 1;
    font-family: titilliumwebbold, sans-serif;
    color: #ffffff;
    background: #e5164f;
}
.live-coverage-scroll-info .btn.btn-sm:hover{
	color: #333333;
    background-color: #e6e6e6;
}


/* //////////////////////////////////////////////////////////////// */

.collapselink-container{
	display: flex;
    align-items: baseline;
}

a.collapselink{
	display:block;
	color: var(--maincolor) !important;
	margin-left:1rem;
	white-space: nowrap;
}
a.collapselink span:after{
	display:inline-block;
	margin-left:0.3rem;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f107";
	position: relative;
	top: 0.1rem;
}
a.collapselink span:last-child:after{content: "\f106";}
a.collapselink span{display:block;}
a.collapselink span:first-child{display:none;}
a.collapselink.collapsed span:first-child{display:block;}
a.collapselink.collapsed span:last-child{display:none;}


/* //////////////////////////////////////////////////////////////// */


.colors-test{
    font-size: 1.7rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #808080;
    flex-wrap: wrap;
}

.colors-test h1{
    font-size: 7rem;
    line-height: 0.9;
    font-weight: 700;
    font-family: var(--fontfamily2);
    top: -0.5rem;
    opacity: 0.9;
    letter-spacing: -0.4rem;
}
.colors-test p{
    margin-top: 0 !important;
    font-family: var(--fontfamily2);
    font-size: 1.8rem;
    font-weight: 550;
}
.colors-test small{
    line-height: 1;

	font-family: var(--fontfamily2);
    font-size: 1.3rem;
    font-weight: 500;

    font-family: var(--fontfamily3);
    font-size: 1.4rem;
    font-weight: 400;

}

.colors-test > *{
	padding: 2rem;
	margin:0.5rem;
    flex-grow: 1;
    border-radius: var(--radius-element);
    box-shadow: var(--shadow1);
    transform: skew(-0.01turn, -1deg);
    overflow:hidden;
}
.colors-test > * > * {
    transform: skew(0.01turn, 1deg);
}
.colors-test > * > * > * {
	filter: hue-rotate(180deg) saturate(0) contrast(40) grayscale(1) invert(1);
}
:root {
    --testcolor1: #f7b921;
    --testcolor2: #094095;
    --testcolor3: #3cb9e9;
    --testcolor4: #4e0834;
    --testcolor5: #00980c;
    --testcolor6: #b11a40;
    --testcolor7: #e2007a;
    --testcolor8: #00b262;
}
.color-test-1{background: var(--testcolor1);color: var(--testcolor1);}
.color-test-2{background: var(--testcolor2);color: var(--testcolor2);}
.color-test-3{background: var(--testcolor3);color: var(--testcolor3);}
.color-test-4{background: var(--testcolor4);color: var(--testcolor4);}
.color-test-5{background: var(--testcolor5);color: var(--testcolor5);}
.color-test-6{background: var(--testcolor6);color: var(--testcolor6);}
.color-test-7{background: var(--testcolor7);color: var(--testcolor7);}
.color-test-8{background: var(--testcolor8);color: var(--testcolor8);}

/* //////////////////////////////////////////////////////////////// */

.og-side-view{
	position:fixed;
	bottom:4rem;
	left:0;
	width:18rem;
	padding:0.6rem;
	background:#ffffff;
	box-shadow: var(--shadow1);
	z-index:100;
	opacity:0.5;
	transform: scale(0.2);
	transform-origin: left bottom;
	display:none;
	opacity:1;
}
.og-side-view h4{font-size:0.9rem;margin-top:0.6rem;}
.og-side-view p{font-size:0.7rem;margin-top:0.2rem !important;}
.og-side-view img{
	max-width:100%;
	border:solid 1px #eeeeee;
}
.og-side-view:hover{
	opacity:1;
	transform: scale(1.2);
}
@media screen and (max-width:767px){
	.og-side-view{
		display:none;
	}
}


section.section-voteTeams{
    color: #ffffff;
    position: relative;
    overflow: hidden;
    background-color: var(--maincolor) !important;
    background-image: radial-gradient(circle at 0 0, rgba(0,98,199,0.7), rgba(0,78,255,0) 70%),
					  radial-gradient(circle at 100% 100%, rgba(0,116,140,0.8), rgba(0,116,140,0) 70%);

}
.section-voteTeams-bg{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: soft-light;
    opacity: 0.2;
    background-color: var(--maincolor);

    mix-blend-mode: color-burn;
    background-blend-mode: darken;
}
section.section-voteTeams a{
	color:#ffffff;
}
section.section-voteTeams a:after{
    color:#ffffff;
}
section.section-voteTeams .caption-date time + *:before,
section.section-voteTeams .author:before{
    color:#ffffff;
}
section.section-voteTeams a:hover,
section.section-voteTeams a:focus{
    border-color: #ffffff;
    text-decoration-color: #ffffff;
}





.vote-teams-container .player-box-caption .caption,
.vote-teams-container .team-box-caption .caption {
    width: 100%;
    padding: 0.2rem 0.5rem 0.8rem 0.5rem;
}


.vote-teams-container .player-box h3{
    font-size: 1rem;
    line-height: 1;
}
.vote-teams-container .player-box h4 {
    font-size: 0.85rem;
}
.vote-teams-container .player-box h6 {
    font-size: 0.78rem;
    padding: 0.4rem 0.3rem 0.2rem 0.3rem;
}
.vote-teams-container .player-ranks:not(:empty){
	justify-content: flex-start;
	border-bottom: solid 1px rgba(150,150,150,0.2);
}
.vote-teams-container .player-ranks > *:before{
	display:none;
}


.overflow-hidden {
    overflow: hidden !important;
}








.podium-list{
    max-width: 40rem;
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.1;
    display: grid;
    gap: 0;
    grid-auto-flow: row;
    grid-template-columns: 1.5rem 5rem auto;
    align-items: stretch;
}

.podium-list > * {
    display: flex;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    border-bottom: dotted 1px rgba(140,140,140,0.3);
    align-items: center;
}
.podium-list a:not(:focus):not(:hover){
	color: inherit;
}
.podium-list .number{
    font-size: 1.4rem;
    font-weight: 400;
    justify-self: self-end;
}
.podium-list .podium-list-logo{
}
.podium-list .podium-list-logo span{
	display: inline-block;
	background: #ffffff;
	color: #333333;
	margin: 0 1rem;
	border-radius: 50%;
	padding: 11%;
}

.podium-list img{
	padding: 0;
}
.podium-background{
	display:none;
}
.podium + .podium-list{
	margin-bottom:1rem;
}

@media screen and (min-width:768px){
	.podium-list{
		font-size: 1.5rem;
		line-height:1.1;
		grid-template-columns: 3rem 7rem auto;
    }
	.podium-list img {
	}
	.podium-list .number{
		font-size: 1.9rem;
	}
	.podium-background{
		display:block;
		opacity: 0.4;
	}
	.podium{
		position: relative;
		display: block;
		max-width: 60rem;
		margin: 0 auto;
	}
	.podium-items{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.podium .podium-items .podium-list{
		position: absolute;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		width: 14rem;
		font-size: 1.4rem;
	}
	.podium .podium-items .podium-list .number{
		display:none;
	}
	.podium .podium-items .podium-list img {
		width: 7rem;
	}
	.podium .podium-items .podium-list > *{
		padding-bottom: 0rem;
		padding-top: 0;
		border-bottom: none;
	}
	.podium .podium-items .podium-list > *:last-child{
		padding-bottom: 0.9rem;
	}
	.podium .podium-items .podium-list.position1{
		bottom: 64%;
		width: 16rem;
		left: calc(50% - 8rem);
	}
	.podium .podium-items .podium-list.position2{
		bottom: 53%;
		left: calc(23% - 7rem);
	}
	.podium .podium-items .podium-list.position3{
		bottom: 42%;
		right: calc(23% - 7rem);
	}
	.podium + .podium-list{
		margin-top:-4rem;
		margin-bottom:2rem;
	}
}

.widget-ppp{
	width: 100%;
	max-width: 100%;
	height: 350px;
	border: 0;
	position: relative;
	margin: 0 -15px;
	background: #f2f5f7;
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
	border-radius: var(--radius-box);
}
.widget-pbp{height: 420px;}

@media (max-width: 1290px) {
	.widget-ppp{height: 350px;}
	.widget-pbp{height: 420px;}
}
@media (max-width: 992px) {
	.widget-ppp{height: 340px;}
	.widget-pbp{height: 420px;}
}
@media (max-width: 767px) {
	.widget-ppp{height: 340px;}
	.widget-pbp{height: 420px;}
}
@media (max-width: 715px) {
	.widget-ppp{height: 310px;}
	.widget-pbp{height: 420px;}
}
@media (max-width: 610px) {
	.widget-ppp{height: 290px;}
	.widget-pbp{height: 420px;}
}


.info-centered-evenly{
	display: flex;
	gap: 1rem;
	justify-content: space-evenly;
}
.info-centered-evenly table{
	font-size: 1.2rem;
	line-height: 1.2;
	table-layout: fixed;
}
.info-centered-evenly th,
.info-centered-evenly td{
	vertical-align: top;
	text-align: left;
	padding: 0.4rem 0.8rem;
	font-weight: 600;
}
.info-centered-evenly th{
	text-align: right;
	font-weight: 400;
}
@media screen and (max-width:767px){
	.info-centered-evenly{
		flex-direction: column;
		align-items: center;
	}
	.info-centered-evenly table{
		width: 100%;
		font-size: 1.1rem;
	}

}

.trans-logo{

}
.account-logos{
	display: grid;
	grid-auto-flow: column;
	gap: 1.8rem;
}
@media screen and (max-width:767px){
	.account-logos{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-flow: row;
		gap: 1.2rem;
	}
}

.account-logos a {
	display: block;
	position: relative;
}
.account-logos a img {
	background: #ffffff;
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	padding: 0.5rem 1rem;
	position: relative;
	z-index: 5;
	border-radius: var(--radius-box);
	box-shadow: var(--shadow1);
}
.account-logos > div {
	position: relative;
	z-index: 0;
}
.account-logos a > div {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	color: #ffffff;
	background: var(--maincolor);
	border-radius: var(--radius-box);
	z-index: 1;
	height: auto;
	overflow: hidden;
	font-family: var(--fontfamily2);
	font-size: 1rem;
	font-weight: 550;
	line-height: 1.2;
	padding: 0.5rem 0.6rem 0.5rem 0.6rem;
	bottom: 0;
	opacity: 0;
	transition: opacity 0.2s ease,bottom 0.2s ease;
}
.account-logos a:hover > div {
	bottom: 102%;
	opacity: 1;
}

/* //////////////////////////////////////////////////////////////// */

.teamstat-bar {
	text-transform: uppercase;
	font-family: var(--fontfamily3);
	font-weight: 420;
	font-size: 1.3rem;
	line-height: 1.4;
	padding: 0;
}
.teamstat-bar > div{
	margin-top:0.5rem;
}
.teamstat-bar > div > .row{
	margin: 0;
	border: solid 1px rgba(100, 100, 100, 0.3);
	border-radius: var(--radius-box);
	overflow:hidden;
}
.teamstat-bar > div > .row > div{
	font-family: var(--fontfamily2);
	font-weight: 500;
	font-size: 0.7rem;
	padding: 0.4rem 0 1rem 0;
}
.teamstat-bar > div > .row > div + div{
	border-left: solid 1px rgba(100, 100, 100, 0.3);
}
.teamstat-bar span {
	font-family: var(--fontfamily2);
	font-weight: 350;
	font-size: 2.7rem;
	line-height: 1.5;
	display: block;
}
.teamstat-bar span.blue {
	color: var(--drawcolor);
}
.teamstat-bar span.green {
	color: var(--wincolor);;
}
.teamstat-bar span.red {
	color: var(--lostcolor);;
}
.teamstat-bar div.blue {
	background: var(--drawcolor);
	color: #ffffff;
	border-color: #ffffff !important;
}
body.darktheme .teamstat-bar div.blue {
	border-color: #171717 !important;
}
@media (max-width: 767px){
	.teamstat-bar > div > .row > div + div{
		border-top: solid 1px rgba(100, 100, 100, 0.3);
		border-left: none;
	}
}

/* //////////////////////////////////////////////////////////////// */

.teamchart{
	width:100%;
	margin-bottom:1rem;
	background:transparent;
	text-align:center;
	font-family: var(--fontfamily3);
}
.teamchart .highcharts-axis-labels text{
	font-family: var(--fontfamily3);
	font-weight: normal;
	font-size:1rem !important;
	color: #333333 !important;
	fill: #333333 !important;
}
.teamchart .highcharts-axis text{
	font-family: var(--fontfamily3);
	font-weight: normal;
	font-size:0.89rem !important;
	color: #333333 !important;
	fill: #333333 !important;
}
.teamchart .highcharts-axis-line{
	stroke: #333333 !important;
}

body.darktheme .teamchart .highcharts-axis-labels text{
	color: #dddddd !important;
	fill: #dddddd !important;
}
body.darktheme .teamchart .highcharts-axis text{
	color: #dddddd !important;
	fill: #dddddd !important;
}
body.darktheme .teamchart .highcharts-axis-line{
	stroke: #dddddd !important;
}

.highcharts-yaxis-title,
.highcharts-xaxis-title{
	font-family: var(--fontfamily3);
	font-weight: normal;
	font-size:1rem;
}


.teamchart h4{
	font-family: var(--fontfamily1);
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1;
	white-space: normal;
	text-align: left;
}
.highcharts-tooltip .khanded{
	font-family: var(--fontfamily2);
	font-weight: 400;
	font-size: 2.3rem;
	line-height: 1.2;
	margin: 0 0 0.3rem 0;
	text-align: center;
}
.highcharts-tooltip .khanded.tiny,
.highcharts-tooltip .titiled.small{
	font-family: var(--fontfamily2);
	font-weight: 400;
	font-size: 1.05rem;
	line-height: 1;
}
.highcharts-tooltip .khanded.small{
	font-size: 1.1rem;
	line-height: 1;
	margin: 0;
	text-align: center;
	font-weight: 500;
}
.highcharts-tooltip table{
	margin:0 auto 0.4rem auto;
}
.highcharts-tooltip td{
	text-align: center;
	vertical-align: bottom;
	border-top: solid 1px #dddddd;
	padding: 0.2rem 0.2rem;
}
.highcharts-tooltip p{
	font-family: var(--fontfamily2);
	border-top: solid 1px #dddddd;
	text-align: center;
	margin:0;
	padding:0;
}
.highcharts-tooltip p.date{
	padding: 0.3rem 0 0 0;
	color: #5c5c5c;
	font-size: 0.74rem;
	font-weight: 700;
	line-height: 1;
}
.highcharts-tooltip img{
	width: 3rem;
	height: 3rem;
}


.info-boxes-row > * {
	flex-grow: 1;
}

@media screen and (max-width:767px){
	.info-boxes-row {
		gap: 1.5rem;
	}
	.info-boxes-row > * .info-box {
		height: auto;
		margin-bottom: 0;
		padding: 1rem;
	}
}



.gold-set-box{
	background: #d0ccb6;
	color: #ffffff;
	display: inline-block;
	width:1.8rem;
	height:1.8rem;
	border-radius: 50%;
	cursor: default;
}




body > .skiptranslate:first-child {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1199;
	background: #ababab;
	box-shadow: inset 0px -1px 0px #ffffff;
	height: 40px;
}

body > .skiptranslate:first-child > iframe {
	position: relative;
	border: none;
	box-shadow: none;
	float: left;
	xxmix-blend-mode: overlay;
}
#goog-gt-tt + div,
#goog-gt-tt + iframe + div{
	right: 40%;
	left: 50%;
	z-index:1300;
	z-index: 0;
}
#goog-gt-tt {
	display: none !important;
}
#goog-gt-tt ~ iframe{
	box-shadow: var(--shadow1);
	border: none;
}

body > .skiptranslate > iframe body{
	background:#ff00ff !important;
}

@media screen and (max-width:767px){
	body > .skiptranslate:first-child {
		top: 4rem;
	}
}

.gtranslate-menu  .goog-te-gadget-icon{
	display:none;
}
.gtranslate-menu .goog-te-gadget-simple{
	font-size:0.86rem;
	border:none;
	padding:0;
	background-color: transparent;
}
.gtranslate-menu .goog-te-gadget-simple a:hover,
.gtranslate-menu .goog-te-gadget-simple a:focus{
	color: var(--maincolor);
}

.gtranslate-menu .goog-te-gadget {
	font-family: var(--fontfamily1);
	font-size: 0.86rem;
	color: inherit;
	white-space: nowrap;
}

@media screen and (max-width:767px){
	.message-box.background-bg{
		background-image: none !important;
	}
}

.ob-top-navigation .section-marquee.no-bottom{
	padding: 0rem 0 1rem 0;
	margin-top: -0.5rem;
}
.ob-top-navigation .section-marquee.no-bottom .container{
	padding: 0 1rem;
}


.game_teams {
	display: block;
	position: relative;
}
.game_team {
	position: absolute;
	z-index: 1;
	width: 45%;
	height: auto;
	filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2));
}
.game_team.team_a {
	top: 8%;
	left: 7%;
}
.game_team.team_b {
	bottom: 10%;
	right: 7%;
}
.game-team-box-photo{
	background-image: radial-gradient(circle at 50% 25%, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0) 70%), 
	linear-gradient(0deg, rgba(240, 240, 240, 0.7) 0%, rgba(255, 255, 255, 0.99) 100%);
}
.game-team-box-photo img{
	padding:16%;
	filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2));
}

.pdf-object{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;        
	aspect-ratio: 4 / 3;
}

/* //////////////////////////////////////////////////////////////// */

.popup-container {
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1201;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.6);
	backdrop-filter: blur(0rem);
	opacity:0;
}
.popup-container:last-child{
	opacity:1;
}
.popup-window{
	position: relative;
	background: #ffffff;
	color: #000000;
	border-radius: 0.5rem;
	overflow: hidden;
	padding: 0;
	box-shadow: 0px 0px 1.5rem rgba(0,0,0,0.35);
	min-width: 0px;
	min-height: 0px;
	max-width: 98vw;
	max-height: 98vh;
}
.popup-close{
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	padding: 0.5rem 0.5rem 4rem 4rem;

	line-height: 1;
	cursor: pointer;
	color: #dfdfdf;
}
.popup-close .fa{
	padding: 0.1rem 0 0 0;
	background: rgba(0, 0, 0, 0.2);
	width: 2.3rem;
	height: 2.3rem;
	border-radius: 2rem;
	font-size: 1.3rem;
	line-height: 1.4;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: color 0.25s ease, background-color 0.25s ease;
}
.popup-close:hover .fa{
	background: rgba(0, 0, 0, 0.6);
}
.popup-content a{
	display:block;
}
.popup-content img{
	max-width: 91vw;
	max-height: 95vh;
}






.colorized{
	color: var(--maincolor);
}
.ball-bullets {
	padding-top: 1rem;
	font-size: 110%;
}
.ball-bullets strong{
	color: var(--maincolor);
	xxwhite-space: nowrap;
}
.ball-bullets ul:not([class]){
	padding: 0 0 0 2rem;
}
.ball-bullets ul:not([class]) > li{
	padding-left: 0.8rem;
}
.ball-bullets ul:not([class]):not([style]) > li::marker {
	letter-spacing: 0;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f45f";
	font-size: 145%;
	position: relative;
}


/* voteTeams court //////////////////////////////////////////////////////////////// */

section.vote-teams-container{
	padding-bottom: 0;
}
section.vote-teams-container + section.vote-teams-container{
	margin-top: 0.5rem;
}

.vote-court-content{
	overflow:hidden;
	box-shadow: var(--shadow1);
	padding:0;
	margin: 0 0 0 0;	
	color: #ffffff;
	background-color: var(--maincolor);

	background-image:   radial-gradient(circle at 0 0, 
							rgba(0, 90, 167, 0.7), 
							rgba(0, 90, 167, 0) 70%), 
						radial-gradient(circle at 100% 100%, 
							rgba(0, 108, 140, 0.8), 
							rgba(0, 108, 140, 0) 70%);

	background-image: 	radial-gradient(circle at 0 0, 
							rgba(0, 90, 167, 0.7), 
							rgba(0, 90, 167, 0) 75%), 
						radial-gradient(circle at 100% 100%, 
							rgb(0, 69, 140, 0.8), 
							rgba(0, 108, 140, 0) 75%);

	position: relative;
}
.vote-court-content:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('/_images/common/boisko.jpg');
	background-repeat: repeat-x;
	background-position: right  bottom;
	background-size: auto 60%;
	background-color: var(--maincolor);
	background-blend-mode: color-burn;
	filter: sepia(0.5) opacity(0.05) contrast(1.5) brightness(1);
}
.vote-court-title{
	padding: 1.2rem 0 1.2rem 0;
	font-weight: 700;
	font-stretch: 100%;
	xxbackground: var(--maincolor);
	xxcolor: #ffffff;
	position: relative;
	z-index: 2;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.vote-court-title .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	display: grid;
	grid-template-columns: 77% 23%;
}
.vote-court-title h2{
	font-size: 2.1rem;
	font-weight: 500;
	xxtext-shadow: 1px 2px var(--maincolor);
}
.vote-court-title h2 .small{
	text-wrap: nowrap;
	padding-left: 1rem;
	opacity: 1;
}
.vote-court-bg{
	width: 100%;
	position: relative;
	background-image: linear-gradient(180deg, var(--maincolor) 2rem, transparent 4.5rem);

	background-image: linear-gradient(180deg, var(--maincolor) 2rem, transparent 2.5rem);
}
.vote-court-bg:before{
	background-image: url('/_images/common/boisko.png');
	position: absolute;
	content: "";
	top: 0;
	left: calc(5vw - 20rem);
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	mix-blend-mode: overlay;
	background-position: center 100%;
	background-size: auto 90%;
	filter: sepia(0.7) opacity(0.15) contrast(1) brightness(0.95);
}
.vote-court-bg:after{
	background: var(--maincolor);
	position: absolute;
	left: 0;
	right: 0;

	content: "";
	mask-image: url('/_images/common/vt_pattern_top3.png');
	mask-repeat: repeat-x;
	mask-position: top center;
	mask-size: auto 10.5rem;
	top: calc(1.5rem - 1px);
	height: 9rem;
	
	mask-size: auto 9rem;
	top: calc(2rem - 1px);
	height: 9rem;
}

.vote-court-bg .container{
	width: 100%;
	position: relative;
	display: grid;
	z-index: 2;
	grid-template-columns: calc(100% - 20rem) 20rem;
	align-items: center;
}
.vote-court {
	position: relative;
	grid-column: 1;
	grid-row: 2;
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
	display: grid;
	z-index: 2;
	grid-template-columns: 33.33% 33.33% 33.33%;
	padding: 2rem 0 3rem 0;
	align-items: end;
	
	min-height: 36rem;
	height: 78vh;
	max-height: 42rem;
	
}
.reserve-list {
	padding: 0 0.2rem 3rem 2rem;
	display: flex;
	align-items: stretch;
	justify-content: center;
	grid-column: 2;
	grid-row: 2;
	min-height:100%;
	position: relative;
	flex-direction: column;
}

.vote-court .position_1 {top: -1rem;left: 6%;}
.vote-court .position_2 {top: -0.5rem;left: 6%;}
.vote-court .position_3 {top: 0rem;left: 6%;}

.vote-court .position_4 {top: -1rem;left: -4%;}
.vote-court .position_5 {top: -0.5rem;left: -4%;}
.vote-court .position_6 {top: 0;left: -4%;}

.vote-court .position_7 {top: 0rem;left: -10%;grid-column: 3;grid-row: 3;}
.vote-court .position_mvp_1 {top: 0rem;left: 12%;grid-column: 1;grid-row: 3;}

.vote-link {
	padding: 1.2rem 0rem 1.2rem 2rem;
}
.vote-link a{
	color: inherit;
}
.vote-link a.more:after{
	color: inherit;
}
.vote-link a.more:hover, 
.vote-link a.more:focus, 
.vote-link a.back:hover, 
.vote-link a.back:focus {
	border-color: inherit;
}
.vote-player-box{
	position: relative;
	width: 90%;
	margin: 0 auto;
}
.vote-player-box-inside:not(:empty){
	display: grid;
	align-items: end;
	border-bottom: solid 5px var(--maincolor);
	border-radius: 0.2rem;
	width: 100%;
	color: inherit !important;
	justify-items: stretch;
	grid-template-columns: 1fr 1fr;
	position: relative;
	text-decoration: none;
}
.position_mvp_1 a.vote-player-box-inside:not(:empty) {
	xxborder-color: #a3bbdc;
}
.vote-court-content-closed .position_mvp_1 a.vote-player-box-inside:not(:empty) {
	xxborder-color: #5578d4;
}

a.vote-player-box-inside:before{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	content: "";
	opacity:0;
	transition: opacity 0.25s ease;
	background-image: linear-gradient(172deg, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 1) 85%);
}
a.vote-player-box-inside:hover:before{
	opacity:0.15;
}
.vote-court a.vote-player-box-inside:after{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5px;
	height: 5px;
	content: "";
	box-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.2);
}


.zawodnik_name{
	max-width: 56%;
	font-size: 0.8rem;
	font-weight: 500;
	font-stretch: 90%;
	text-align: left;
	line-height: 1;
	padding-bottom: 0.7rem;
	padding-left: 0.3rem;
	z-index: 3;
	grid-column: 1 / span 2;
	grid-row: 1;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.vote-court-content-closed .zawodnik_name{
	text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.5);
}
body.darktheme .vote-court-content-closed .zawodnik_name{
	text-shadow: 1px 1px 5px rgba(25, 25, 25, 0.2);
}

.zawodnik_name span.name{
	font-weight: 640;
	font-size: 1.4rem;
	font-size: calc(1.315rem + 0.06vh + 0.1vw);
	line-height: 1.05;
	font-stretch: 85%;
	margin: 0.2rem 0 0.3rem 0;
	display: block;
	letter-spacing: 0rem;
}
.vote-court .zawodnik_name span.position{
	display: block;
	opacity: 0.7;
	font-size: 97%;
}
.vote-court .zawodnik_name span.team{
	display: block;
	margin: 0 2rem 0 0;
	font-size: 0.87rem;
}


.zawodnik_foto{
	position: relative;
	text-align: right;
	z-index: 2;
	grid-column: 2;
	grid-row: 1;
}
.zawodnik_foto > a{
	display:block;
}
.zawodnik_foto img{
	width: auto;
	height: 10rem;
	filter: drop-shadow(0px -6px 10px rgba(0, 0, 0, 0.3));
}
.zawodnik_foto img.empty{
	mask-image: linear-gradient(184deg, #000000 66%, transparent 100%);
}



div.reserve-list-inside{
	display: inline-flex;
	flex-direction: column;
	gap: 0rem;
	justify-content: center;
	margin: 0 auto 0 0;
	width:100%;
	position:relative;
	flex-grow: 1;

}
div.reserve-list h4{
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: 600;
	font-stretch: 100%;
	margin: 0 0 0.6rem 0;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);	
}
.vote-court-content-closed div.reserve-list h4{
	text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.5);
}
body.darktheme .vote-court-content-closed div.reserve-list h4{
	text-shadow: 1px 1px 5px rgba(25, 25, 25, 0.2);
}
div.reserve-list * + .reserve-title{
	margin-top: 1.1rem;	
}
.reserve-list .vote-player-box{
	position: relative;
	width: 100%;
	margin: 0.25rem auto 0 auto;
}
.reserve-list .vote-player-box-inside{
	display: flex;
	align-items: flex-end;
	border-bottom: solid 0px var(--maincolor);
	border-radius: 0.3rem;
	width: 100%;
}
.reserve-list a.vote-player-box-inside:before {
	left: -0.3rem;
	background-image: linear-gradient(296deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 70%);
}
.reserve-list .vote-player-box .zawodnik_name {
	max-width: 100%;
	padding: 0.24rem 0 0.34rem 0;
	position: relative;	
}
.reserve-list .vote-player-box .zawodnik_name span.position {
	display:none;
}
.reserve-list .vote-player-box .zawodnik_name span.name {
	font-size: 1.25rem;
	line-height: 1;
	margin: 0.15rem 0;
}
.reserve-list .vote-player-box .zawodnik_name span.team {
	font-size: 0.87rem;
}

.reserve-list .vote-player-box .zawodnik_foto {
	display:none;
}




.vote-court-content-closed{
	background-image: radial-gradient(circle at 0 0, 
       rgb(44, 96, 93, 0.05), 
       rgba(0, 90, 167, 0) 70%), 
      radial-gradient(circle at 90% 0%, 
      rgba(100, 150, 200, 0.05), 
       rgba(80, 150, 200, 0) 70%);
	color: inherit;
	background-color: #ffffff;
}
body.darktheme .vote-court-content-closed{
	background-color: #373737;
	background-color: #2d3239;
}
.vote-court-content-closed:before{
	background-color: #d9d9d9;
	filter: sepia(0) opacity(0.03) contrast(1) brightness(3);
}
body.darktheme .vote-court-content-closed:before{
	background-color: var(--maincolor);
	filter: sepia(0.2) opacity(0.05) contrast(1.5) brightness(2);
}


.vote-court-content-closed .vote-court-bg:before{
	mix-blend-mode: hard-light;
	filter: sepia(0.15) opacity(0.1) contrast(1.2) brightness(0.5);
}
.vote-court-content-closed .vote-court-bg{
	xxbackground-image: linear-gradient(180deg, var(--maincolor) 2rem, transparent 5.5rem);;
}
.vote-court-content-closed .vote-court-title{
	color: #ffffff;
}
.vote-court-content-closed .vote-court-bg:after{

}
.vote-court-content-closed a.vote-player-box-inside:before {
	background-image: linear-gradient(172deg, rgba(250, 250, 250, 0) 52%, var(--maincolor) 85%);
}
.vote-court-content-closed .reserve-list a.vote-player-box-inside:before {
	background-image: linear-gradient(296deg, rgba(250, 250, 250, 0) 0%, var(--maincolor) 150%);
}
.vote-court-content-closed .zawodnik_foto img.empty {
	filter: contrast(0.8) brightness(4) drop-shadow(0px 0px 0px #aaaaaa);
}
.reserve-list-inside .reserve-title{
	position: relative;
}
.vote-court-content-closed .reserve-list-inside .reserve-title:before {
	position: absolute;
	content: "";
	top: -1rem;
	left: -1.5rem;
	right: 0rem;
	height: 6rem;
	filter: blur(1.1rem);
	background-image: linear-gradient(166deg, rgba(255, 255, 255, 0.8) 20%, transparent 90%);
}
.vote-court-content-closed .vote-link{
	color: #ffffff;
}
body.darktheme .vote-court-content-closed .reserve-list-inside .reserve-title:before {
	background-image: none;
}


@media (max-width: 767px) {
	.vote-court-title {
		padding: 1.2rem 0 1.2rem 0;
	}
	.vote-court-title .container{
		display:flex;
		align-items: flex-start;
		flex-direction: column;
		gap: 1.1rem;
	}
	.vote-court-title h2{
		font-size: 1.3rem;
	}
	.vote-court-title h2 .small{
		display: block;
		padding-left: 0rem;
		padding-top: 0.5rem;
	}
	.vote-link {
		padding: 0 0rem 1.5rem 0rem;
		order: 4;
		text-align: center;
	}
	.vote-court-bg .container {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
	.vote-court {
		max-width: 100%;
		padding: 1rem 0;
		grid-template-columns: 1fr 1fr;
		align-items: end;
		gap: 0.8rem 0.6rem;
		min-height: 10vh;
		
		min-height: 10rem;
		height: auto;
		max-height: 80rem;
		
	}
	.vote-player-box {
		width: 100%;
	}
	.vote-court-bg {
		background-image: linear-gradient(180deg, var(--maincolor) 2rem, transparent 2.5rem);
	}
	.vote-court-bg:before {
		left: 0;
		background-position: center 2vh;
		background-size: auto 50vh;
	}
	.vote-court-bg:after {
		top: calc(1.5rem - 1px);
		height: 4rem;
		mask-size: auto 5rem !important;
	}
	.vote-court-content:before {
		background-size: auto 60%;
	}
	.vote-court a.vote-player-box-inside:after {
		bottom: 0px;
	}
	.vote-court .zawodnik_name {
		max-width: 65%;
		font-size: 0.65rem;
		padding-left: 0.12rem;
	}
	.vote-court .zawodnik_name span.name {
		font-size: 0.9rem;
		margin: 0.2rem 0 0.25rem 0;
		font-weight: 600;
	}
	.vote-court .zawodnik_name span.team {
		display: block;
		margin: 0 0.2rem 0 0;
		font-size: 0.57rem;
	}
	.vote-court .zawodnik_foto {
		text-align: right;
		width: 100%;
		border-bottom: solid 3px var(--maincolor);
		grid-column: 1 / span 2;
	}
	.vote-court .zawodnik_foto img {
		width: auto;
		height: 4.5rem;
	}
	.vote-player-box-inside:not(:empty) {
		align-items: end;
		border-bottom: solid 0px var(--maincolor);
		flex-direction: column-reverse;
	}
	.vote-court .position_1 {top: 0;left: 0;}
	.vote-court .position_2 {top: 0;left: 0;}
	.vote-court .position_3 {top: 0;left: 0;}
	.vote-court .position_4 {top: 0;left: 0;}
	.vote-court .position_5 {top: 0;left: 0;}
	.vote-court .position_6 {top: 0;left: 0;}
	.vote-court .position_7 {top: 0;left: 0;grid-column: 2;grid-row: 4;}
	.vote-court .position_mvp_1 {top: 0;left: 0;}
	.reserve-list {
		padding: 2rem 0rem 2rem 0rem;
		width: 100%;
		align-items: stretch;
		gap: 0.5rem;
	}
	.reserve-list .vote-player-box .zawodnik_name {
		max-width: 100%;
		padding: 0.3rem 0;
		font-size: 0.8rem;
		display: flex;
		justify-content: space-between;
		gap: 1rem;
		width: 100%;
		align-items: flex-end;
	}

	.reserve-list .vote-player-box .zawodnik_name span.name {
		font-size: 1.1rem;
		line-height: 1;
		margin: 0;
		padding-bottom: 0rem;
		font-weight: 550;
	}
	.reserve-list .vote-player-box .zawodnik_name span.team {
		font-size: 0.8rem;
	}
	
}


/* polsat //////////////////////////////////////////////////////////////// */

.polsat-video-section{
	background: #01283c;
	background: linear-gradient(206deg, #01283c, #0770f9);
	position: relative;
	padding: var(--space) 0 !important;
}
.polsat-video-section:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	content: "";
	background-repeat: repeat;
	background-position: center;
	background-size: 22rem auto;
    background-image: url('/_images//common/polsat_video_bg.png');
	background-color: #2a2a2a;
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 1) 100%);
	
	opacity: 0.3;
	background-blend-mode: multiply;
	mix-blend-mode: overlay;

	opacity: 0.2;
	background-blend-mode: color-burn;
	mix-blend-mode: normal;

}
.polsat-video-content{
	display:flex;
	justify-content: center;
	gap: 3rem;
	position: relative;	
	z-index: 2;
}
.polsat-video-thumb{
	border-radius: var(--radius-box);
	box-shadow: 0px 0px 2rem rgba(8, 115, 250, 0.95);
	position:relative;
}
.polsat-video-thumb a{
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: var(--radius-box);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
}
.polsat-video-thumb a:after{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f144";
	display: block;
	margin: 0;
	font-size: 2.7rem;
	text-align: center;
	position: absolute;
	top: -1px;
	bottom: -64%;
	left: -1px;
	right: -1px;
	color: #ffffff;
	transform: scale(1);
	animation: button-animation 3s infinite;
	transition: all 0.25s ease;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}
.polsat-video-thumb a:hover:after{
	bottom: -1px;
	font-size: 4rem;
	background: rgba(0, 43, 82, 0.6);
}
.polsat-video-thumb img{
	border-radius: var(--radius-box);
	box-shadow: none;
	background: rgba(180, 180, 190, 0.2);
	width: 22rem;
	height: auto;
	max-width: 100%;
}

@keyframes button-animation {
  80% {
    transform: scale(1);
  }
  90% {
    transform: scale(1.2);
  }
}
.polsat-video-buttons{
	display:flex;
	align-items: flex-start;
	justify-content: center;
	gap: 1.5rem;
	flex-direction: column;
}
.btn.btn-default.btn-polsat-video{
	--maincolor: #0873fa;
}
.btn.btn-default.btn-polsat-video:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f144";
	display: inline-block;
	position: relative;
	margin-left: -0.3rem;
	margin-right: 0.6rem;
	margin-top: 0.094rem;
}
.btn.btn-bigger2{
	justify-content: flex-start;
	text-align: left;
}
@media screen and (min-width:768px){
	.btn.btn-bigger2 {
		padding: 0.8rem 1.2rem !important;
		font-size: 1rem !important;
		font-weight: 600 !important;
	}
	.btn.btn-default.btn-bigger2.btn-polsat-video:before{
		margin: -0.3rem 0.9rem -0.4rem -0.4rem;
		font-size: 1.4em;
	}	
}
@media screen and (max-width:767px){
	.polsat-video-content{
		justify-content: center;
		gap: 1.5rem;
		flex-direction: column;
		align-items: flex-start;
	}
	.polsat-video-buttons {
		gap: 1rem;
	}
	.polsat-video-thumb img{
		width: 100%;
		max-width: 100%;
	}
}
.gamesbox-header .tv.polsat-video{
	color: #ffffff;
	display:none;	
}
.gamesbox-header .tv.polsat-video:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f144";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 0.3rem;
	padding-top: 0.12rem;
	line-height: 0.5;
	font-size: 1.12em;
}
.gamesbox-header .tv.polsat-video:after{
	background: #0873fa;
	left: 0;
	right: -0.1rem;
	top:-0.1rem;
	bottom: -0.1rem;
}


.jumbotron{
	color: inherit;
	background-color: rgba(160, 160, 160, 0.1);
}


/* //////////////////////////////////////////////////////////////// */

.top-menu.account-menu .more-accounts-dots{
	position:relative;
	margin-left:0.4rem;
	padding-left:0.6rem;	
}
.top-menu.account-menu .more-accounts-dots:before {
	position: absolute;
	top: 0.6rem;
	bottom: 0.6rem;
	left: 0;
	display: block;
	content: "";
	width: 1px;
	background: var(--light-color);
	opacity: 0.3;
	mask-image: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 1) 50%, transparent 100%);
}
.top-menu.account-menu .more-accounts-dots > a{
	display: block;
	position:relative;
	transform: none;
	padding: 0.85rem 0 0.25rem 0.12rem;
}
.top-menu.account-menu .more-accounts-dots > a > span{
	font-size: 1.2rem;
	line-height: 0.5;
	letter-spacing: 0.25rem;
	display: inline-block;
	padding: 0 0.1rem 0 0.12rem;
}



body {
	min-height: 100%;
	background-color: #ffffff;
	color: #333333;

	--panels-bg: #ffffff;
	--panels-bg-outside: rgba(255,255,255,0);
	--header-bg: #ffffff;
	--header-bg-outside: rgba(255,255,255,0.5);
	--panels-bg-dark: #f3f3f3;
	--panels-bg-dark-outside: rgba(18, 18, 18, 0.05);
	--footer-bg: #ebebee;
	--footer-bg-outside: rgba(190, 190, 200, 0.3);
}
body.darktheme{
	background-color: #171717;
	color: #f9f9f9;

	--panels-bg: #171717;
	--panels-bg-outside: rgba(12, 12, 12, 0);
	--header-bg: #111111;
	--header-bg-outside: rgba(12, 12, 12, 0.5);
	--panels-bg-dark: #222222;
	--panels-bg-dark-outside: rgba(80, 80, 80, 0.2);
	--footer-bg: #323233;
	--footer-bg-outside: rgba(200, 200, 210, 0.15);
}



section {
	padding: 0;
}
section.no-top{
	padding-top: 0;
}
section.no-bottom{
	padding-bottom: 0;
}
main section:last-child{
	xxpadding-bottom: 0;
}

.container {
	position: relative;
	padding-left: var(--space);
	padding-right: var(--space);
}


body.theme > header{
	background: var(--header-bg-outside);
	padding-left: var(--space);
	padding-right: var(--space);	
}
body > header > .container{
	background: var(--header-bg);

}
@media (max-width: 767px) {
	body.theme > header{
		padding-left: 0;
		padding-right: 0;		
	}
}

main > section .container {
	background: var(--panels-bg);
	padding-top: var(--space);
	padding-bottom: var(--space);
}
main > section .dc-slider .container,
main > section.team-photo-box .container,
main > section .tilecontainer .container,
main > section .bgcontainer .container{
	background: none !important;
}

section.padded-title .container {
	padding-top: var(--space);
	padding-bottom: var(--space);
	background: var(--panels-bg);
}
section.section-baner .container {
	padding-top: var(--space);
	padding-bottom: var(--space);
	background:var(--panels-bg);
}
section.event-top .container {
	padding-top: var(--space);
	background: var(--panels-bg);	
}

body.theme .section-navigation{
	padding-left: var(--space);
	padding-right: var(--space);
}
body.theme .event-top{
	padding-left: var(--space);
	padding-right: var(--space);
}

.section-navigation  > .container {
	background: var(--panels-bg);
}
.games-slider > .container:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 76vh;
	content: "";
	background: var(--panels-bg);
	display:block;
	z-index: -1;
}
body.theme .section-marquee{
	padding-left: var(--space);
	padding-right: var(--space);
}
.section-marquee > .container {
	background: var(--panels-bg);
	padding-top: var(--space);	
	padding-bottom: var(--space);
}

@media (max-width: 767px) {
	.section-navigation  > .container {
		padding-left: var(--halfgap);
		padding-right: var(--halfgap);
	}
}


footer .container{
	background-color: var(--footer-bg);
}
footer {
	background-color: var(--footer-bg-outside);
	padding-left: 0;
	padding-right: 0;
}
body.theme footer {
	padding-left: var(--space);
	padding-right: var(--space);
}



body.darktheme main section.section-baner,
main section.section-baner {
	xxbackground-color: var(--panels-bg-dark-outside);
}
main section.section-baner > .container {
	xxbackground-color: var(--panels-bg-dark);
}

main section + section:not([class]):nth-child(even) {
	xxbackground-color: var(--panels-bg-dark-outside);
}
main section + section:not([class]):nth-child(even) .container{
	xxbackground-color: var(--panels-bg-dark);
}


main.section-home section:nth-child(odd) {
	background-color: var(--panels-bg-dark-outside);
}
main.section-home section:nth-child(odd) .container{
	background-color: var(--panels-bg-dark);
}
main:not([class]) section + section:not([class]):nth-child(even) {
	background-color: var(--panels-bg-dark-outside);
}
main:not([class]) section + section:not([class]):nth-child(even) .container{
	background-color: var(--panels-bg-dark);
}


body.darktheme main section.section-baner + section:not([class]),
main section.section-baner + section:not([class]){
	xxbackground-color: var(--panels-bg-outside);
}
body.darktheme main section.section-baner + section:not([class]) .container,
main section.section-baner + section:not([class]) .container{
	xxbackground-color: var(--panels-bg);
}


body.darktheme section.top-baner,
section.top-baner{
	padding-bottom:0;
	background-color: unset !important;
}


main section.section-baner.no-bottom-first:first-child .container{
	padding-bottom: 3px;
}

main.section-home section:first-child,
main section:first-child,
main section.section-baner:first-child{
	background-color: var(--panels-bg-outside);
}
main.section-home section:first-child .container,
main section:first-child .container,
main section.section-baner:first-child .container{

	background-color: var(--panels-bg);
}


.footer-box {
	padding: 0;
}
.footer-box .container{
	padding-top: var(--space);
	padding-bottom: var(--space);
}
.footer-sponsors {
	padding: 0;
	position: relative;
	z-index: 2;
}

section.no-top .container {
	padding-top: 0;
}
section.top-baner .container,
section.no-bottom .container {
	padding-bottom: 0;
}

main > section:last-child > .container {
	padding-bottom: 4rem;
}



section.polsat-video-section .container,
section.vote-teams-container .container,
section.gray-box .container,
section.section-typo .container,
section.section-warto .container,
section.section-lifestyle .container,
section.section-blog .container,
section.section-event .container,
main section.vote-teams-container .container,
main section.gray-box .container,
main section.section-typo .container,
main section.section-warto .container,
main section.section-lifestyle .container,
main section.section-blog .container,
main section.section-event .container {
	background-color: transparent !important;
}

body.theme .games-slider{
	margin-left: var(--space);
	margin-right: var(--space);
}

body.theme .dc-slider-buttons{
	overflow:visible;
}
@media (max-width: 767px) {
	body.theme .games-slider{
		margin-left: var(--space);
		margin-right: var(--space);
	}
}


@media (max-width: 767px) {
	:root {
		--space: 1.1rem;
		--gap: 1.8rem;
	}
	html {
		font-size: 3.65vw;
	}
}
@media (orientation: landscape) and (max-width: 767px) {

	html {
		font-size: 1.8vw;
	}
}



body > section.section-baner{
	padding-left: 0;
	padding-right: 0;
	z-index: 1;
}
main > section {
	padding-left: 0;
	padding-right: 0;
}

main > section > .section-background {
	xxpadding-top: var(--space);
	xxpadding-bottom: var(--space);
	padding-left: 0;
	padding-right: 0;	
}


body > .section-navigation + .section-marquee > .container{
	padding-top: 0;
}
body > .section-navigation + .section-baner > .container {
	padding-top: 0;
}

section.darker-bg,
section.section-event,
section.section-typo,
section.section-pool,
section.section-blog,
section.section-warto,
section.section-reading,
section.section-lifestyle,
section.vote-teams-container {
	padding-left: 0;
	padding-right: 0;
}






body.theme > section.section-baner{
	padding-left: var(--space);
	padding-right: var(--space);
}

body.theme > section{
	margin-bottom: -1px;
}
body.theme main > section {
	padding-left: var(--space);
	padding-right: var(--space);
	margin-bottom: -1px;
}

body.theme main > section > .section-background {
	xpadding-left: var(--space);
	xpadding-right: var(--space);	
}


body main section.vote-teams-container .section-background{
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;	
}

body.theme section.gray-box,
body.theme section.darker-bg,
body.theme section.section-event,
body.theme section.section-typo,
body.theme section.section-pool,
body.theme section.section-blog,
body.theme section.section-warto,
body.theme section.section-reading,
body.theme section.section-lifestyle{
	padding-left: var(--space);
	padding-right: var(--space);
	margin: 0 auto;
}

body.theme section.vote-teams-container{
	padding-left: var(--space);
	padding-right: var(--space);
}

body.theme section > .section-background{
	max-width: var(--maxpagewidth);
	margin: auto;
	position: relative;
	padding-left: 0;
	padding-right: 0;	
}
body.theme .section-navigation > .ob-top-navigation{
	max-width: var(--maxpagewidth);
	margin: auto;
	position: relative;
	padding-left: 0;
	padding-right: 0;	
}
body.theme .home-header-container {
	padding-left: var(--space);
	padding-right: var(--space);
}

body.theme main section > .tilecontainer{
	max-width: var(--maxpagewidth);
	margin: auto;	
}








body.theme-xmas{
	background-color: #ac060d;
	background-repeat: repeat;
	background-position: top center;
	background-size: auto auto;
	xxbackground-attachment: fixed;
    background-image: url('/_images/common/xmas_pattern.jpg');
}
body.theme-xmas header .logo,
body.theme-xmas .navigation-bar .logo{
	padding-right: 4rem !important;
}
body.theme-xmas header .logo:after,
body.theme-xmas .navigation-bar .logo:after {
    position: absolute;
    top: calc(50% - 1.5rem);
    right: 0.2rem;
	width: 3.5rem;
    height: 3rem;
    z-index: 20;
    content: "";
    transform: rotate(16deg);
    background-image: url("/_images/common/xmas_icon.png");
	background-position: 50% 60%;
    background-size: 2.5rem auto;
    background-repeat: no-repeat;
}
@media screen and (max-width:767px){
	body.theme-xmas header .logo,
	body.theme-xmas .navigation-bar .logo{
		padding-right: 3rem !important;
	}
	body.theme-xmas header .logo:after,
	body.theme-xmas .navigation-bar .logo:after {
		top: calc(50% - 1.25rem);
		width: 2.5rem;
		height: 2.5rem;
		background-size: 2rem auto;
	}
}


body.theme-easter{
	background-color: #1b294a;
	background-repeat: repeat;
	background-position: top center;
	background-size: auto auto;
	xxbackground-attachment: fixed;
    background-image: url('/_images/common/easter_pattern.jpg');
}
body.theme-easter header .logo,
body.theme-easter .navigation-bar .logo{
	padding-right: 4rem !important;
}
body.theme-easter header .logo:after,
body.theme-easter .navigation-bar .logo:after {
    position: absolute;
    top: calc(50% - 1.5rem);
    right: 0.2rem;
	width: 3.5rem;
    height: 3rem;
    z-index: 20;
    content: "";
    transform: rotate(16deg);
    background-image: url("/_images/common/easter_icon.png");
	background-position: 20% 80%;
    background-size: 2.5rem auto;
    background-repeat: no-repeat;
}
@media screen and (max-width:767px){
	body.theme-easter header .logo,
	body.theme-easter .navigation-bar .logo{
		padding-right: 3rem !important;
	}
	body.theme-easter header .logo:after,
	body.theme-easter .navigation-bar .logo:after {
		top: calc(50% - 1.25rem);
		width: 2.5rem;
		height: 2.5rem;
		background-size: 2rem auto;
	}
}



body.theme-test{
	background-color: #e4e6e7;
}
body.darktheme.theme-test{
	background-color: #2d2e2e;
}


span.acces-icon {
	position: absolute;
	top: 0.4rem;
	left: 0.6rem;
	display: block;
	z-index: 80;
	color: #ffffff;
	background: #6c5fcf;
	
	padding: 0.25rem 0.4rem 0.2rem;
	font-size: 0.9rem;
	line-height: 1;
	border-radius: var(--radius-element) var(--radius-element);
	pointer-events: all;
	cursor: default;
}
.message-badge + a > span.acces-icon{
	top: 1.8rem;
}
.message-box-big .message-badge + a > span.acces-icon{
	top: 2.3rem;
}

.message-box .caption-type span.acces-icon{
	display: none;
}

.message-box-horizontal span.acces-icon{
	top: 0.3rem;
	left: 0.3rem;
	padding: 0.2rem 0.3rem 0.15rem;
	font-size: 0.75rem;
}
	
@media screen and (max-width:767px){

	.message-box-horizontal span.acces-icon,
	.message-box-horizontal-xs span.acces-icon{
		top: 0.3rem;
		left: 0.3rem;
		padding: 0.2rem 0.3rem 0.15rem;
		font-size: 0.56rem;
	}
	.message-box-horizontal-short-xs .caption-type span.acces-icon{
		display: inline-block;
		padding: 0;
		
		position: relative;
		top: -1px;
		left: 0;
		margin: 0 0.3rem 0 0;
		font-size: 0.75rem;
		background: transparent;
		color: inherit;
	}
}


span.acces-logged-icon:before{
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f4fc";
	
}


.max-embed-notlogged{
	display: grid;
	grid-template-areas: "vid";
	align-items: center;
	justify-items: center;
	margin-bottom: 1.2rem;
	position: relative;
	z-index: 1;
}
.max-embed-notlogged > .acces-info-block,
.max-embed-notlogged > img,
.max-embed-notlogged > figure{
	grid-area: vid;
	margin: 0 1.4rem !important;
}
.max-embed-notlogged > .acces-info-block{
	max-width: 60rem;
}
.max-embed-notlogged figure.img-responsive img,
.max-embed-notlogged img{
	display: flex;
	flex-direction: row;
	position: relative;
	width: 100%;
	height: 53vw;
	max-height: calc(100vh - 10rem);
	min-height: 22rem;
	overflow-x: clip;
	background: rgba(160,160,160,0.2);
	padding: 0 !important;
	object-fit: contain;
}
.acces-info-block{
	display: grid;
	grid-template-areas: "a";
	justify-items: center;
}
.acces-info-block-bgtext{
	grid-area: a;
	position: relative;
	margin: -0.5rem;
	padding: 0.5rem;
	filter: blur(0.2rem);
	mask-image: linear-gradient(180deg, #000000 0%, transparent 100%);
	max-height: 20rem;
	overflow: hidden;
	font-weight: 300;
}
main .acces-info-block-content,
.acces-info-block-content{
	display: block;
	z-index: 10;
	grid-area: a;
	padding: 1.5rem 2rem;
	font-size: 1rem;
	line-height: 1.4;
	font-weight: 400;
	text-align: center;
	border-radius: 0.5rem;
	box-shadow: 0px 2px 1rem rgba(0,0,0,0.3);
	background-image: linear-gradient(180deg, rgba(150, 150, 150, 0.1) 0%, transparent 100%);
	background-color: #ffffff;	
	border: solid 2px var(--maincolor);
	
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
	background-color: #5f73cf;
	color: #ffffff;
	border: solid 1px #4154ad;	
	
	max-width: 70rem;
	margin: 0 auto;
	
	background-color: var(--maincolor);
	border: solid 1px var(--maincolor);	
	color: #ffffff;
}
main .acces-info-block-content h3,
.acces-info-block-content h3{
	color: #ffffff;
}

.acces-info-block-content a{
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: inherit;
}
.acces-info-block-bgtext + .acces-info-block-content{
	margin: 2.5rem 3rem 1rem 3rem;
}


.acces-info-block-content p{
	text-align: center;	
}
.acces-info-block-content p + p{
	margin-top:0.5rem;
}

.darktheme .acces-info-block-content{
	xxbackground-color: #2b2b2b;
	xxborder: solid 2px #2b2b2b;
}
@media screen and (max-width:767px){
	.acces-info-block-content{
		padding: 1.5rem 1rem;
		font-size: 1.05rem;
	}
	.acces-info-block-bgtext + .acces-info-block-content{
		margin: 3rem 1rem 1rem 1rem;
	}	
	
	.acces-info-block-bgtext{
		mask-image: linear-gradient(180deg, #000000 0%, transparent 100%);
		max-height: 25rem;
	}

}

.acces-info-block .gallery-dummy{
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}
.acces-info-block .gallery-dummy span,
.acces-info-block .gallery-dummy span:before,
.acces-info-block .gallery-dummy span:after{
	display:flex;
	gap: 1rem;
	flex-grow: 1;
}
.acces-info-block .gallery-dummy span:before,
.acces-info-block .gallery-dummy span:after{
	content: "";
	width: 10rem;
	height: 7.5rem;
	border-radius: var(--radius-element);
	background: rgba(120,120,120,0.2);
}

/* //////////////////////////////////////////////////////////////// */


.section-records .section-background{
	background-color: var(--panels-bg-dark);
	background-image: linear-gradient(90deg, rgba(20, 20, 20, 0.12) 0%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.7) 70%, rgba(20, 20, 20, 0.12) 100%);

}
.section-records-bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: 50% 60%;
	background-size: cover;
	background-color: #eeeeee;
	opacity: 0.7;
	mix-blend-mode: overlay;
	background-blend-mode: luminosity;
}
.darktheme .section-records  .section-background{
	background: rgba(34,34,34, 0.7);
}
.darktheme .section-records-bg {
	opacity: 0.03;
	mix-blend-mode: hard-light;
}
.section-records .section-background .container{
	background-color: transparent !important;
}




section.section-records-dark .section-background {
	color: #ffffff;
	position: relative;
	overflow: hidden;
	background-color: var(--maincolor) !important;
	background-image: radial-gradient(circle at 0 0, rgba(0, 98, 199, 0.7), rgba(0, 78, 255, 0) 70%), radial-gradient(circle at 100% 100%, rgba(0, 116, 140, 0.8), rgba(0, 116, 140, 0) 70%);
}
.section-records-dark .section-records-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: 50% 60%;
	background-size: cover;
	background-color: var(--maincolor);
	opacity: 0.3;
	mix-blend-mode: darken;
	background-blend-mode: normal;
}
.section-records-dark .hr{
	border-top: dotted 1px rgba(250, 250, 250, 0.5);
	display: none;
}
.section-records-dark{
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.section-records-dark a{
	text-decoration: none;
	color: inherit;
}
.section-records-dark h6.bg-title {
	padding: 0.8rem 0.4rem 0.2rem 0.4rem;
	border-top: dotted 1px rgba(250, 250, 250, 0.5);
}
.section-records-dark .records-layout-3-3 .table.table-record-home td.feature {
	height: auto;
	
	width: 4.5rem;
	min-width: 4.5rem;
	text-align: center;
	
	padding: 0.3rem 0.5rem;
	font-weight: 400;
	background-color: var(--maincolor);
	color: #ffffff;
	
	
}
@media screen and (min-width: 768px) {
	.section-records-dark .records-layout-3-3 {
		gap: 0.6rem var(--gap);
	}
}




.section-play-off .section-background{
	background-color: var(--panels-bg-dark);
	background-image: linear-gradient(90deg, rgba(20, 20, 20, 0.12) 0%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.7) 70%, rgba(20, 20, 20, 0.12) 100%);
}
.section-play-off-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: 50% 60%;
	background-size: cover;
	background-color: #eeeeee;
	opacity: 0.5;
	mix-blend-mode: overlay;
	background-blend-mode: luminosity;
}
.darktheme .section-play-off  .section-background{
	background: rgba(34,34,34, 0.7);
}
.darktheme .section-play-off-bg {
	opacity: 0.03;
	mix-blend-mode: hard-light;
}
.section-play-off  .section-background .container{
	background-color: transparent !important;
}










.play-off-diagram{
	display: grid;
	grid-template-columns: repeat(13, 1fr);
	grid-template-rows: repeat(12, 1fr);
	gap: 0.2rem 2rem;
	padding: 0 2rem 1rem 2rem;
	align-items: end;
}

.play-off-diagram .box1{
	grid-column: 1 / span 3;
	grid-row: 1 / span 4;
}
.play-off-diagram .box2{
	grid-column: 11 / span 3;
	grid-row: 1 / span 4;
}
.play-off-diagram .box3{
	grid-column: 11 / span 3;
	grid-row: 9 / span 4;
}
.play-off-diagram .box4{
	grid-column: 1 / span 3;
	grid-row: 9 / span 4;
}

.play-off-diagram .box5{
	grid-column: 3 / span 3;
	grid-row: 5 / span 4;
}
.play-off-diagram .box6{
	grid-column: 9 / span 3;
	grid-row: 5 / span 4;
}

.play-off-diagram .box7{
	grid-column: 6 / span 3;
	grid-row: 5 / span 4;
}
.play-off-diagram .box8{
	grid-column: 6 / span 3;
	grid-row: 9 / span 4;
}




.play-off-diagram .line{
	position: relative;
	width: 100%;
	height: 100%;
	
	--line-color: rgba(150,150,150,0.4);
	--line-width: 2px;
	--line-style: solid;
	
}

.play-off-diagram .line:after{
	position: absolute;
	content: "";
	width: 50%;
	border-radius: 1rem;
	top:0;
	bottom:0;
	border: var(--line-style) 0px var(--line-color);
}


.play-off-diagram .line1{
	grid-column: 1 / span 3;
	grid-row: 4 / span 3;
}
.play-off-diagram .line1:after{
	border-width: 0 0 var(--line-width) var(--line-width);
	left: 50%;
}
.play-off-diagram .line2{
	grid-column: 1 / span 3;
	grid-row: 8 / span 3;
}
.play-off-diagram .line2:after{
	border-width: var(--line-width) 0 0 var(--line-width);
	left: 50%;
}


.play-off-diagram .line3{
	grid-column: 11 / span 3;
	grid-row: 4 / span 3;
}
.play-off-diagram .line3:after{
	border-width: 0 var(--line-width) var(--line-width) 0;
	left: 0%;
}
.play-off-diagram .line4{
	grid-column: 11 / span 3;
	grid-row: 8 / span 3;
}
.play-off-diagram .line4:after{
	border-width: var(--line-width) var(--line-width) 0 0;
	left: 0%;
}


.play-off-diagram .line5{
	grid-column: 5 / span 2;
	grid-row: 6 / span 3;
}
.play-off-diagram .line5:after{
	border-width: var(--line-width) 0 0 0;
	width: 100%;
	top: 50%;
	left: 0%;
}

.play-off-diagram .line6{
	grid-column: 8 / span 2;
	grid-row: 6 / span 3;
}
.play-off-diagram .line6:after{
	border-width: var(--line-width) 0 0 0;
	width: 100%;
	top: 50%;
	left: 0%;
}



.play-off-diagram .line7{
	grid-column: 3 / span 4;
	grid-row: 8 / span 3;
	--line-style: dotted;	
}
.play-off-diagram .line7:after{
	border-width: 0 0 var(--line-width) var(--line-width);
	left: 50%;
}
.play-off-diagram .line8{
	grid-column: 8 / span 4;
	grid-row: 8 / span 3;
	--line-style: dotted;
}
.play-off-diagram .line8:after{
	border-width: 0 var(--line-width) var(--line-width) 0;
	left: 0%;
}






.play-off-box {
	position: relative;

	z-index: 2;
}

.play-off-box-content{
	padding: 0.4rem;
	margin: 0.1rem 0 0.4rem 0;
	border: solid 1px rgba(100, 100, 100, 0.15);
	box-shadow: 0px 0.2rem 1rem 0px rgba(0, 0, 0, 0.10);
	border-radius: var(--radius-gamestrip);
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: 1fr 1fr;
	font-family: var(--fontfamily3);
	font-size: 0.88rem;
	font-weight: 600;
	line-height: 1;
	gap: 0.3rem;
	background: #ffffff;
	color: #333333;
	position: relative;
}
.play-off-box-content:before{
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	right: 0;
	content: "";
	height: 1px;
	background: var(--text-color);
	opacity: 0.3;
	mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 1) 80%, transparent 100%);
}


.darktheme .play-off-box-content{
	background: #282828;
	color: #ffffff;
}



.play-off-diagram .box5 .play-off-box-content,
.play-off-diagram .box6 .play-off-box-content{
	border: solid 1px rgba(120, 120, 120, 0.50);
}

.play-off-diagram .box7 .play-off-box-content{
	border: solid 3px var(--maincolor);
}
.play-off-diagram .box8 .play-off-box-content{
	border: solid 1px var(--maincolor);
}



.play-off-box .title{
	grid-column: 1;
	grid-row: 1;
	
	font-family: var(--fontfamily3);
	text-transform: none;
	text-transform: uppercase;
	font-stretch: 100%;
	font-size: 1.05rem;
	font-weight:450;
	line-height: 1;
	font-style: italic;
	
}

.play-off-box.box5 .title,
.play-off-box.box6 .title{
	font-size: 1.3rem;
	font-weight:500;
}
.play-off-box.box7 .title{
	font-size: 1.8rem;
	font-weight:600;
	color: var(--maincolor);
}
.play-off-box.box8 .title{
	xxfont-size: 2rem;
	font-weight:600;
	color: var(--maincolor);
}








.play-off-box .title small{
	display: block;
	font-size: 0.72em;
	font-size: 0.97rem;
	padding:0.1rem 0 0.2rem 0;
	text-transform: none;
	color: var(--light-color);
	
}

.play-off-box .title span{
	xxfont-weight: 600;
	xxcolor: var(--maincolor);
	font-size: 0.9em;
	text-transform: none;
	color: var(--light-color);
	
}
.play-off-box .title span:before{
	xxcontent: "- ";
	
}

.play-off-box.box7 .title small{
	font-weight:400;
	
}

.play-off-box .title small{
	xxdisplay:none;
}
.play-off-box .title span{
	display:none;
}







.play-off-box .team{
	grid-column: 1;
	grid-row: auto;
	display: flex;
	align-items: center;
	gap: 0.4rem;
	color: inherit;
	font-size: 1.1rem;
	line-height: 0.8;
	font-weight: 450;
}
.play-off-box .team.win{
	color: var(--wincolor);
}



.play-off-box .team:hover,
.play-off-box .team:focus{
	text-decoration-color:inherit;
	text-decoration-thickness: 2px;
}
.play-off-box .team .logo{
	width: 2.6rem;
	min-width: 2.6rem;
	height: 2.6rem;
	padding: 0.2rem;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	color: #333333;
	border-radius: 0.5rem;
	border: solid 1px transparent;
	/* box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); */
}
.play-off-box .team img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.play-off-box .results{
	grid-row: 1 / span 2;
	grid-column: 2;
	display: flex;
	gap: 0px;
	font-family: var(--fontfamily3);
	font-size: 1.4rem;
	line-height: 1;
	font-weight: 350;
	height: 100%;
	align-items: center;
}
.play-off-box .results span{
	/* background: var(--panels-bg); */
	color: rgba(150,150,150,0.7);
	display: flex;
	width: 1.3rem;
	text-align: center;
	align-items: center;
	justify-content: center;
	padding: 0.2rem 0 0.2rem 1px;
	border-radius: 0px;
	border-left: solid 0px rgba(160, 160, 160, 0.3);
	flex-grow: 1;
	font-size: 1.7rem;
	font-weight: 450;
}
.play-off-box .results span.lost{
	/* background: var(--lostcolor); */
	color: var(--lostcolor);
	/* color: #ffffff; */
}
.play-off-box .results span.win{
	/* background: var(--wincolor); */
	color: var(--wincolor);
	/* color: #ffffff; */
}
.play-off-box .games{
	display: flex;
	gap: 0px;
	min-height: 100%;
}
.play-off-box .summary,
.play-off-box .game{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	padding: 0px;
	xxbackground: #ffffff;
}
.play-off-box .game{
	color: inherit;
	text-decoration: none;
	border-radius: 0.3rem;
	border-left: solid 0px rgba(160, 160, 160, 0.3);
	position: relative;
}
.play-off-box .game:before{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	content: "";
	width: 1px;
	background: var(--text-color);
	opacity: 0.3;
	mask-image: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 1) 50%, transparent 100%);

}


.play-off-box .game:hover,
.play-off-box .game:focus{
	background: var(--footer-bg-outside);
	text-decoration: none;
}



.play-off-box .summary{
	display: none;
	padding-right:0.2rem;
}



@media (max-width: 767px) {

	.play-off-diagram{
		grid-template-columns: repeat(12, 1fr);
		grid-template-rows: auto;
		gap: 0.45rem 1rem;
		padding: 1rem 0rem 1rem 0rem;
	}

	.play-off-diagram .box1{
		grid-column: 1 / span 4;
		grid-row: 1 / span 2;
	}
	.play-off-diagram .box2{
		grid-column: 9 / span 4;
		grid-row: 1 / span 2;
	}
	.play-off-diagram .box3{
		grid-column: 9 / span 4;
		grid-row: 9 / span 2;
	}
	.play-off-diagram .box4{
		grid-column: 1 / span 4;
		grid-row: 9 / span 2;
	}

	.play-off-diagram .box5{
		grid-column: 3 / span 4;
		grid-row: 3 / span 2;
	}
	.play-off-diagram .box6{
		grid-column: 7 / span 4;
		grid-row: 3 / span 2;
	}

	.play-off-diagram .box7{
		grid-column: 5 / span 4;
		grid-row: 5 / span 2;
	}
	.play-off-diagram .box8{
		grid-column: 5 / span 4;
		grid-row: 7 / span 2;
	}


	.play-off-diagram .line1{
		grid-column: 1 / span 3;
		grid-row: 2 / span 2;
	}
	.play-off-diagram .line1:after{
		border-width: 0 0 var(--line-width) var(--line-width);
		left: 50%;
	}
	.play-off-diagram .line2{
		grid-column: 1 / span 3;
		grid-row: 4 / span 5;
	}
	.play-off-diagram .line2:after{
		border-width: var(--line-width) 0 0 var(--line-width);
		left: 50%;
		border-bottom-left-radius: 0;
	}

	.play-off-diagram .line3{
		grid-column: 10 / span 3;
		grid-row: 2 / span 2;
	}
	.play-off-diagram .line3:after{
		border-width: 0 var(--line-width) var(--line-width) 0;
		left: 0%;
	}
	.play-off-diagram .line4{
		grid-column: 10 / span 3;
		grid-row: 4 / span 5;
	}
	.play-off-diagram .line4:after{
		border-width: var(--line-width) var(--line-width) 0 0;
		left: 0%;
		border-bottom-right-radius: 0;
	}

	.play-off-diagram .line5{
		grid-column: 3 / span 3;
		grid-row: 4 / span 3;
	}
	.play-off-diagram .line5:after{
		border-width: 0 0 var(--line-width) var(--line-width);
		width: 50%;
		top: 0;
		bottom: 30%;
		left: 50%;
	}

	.play-off-diagram .line6{
		grid-column: 8 / span 3;
		grid-row: 4 / span 3;
	}
	.play-off-diagram .line6:after{
		border-width: 0 var(--line-width) var(--line-width) 0;
		width: 50%;
		top: 0;		
		bottom: 30%;
		left: 0%;
	}

	.play-off-diagram .line7{
		grid-column: 2 / span 4;
		grid-row: 4 / span 4;
	}
	.play-off-diagram .line7:after{
		border-width: 0 0 var(--line-width) var(--line-width);
		left: 50%;
	}
	.play-off-diagram .line8{
		grid-column: 8 / span 4;
		grid-row: 4 / span 4;
	}
	.play-off-diagram .line8:after{
		border-width: 0 var(--line-width) var(--line-width) 0;
		left: 0%;
	}

	.play-off-box .title{
		text-align: center;
	}
	.play-off-box-content {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr auto;
	}

	.play-off-box .team .name{
		display:none;
	}
	.play-off-box .team .logo {
		width: 100%;
		min-width: 100%;
		height: auto;
		padding: 0.2rem;
	}
	.play-off-box .team.win .logo{
		border-color: var(--wincolor);
	}
	
	.play-off-box .team{
		grid-column: auto;
		grid-row: 1;
	}
	.play-off-box .results {
		grid-column: 1 / span 2;
		grid-row: 2;
		justify-content: center;
		
	}





	.play-off-box .results span {
		width: 1.8rem;
		padding: 0.2rem 0 0.12rem 0;
		flex-grow: 0;
		font-size: 1.8rem;
		position:relative;
	}
	.play-off-box .results span + span:before{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		content: "";
		width: 1px;
		background: var(--text-color);
		opacity: 0.3;
		mask-image: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 1) 50%, transparent 100%);

	}	
	
	.play-off-box .games span {
		width: 2.2rem;
		
	}	

	.play-off-box .game:first-child:before{
		display:none;
	}
	.play-off-box .game span + span:before{
		display:none;
	}
	
	

	.play-off-box .summary {
		display: flex;
		padding-right: 0;
		flex-direction: row;
		width: 100%;
		position: relative;
		justify-content: center;
	}
	.play-off-box .summary:before {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		content: "";
		height: 1px;
		background: var(--text-color);
		opacity: 0.3;
		mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 1) 50%, transparent 100%);
	}	
	.play-off-box-content:before{
		display:none;
	}
	
	
	.play-off-box .games {
		display: flex;
		position: absolute;
		top: 0;
		bottom: 0;
		xxleft: 0;
		xxright: 0;
		min-width: calc(100% - 2px);
		background: #ffffff;
		border-radius: calc(var(--radius-gamestrip) + 2px);
		box-shadow: 0px 0.2rem 0.5rem 0px rgba(0, 0, 0, 0.10);
		padding: 0.3rem;
		pointer-events: none;
		justify-content: center;
		opacity: 0;
		transition: opacity 0.25s ease;
	}	
	.play-off-box .summary.active + .games{
		
		opacity: 1;
		pointer-events: all;
	}	
	
	
	
	
}






.tiktok-embed,
.twitter-tweet.twitter-tweet-rendered,
.fb-post.fb_iframe_widget,
.instagram-media{
	--embed-width: 550px;
	width: var(--embed-width) !important;
	max-width: 100% !important;
	display: flex !important;
	margin: 2rem auto 0 0 !important;
	border-radius: 10px !important;
	overflow: hidden;
	box-shadow: 0px 1px 1rem rgba(0, 0, 0, 0.1) !important;
	
}
.tiktok-embed{
	border: none;
	padding: 0;
	background: #ffffff;
}
.tiktok-embed:before{
	display: none;
}
.twitter-tweet.twitter-tweet-rendered > iframe{
	width: 100% !important;	
}
.fb-post.fb_iframe_widget > span{
	width: var(--embed-width) !important;
	max-width: 100% !important;
}
.fb-post.fb_iframe_widget > span > iframe{
	width: 100% !important;
}



/* //////////////////////////////////////////////////////////////// */

jmc-webuserfavsstarcomponent{
	position: fixed;
	z-index: 1199;
	top: 0;
	left: 0;
	--headheight: 2.6rem;
}
@media screen and (max-width:767px){
	jmc-webuserfavsstarcomponent{
		top: 4rem;
		left: 0;
		display: block;
		width: 5rem;
		height: 5rem;
		padding-top: 0.5rem;
	}
}

/* //////////////////////////////////////////////////////////////// */

@media screen and (min-width:768px){
}
@media screen and (min-width:992px){
}
@media screen and (min-width:1290px){
}
@media screen and (min-width:1400px){
}
@media screen and (max-width:1399px){
}
@media screen and (max-width:1289px){
}
@media screen and (max-width:991px){
}
@media screen and (max-width:767px){
}