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

@font-face {
	font-family: 'wb_Outfit';
	src: url('/font/wb_v_outfit.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
	font-display: block;
}


:root {
	--maincolor: #e30c4c;
	--secondcolor: #131d34;

	--fontfamily1: "Wb_Ebg", Garamond, Georgia, Times, serif;
	--fontfamily2: "wb_Outfit", "Segoe UI", Roboto, Helvetica, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
	--fontfamily3: "wb_Outfit", "Segoe UI", Roboto, Helvetica, -apple-system, BlinkMacSystemFont, Arial, sans-serif;


	--past-color: rgba(190, 190, 190, 0.1);
	--past-hover-color: rgba(170,170,170,0.6);

	--today-color: rgba(0, 142, 190, 0.7);
	--today-hover-color: rgba(0, 142, 190, 0.95);

	--future-color: rgba(233, 37, 111, 0.7);
	--future-hover-color: rgba(233, 37, 111, 0.95);

	--radius-menu: 0.15rem;
	--radius-box: 0.15rem;
	--radius-button: 0.15rem;
	--radius-element: 0.15rem;

	--shadow1: 0px 0.2rem 1.5rem rgba(0, 0, 0, 0.09);

	--space: 2.5rem;
	--gap: 3.6rem;
	--gap-negative: -3.6rem;
	--halfgap: 1.8rem;
	--halfgap-negative: -1.8rem;
	--smallgap: 0.9rem;
	--smallgap-negative: -0.9rem;
	--biggap: 4.6rem;
	--biggap-negative: -4.6rem;
}

@media (max-width: 767px) {
	:root {
	
		--radius-menu: 0.2rem;
		--radius-box: 0.2rem;
		--radius-button: 0.2rem;
		--radius-element: 0.2rem;
		
		--space: 1.2rem;
		--gap: 1.6rem;
		--gap-negative: -1.6rem;
		--halfgap: 0.8rem;
		--halfgap-negative: -0.8rem;
		--smallgap: 0.4rem;
		--smallgap-negative: -0.4rem;	
		--biggap: 2.5rem;
		--biggap-negative: -2.5rem;		
	}
	html {
		font-size: 3.5vw;
		font-size: 3.7vw;
	}
}

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

	html {
		font-size: 1.8vw;
	}
}



.maindebug {
	xxz-index: 890 !important;
}

body {
	min-height: 100%;
	font-size: 1.22rem;
	font-feature-settings: normal;
	line-height: 1.45;
	
	background-color: #ffffff;
	color: #111111;
	
	--text-color: #111111;
	--maincolor: #df157d;
	--light-color: #6e6e6e;
	--panels-bg: #ffffff;
	--panels-bg-outside: transparent;
	--homeheader-bg: #f7f7f8;
	--header-bg: #ffffff;
	--header-bg-outside: rgba(255, 255, 255, 0.3);
	--panels-bg-dark: #f5f5f6;
	--panels-bg-dark-outside: rgba(205, 205, 213, 0.2);
	--menu-bg: #ffffff;
	--footer-bg: #ebebee;
	--footer-bg-outside: rgba(190, 190, 200, 0.3);
	--elipsebackground: radial-gradient(ellipse at 50% 40%, #ffffff 0%, #ffffff 40%, #f5f5f5 100%);
	--graybg: #f7f7f8;
	--grayelipsebg: radial-gradient(ellipse at 50% 60%, #ffffff 0%, #f6f6f6 70%, #dcdcdc 100%);
}

body.darktheme {

	background-color: #171717;
	background-blend-mode: overlay;
	color: #f9f9f9;
	
	--text-color: #f9f9f9;
	--maincolor: #12a12f;
	--light-color: #b8b8b8;
	--panels-bg: #171717;
	--panels-bg-outside: transparent;
	--homeheader-bg: #262626;
	--header-bg: #1e1e1e;
	--header-bg-outside: rgba(12, 12, 12, 0.2);
	--panels-bg-dark: #1f1f1f;
	--panels-bg-dark-outside: rgba(100, 100, 100, 0.1);
	--menu-bg: #272727;
	--footer-bg: #1f1f1f;
	--footer-bg-outside: rgba(50, 50, 50, 0.2);
	--elipsebackground: radial-gradient(ellipse at 50% 40%, #171717 0%, #171717 40%, #191919 100%);
	--graybg: #000000;
	--grayelipsebg: radial-gradient(ellipse at 50% 60%, #212121 0%, #1a1a1a 70%, #262626 100%);
}


html{
	--html-bg: #e4e4ec;	
}
html.darktheme{
	--html-bg: #363636;	
}


::-webkit-scrollbar {
	max-width: 10px;
}
::-webkit-scrollbar-track {
	background: var(--html-bg);	
}
::-webkit-scrollbar-track-piece {
	background: var(--html-bg);	
}
::-webkit-scrollbar-button {
	background: var(--html-bg);	
}
::-webkit-scrollbar-thumb {
	background: rgba(146,146,146,0.4);
}
::-webkit-scrollbar-thumb:hover {
	background: rgba(146,146,146,0.4);
}

html{
	scrollbar-gutter: stable;
	background: var(--html-bg) !important;
}
html.blurred{
	scrollbar-gutter: stable;
	overflow: hidden;
}






.row {
	margin-left: var(--halfgap-negative);
	margin-right: var(--halfgap-negative);
}

.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 {
	padding-left: var(--halfgap);
	padding-right: var(--halfgap);
}

.article-info {
	padding-bottom: var(--halfgap);
}
.article-content h1 {
	margin-bottom: var(--space);
	font-weight: 450;
}
.bold, b, strong {
	font-weight: 500;
	font-style: normal;
}


body {
	font-family: var(--fontfamily2);
	font-size: 1.125rem;
	line-height: 1.52;
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--fontfamily1);
}

div.attachmentslist a, div.attachmentslist a:focus {
	font-family: var(--fontfamily2);
	font-weight: 400;
}
a.collapselink{
	font-family: var(--fontfamily2);
}

.btn input[type='checkbox'] {
	border-color: var(--maincolor);
}


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

.btn.btn-default,
.btn{
	font-family: var(--fontfamily1);
	text-transform: none;
	outline: none !important;
}


.btn.btn-default:focus:active, 
.btn.btn-default:active, 
.btn.btn-default {
	background: transparent;
	color: var(--text-color);
	border: solid 1px var(--light-color);
	border-radius: 0;
	box-shadow: none;	
	padding: 0.8rem 1.5rem;
	min-height: 1rem;
	line-height: 1.1;
	font-weight: 400;
	font-size: 0.8125rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	
	padding: 0.5rem 1.5rem;	
	min-height: 2.7rem;
	letter-spacing: 0;	
	font-style: italic;
	font-size: 1.1875rem;	
	font-family: var(--fontfamily1);
	text-transform: none;
	border-radius: 0.35rem;
	
	
	font-style: normal;
	font-size: 1.05rem;
	line-height: 1;
	font-family: var(--fontfamily2);
	
	
}
.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: var(--text-color);
    color: var(--panels-bg);
    border: solid 1px var(--text-color);
    outline: none;
    text-decoration: none;
    box-shadow: none;
    
    background-color: var(--light-color);
	color: var(--panels-bg);
    border: solid 1px var(--light-color);
}



.btn.btn-bg {
	background: var(--panels-bg);
	color: var(--text-color);
	border: solid 1px var(--text-color);
}
.btn.btn-bg:active,
.btn.btn-bg:hover,
.btn.btn-bg:focus,
.btn.btn-bg:focus:active,
.btn.btn-bg:hover:active{
    background: var(--text-color);
    color: var(--panels-bg);
    border: solid 1px var(--text-color);
}

.btn.btn-light {
	background: var(--panels-bg);
	color: var(--text-color);
	border: solid 1px var(--panels-bg);
	box-shadow: 0px 1px 1rem rgba(0, 0, 0, 0.08);
}
.btn.btn-light:active,
.btn.btn-light:hover,
.btn.btn-light:focus,
.btn.btn-light:focus:active,
.btn.btn-light:hover:active{
    background: var(--text-color);
    color: var(--panels-bg);
    border: solid 1px var(--text-color);
}


.btn.btn-invert {
	background: transparent;
	color: #ffffff;
	border: solid 1px #ffffff;
	box-shadow: 0px 1px 1rem rgba(0, 0, 0, 0.08);
	
}
.btn.btn-invert:active,
.btn.btn-invert:hover,
.btn.btn-invert:focus,
.btn.btn-invert:focus:active,
.btn.btn-invert:hover:active{
    background: #ffffff;
    color: var(--maincolor);
    border: solid 1px #ffffff;
}





.section-dark .btn.btn-light {
	background: transparent;
	color: var(--text-color);
	border: solid 1px var(--text-color);
}
.section-dark .btn.btn-light:active,
.section-dark .btn.btn-light:hover,
.section-dark .btn.btn-light:focus,
.section-dark .btn.btn-light:focus:active,
.section-dark .btn.btn-light:hover:active{
    background: var(--text-color);
    color: #333333;
    border: solid 1px var(--text-color);
}


.btn.btn-bigger {
	font-size: 1.2rem !important;
	font-weight: 400 !important;
	padding: 0.8rem 2rem !important;
}


.btn.btn-small:focus:active,
.btn.btn-small:active,
.btn.btn-small{
    padding: 0.55rem 1rem 0.5rem 1rem;
	font-size: 1rem;
	min-height: 2.2rem;
	letter-spacing: -0.01rem;
}
@media screen and (max-width:767px){
	.btn.btn-small:focus:active,
	.btn.btn-small:active,
	.btn.btn-small{
		padding: 0.62rem 0.8rem;
		font-size: 1rem;
		min-height: 2.3rem;
	}
}


.section-button {
	margin-top: var(--gap);
	padding-top: var(--smallgap);
	padding-bottom: var(--smallgap);
	text-align: center;
}
.btn.btn-full {
	width: auto;
	min-width: 25%;
	margin: 0 auto;
}


.input-group .form-control:last-child, 
.input-group-addon:last-child, 
.input-group-btn:last-child > .btn, 
.input-group-btn:last-child > .btn-group>.btn, 
.input-group-btn:last-child > .dropdown-toggle, 
.input-group-btn:first-child > .btn:not(:first-child), 
.input-group-btn:first-child > .btn-group:not(:first-child)>.btn {
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}


.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.5);
	border-color: transparent;
	box-shadow: none;
}



.form-control {
	border-radius: 0.35rem;
	min-height: 2.7rem;
}


blockquote {
	font-size: 1.2em;
}



.radio label, 
.checkbox-inline label, 
.checkbox label {
	font-weight: 300;
}



.space{
	height:4rem;
	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:3rem;
	}
	.space-tiny{
		height:0.5rem;
	}
	.space-small{
		height:1rem;
	}
	.space-medium{
		height:1.5rem;
	}
	.space-big{
		height:4rem;
	}
}


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


.theme-change > span{
	width: 1.8rem;
	height: 1rem;
	background: #ff3ca0;
}
body.darktheme .theme-change > span {
	background: #007b19;
}
.theme-change .day {
	top: 0;
	left: 0.12rem;
	font-size: 0.99rem;
}
.theme-change .day:before {
	font-size: 0.8rem;
}
.theme-change .night {
	top: 0.1rem;
	color: #1cde44;
}

.top-menu.ico-menu {
	font-size: 0.96rem;
	line-height: 1;
	gap: 0.15rem;
	
	
	gap: 0.3rem;
	margin: 0 0.5rem 0 1rem;
	
}
.top-menu.ico-menu .fa-tiktok, 
.top-menu.ico-menu .fa-volleyball-ball {

}



a,
a:focus{
	text-decoration-thickness: 1px;
	text-underline-offset: calc(15% + 1px);
	xxcolor: inherit;
	color: var(--maincolor);
}
a:hover,
a:focus{
    text-decoration-thickness: 1px;
    text-decoration-color: inherit;
    xxcolor: inherit;
}




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

* + .wgimage-right{
	margin-top: 0;
}
.marquee {
	background-color: var(--maincolor);
}

body > header{
	box-shadow: 0px 0.1rem 1rem rgba(0, 0, 0, 0.05);
	color: var(--light-color);
	xxposition: relative;
	position: sticky;
	z-index: 900;
}
body.scrolled > header {
	box-shadow: 0px 0.1rem 1rem rgba(0, 0, 0, 0.05);
}
body > header > .container {
	display: flex;
	height: 2.1rem;
}

.navigation-bar .logo,
header .logo {
	border-width: 0 0 1px 0;
}

.main-menu {
	font-family: var(--fontfamily3);
	font-weight: 650;
	text-transform: uppercase;
	font-size: 0.8125rem;
	line-height: 1.12;
	gap: 1rem;
}
.main-menu a{
	letter-spacing: 0;
	border-bottom-width: 1px;
	color: var(--maincolor);
}
.main-menu a.drop-carret:after{
	margin: 0.2rem 0 0 0.22rem;
	font-size: 0.78rem;
	line-height: 0.5;
}


.top-menu{
	font-family: var(--fontfamily3);
	font-weight: 440;
	font-size: 0.8125rem;
	line-height: 1.1;
    letter-spacing: 0;
}

.top-menu.account-menu {
	margin-left: 0.5rem;
}

.top-menu a{
	padding: 0.65rem 0 0.45rem 0;
	border-bottom-width: 1px;
	color: var(--maincolor);
}
.top-menu.account-menu a {
	margin: 0 0.02rem;
	display: block;
	text-decoration: none;
	transform: scaleX(0.9);
}
.top-menu .dropdown-menu {
	margin: 2.1rem 0 0 0;
}
.top-menu .dropdown-menu, 
.main-menu .dropdown-menu{
	font-family: var(--fontfamily2);
	font-size: 0.9rem;	
	line-height: 1.1;
	font-weight: 300;
    letter-spacing: 0;	
	
	text-align: left;
	background-color: #ffffff;
	border-radius: 0;
	box-shadow: 0px 0.4rem 1rem rgba(0, 0, 0, 0.15);
	border-top: solid 1px var(--maincolor);
	padding: 1rem 0.6rem;
    
}
.top-menu .dropdown-menu > li > a, 
.main-menu .dropdown-menu > li > a {
	white-space: nowrap;
	padding: 0.2rem 0;
	margin: 0.3rem 0.4rem;
	text-transform: none;
	line-height: 1.1;
	color: var(--maincolor);
	font-weight: 300;
}

.top-menu.account-menu .more-accounts-dots > a > span{
	font-size: 1.2rem;
	line-height: 0.7;
	letter-spacing: 0.25rem;
	display: inline-block;
	padding: 0 0.2rem 0 0.12rem;
}



.section-navigation-background{
	position:absolute;
	left:0;
	right:0;
}
body.theme .section-navigation-background {
	padding-left: var(--space);
	padding-right: var(--space);
}
.section-navigation-background > .container {
	background: var(--panels-bg);
	height: 4.2rem;
}
@media screen and (max-width: 767px) {
	.section-navigation-background{
		display:none;
	}
}
@media screen and (min-width: 768px) {
	.section-navigation-background > .container {
		height: 10rem;
	}
}



.section-navigation {
	position: relative;
	z-index: 60;	
	padding: 0;
	top: 0rem;
	transition: opacity 0.3s ease;
	background: var(--elipsebackground);
}
.section-navigation > .container {
	background: transparent;
}
@media screen and (min-width: 768px) {
	.section-navigation > .container {
		border-bottom: solid 1px var(--panels-bg-dark-outside);	
	}
	
	body.scrolled .section-navigation.scrolled > .container{
		border-bottom: solid 0px transparent;		
	}
	
}

.section-navigation > .container .navigation-bar:before,
.section-navigation > .container .navigation-bar:after{
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background-repeat: no-repeat;
	z-index:-1;
}
.section-navigation > .container .navigation-bar:before{
	xxbackground-image: url('/_images/account/lifestyle/head_bg_2a.png');
	background-size: auto 100%;
	background-position: calc(50% - 24rem) 0;
}
.section-navigation > .container .navigation-bar:after{
	xxbackground-image: url('/_images/account/lifestyle/head_bg_2b.png');
	background-size: auto 100%;
	background-position: calc(50% + 25rem) 0;
}


main .main-menu a {
	padding: 0.4rem 0 0.2rem 0;
}
main .main-menu {
	font-weight: 500;
	text-transform: none;
	font-size: 0.95rem;
	line-height: 1;
	gap: 1rem;
}
main .main-menu.page-submenu {
	margin-top: -2rem;
	text-transform: none;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1;
	gap: 0.2rem 0.9rem;
	padding-top: 0.8rem;
	position: relative;
}
main .main-menu.page-submenu: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%);
}
.sub-menu-button {
	margin: 0;
	align-self: flex-end;
	margin-top: 0rem;
	margin-left: -0.5rem;
	margin-right: 0.5rem;
}




.navbar-toggle {
	padding: 0;
	margin: 0;
	width: 2rem;
	height: 2.1rem;
}
.navbar-toggle .icon-bar {
	border-radius: 0.3rem;
	height: 0.3rem;
}
.navbar-toggle span:nth-child(1),
.navbar-toggle span:nth-child(4){
	top: 1.1rem;
	width: 0;
	left: 1.1rem;
}
.navbar-toggle span:nth-child(2),
.navbar-toggle span:nth-child(3){
	top: 0.85rem;
	width: 1.5rem;
	left: 0.2rem;
}
.navbar-toggle.collapsed span{
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 50%;
	left: 0.8rem;
}

.navbar-toggle.collapsed span:nth-child(1){
	top: 0.3rem;
}
.navbar-toggle.collapsed span:nth-child(2),
.navbar-toggle.collapsed span:nth-child(3){
	top: 0.8rem;
}
.navbar-toggle.collapsed span:nth-child(4){
	top: 1.4rem;
}


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

@media (max-width: 767px) {
	.anchor {
		top: -4rem;
	}
	section.up-top {
		margin-top: 0;
	}
	
	.section-title + .section-sub-title{
		margin-top: 0;
	}
	main .main-menu.page-submenu{
		margin-top: -1rem;
		gap: 0.2rem 0.5rem;
	}
	.section-sub-title .sub-navbar-collapse .main-menu {
		margin: 1rem 0;
		flex-direction: column;
		gap: 0.5rem;
	}
	.sub-navbar-collapse.collapsing, .sub-navbar-collapse.collapse.in {
		z-index: 200;
		top: 0.8rem;
	}
	
}



.ball-menu-icon{
	padding: 0;
	justify-self: start;
}
.ball-menu-icon a{
	color:var(--light-color);
	display:block;
	position: relative;
	line-height: 1;
	width: 2.5rem;
	padding: 0.3rem;
	width: 3rem;
	left: -0.3rem;
}
.ball-menu-icon a > *{
	transition: opacity 0.2s ease;
}
.ball-menu-icon .fa-times{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	font-size: 1.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ball-menu-icon .ball-icon{
	opacity:0.6;
}
.ball-menu-icon .ball-menu-toggle.opened .fa-times{
	opacity:1;
}
.ball-menu-icon .ball-menu-toggle.opened .ball-icon{
	opacity:0;
}


.ball-menu-icon .ball-icon > span{
	display:block;
	position: relative;

	xxbackground: var(--maincolor);
	border-radius: 50%;
}
.ball-menu-icon .ball-icon > span:before{
	content: "";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border: solid 1px var(--maincolor);
	border-radius: 50%;
	opacity: 0;
	transform: scale(1);
	animation: pulse-wave 14s linear infinite;
}
@keyframes pulse-wave{

  90%{
    opacity: 0;
    transform: scale(1);
  }
  93%{
    opacity: 1;
  }
  96%{
    opacity: 0.3;
  }  
  99%{
    opacity: 0;
    transform: scale(2);
  }
  
}


.ball-menu-icon .ball-icon img{
	width:100%;
	height:auto;
	position: relative;
	
	transform: rotate(0deg);
	animation: bounce2 7s infinite;
	animation-timing-function: ease-in-out;
	animation-play-state: running;	
	
	xxfilter: invert(1) grayscale(1) contrast(0.7) brightness(1.9);
}
body.darktheme .ball-menu-icon a img{
	filter: invert(1) grayscale(1) contrast(0.7) brightness(1.9);
	
	xxfilter: none;
}

@keyframes bounce2 {
  0% {
	transform: rotate(0deg);
  }
  70% {
	transform: rotate(0deg);
  }	  
  100% {
	transform: rotate(360deg);
	animation-play-state: paused;
  }	  
}


.bars-menu-icon{
	padding: 0;
	justify-self: end;

}
.bars-menu-icon a{
	display:block;
	position:relative;
	font-size: 1.5625rem;
	line-height: 1;
	padding-top: 0.1rem;
	color:var(--light-color);
	padding: 0.7rem 0.3rem 0.6rem 0.3rem;
	right: -0.3rem;
}
.bars-menu-icon a > *{
	transition: opacity 0.2s ease;
}
.bars-menu-icon .fa-times{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	font-size: 1.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bars-menu-icon .fa-bars{
	opacity:1;
}
.bars-menu-icon .bars-menu-toggle.opened .fa-times{
	opacity:1;
}
.bars-menu-icon .bars-menu-toggle.opened .fa-bars{
	opacity:0;
}


body.theme .section-navigation{
	background: var(--header-bg-outside);
}
body.theme .section-navigation > .container {
	background: var(--elipsebackground);

}


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


body.scrolled .section-navigation.hideed{
	opacity:0;
}
body.scrolled .section-navigation.scrolled{
	opacity:1;
	position: sticky;
	top: 2.1rem;
	z-index: 90;
	box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
}
	
@media screen and (min-width:768px){
	.section-navigation{
		height: 10rem;
	}
	body.scrolled .section-navigation.scrolled{
		height: 4.2rem;
		margin-bottom: 5.8rem;
	}
	.section-navigation .navigation-bar{
		padding: 0;
	}
	.section-navigation .navigation-bar > * {
		padding: 1.5rem 0;
	}
	.section-navigation .navigation-bar .logo{
		height: 7rem;
		padding: 0.3rem;
	}	
	body.scrolled .section-navigation.scrolled .navigation-bar .logo{
		height: 3.6rem;
		padding: 0.2rem;
	}
	body.scrolled .section-navigation.scrolled .navigation-bar > * {
		padding: 0.3rem 0;
	}
	body.scrolled .section-navigation.scrolled .navigation-bar .ball-menu-icon a{
		width: 2.6rem;
	}
	
	body.scrolled .section-navigation.scrolled > .container .navigation-bar:before{
		background-size: auto 120%;
		background-position: calc(50% - 13rem) 0;
	}
	body.scrolled .section-navigation.scrolled > .container .navigation-bar:after{
		background-size: auto 120%;
		background-position: calc(50% + 15rem) 0;
	}
	

}

@media screen and (max-width:767px){
	.section-navigation{
		margin-top: 0;
		z-index: 999;
		box-shadow: 0px 0.4rem 1.6rem rgba(0, 0, 0, 0.1);
		box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
		height: 4.2rem;
		position: sticky;
		top:0;
		
	}
	body.scrolled .section-navigation.scrolled{
		height: 4.2rem;	
		top:0;
	}
	
	body.scrolled .section-navigation.hideed {
		opacity: 1;
	}
	
	
	xx.ball-menu-icon .ball-icon > span{
		--maincolor: #e20d7a;
		--maincolor: #ffffff;
	}
	xx.ball-menu-icon .ball-icon img {
		filter: invert(1) grayscale(1) contrast(0.7) brightness(1.9);
		filter: contrast(0.4) brightness(1.6);
	}
	.navigation-bar > * {
		padding: 0.3rem 0;
	}
	
	.section-navigation > .container {
		padding-left: 0;
		padding-right: 0;
	}
	.section-navigation .navigation-bar{
		padding-left: var(--space);
		padding-right: var(--gap);	
	}
	
	.section-navigation .navigation-bar .logo{
		height: 3.6rem;
		padding: 0.2rem;
	}
	body.theme	.section-navigation .navigation-bar .logo{
		height: 2.6rem;
	}
	
	
	
	.ball-menu-icon a{
		width: 2.4rem;
		opacity: 1;
		xxcolor: #ffffff;
	}
	xx.ball-menu-icon a img{
		filter: invert(1) grayscale(1) contrast(0.7) brightness(1.9);
	}
	xx.bars-menu-icon a {
		display: block;
		font-size: 1.5625rem;
		line-height: 1;
		color: #ffffff;
		opacity: 1;
	}
	
	xx.section-navigation > .container .navigation-bar:before{
		background-image: url('/_images/account/lifestyle/head_bg_5a.png');
		background-size: auto 100%;
		background-position: -3% 0;
		
	}
	xx.section-navigation > .container .navigation-bar:after{
		background-image: url('/_images/account/lifestyle/head_bg_5b.png');
		background-size: auto 100%;
		background-position: 103%  0;
		
	}



}



.section-navigation .navigation-bar{
	position: relative;
	z-index: 999;
	display: grid;
	grid-template-columns: 3rem auto 3rem;
	align-items: center;
	justify-items: center;
	min-height: 4.2rem;
}
.section-top-menu{
	position: relative;
	z-index: 20;
}
.section-top-menu .section-background{
	background-color: var(--header-bg);
	box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.04);
	border-bottom: solid 1px var(--panels-bg-dark-outside);
}
.section-top-menu .container{
	line-height: 1;
	padding-top: 1rem ;
	padding-bottom: 1.1rem;
}

body.theme .section-top-menu{
	background-color: var(--panels-bg-dark-outside);
	xxbox-shadow: none;
	xxborder-top: none;	
	padding-left: var(--space);
	padding-right: var(--space);
}

body.theme .section-top-menu .section-background{
	background-color: var(--header-bg);
	xxbox-shadow: 0px 10px 15px rgba(0, 0, 0, 0.04);
	xxborder-top: solid 1px var(--header-bg);	
}

section.section-marquee {
	position: relative;
	z-index: 21;
}

section.section-marquee .section-background{
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);

}


.marquee {
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	font-family: var(--fontfamily2);
	font-weight: 400;
	overflow: hidden;
	background-image: none;
	background-color: var(--maincolor);
	color: #ffffff;
}
.marquee-container{
	height: 2.5rem;
    font-size: 0.9em;
    font-weight: 350;
}




.navigation-menu{
	font-family: var(--fontfamily2);
	font-size: 1.02rem;
	font-weight: 250;
	display: flex;
	overflow: hidden;
	position: fixed;
	z-index: 902;
	opacity: 0;
	bottom: 0rem;
	pointer-events: none;
	transition: opacity 0.2s ease;
	background: rgba(240,240,240,0.6);
	backdrop-filter: blur(3px);	

	width: 100%;
	max-width: 100%;
	right: 0;
	left: 0;
	margin: auto;
}
body.theme .navigation-menu{
	xxmax-width: var(--maxpagewidth);
	xxwidth: calc(100% - var(--space) - var(--space));
}
body.darktheme .navigation-menu{
    background: rgba(25,25,25,0.6);
}
@media screen and (max-width: 767px) {
	body.theme .navigation-menu,
	.navigation-menu{
		width: 100%;
		max-width: 100%;	
	}
}




.navigation-menu.ball-menu{
	justify-content: flex-start;
}
.navigation-menu.bars-menu{
	justify-content: flex-end;
}
.navigation-menu-wrapper{
	width: 100%;
	width: calc(100% - var(--halfgap));
	max-width: 50rem;
	background: var(--menu-bg);
	padding: 1rem var(--halfgap) 1.5rem var(--halfgap);
	box-shadow: 0px 0.4rem 2rem rgba(0, 0, 0, 0.3);	
	position:relative;
	transition: left 0.15s ease, right 0.15s ease;
}


.navigation-menu.ball-menu .navigation-menu-wrapper{
	left: -1rem;
}

.navigation-menu.ball-menu .navigation-menu-wrapper:before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	
	background-image: url('/_images/account/lifestyle/volleyball.png');

	background-repeat: no-repeat;
	background-size: 70% auto;
	background-position: calc(100% + 5rem) calc(100% + 5rem);
	opacity: 0.04;
}




.navigation-menu.bars-menu .navigation-menu-wrapper{
	right: -1rem;
}

.navigation-menu.ball-menu.opened,
.navigation-menu.bars-menu.opened{
	position: fixed;
	pointer-events: all;
	opacity: 1;
	height: auto;
	bottom: 0rem;
}
.navigation-menu.ball-menu.opened .navigation-menu-wrapper{
	left: 0rem;
	
}
.navigation-menu.bars-menu.opened .navigation-menu-wrapper{
	right: 0rem;

}




.navigation-menu-content{
	position: relative;
	overflow-y: auto;
	height: 100%;
	display: grid;
	grid-template-rows: max-content;
	padding: 1px;
}
.navigation-menu.bars-menu.opened .navigation-menu-content{
	padding: 1px 0.3rem;
}

.navigation-menu .top-menu{
	margin: 0;
	flex-direction: column;
	font-weight: 300;
	font-size: 1.2rem;
	align-items: flex-start;
	border-top: none;
	
	font-weight: 400;
	font-size: 1.14rem;
	
	gap: 0.1rem;	
}
.navigation-menu .top-menu.profile-menu{
	font-weight: 320;
	font-size: 0.9rem;
	text-transform: none;
	gap: 0.02rem;
}



.navigation-menu .top-menu > li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	margin: 0;
	max-width: 100%;
}
.navigation-menu .top-menu .username,
.navigation-menu .top-menu a{
	margin: 0 0 0.25rem 0;
	padding: 0.4rem 0 0.3rem 0;
}

.navigation-menu .top-menu .dropdown-menu {
	position: relative;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	border-top: none;
	min-width: 1rem;
	font-size: inherit;
}
.navigation-menu .top-menu .open > .dropdown-menu{
	display: block;
	width: auto;
	height: auto;
	min-width: 10rem;
	opacity: 1;
	top: auto;
	padding: 0.4rem 0 0.5rem 1rem;
}



@media (max-width: 767px) {
	.navigation-menu .top-menu .username,
	.navigation-menu .top-menu a{
		padding: 0.35rem 0rem 0.15rem 0rem;
	}
	
	.navigation-menu .top-menu.ico-menu{
		font-size: 1.3rem;
	
	}
	
	
	
}


header .top-menu.profile-menu span {
	display: inline-block;
	max-width: 7rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.navigation-menu .top-menu .username{
	display: flex;
	gap: 0.4rem;
	word-wrap: break-word;
	white-space: normal;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: row;
	width: 100%;
	font-weight: 500;
	margin-bottom: 0.7rem;
}
.navigation-menu .top-menu .username span {
	xxword-wrap: break-word;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
}
.navigation-menu .top-menu.profile-menu a{
	display: flex;
	gap: 0.4rem;
	align-items: center;
}
.navigation-menu .top-menu.profile-menu i{
	font-size: 0.8em;
	line-height: 1.1;
}
.navigation-menu .top-menu .username i{
	font-size: 1.1em;
}

.navigation-menu .top-menu.ico-menu{
	flex-direction: row;
	gap: 0.8rem;
}

.navigation-menu .top-menu-row{
	display: flex;
	justify-content: space-between;
	position:relative;
	margin-bottom: 1rem;
}
.navigation-menu .top-menu-row:after{
	position:absolute;
	bottom: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%);
}

.navigation-menu .top-menu-sections {
	display: grid;
	grid-template-columns: 45% calc(55% - 1.5rem);
	grid-template-columns:calc(100% - 15rem) 13.5rem;
	gap: 1.5rem;
	justify-content: space-between;
}



.navigation-menu .top-menu-sections > div{
	word-wrap: break-word;
}

.navigation-menu .top-menu-sections > div + div{
	position: relative;
	padding-left: var(--halfgap);
}
.navigation-menu .top-menu-sections > div + div:after {
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	content: "";
	width: 1px;
	background: var(--text-color);
	opacity: 0.3;
	mask-image: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 1) 90%, transparent 100%);
}
@media screen and (max-width: 767px) {
	.navigation-menu .top-menu-sections {
		grid-template-columns:calc(100% - 13rem) 12rem;
		gap: 1rem;
	}
	.navigation-menu .top-menu-sections > div + div{
		padding-left: var(--space);
	}	
	
}


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

.nav.nav-pills {
	position: relative;
	padding: 0 0 1rem 0;
	display: flex;
	gap: 0.2rem;
	box-shadow: none;
	margin: 0;
}
.nav.nav-pills > li {
	float: none;
	flex-grow: 1;
	margin: 0;
}


@media (max-width: 767px) {
	.navigation-menu-content .nav-pills {
		flex-direction: row;
	}
}




.nav-link{
	background: var(--panels-bg-dark);
	color: var(--text-color);
	border: solid 0px var(--light-color);
	box-shadow: none;
	line-height: 1.1;
	font-weight: 300;
	padding: 0.5rem 1rem;
	min-height: 2rem;
	letter-spacing: 0;
	font-size: 0.9rem;
	font-family: var(--fontfamily2);
	text-transform: none;
	border-radius: 0.35rem;
	width:100%;
}
.nav-link i{
	font-size: 0.8rem;
}

.nav-item.active .nav-link,
.nav-link:active,
.nav-link:hover,
.nav-link:focus,
.nav-link:focus:active,
.nav-link:hover:active{
    background: var(--maincolor);
    color: #ffffff;
    border: solid 0px var(--maincolor);
}


.nav.nav-pills:after {
	position: absolute;
	display: block;
	bottom: 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%);
}

.tab-content{
	padding-top:1rem;
	width: 100%;
	overflow-x: hidden;
}
.tab-content .top-menu{
	padding: 0;
}


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


.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;
	z-index: 5;
	width: 5rem;
	height: 100%;
	padding: 0 0.5rem;
	pointer-events: all;
	transform: none;
	align-items: center;
	color: var(--text-color);
}
.slick-prev {
    left: 0.4rem;
    padding-right: 2rem;
}
.slick-next {
    right: 0.4rem;
    padding-left: 2rem;
}
.slick-prev:before,
.slick-next:before{
	content: "";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1.63rem;
	width: 100%;
	height: 2.5rem;
	display: block;
	position: relative;
	border: solid 0px #000000;
	background: var(--panels-bg);
	box-shadow: var(--shadow1);
	opacity: 1;
	transition: all 0.25s ease;
	grid-column: 1;
	grid-row: 1;
	border-radius: 50%;
}
.slick-prev:after,
.slick-next:after{
	font-size: 1.1rem;
	line-height: 1.2;
	transform: scaleX(0.75);
	height: 2rem;
	padding-top: 0;
	
}
@media screen and (max-width:767px){
	.slick-prev, .slick-next {
		width: 4.5rem;
	}
	.slick-prev:before,
	.slick-next:before{
		height: 2rem;
	}
	.slick-prev:after,
	.slick-next:after{
		font-size: 1rem;
		line-height: 1;
		height: 2rem;
	}
}




.slick-prev:after {
	content: "\f053";
}
.slick-next:after {
    content: "\f054";
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background: transparent;

}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    background: var(--maincolor);
}
.slick-prev:hover:after,
.slick-prev:focus:after,
.slick-next:hover:after,
.slick-next:focus:after {
    color: #ffffff;    
}

.slick-arrow.slick-disabled{
	cursor: default;
}
.slick-arrow.slick-disabled:before{
	opacity: 0.5 !important;
	background: var(--panels-bg);
}
.slick-arrow.slick-disabled:after{
	color: var(--text-color);
	opacity: 0.25 !important;
}

.short-x .slick-prev {
	left: 0;
}
.short-arrows .slick-next {
	right: 0;
}


.home-header-container .section-background {
	background: var(--homeheader-bg);
	color: inherit;
	display: flex;
	flex-direction: column;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.one-slide-container,
.home-header-container .slick-carousel-home-slider{
	background: var(--header-bg-outside);
}


.home-header-container .slick-prev, 
.home-header-container .slick-next {
	height: calc(100% - 12rem);
}
.one-slide-container .item,
.home-header-container .slick-slide{
	position: relative;
}
.one-slide-container .item > a,
.home-header-container .slick-slide > a{
	position: relative;
}
.one-slide-container .item img,
.home-header-container .slick-slide img{
	width: 100%;
	max-height: 90vh;
	object-fit: cover;
	object-position: 100% 30%;
	margin-bottom: 10rem;
}
.one-slide-container .item .caption,
.home-header-container .slick-slider .caption{
	padding: var(--space) var(--space);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--homeheader-bg);

}
.one-slide-container .item .caption h2,
.home-header-container .slick-slider .caption h2{
	margin: var(--halfgap) 0 var(--halfgap) 0;
	font-size: 2.5rem;
	line-height: 1;
	font-weight: 400;
}







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

	.home-header-container .slick-prev, 
	.home-header-container .slick-next {
		height: calc(100% - 11rem);
	}
	.one-slide-container .item img,
	.home-header-container .slick-slide img{
		margin-bottom: 0rem;
	}
	.one-slide-container .item .caption,
	.home-header-container .slick-slider .caption{
		position: relative;
	}
	.one-slide-container .item .caption h2,
	.home-header-container .slick-slider .caption h2{
		font-size: 1.375rem;
	}
}


@media screen and (min-width:768px){
	.home-header-container .slick-initialized .slick-slide {
		display: flex;
	}
	.home-header-container .slick-slider .caption {
		padding: var(--halfgap) 5rem var(--halfgap) var(--space);
		position: relative;
		bottom: 0;
		top: 0;
		right: 0;
		background: var(--homeheader-bg);
		background: var(--panels-bg-dark-outside);
		width: 35%;
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
	.home-header-container .slick-slide > a {
		position: relative;
		width: 65%;
	}
	.home-header-container .slick-slide img {
		width: 100%;
		height: calc(100vh - 15rem);
		min-height: 37rem;
		object-fit: cover;
		object-position: 100% 30%;
		margin-bottom: 0rem;
	}
	.home-header-container .slick-prev, .home-header-container .slick-next {
		height: 100%;
	}
	



	.one-slide-container .item{
		display: flex;
		position: relative;
	}
	.one-slide-container .item > a {
		position: relative;
		width: 65%;
	}
	.one-slide-container .item img {
		width: 100%;
		height: 100%;
		min-height: 37rem;
		max-height: calc(100vh - 15rem);
		object-fit: cover;
		object-position: 100% 30%;
		margin-bottom: 0rem;
	}
	.one-slide-container .item .caption {
		padding: var(--halfgap) 5rem var(--halfgap) var(--space);
		position: relative;
		bottom: 0;
		top: 0;
		right: 0;
		background: var(--homeheader-bg);
		background: var(--panels-bg-dark-outside);
		width: 35%;
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: center;
	}	

	
	
	
	
}

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



main > section .container {
	background: var(--panels-bg);
	padding-top: var(--gap);
	padding-bottom: var(--gap);
	
	padding-top: var(--biggap);
}
main.section-home > section .container {
	background: var(--panels-bg);
	padding-top: var(--biggap);
	padding-bottom: var(--biggap);
}

section.section-baner .container,
main.section-home > section.section-baner .container {
	padding-top: var(--gap);
	padding-bottom: var(--gap);
}

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

main > section .section-background  .container{
	background: transparent;
}
body.theme main section .section-background {
	background: var(--panels-bg);
}


.section-title{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: var(--halfgap-negative);
	margin-right: var(--halfgap-negative);
	color: var(--text-color);
}
.section-title + * {
	margin-top: var(--gap);
}

main.section-home .section-title + * {
	margin-top: var(--biggap);
	margin-top: calc(var(--biggap) - 0.4rem);
}
@media screen and (orientation: portrait) and (max-width: 767px) {
	main.section-home .section-title + * {
		margin-top: var(--biggap);
	}	
}

.section-title-small + *{
	margin-top: var(--halfgap);
}

.section-title:before,
.section-title:after {
	position: relative;
	display: block;
	content: "";
	height: 1px;
	background: var(--text-color);
	opacity: 0.3;
	flex-grow: 1;
	min-width: 3rem;
}
.section-title:before{
	mask-image: linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 70%, transparent 100%);
}
.section-title:after {
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 70%, transparent 100%);
}
.section-title .title,
.section-title h1,
.section-title h2 {

	margin: 0 1.9rem;
	line-height: 1;
	flex-grow: 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 1rem;

	font-family: var(--fontfamily2);
	opacity: 0.8;
	
	font-size: 2.6rem;	
	font-style: normal;	
	font-weight: 600;		
	letter-spacing: 0.1rem;

	font-size: 2.4rem;		

	
}


.section-title h3,
.section-title h3.title{
	font-size: 1.8rem;
}


@media screen and (max-width:767px){
	.section-title .title,
	.section-title h1,
	.section-title h2 {
		font-size: 2rem;
		margin: 0 1rem;
		gap: 0.6rem;
		
		font-size: 1.8rem;
	}
	.section-title:before, .section-title:after {
		min-width: 2.5rem;
	}
	
}


*.title{
	text-transform: none;
}

.section-title-partner img{
	max-width: 19rem;
	max-height: 7.5rem;
	margin: 0 auto;
	object-fit: contain;
	background: #ffffff;
	padding: 0.8rem 0.8rem;
	border-radius: 0.2rem;
}
.section-title-partner{
	display: flex;
	flex-direction: column;
	font-size: 1.1rem;
	gap: 0.5rem;
}

.section-sub-title{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: var(--halfgap-negative);
	margin-right: var(--halfgap-negative);
	color: var(--text-color);
	position: relative;
	
}
@media screen and (max-width:767px){
	.section-title-partner img{
		max-width: 16rem;
		max-height: 5.5rem;
	}
}

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


.message-box > a{
	box-shadow: 0px 1px 0.3rem rgba(0, 0, 0, 0.06);
	xxborder-radius: 0;
}
.message-box img {
	xxborder-radius: 0;
}
.message-box .caption {
	font-size: 1.2rem;
	line-height: 1.4;
	
}


.message-box div.videoshort{
	position: relative;
	overflow:hidden;
	max-height: 100vh;
}
.message-box div.videoshort img {
	background: rgba(0, 0, 0, 0.5);
	max-height: 100vh;
	object-fit: contain;
}
.message-box div.videoshort > img {
	position: relative;
}
.message-box .video-embed{
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
}
.message-box .video-embed iframe{
	width: 100%;
	height: 100%;
	opacity:1;
}




@media screen and (max-width: 767px) {
	.message-box .caption {
		padding-top: 0.9rem;
	}
}
.messages-boxes-inset .message-box .caption {
	padding: 1rem 1.5rem 1.375rem 1.5rem;
}

.caption-date,
.message-box .caption-date{
	font-family: var(--fontfamily2);
	font-size: 0.8125rem;
	font-weight: 400;
	letter-spacing: 0.02rem;
}
.message-box .caption-date{
	display: block;
	margin: 1rem 0 0.2rem 0;	
	text-align: inherit;
}

.home-header-container .caption-date{
	display: block;
	xxmargin: 1.8rem 0 0.6rem 0;	
} 


.caption-date a,
.message-box .caption a{
	color: inherit;
}
.caption-date time {
	position: relative;
	opacity: 0.58;
}
.caption-type,
.message-box .caption-type{
	font-weight: 400;
	font-size: 0.8125rem;
	letter-spacing: 0.05rem;
	text-transform: uppercase;
	font-family: var(--fontfamily2);
	position: relative;
	margin: 0.3rem 0 0.5rem 0;	
	text-align: inherit;
	
	xxdisplay: flex;
	xxjustify-content: space-between;
}
.message-box .caption-type a{
	font-weight: inherit;
}

.caption-type jmc-webuserreadingsstarcomponent{
	xxfloat: right;
	xxmargin-top: -0.2rem;
	xxmargin-right: -0.4rem;
	
	xxfloat: left;
	margin-top: 0rem;
	margin-right: 0rem;
	margin-left: 0rem;	
	
	float: none;
	display: inline-block;
	
}


.caption-type > span,
.message-box .caption-type > span{
	opacity: 0.583;
}


.caption-type a{
	color: inherit;
}


.message-box{
	text-align: left;
}


.message-box.message-box-horizontal{
	display:grid;
	grid-template-columns: 30% calc(70% - var(--smallgap));
	align-items: start;
	gap: var(--smallgap);
	text-align: left;
	
}
.message-box.message-box-horizontal .caption-type{
	margin-top: -1px;
}



.message-badge{
	font-weight: 400;
	font-size: 0.62rem;
	text-transform: uppercase;
	border-radius: 0;
	border: none;
	height: 3rem;
	font-family: var(--fontfamily2);
	line-height: 1;
	font-stretch: 100%;
	
	
	top: 0;
	bottom: auto;
	left: 0;
	right: 0;
	
	
	
}
.message-badge span{
	left: auto;
	top: 0.7rem;
	right: 0rem;

	padding: 0.5rem 0.7rem 0.4rem 0.6rem;
	height: auto;
	border-radius: 0;
	overflow: hidden;
	
	
	
}
.article-info .message-badge{
	margin-right: 0.6rem;
}
.article-info .message-badge span{
	border-radius: 2px;
	padding: 0.3rem 0.7rem;
}

.message-badge span:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    transform: none;
    border-radius: 0;
    
    
}

.home-header-container .message-badge {
	font-weight: 400;
	font-size: 0.7rem;
	line-height: 1;
	font-stretch: 100%;
}
.home-header-container .message-badge span {
	padding: 0.5rem 0.7rem 0.45rem 0.6rem;
	height: auto;
	top: 0.8rem;
	right: 0.8rem;
}	
	
@media (min-width: 768px) {

	.message-box-big .message-badge {
		font-weight: 400;
		font-size: 0.8rem;
		line-height: 1;
		font-stretch: 100%;
	}
	.message-box-big .message-badge span {
		padding: 0.5rem 0.7rem 0.45rem 0.6rem;
		height: auto;
	}
	

	.home-header-container .message-badge {
		font-weight: 400;
		font-size: 1rem;
		line-height: 1;
		font-stretch: 100%;
	}
	.home-header-container .message-badge span {
		padding: 0.5rem 0.7rem 0.45rem 0.6rem;
		height: auto;
		top: 1rem;
		right: 0rem;
	}		
	
	
}

.message-box .caption-type .message-badge{
	display: inline-flex;
	position: relative;
	font-size: 0.625rem;
	height: 1rem;
	top: 0;
	margin-right: 0.3rem;
	letter-spacing: 0;
	opacity: 1;
	
	height: auto;
}
.message-box .caption-type .message-badge span {
	right: 0;
	position: relative;
	color: var(--badge-color);
	

	top: -0.11rem;
	padding: 0.31rem 0.5rem 0.2rem 0.4rem;	
	height: 1.12rem;	

	top: -0.05rem;
	padding: 0.3rem 0.4rem 0.2rem 0.4rem;	
	height: auto;
	
}
.message-box .caption-type .message-badge span:after{
	border: solid 1px var(--badge-color);
	background: transparent;
}

.message-box.message-box-horizontal > .caption{
	padding: 0 0 0 var(--smallgap);
}
.messages-boxes-inset .message-box.message-box-horizontal > .caption {
	padding: 0.8rem 1rem 0.7rem var(--smallgap);
}
.messages-boxes-inset .message-box.message-box-horizontal {
	align-items: stretch;
}
.messages-boxes-inset .message-box.message-box-horizontal img {
	object-fit: cover;
	min-height: auto;
	height: 100%;
	border-radius: var(--radius-box) 0 0 var(--radius-box);
}
	

.message-badge.onlyhere span:before,
.message-badge.comment span:before,
.message-badge.label span:before{
	display:none;
}


.message-box.message-box-horizontal > a > .message-badge{
	display: none;
}
.message-box.message-box-horizontal-xs .caption-type .message-badge{
	display: none;
}
.message-box.message-box-horizontal-short-xs .caption-type .message-badge{
	display: none;
}

@media screen and (orientation: portrait) and (max-width:767px){
	.message-box{
		xxtext-align: center;
	}
	.message-box.message-box-horizontal-short-xs{
		text-align: left;
	}
	.message-box.message-box-horizontal-short-xs > a{
		display: none;
	}
	.message-box.message-box-horizontal-short-xs .caption {
		padding-top: 0;
	}
	.message-box.message-box-horizontal-short-xs .caption-type{
		margin-top: 0;
	}
	.message-box.message-box-horizontal-short-xs > a > .message-badge{
		display: none;
	}
	.message-box.message-box-horizontal-short-xs .caption-type .message-badge{
		display: inline-flex;
	}
	
	
	
	.message-box.message-box-horizontal{
		grid-template-columns: 34% calc(66% - var(--smallgap));
	}
	.message-box.message-box-horizontal-xs{
		text-align: left;
		display:grid;
		grid-template-columns: 34% calc(66% - var(--smallgap));
		align-items: stretch;
		gap: var(--smallgap);
		text-align: left;
		align-items: start;
	}
	.messages-boxes-inset .message-box.message-box-horizontal-xs{
		align-items: stretch;
	}
	
	
	
	.message-box.message-box-horizontal-xs .caption {
		padding: 0 0 0 var(--smallgap);
	}
	.messages-boxes-inset .message-box.message-box-horizontal-xs .caption {
		padding: 0.8rem 1rem 0.7rem var(--smallgap);
	}
	.messages-boxes-inset .message-box.message-box-horizontal-short-xs .caption {
		padding: 0.8rem 1rem 0.7rem 1rem;
	}	
	
	.message-box.message-box-horizontal-xs .caption-type{
		margin-top: 0;
	}
	.message-box.message-box-horizontal-xs > a > .message-badge{
		display: none;
	}
	.message-box.message-box-horizontal-xs .caption-type .message-badge{
		display: inline-flex;
	}
	
	.messages-boxes-inset .message-box.message-box-horizontal-xs img{
		object-fit: cover;
		min-height: auto;
		height: 100%;
		border-radius: var(--radius-box) 0 0 var(--radius-box);
	}
	
	
	
}


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


	.message-box-horizontal-double{
		grid-column: auto / span 2;
	}

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

	.messages-layout-2-4 .message-box-big {
		grid-column: 1;
		grid-row: 1 / span 4;
		
		grid-column: auto / span 2;
		grid-row: auto / span 2;
	}
	.messages-layout-2-4 .message-box-big2 {
		grid-column: 2;
		grid-row: 5 / span 4;
		
		grid-column: 3 / span 2;
		grid-row: auto / span 3;
	}
	.messages-layout-2-4 .message-box-horizontal {
		grid-column: auto / span 2;
	}
	

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

	
}


@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%);
	}
	
	.messages-layout-2-2-4 {
		grid-template-columns: repeat(2, 50%);
	}
	.messages-layout-2-2-4-horizontal .message-box-big {
		grid-column: 1;
		grid-row: 1 / span 3;
	}
	
	
	
}



.message-box h3,
.message-box h4,
.message-box h5{
	font-weight: 400;
	xxline-height: 1.26;
}
.message-box h3 {
	font-size: 2rem;
}
.message-box h4{
	font-size: 1.375rem;
}
.message-box h5{
	font-size: 1.375rem;
}



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


	.caption-type, 
	.message-box .caption-type{
		font-size: 0.72rem;
		margin: 0 0 0.34rem 0;
	}
	.caption-date, 
	.message-box .caption-date{
		font-size: 0.725rem;
	}
	.message-box .caption-date{
		margin: 0.8rem 0 0 0;
	}	
	
	.message-box h3{
		font-size: 1.375rem;	
	}
	.message-box h4{
		font-size: 1.375rem;
	}
	.message-box h5{
		font-size: 1rem;
	}
	
}

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

	.message-box-horizontal-xs h4,
	.message-box-horizontal h4{
		font-size: 1.1rem;	
	}
	
	.messages-layout {
		gap: var(--space) 0rem;
		
		gap: var(--biggap) 0rem;
	}
	
	.messages-layout * + .baner-box,
	.messages-layout * + .message-box{
		xxborder-top: solid 1px var(--panels-bg-dark-outside);
		xxpadding-top: var(--space);
	}
	.messages-boxes-inset .message-box{
		border-top: none;
		padding-top: 0;	
	}
	
}
.messages-boxes-inset .message-box-inside .gallery-slider .dc-slider-container{
	box-shadow: 0px 1px 1rem rgba(0, 0, 0, 0.01);
}
@media screen and (min-width: 768px) {
	.messages-boxes-inset .message-box-inside .caption, .message-box-inside .caption {
		
		background: var(--panels-bg);
		color: inherit;
		opacity: 0.85;
		
		border-radius: 0 0 var(--radius-box) var(--radius-box);
		
	}
}





.caption-type + *{
	margin-top: 0.1rem;
}




.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: 0;
    bottom: 0px;
    left: 0;
    right: 0;
    content: "";
    height: 100%;
    border-bottom: solid 0px transparent;
    border-radius: 0;
    background: transparent;
    opacity:0;
    box-shadow: 0px 0rem 0.8rem rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0.3rem 1.8rem rgba(0, 0, 0, 0.07);
    transition: opacity 0.25s ease,
				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);
    opacity:1;
    left: 0;
    right: 0;
    border-radius: var(--radius-box);
}


img.rounded{
	border-radius: 1rem;
}


.messages-layout {
	font-family: var(--fontfamily1);

}

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

	.messages-layout {
		font-size: 1.25rem;
	}
	.messages-layout-2-2-4-horizontal{
		align-items: start;
	}
	.messages-layout-2-2-4-horizontal .message-box-big{
		grid-column: 1 / span 2;
		grid-row: 1 / span 3;
	}
	.messages-layout-2-2-4-horizontal .message-box-horizontal {
		grid-column: 3 / span 2;
	}
	
	.messages-layout-padded{
		justify-content: center;
	}
	.messages-layout-centered{
		align-items: center;	
	}
	.messages-layout-padded.messages-layout-2 {
		grid-template-columns: repeat(2, 40%);
	}
	.messages-layout-padded > *{

		margin-left: var(--gap);
		margin-right: var(--gap);

	
	}
	
	
}

.inbox-subtitle{
	font-weight: 400;
	font-size: 1.56rem;
	margin-top: -0.65rem;
}

.ball-bullets {
	padding-top: 0.5rem;
	font-family: var(--fontfamily1);
	font-size: 1.25rem;	
	line-height: 1.3;
}
.ball-bullets strong{
	color: var(--maincolor);
}
.ball-bullets ul:not([class]):not([style]) > li::marker {
	font-size: 110%;
	color: var(--light-color);
}

@media screen and (max-width: 767px) {
	.ball-bullets {
		font-size: 1rem;
	}

	.messages-layout.messages-slider-xs{
		display:none;
		margin-left: 0;
		margin-right: 0;
	}	

}

.messages-layout.messages-slider{
	display:none;
	margin-left: 0;
	margin-right: 0;
}
.messages-layout.slick-slider.slick-initialized{
	display: flex;
}
.messages-layout .slick-slide {
	margin-left: var(--halfgap);
	margin-right: var(--halfgap);
	
	display: block;
	padding: 0 !important;
	height: auto;
	border: none !important;
}
.messages-layout .slick-slide.baner-box{
	align-self: start;
}

.messages-layout .slick-list{
	margin-left: 0.8rem;
	margin-right: 0.8rem;
	
	xxmask-image: linear-gradient(-90deg, transparent 0.8rem, rgba(0, 0, 0, 1) 0.8rem, rgba(0, 0, 0, 1) calc(100% - 0.8rem), transparent calc(100% - 0.8rem));
}
.messages-layout .slick-arrow{
	margin:0;
}
.messages-layout .slick-track{
	display: flex;
	padding: 0.2rem 0 0.5rem 0;
}
.messages-layout .slick-prev, 
.messages-layout .slick-next {
	padding: 0;
}
.messages-layout .slick-prev {
	left: -1.55rem;
	padding-right: 2.5rem;
}
.messages-layout .slick-next {
	right: -1.55rem;
	padding-left: 2.5rem;   
}

@media screen and (max-width:767px){
	.messages-layout .slick-list{
		margin-left: 0.4rem;
		margin-right: 0.4rem;
	}
	.messages-layout .slick-prev {
		left: -0.95rem;
	}
	.messages-layout .slick-next {
		right: -0.95rem;
	}

}






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


.messages-boxes-inset .message-box {
	background: var(--panels-bg);
	border-radius: 0;
	box-shadow: 0px 1px 1rem rgba(0, 0, 0, 0.08);
}

.baner-box{
	box-shadow:0px 0px 1px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.5);
}

.baner-slideshow,
.event-baner > a, 
.section-baner a{
	box-shadow: 0px 0px 0.5rem rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 0.3rem rgba(0, 0, 0, 0.1);
}
.section-dark{
	--text-color: #ffffff;
}
.section-dark .messages-boxes-inset .message-box{
	background: var(--panels-bg-dark-outside);
}


section.section-shorts{
	--text-color: #ffffff;
	--light-color: #b8b8b8;
	--panels-bg: #515151;
	--halfgap: 1rem;
	color: var(--text-color);
}
section.section-shorts .section-background{
	background-image: url('/_images/account/lifestyle/shorts_bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

section.section-shorts .section-background .container{
	background-color: transparent !important;
}

section.section-shorts .messages-layout .slick-list {
	margin: 0;
	padding: 0 1rem;
	min-width: 100%;
}
section.section-shorts .messages-boxes-inset .message-box{
	--panels-bg: #515151;
}
section.section-shorts .messages-boxes-inset .message-box h4{
	font-size: 1.3125rem;
	font-weight: 400;
	line-height: 1.15;
}
section.section-shorts .btn.btn-bg{
	border-width: 0;
}

.short-anchor{
	position:absolute;
	top: -1rem;
}
.short-arrows .max-embed-notlogged figure.img-responsive img,
.short-arrows .max-embed-notlogged img,
.short-bg{
	background-image: url('/_images/account/lifestyle/shorts_bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: var(--radius-box);
	background-blend-mode: exclusion;
	background-color: var(--footer-bg);
}



.section-with-stripes .section-background{
	background-color: var(--graybg);
	background-image: var(--grayelipsebg);
}
.section-with-stripes .section-background .container{
	z-index: 1;
}
.section-with-stripes .section-background:before, 
.section-with-stripes .section-background:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	opacity: 0.8;
	z-index: 0;
	mix-blend-mode: multiply;
}
body.darktheme .section-with-stripes .section-background:before, 
body.darktheme .section-with-stripes .section-background:after {
	opacity: 0.4;
	mix-blend-mode: color-dodge;
}


.section-with-stripes .section-background:before {
	background-image: url('/_images/account/lifestyle/head_bg_3a.png');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-size: 43rem auto;
	background-position: 0 -3rem;
}
.section-with-stripes .section-background:after {
	background-image: url('/_images/account/lifestyle/head_bg_3b.png');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-size: 43rem auto;
	background-position: 100% -5rem;
}


@media screen and (max-width:767px){
	.section-with-stripes .section-background:before {
		background-size: 53rem auto;
		background-position: 0 -7rem;
	}
	.section-with-stripes .section-background:after {
		background-size: 56rem auto;
		background-position: 100% 0px;
	}
}

/* //////////////////////////////////////////////////////////////// */
.dc-slider-counter {
	font-size: 1.2rem;
	font-weight: 400;
	font-family: var(--fontfamily2);
	border-radius: var(--radius-element);
}
@media screen and (min-width: 768px) {
	.message-box-inside .dc-slider-counter {
		color: inherit;
		background: transparent;
	}
}






section.section-sponsored{
	background-color: var(--bgcolor);
	
	background-repeat: repeat;

	background-size: 11rem auto;
	background-position: 50% 1.5rem;
	
	xxpadding-left: var(--space);
	xxpadding-right: var(--space);
	
	padding-top: var(--biggap);
	padding-bottom: var(--biggap);	
}




main.section-home > section.section-sponsored .container,
section.section-sponsored .container {
	border-radius: var(--radius-box);

	background: var(--panels-bg);
	padding-top: var(--space);
	padding-bottom: var(--space);
	padding-left: var(--space) !important;
	
	background: transparent !important;
	padding-top: 0;
	padding-bottom: 0;	

}
section.section-sponsored .section-background{
	border-radius: var(--radius-box);
	max-width: var(--maxpagewidth);
	margin-right: auto;
	margin-left: auto;
	
	background: transparent !important;
}
section.section-sponsored .container > .section-title{
	color: var(--text-color);
	background: var(--panels-bg);
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	margin: 0;
	border-radius: var(--radius-box);
	box-shadow: 0px 1px 1rem rgba(0, 0, 0, 0.08);
}



section.section-sponsored article .article-info,
section.section-sponsored article .article-info + .article-content{
	color: var(--text-color);
	background: var(--panels-bg);
	padding-left: var(--space);
	padding-right: var(--space);
}
section.section-sponsored article .article-info{
	border-radius: var(--radius-box) var(--radius-box) 0 0;
	padding-top: var(--halfgap);
}

section.section-sponsored article .article-info + .article-content{
	border-radius: 0 0 var(--radius-box) var(--radius-box);
	padding-bottom: var(--space);
}



section.section-sponsored .messages-boxes-inset .message-box {
	background: var(--panels-bg);
	xxbox-shadow: none;
	border-radius: var(--radius-box);
}

section.section-sponsored .messages-layout:not(.messages-boxes-inset) .message-box img{
	border-radius: var(--radius-box);
}







@media screen and (min-width: 768px) {
	section.section-sponsored .messages-boxes-inset .message-box-inside .caption, 
	section.section-sponsored .message-box-inside .caption {
		background: var(--panels-bg-dark);
		color: inherit;
		--radius-box2: calc(var(--radius-box) - 2px);
		border-radius: 0 0 var(--radius-box2) var(--radius-box2);
	}
	
	.doyouknow ~ main section.section-sponsored {
		padding-left: 3rem;
	}
	
	.darktheme section.section-sponsored .messages-boxes-inset .message-box-inside .caption, 
	.darktheme section.section-sponsored .message-box-inside .caption {
		xxbackground: #393939;
	}	
	
	
	
}

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

.share-bar .share-bar-content {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 1px;
}
.share-bar a{
	border: solid 1px rgba(150, 150, 150, 0.3);
	background: transparent;
	color: var(--light-color);
	box-shadow: none;
	border-radius: var(--radius-small) !important;
}
.share-bar a:hover, .share-bar a:focus {
	border-color: var(--maincolor);
	background: var(--maincolor);
	color: #ffffff;
}


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

.tooltip{
	--tooltip-bg: #f2f2f2;
	--tooltip-color: #252525;
	font-weight: 500;
}
.tooltip.top .tooltip-arrow {
	border-top-color: var(--tooltip-bg);
}
.tooltip.right .tooltip-arrow{
	border-right-color: var(--tooltip-bg);
}
.tooltip.left .tooltip-arrow {
	border-left-color: var(--tooltip-bg);
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--tooltip-bg);
}
.tooltip-inner {
	color: var(--tooltip-color);
	background-color: var(--tooltip-bg);
	border-radius: 3px;
	box-shadow: none;
}

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

.elevator{
	border-radius: 4px 0 0 4px;
	background: var(--maincolor);
	color: #ffffff;
	transition: all 0.3s ease;
	bottom: 1.5rem;
	border-radius: 4px 0 0 0;
	bottom: 0;
}
@media screen and (max-width: 767px) {
	.elevator{
		xxheight: 3.5rem;
		bottom: 0;
	}

}

.elevator:hover {
	background: rgba(220, 220, 230, 1);
	color: #666666;
}
.doyouknow{
	position:fixed;
	bottom: 1.5rem;
	left: 0;
	right: 0;
	z-index:900;
	pointer-events: none;
	transition: top 0.4s ease-in-out;
}
.doyouknow-container{
	position:relative;
	left: -20.5rem;
	width: 23rem;
	pointer-events: all;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	display: flex;
	flex-direction: row-reverse;
	font-family: var(--fontfamily2);
	transition: left 0.4s ease;
}
.doyouknow-container.open{
	left: 0rem;
		
}
.doyouknow-title{
	font-size: 1.21rem;
	line-height: 1;
	font-weight: 350;
	white-space: nowrap;
	width: 2.5rem;
	min-width: 2.5rem;
	padding: 1rem 0.5rem;
	margin-top: 1rem;
	cursor: pointer;
	border-radius: 5px 0 0 5px;
	align-self: flex-end;
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.05) 100%);
	background-color: var(--maincolor);
	color: #ffffff;
	writing-mode: vertical-lr;
	transform-origin: center;
	transform: rotate(180deg);
	display: flex;	
	gap: 0.8rem;	
	align-items: center;
	position:relative;
	right:1px;
	transition: all 0.25s ease;
}
.doyouknow-title:hover{
	background: rgba(220, 220, 230, 1) !important;
	color: #666666;
	text-shadow: none;
}


.doyouknow-close{
	font-size: 1.2rem;
	line-height: 1;
	font-weight: 600;
	animation: bounce1 6s infinite;
	animation-timing-function: ease-in-out;
	animation-play-state: running;
}
.doyouknow-close:before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f053";
}
@keyframes bounce1 {
	0%,70%,98%{
		transform: translateX(0) 
	}
	75% {
		transform: translateX(-0.25rem)
	}
	80% {
		transform: translateX(0.1rem)
	}
	85% {
		transform: translateX(0)
	}	
	90% {
		transform: translateX(-0.25rem)
	}
	95% {
		transform: translateX(0.1rem)
	}	
}
.doyouknow-container.open .doyouknow-close{
	animation: none;
}
.doyouknow-container.open .doyouknow-close:before{
	content: "\f00d";
}
.doyouknow-content{
	font-size: 1rem;
	line-height: 1.35;
	font-weight: 300;
	padding: 1.5rem 0.6rem 1.6rem 1.2rem;
	border-radius: 0 0.6rem 0 0;
	background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.05) 10%, rgba(0, 0, 0, 0.2) 100%);
	background-color: var(--maincolor);
	color: #ffffff;
	box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.1);
}
.doyouknow-content-inside{
	padding: 0.4rem 0.6rem 0.4rem 0;
	width:100%;
	overflow-y:auto;
	transition: max-height 0.0s ease-in-out;
	max-height: calc(100svh - 12rem);
	min-height: 9rem;
}
.doyouknow-content h2 {
	font-size: 1.2rem;
	font-weight: 500;
	font-family: var(--fontfamily2);
}




.doyouknow-horizontal{
	position:fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index:900;
	pointer-events: none;
	transition: top 0.4s ease-in-out;
}
.doyouknow-horizontal .doyouknow-container {
	position: relative;
	left: 0;
	width: auto;
	max-width: 40rem;
	flex-direction: column;	
	xxbackground-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.05) 100%);
	xxbackground-color: var(--maincolor);
	border-radius: 0 4px 0 0;
	bottom: -15rem;
	transition: bottom 0.4s ease-in-out;
	overflow: hidden;
	text-shadow: none;
}
.doyouknow-horizontal .doyouknow-container.open{
	bottom: -1px;
}

.doyouknow-horizontal .doyouknow-title{
	writing-mode: unset;
	transform: none;
	width: auto;
	align-self: flex-start;
	margin-top: 0;
	white-space: normal;
	right: 0;
	bottom:0;
	background: none;
	flex-direction: row-reverse;
	height: auto;
	padding: 0.6rem 1.2rem 0.8rem 1.2rem;
	margin-bottom: -0.3rem;
	border-radius: 0.3rem 0.3rem 0 0;
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.0) 100%);
	background-color: var(--maincolor);

	letter-spacing: -0.01rem;
	font-size: 1rem;
	font-weight: 400;
	
	gap: 1rem;
	xxalign-self: center;
	display: flex;
	justify-content: center;
	
	
	gap: 0.5rem;
	font-size: 1.2rem;
	font-weight: 600;	
	
}
.doyouknow-horizontal .doyouknow-title:before{

}

.doyouknow-horizontal .doyouknow-title:hover {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.05) 100%) !important;
	background-color: var(--maincolor) !important;
	color: #ffffff;
	text-shadow: none;
}







.doyouknow-horizontal .doyouknow-title .doyouknow-title-main{
	font-size: 1.2rem;
	font-weight: 600;
	
	font-size: 1rem;
	font-weight: 400;
}



.doyouknow-horizontal .doyouknow-content{
	height: 15rem;
	border-radius: 0;
	background: none;
	padding: 1rem 0.6rem 1rem 1.2rem;
	
	z-index: 1;
	border-radius: 0.3rem 0.3rem 0 0;
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.05) 100%);
	background-color: var(--maincolor);
	
	
	
	font-size: 1.1rem;
	
	xxbackground-color: var(--panels-bg);
	xxcolor: var(--text-color);
	xxborder: solid 2px var(--maincolor);
	text-shadow: none;
	
}



.doyouknow-horizontal .doyouknow-close {
	animation: none;
	
	width: 1rem;
	min-width: 1rem;
	font-size: 1.4rem;
}
.doyouknow-horizontal .doyouknow-close:before {
	content: "\f077";
	content: "?";
	animation: bounce3 6s infinite;
	animation-timing-function: ease-in-out;
	animation-play-state: running;	
	position: relative;
	display:block;
	transform: translateY(0);
}
.doyouknow-horizontal .doyouknow-container.open .doyouknow-close:before{
	animation: none;
}

@keyframes bounce3 {
	0%,70%,98%{
		transform: translateY(0) 
	}
	75% {
		transform: translateY(-0.2rem)
	}
	80% {
		transform: translateY(0.2rem)
	}
	85% {
		transform: translateY(0)
	}	
	90% {
		transform: translateY(-0.2rem)
	}
	95% {
		transform: translateY(0.2rem)
	}	
}

.doyouknow-horizontal .doyouknow-content-inside {
	max-height: 12.4rem;
}
@media screen and (max-width: 767px) {
	.doyouknow-horizontal .doyouknow-title {
		xxmin-height: 3.8rem;
		border-radius: 0 0.3rem 0 0;
		font-size: 1rem;
		align-self: flex-start;
	}
	.doyouknow-horizontal .doyouknow-container {
		left: 0;
		max-width: calc(100% - 3.5rem);
		bottom: -20rem;		
	}
	.doyouknow-horizontal .doyouknow-container.open{
		bottom: -1px;
	}
	.doyouknow-horizontal .doyouknow-content{
		border-radius: 0;
		height: 20rem;
	}
	.doyouknow-container.open {
		left: 0rem;
	}
	.doyouknow-horizontal .doyouknow-content-inside {
		max-height: 17.4rem;
	}	
	
}





.doyouknow-static{
	xxbackground: var(--panels-bg-dark-outside);
}
.doyouknow-static .doyouknow-container{
	left:0;
	max-width: var(--maxpagewidth);
	flex-direction: column;
	padding-top: var(--halfgap);
	padding-bottom: var(--halfgap);
	padding-left: var(--space);
	padding-right: var(--space);
	width: 100%;
	margin: 0 auto;
}
body.theme .doyouknow-static{
	padding-left: var(--space);
	padding-right: var(--space);
}
body.theme .doyouknow-static .doyouknow-container{
	background: var(--panels-bg);	
	max-width: var(--maxpagewidth);
	box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.1);	
}
.doyouknow-static .doyouknow-title {
	position: relative;
	right: 0;
	padding: 1rem 1.2rem;
	margin-bottom: 0;
	border-radius: 1rem 1rem 0 0;
	font-size: 1.4rem;
	box-shadow: none;
	transform: none;
	writing-mode: unset;
	max-height: none;
	height:auto;
	align-items: center;
	width:100%;
	cursor: default;
	background-color: var(--footer-bg);
	color: var(--text-color);
	background-image: none;
	display:none;
}
.doyouknow-static .doyouknow-close{
	display:none;
}
.doyouknow-static .doyouknow-content{
	border-radius: 0.2rem;
	padding: 0;
	position:relative;
	width:100%;
	background: var(--maincolor);
	color: #ffffff;
	display: flex;
	flex-direction: row-reverse;
	overflow:hidden;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);	
	text-shadow: none;
	background: var(--panels-bg);
	color: inherit;
	box-shadow: 0px 2px 1rem rgba(0, 0, 0, 0.1);	
	border: solid 2px var(--panels-bg);
}
.doyouknow-static .doyouknow-content:before{
	content: "";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-image: url('/_images/account/lifestyle/questions_bg.jpg');
	background-position: center;
	background-repeat: repeat;
	background-size: 16rem auto;
	mix-blend-mode: luminosity;
	opacity: 0.12;
}
.darktheme .doyouknow-static .doyouknow-content:before{
	opacity: 0.05;
}
.doyouknow-static .doyouknow-content:after{
	content: "?";
	font-weight: 600;
	font-size: 5.5rem;
	line-height: 1;
	background: var(--maincolor);
	color: #fff;
	padding: 0.4rem 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border-right: solid 2px var(--header-bg);
	min-width: 8rem;
	margin: 1px;
	border-radius: 0.2rem 0 0 0.2rem;
}
.doyouknow-static .doyouknow-questionmark{
	animation: none;
}
.doyouknow-static .doyouknow-content-inside{
	padding: 1.5rem 0.6rem 1.6rem 1.2rem;
	min-height: unset;
	max-height: unset;
}
.doyouknow-static + section.section-baner .container{
	padding-top: 0;
}
.doyouknow-static + .section-home > .section-baner:first-child .container{
	padding-top: 0;
}
body:not(.theme) .doyouknow ~ main .home-header-container .slick-slide .caption,
body:not(.theme) .doyouknow ~ section > .container,
body:not(.theme) .doyouknow ~ main section > .container,
body:not(.theme) .doyouknow ~ main section > .section-background > .container{
	padding-left: 3rem;
}

@media screen and (max-width:767px){
	.doyouknow {
		bottom: 1.3rem;
	}
	.doyouknow-container{
		left: calc(-99% + 2.5rem);
		width: 99%;
	}
	.doyouknow-container.open{
		left: 0rem;
	}
	.doyouknow-static .doyouknow-content{
		flex-direction: column-reverse;
	}
	.doyouknow-static .doyouknow-content:after {
		content: "?";
		font-weight: 600;
		font-size: 3.5rem;
		border-radius: 0.4rem 0.4rem 0 0;
	}
}


@media screen and (max-width: 767px) {
	.doyouknow{
		display:none;
	}
}
@media screen and (min-width:768px){
	.doyouknow{
		display:none;
	}
	.doyouknow-horizontal{
		display:none;
		display: flex;
		justify-content: flex-start;
		justify-content: center;
	}
}


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



.timeline-container {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	position:relative;
	padding: 1rem 0 5rem;
	
	--color2: #ff295f;
	--color1: #98b800;
	--color3: #3ba6ff;
	
}
.timeline-year-section{
	display: grid;
	gap: 0;
	grid-template-columns: 5rem 1fr 1fr 1fr;
	grid-auto-flow: column;
	position:relative;
	z-index:1;
	align-items: start;
}




.timeline-year{
	grid-column: 1;
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	display: inline-block;
	font-size: 3.5rem;
	line-height: 0.8;
	font-family: var(--fontfamily2);
	color: var(--light-color);
	margin: -1rem auto auto auto;
	padding: 0 0 0 2rem;
	width: 5rem;
	opacity: 0.4;
	pointer-events: none;
}


.timeline-category-1{
	grid-column: 2;
	top: 0;
	z-index:10;
	--color: var(--color1);
}
.timeline-category-2{
	grid-column: 3;
	top: -0.5rem;
	z-index:9;
	--color: var(--color2);
}
.timeline-category-3{
	grid-column: 4;
	top: -1rem;
	z-index:8;
	--color: var(--color3);
}

.timeline-year-item-1{
	--color: var(--color1);
	z-index: 10;
}
.timeline-year-item-2{
	--color: var(--color2);
	z-index: 9;
}
.timeline-year-item-3{
	--color: var(--color3);
	z-index: 8;
}




.timeline-names .timeline-item{
	border: none;
	padding: 0;
	border-radius: 0;
	background: transparent;
	text-align: center;
	position: relative;
	top: 0;
	margin: 0;	
	padding: 0;	
}

.timeline-names .timeline-item h2{
	margin: 1.8rem 0 1rem 0;
	font-size: 1.7rem;
	font-family: var(--fontfamily2);
	font-weight: 400;
	color: var(--color);	
}

.timeline-backgrounds{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	gap: 0px;
	align-items: stretch;
	border-radius: 1rem;
	overflow: hidden;
	mask-image: linear-gradient(180deg, transparent 0px, #000000 4rem, #000000 calc(100% - 4rem), transparent 100%);
} 

.timeline-backgrounds .timeline-item{
	border: none;
	padding: 0;
	border-radius: 0;
	margin: 0;
	top: 0;
	position:relative;
	
}
.timeline-backgrounds .timeline-category-1{
	background: rgba(150,155,165,0.05);
}
.timeline-backgrounds .timeline-category-2{
	background: rgba(150,155,165,0.13);
}
.timeline-backgrounds .timeline-category-3{
	background: rgba(150,155,165,0.05);
}


.timeline-years{
	display: flex;
	justify-content: flex-end;
	gap: 0.25rem;
	padding-right: 0.5rem;
	mask-image: linear-gradient(180deg, transparent 0px, #000000 4rem, #000000 calc(100% - 4rem), transparent 100%);
}

.timeline-years > *{
	width: 0.25rem;
	height: 100%;
	background: var(--color);
}



.timeline-item.timeline-category-1:before,
.timeline-item.timeline-category-2:before,
.timeline-item.timeline-category-3:before{
	position: absolute;
	content: "";
	top: 0px;
	right: 0px;
	height: 3px;
	background: var(--color);
	
	left: -3rem;
}
.timeline-item.timeline-category-2:before{
	left: calc(-100% - 4.8rem);
}
.timeline-item.timeline-category-3:before{
	left: calc(-200% - 6.8rem);
}

.timeline-names .timeline-item:before{
	display:none;
}
.timeline-backgrounds .timeline-item:before{
	display:none;
} 



.timeline-items .timeline-item{
	padding: 0;
	border-radius: 2px;
	margin: 0 1.25rem 1.25rem 1.25rem;
	background: var(--panels-bg);
	position: relative;
	box-shadow: 0px 0.1rem 2rem rgba(0, 0, 0, 0.2);
}
.timeline-items time{
	xdisplay:none;
	display:block;
	font-family: var(--fontfamily2);
	font-weight: 300;
	font-size: 0.8rem;
	padding: 0 0 0.3rem 0;
}
.timeline-items h3{
	background: var(--color);
	color: #ffffff;
	padding: 0.7rem 1.5rem;
	margin: 0;
	font-size: 1.4rem;
	line-height: 1;
	font-weight: 550;
}
.timeline-items img{
	padding: 0;
	margin: 0;
	width:100%;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.09);
}
.timeline-items .timeline-text{
	padding: 1.25rem 1.5rem;
	margin: 0;
	font-family: var(--fontfamily2);
	font-weight: 300;
	font-size: 0.9rem;
	line-height: 1.3;
}
.timeline-items .timeline-text > div + div{
	padding-top:0.5rem;
}



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

	.timeline-container {
		margin: 0 -1rem 0 -1.2rem;
	}

	.doyouknow ~ main .timeline-container {
		margin-left: -0.7rem;
	}


	.timeline-year-section{
		grid-template-columns: 4.5rem 1fr;
	}
	.timeline-year{
		width: 4.5rem;
		font-size: 3rem;
		line-height:1;
		padding: 0 0.2rem 0 1.5rem;
		margin: 0rem auto auto auto;
	}	
	.timeline-years{
		padding-right: 0;
	}
	
	.timeline-category-1,
	.timeline-category-2,
	.timeline-category-3{
		grid-column: 2;
		top: 0;
	}
	.timeline-backgrounds .timeline-category-2,
	.timeline-backgrounds .timeline-category-3{
		display:none;
	}
	
	.timeline-backgrounds {
		border-radius: 1rem;
		mask-image: linear-gradient(180deg, transparent 0px, #000000 2rem, #000000 calc(100% - 5rem), transparent 100%);
	}
	
	.timeline-items .timeline-item {
		margin: 0 1rem 1.5rem 1rem;
	}
	.timeline-item.timeline-category-1:before{
		left: -2rem;	
	}
	.timeline-item.timeline-category-2:before{
		left: -1.6rem;
	}
	.timeline-item.timeline-category-3:before{
		left: -1.2rem;
	}

	.timeline-items h3 {
		padding: 0.7rem 1rem;
		font-size: 1.4rem;
		line-height: 1;
		font-weight: 550;
	}
	.timeline-items .timeline-text {
		padding: 0.8rem 1rem 1rem 1rem;
	}

	.timeline-backgrounds .timeline-item{
		margin:0;
	}
	.timeline-names .timeline-item:before{
		display: block;
		top: auto;
		bottom: 0;
		mask-image: linear-gradient(90deg, #000000 calc(100% - 3rem), transparent 100%);
	}	
	.timeline-names	.timeline-item.timeline-item {
		margin: 0 1rem;
	}
	.timeline-names .timeline-item h2 {
		margin: 1rem 0 0.3rem 0.5rem;
		font-size: 1.7rem;
		font-weight: 400;
		text-align: left;
	}	
}

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

.player-box {
	background-image: 
		radial-gradient(circle at 50% 25%, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0) 70%), 
		linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 50%);
	background-color: #ffffff;
}
body.darktheme .player-box{
	background-color: #252525;
}

.player-box-caption h6{
	font-family: var(--fontfamily2);
	font-weight: 350;
}
.game-team-box-photo {
	background-image: 
		radial-gradient(circle at 50% 25%, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0) 70%), 
		linear-gradient(0deg, rgba(240, 240, 240, 0.1) 0%, rgba(255, 255, 255, 0.3) 100%);
}

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

.account-1{
	--maincolor: #00b262;
}
.account-2{
	--maincolor: #e2007a;
}
.account-21{
	--maincolor: #e41b4d;
	--maincolor: #d22525;
}

.stats-section{
	--halfgap: 1rem;
	--halfgap-negative: -1rem;
}
.stats-section a{
	color: inherit;
}



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

.stats-boxes-layout-2 {
	grid-template-columns: 65% 35%;
}
.stats-boxes-layout-3 {
	grid-template-columns: 33% 32% 35%;
}

.stats-boxes-layout-title {
	grid-template-columns: 3.3rem auto;
	margin-left: 0;
	margin-right: 0;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	background: var(--panels-bg);
}
body.darktheme .stats-boxes-layout-title{
	background: var(--footer-bg);
}

.stats-boxes-layout-title + .stats-boxes-layout-title{
	margin-top: var(--space);
}


.stats-boxes-layout-title > .stats-boxes-layout-2,
.stats-boxes-layout-title > .stats-boxes-layout-3{
	padding: 1rem 0.5rem;
}



@media screen and (max-width:767px){
	.stats-boxes-layout-title {
		grid-template-columns: 1fr;
		gap: 0px;
	}	
	.stats-boxes-layout-2,
	.stats-boxes-layout-3 {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.stats-boxes-layout-title > .boxes-layout-3 {
		padding: 17px 20px 20px 20px;
		gap: 30px;
	}
	.stats-box-stats-tabs{
		margin:0;
		background: rgba(160, 160, 170, 0.15);
		padding-left: var(--halfgap);
		padding-right: var(--halfgap);
	}
	.stats-box-stats-tabs .nav.nav-pills {
		position: relative;
		padding: 0.5rem 0 0 0;
		display: flex;
		flex-direction: row;
		gap: 0.2rem;
		align-items: flex-end;
	}
	.stats-box-stats-tabs .nav.nav-pills:after{
		display:none;
	}
	.stats-box-stats-tabs .nav-link {
		background: transparent;
		color: var(--text-color);
		line-height: 1.1;
		font-weight: 400;
		padding: 0.5rem 1rem;
		min-height: 2rem;
		font-size: 0.85rem;
		border-radius: 0.35rem 0.35rem 0 0;
	}
	.stats-box-stats-tabs .nav-item.active .nav-link, 
	.stats-box-stats-tabs .nav-link:active, 
	.stats-box-stats-tabs .nav-link:hover, 
	.stats-box-stats-tabs .nav-link:focus, 
	.stats-box-stats-tabs .nav-link:focus:active, 
	.stats-box-stats-tabs .nav-link:hover:active {
		background: var(--panels-bg);
		color: var(--text-color);
		border: solid 0px var(--maincolor);
	}
}

@media screen and (min-width:768px){
	.stats-section .stats-box-stats-tabs {
		display: none;
	}
	.stats-boxes-layout .tab-content > .tab-pane {
		display: flex;
		opacity: 1;
		flex-direction: column;
	}
}

.stats-box-section-title{
	background: var(--maincolor);
	margin: 0;
	position:relative;
	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;
	min-height: 3rem;
}
.stats-box-section-title h3{
	z-index: 3;
	display: flex;
	align-items: center;
	margin: 0;
	font-family: var(--fontfamily2);
	color: #ffffff;
	background: none;
	font-size: 1.5rem;
	line-height: 1;
	font-weight: 450;
	padding: 0.8rem 1rem;
	white-space: nowrap;
}
.stats-section-title,
.stats-section-subtitle{
	font-family: var(--fontfamily2);
	margin: 0 0 0.8rem 0;
	font-size: 0.9rem;
	font-weight: 550;
	display: none;
}
.stats-section-subtitle{
	margin: 0;
	display: block;
	text-align: center;
}
.stats-section-subtitle a{
	display:inline-block;
	padding: 1rem 1rem 0.5rem 1rem;
}

@media screen and (min-width:768px){
	.stats-section-title{
		display: block;
	}
	.stats-section-subtitle{
		xxdisplay:none;
		text-align: left;
	}
	.stats-section-subtitle a{
		display:inline-block;
		padding: 1rem 0rem 0 0rem;
	}
	
	
	.stats-box-section-title h3{
		position: absolute;
		top: 0;
		right: 100%;
		transform-origin: top right;
		transform: rotate(270deg);
	}
}




.stats-box-games-list{
	flex-grow: 1;
}


.stats-box-rank-table{
	display:table;
	width: 100%;
	font-family: var(--fontfamily2);
	font-size: 0.77rem;
	font-size: 0.76rem;
	line-height:1;
	font-weight: 300;
	flex-grow: 1;
}

.stats-box-rank-table > a{
	display:table-row;
	text-decoration: none;
}


.stats-box-rank-table > a + a > *{
	border-top: solid 1px rgba(140, 140, 140, 0.2);
	transition: border-color 0.25s ease;
}
.stats-box-rank-table > a:hover,
.stats-box-rank-table > a:focus{
	background: rgba(150, 150, 150, 0.08);
}
.stats-box-rank-table > a:hover > *,
.stats-box-rank-table > a:focus > *{
	border-color: rgba(150, 150, 150, 0.08);
}

.stats-box-rank-table > a > *{
	display:table-cell;
	padding: 0.25rem 0 0.2rem 0;
	white-space: nowrap;
	vertical-align: middle;
}
.stats-box-rank-table > a > *.team{
	font-weight: 500;	
	white-space: normal;
	padding-left: 0.6rem;
}
.stats-box-rank-table > a > *.number{
	font-size: 0.68rem;
	font-weight: 400;
	width: 1.25rem;
	min-width: 1.25rem;
	text-align: center;
}
.stats-box-rank-table > a > *.accent{
	font-weight: 600;
	text-align: right;
	color: var(--maincolor);
}
.stats-box-rank-table > a > *.title{
	font-weight: 400;
	font-size: 0.75rem;
}
.stats-box-rank-table > a > * + *{
	padding-left: 0.4rem;
}
.stats-box-rank-table .team-logo img{
	width: 1.4rem;
	height: 1.4rem;
}
.stats-box-rank-table .person-logo img{
	box-shadow: inset 0px 8px 10px rgba(0, 0, 0, 0.04);
	border-radius: 2px;
	filter: drop-shadow(1px 0px 2px rgba(0, 0, 0, 0.2));
	background: rgba(150, 150, 150, 0.08);
}



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





.stats-box-rank-table.persons-rank-table {
	display: flex;
	flex-direction: column;
}
.persons-rank-table a{
	flex-grow: 1;
	display: grid;
	align-items: center;
	grid-template-columns: 2.7rem auto 4rem 4rem;
}

.persons-rank-table a + a{
	border-top: solid 1px rgba(140, 140, 140, 0.2);
}

.persons-rank-table > a > * {
	padding-left: 0.4rem;	
	border-top: none !important;
}
.persons-rank-table .person-logo{
	grid-column: 1;
	grid-row: 1 / 3;
	padding: 0.31rem 0 0.35rem 0;
}
.persons-rank-table .title{
	grid-column: 2;
	grid-row: 1;
	padding-bottom: 0.1rem;
	align-self: flex-end;
	font-size: 0.7rem;
	text-transform: none;
}
.persons-rank-table > a > .team{
	grid-column: 2;
	grid-row: 2;
	padding-top: 0;
	align-self: flex-start;
	font-size: 0.98rem;
	line-height: 0.9;
	padding-left: 0.4rem;
}
.persons-rank-table .accent{
	grid-column: 3;
	grid-row: 1 / 3;
	font-size: 1.12rem;
	font-weight: 450 !important;
}
.persons-rank-table > a > .number{
	grid-column: 4;
	grid-row: 1 / 3;
	width: auto;
	text-align: left;
}
.persons-rank-table .person-logo img{
	width: 2.5rem;
	height: 2.5rem;
}












.small-game-box{
	--sub-color: var(--maincolor);
}
.small-game-box .game-box{
	display: grid;
	grid-template-columns: 1fr 1.9rem 3.8rem 1.9rem 1fr;
	grid-auto-flow: row;
	grid-template-rows: max-content;
	font-family: var(--fontfamily2);
	font-size: 0.75rem;	
	line-height: 1;	
	text-decoration: none;
	padding: 0;
	margin: 0;
	background: rgba(250, 250, 250, 0.08);
	border: solid 0px rgba(255, 255, 255, 0.1);
	border-left: solid 2px var(--maincolor);
	border-right: solid 2px var(--sub-color);
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	min-height: 4rem;
	min-height: 3.8rem;
}
.small-game-box a.game-box:hover,
.small-game-box a.game-box:focus{
	background: rgba(200, 200, 200, 0.2);
}
.small-game-box + .small-game-box{
	margin-top:0.3rem;
}
.small-game-box .game-box > * {
	padding: 0.3rem 0.3rem;
}
.small-game-box .small-game-box-header{
	display: flex;
	position: relative;
	grid-row: 1;
	grid-column: 1 / span 5;
	font-size: 0.67rem;
	font-weight: 500;
	line-height: 1;
	padding: 0;
	background: rgba(170, 170, 170, 0.04);
	box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.1);
	color: var(--light-color);
}
.complete .small-game-box-header{
	xxbackground: transparent;
}
.live .small-game-box-header{
	background: transparent;
	color: #ffffff;
}


.small-game-box .small-game-box-header .date{
    display: flex;
	position: relative;
	padding: 0.25rem 0.4rem 0.25rem 0.4rem;
	font-size: 0.6rem;
	line-height: 0.63rem;
	text-align: left;
	gap: 0.15rem;
	align-items: center;
}
.small-game-box .small-game-box-header .date > span{
	display: block;
}
.small-game-box .small-game-box-header .date strong{
	color: var(--maincolor);
}
.small-game-box .small-game-box-header .date .name{
	position: relative;
	font-size: 0.9em;
	top: 0.12em;
}


.small-game-box-ppcup .game-box{
	--maincolor: #d7227f;
}
.small-game-box-spcup .game-box{
	--maincolor:#e21d1e;
}
.small-game-box-gpcup .game-box{
    --maincolor:#f36239;
}
.small-game-box-PO .small-game-box-header .date,
.small-game-box-ppcup .small-game-box-header .date,
.small-game-box-spcup .small-game-box-header .date,
.small-game-box-gpcup .small-game-box-header .date{
	background: var(--maincolor);
	color:#ffffff;
	border-radius: 0px 2px 2px 0;
}

.small-game-box .game-box.live .small-game-box-header .date strong,
.small-game-box-PO .small-game-box-header .date strong,
.small-game-box-ppcup .small-game-box-header .date strong,
.small-game-box-spcup .small-game-box-header .date strong,
.small-game-box-gpcup .small-game-box-header .date strong{
	color:#ffffff;
}



.small-game-box-PO .small-game-box-header .date:before,
.small-game-box-ppcup .small-game-box-header .date:before,
.small-game-box-spcup .small-game-box-header .date:before,
.small-game-box-gpcup .small-game-box-header .date:before{
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 0.8em;
	line-height: 0.5;
	position: relative;
	left: -0.1rem;
	top: 0.055rem;
	color: #ffffff;
	padding: 0rem 0.1rem 0 0;
}
.small-game-box-ppcup .small-game-box-header .date:before{
	content:"\f091";
}
.small-game-box-spcup .small-game-box-header .date:before{
	content:"\f45f";
	content:"\f091";
}
.small-game-box-gpcup .small-game-box-header .date:before{
 	content:"\f5a2";
    content:"\f005";
	content:"\f521";
	content:"\f091"; 
	content:"\f45f";
}
.small-game-box-PO .small-game-box-header .date:before{
	content:"\f5a2";
}








.small-game-box .small-game-box-header .spacing{
	flex-grow: 1;
}
.small-game-box .small-game-box-header .tv {
	min-width: 0rem;
	font-size: 0.6rem;
	font-weight: 800;
	line-height: 0.5;
	padding: 0rem 0.3rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 0.4rem;
	position: relative;
	background: #ffffff;
	color: #444444;
	border-radius: 2px 0 0 2px;
}
.small-game-box .small-game-box-header .tv + .tv{
	border-radius: 0;
}


.small-game-box .small-game-box-header .tv img {
	width: auto;
	height: 0.9rem;
}
.small-game-box .small-game-box-header .tv.polsat-video {
	min-width: 0;
	background: #0873fa;
	color:#ffffff;	
}
.small-game-box .small-game-box-header .tv.polsat-video:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f144";
	padding:0;
	font-size: 0.52rem;
}












.small-game-box .game-team {
	font-size: 0.65rem;
	font-weight: 450;
	letter-spacing: 0.009rem;
	text-align:left;
	justify-content: left;
	padding-right: 0.5rem;
	grid-column: auto;
	grid-row: auto;
	align-self: stretch;
}
.small-game-box .game-team.left{
	text-align: right;
	justify-self: right;
	padding-right: 0.3rem;
	padding-left: 0.5rem;
	grid-column: auto;
}
.small-game-box .game-logo {
	padding: 0.4rem 0;
	z-index: 3;
	grid-column: auto;
	grid-row: auto;

}

.small-game-box .game-logo > span {
	display: inline-block;
	background: #ffffff;
	color: #333333;
	border-radius: 50%;
	padding: 0;
}
.small-game-box .game-logo img {
	padding: 0.25rem;
	border-radius: 0;
	background: none;
}


.small-game-box .game-result-box {
	font-family: var(--fontfamily2);
	font-weight: 400;
	font-size: 0.8rem;
	padding: 0.25rem 0;
	align-self: stretch;
	justify-content: center;
	font-variant-numeric: normal;
	
	grid-column: auto;
	grid-row: auto;
	
}
.small-game-box .game-box.live:not(.game-box-big) .game-result-box {
	padding: 0.9rem 0 0.25rem 0;
}
.small-game-box .game-box.live .game-result-box .game-result:not(.goldset):after {
	font-family: var(--fontfamily2);
	font-size: 0.6rem;
	font-weight: 600;
	font-stretch: 100%;
	letter-spacing: -0.01rem;
	width: auto;
	top: -0.8rem;
	border-radius: 0;
	padding: 0.1rem 0.1rem 0rem 0.1rem;
}
.small-game-box .game-result-box .game-date{
	font-family: var(--fontfamily2);
	font-size: 0.7rem;
	font-weight: 470;
	line-height: 1;
	letter-spacing: -0.05rem;
	color: var(--text-color);
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	text-align: center;
	min-width: 3.5rem;
	min-height: 2.2rem;
	border: solid 1px rgba(140, 140, 140, 0.1);
}
.small-game-box .game-result-box .game-date span{
	padding: 0.1rem 0.1rem 0rem 0.1rem;
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(140, 140, 140, 0.1);
}
.small-game-box .game-result-box .game-date span.hour{
	font-size: 0.82rem;
	letter-spacing: 0.03rem;
	line-height: 1;
	font-weight: 550;
	background-color: transparent;
}
.small-game-box .game-box .game-result .game-score.gs, 
.small-game-box .game-box .game-result .game-score{
	border-radius: 0;
}
.small-game-box .game-box .game-result .game-score:not(.gs) {
	width: 1.42rem;
	height: auto;
	min-height: 1.8rem;
	font-size: 1.1rem;
	line-height: 1;
}
.small-game-box .game-result.goldset .game-score {
	font-size: 0.6rem;
	line-height: 1;
	margin: 2px 0 0 0;
	font-weight: 550;
	padding: 1px 0;
	min-width: 1.2rem;
}
.small-game-box .game-team.gs.win:before, 
.small-game-box .game-logo.gs.win:before {
	top: 0rem;
	bottom: 0rem;
	right: -0.2rem;
	left: -0.2rem;
	border-radius: 0.15rem;
	-webkit-clip-path: none !important;
	clip-path: none !important;
}





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


.section-pool-bg {
	opacity: 0.9;
	background-color: transparent;
	mix-blend-mode: normal;
	background-blend-mode: normal;
}

.pool-title{
	margin: 2.5rem 0 3rem 0 !important
}
@media all and (max-width:767px){
	.pool-title{
		margin: 1.5rem 0 1rem 0 !important;
	}
}
.pool .tooltip.top .tooltip-arrow {
	border-top-color: var(--maincolor);
}
.pool .tooltip.right .tooltip-arrow{
	border-right-color: var(--maincolor);
}
.pool .tooltip.left .tooltip-arrow {
	border-left-color: var(--maincolor);
}
.pool .tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--maincolor);
}
.pool .tooltip-inner {
	color: var(--footer-bg);
	background-color: var(--maincolor);
}



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

@media screen and (min-width: 768px) {
	.paging {
		gap: 0.5rem;
	}
}
.paging a:hover {
	color: var(--maincolor);
}
.paging-section {
	background-color: unset;
	border-radius: 0.2rem;
	font-weight: 400;
	font-size: 1.02rem;
	box-shadow: none;
	border: solid 0px var(--light-color);
	gap: 1px;
}
.paging-section a{
	border-radius: 0.2rem;
}
.paging-section a:hover,
.paging-section a.page.active {
	background-color: var(--light-color);
	color: var(--panels-bg);
	box-shadow: none;
}
.paging .btn,
.paging .btn:hover,
.paging .btn:active,
.paging .btn:hover:active{
	border-radius: 0.2rem;
	white-space: nowrap;
	min-height: 2.2rem;
	padding: 0.5rem 0.5rem;
}
.paging .btn .hidden-xs{
	display: none;
}
@media screen and (min-width: 768px) {
	.paging .btn {
		min-width: 3rem;
		min-height: 3rem;
		
	}
}


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


main .acces-info-block-content,
.acces-info-block-content{
	font-size: 1.1rem;
	font-weight: 300;
	border-radius: 0.1rem;
	box-shadow: 0px 2px 1rem rgba(0,0,0,0.3);
	
	background-image: linear-gradient(0deg, rgba(150, 150, 150, 0.1) 0%, transparent 100%);
	
	background-color: #ffffff;	
	border: solid 1px #ffffff;
	color: #333333;
}
main .acces-info-block-content h3,
.acces-info-block-content h3{
	font-size: 1.6rem;
	font-style: italic;
	color: #333333;	
}
.darktheme main .acces-info-block-content,
.darktheme .acces-info-block-content{

	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, transparent 100%);

	background-color: #2b2b2b;
	border: solid 2px #2b2b2b;
	color: #ffffff;
}
.darktheme main .acces-info-block-content h3,
.darktheme .acces-info-block-content h3{
	color: #ffffff;	
}

.acces-info-block-content a{
	color: var(--maincolor);
	text-decoration: none;
}

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

span.acces-icon{
	top: 0.7rem;
	left: auto;
	right: 0;
	
	border-radius: 0;
}

.message-box-horizontal span.acces-icon{
	top: 0.3rem;
	left: auto;
	right: 0;
	
}
.message-badge + a > span.acces-icon,
.message-badge ~ span.acces-icon {
	top: 2.4rem;
}
.message-box-horizontal span.acces-icon{
	top: 0.3rem;
}
.message-box-big .message-badge ~ span.acces-icon {
	top: 2.6rem;
}

@media (min-width: 768px) {
	.home-header-container span.acces-icon {
		top: 1rem;
		border-radius: 0;
		font-size: 1.2rem;
		padding: 0.4rem 0.5rem;
	}
	.home-header-container .message-badge ~ span.acces-icon {
		top: 3.2rem;
	}
	
}

@media screen and (max-width:767px){
	.message-box-horizontal-xs span.acces-icon{
		top: 0.3rem;
		left: auto;
	}
}

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


div.attachmentslist a.file{
	font-size: 0.9rem;
	font-stretch: 100%;
	line-height: 1.1;
	border-radius: var(--radius-box);
	border: solid 0px var(--light-color);
	border-radius: 0.35rem;
}
div.attachmentslist a.file:before {
	font-size: 1.6rem;
	transition: color 0.25s ease;
	min-width: 3rem;
	width: 3rem;
	padding-left: 0.8rem;
	font-weight: 300;
}
div.attachmentslist a.file:focus:before,
div.attachmentslist a.file:before {
	content: var(--icon);
	color: var(--bgcolor);
}
div.attachmentslist a.file:after{
	transform: none;
	display: none;
}
div.attachmentslist a, 
div.attachmentslist a:focus {
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	background-color: rgba(200, 200, 210, 0);
	background-color: rgba(220, 220, 220, 0.1);
	color: inherit;
}
div.attachmentslist a:hover:before{
	color: #ffffff;
}

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

.gallery{
	gap: 2rem;
}
.gallery-thumb {
	flex-grow: 1;
	background: rgba(250, 250, 250, 0.15);
	padding: 0.8rem;
	box-shadow: 0px 0.25rem 0.8rem rgba(0, 0, 0, 0.15);
	position: relative;
	border-radius: var(--radius-element);
	overflow: hidden;
	height: 11.5rem;
	
	padding: 0px;
	height: 11rem;
	
}
.gallery-thumb img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: 50% 30%;
}
@media screen and (max-width: 767px) {
	.gallery {
		gap: 1.2rem;
	}
	.gallery-thumb {
		margin-bottom: 1rem;
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid-column;
		height: auto;
	}
}
/* //////////////////////////////////////////////////////////////// */


footer{
	font-family: var(--fontfamily3);
}
.footer-menu{
	font-family: var(--fontfamily3);
	font-weight: 440;
	font-size: 0.9125rem;
	text-transform: none;
    letter-spacing: 0;
}
.footer-copyright{
	font-family: var(--fontfamily3);
	font-weight: 500;
	font-size: 0.625rem;
	text-transform: uppercase;
    letter-spacing: 0;
}

@media screen and (min-width: 768px) {
	.footer-sponsors-grid {
		display: grid;
		gap: 0rem;
		margin: 0 -0.3rem;
	}
	
}

.footer-sponsors-grid {
	display: grid;
	gap: 0rem;
	margin: 0 -0.3rem;
}

.footer-sponsors .footer-sponsors-box {
	padding: 2.3rem 1rem 1rem 1rem;
	border-radius: 0.2rem;
	border: none;
	margin: 0.3rem;
	
	box-shadow: 0 0 1rem rgba(10, 10, 10, 0.05);
	
	border-left: 0 0 0 1px rgba(150, 150, 150, 0.3);
	border-right: 0 0 0 1px rgba(150, 150, 150, 0.3);
}
.footer-sponsors-title {
	text-transform: unset;
	background-color: transparent;
	left: 0;
	right: 0;
	top: 0.5rem;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	
	xxfont-style: italic;	
	font-family: var(--fontfamily2);	
	color: var(--light-color);
	font-weight: 600;
	font-size: 1rem;	
	
}
.footer-sponsors-title:before, 
.footer-sponsors-title:after {
	position: relative;
	display: block;
	content: "";
	height: 1px;
	background: var(--text-color);
	opacity: 0.2;
	flex-grow: 1;
	min-width: 1rem;
	left: 0;
	right: 0;
	transform: none;
}
.footer-sponsors-title:before {
	mask-image: linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 70%, transparent 100%);
}
.footer-sponsors-title:after {
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3) 70%, transparent 100%);
}

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

.telecast-nav {
	display: flex;
	gap: 0.8rem;
	margin-bottom: 2rem;
	width: 100%;
	position: relative;
}

.telecast-nav a{
	display: flex;
	justify-content: center;
	text-decoration: none;
	padding: 0.8rem 1.2rem;
	line-height: 1;
	font-size: 1.1rem;	

	border-radius: 0.25rem;
	
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
	outline: solid 2px transparent;
	outline-offset: -1px;
	outline-offset: 0;

	--hovercolor: var(--past-color);
	--hoverbordercolor: var(--past-hover-color);
	--texthovercolor: inherit;
}


.telecast-nav a.day{
	font-family: var(--fontfamily2);
	font-weight: 400;
	flex-grow: 1;
	line-height: 1;
	background-color: transparent;
	color: inherit;
	color: var(--light-color);
	display: flex;
	flex-direction: column;
	
	
	
	border: solid 2px transparent;
	border-width: 0px 0px 3px 0;
}
.telecast-nav a.day > span{
	display: block;
	xxopacity: 0.8;
}
.telecast-nav a.day .day-name{
	font-size: 0.55em;
	font-weight: 250;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
}
.telecast-nav a.day .date{
	font-size: 1.36em;
	font-weight: 220;
	margin-top: 0.2rem;
}
.telecast-nav a.day .date .month{
	font-size: 0.84em;
	font-weight: 240;
}


.telecast-nav a.day.today{
	--hoverbordercolor: var(--today-color);
	--hovercolor: var(--today-hover-color);
	--texthovercolor: #ffffff;
	border-color: var(--hoverbordercolor);
}

.telecast-nav a.day.future{
	--hoverbordercolor: var(--future-color);	
	--hovercolor: var(--future-hover-color);
	--texthovercolor: #ffffff;
	border-color: var(--hoverbordercolor);
}


.telecast-nav a.active,
.telecast-nav a:hover{
	border-color: var(--hoverbordercolor);
	background-color: var(--hovercolor);
	color: var(--texthovercolor);
	
}

.telecast-nav a.day.today span,
.telecast-nav a.day.future span{
	opacity: 1;
}

.telecast-nav a.btn-prev,
.telecast-nav a.btn-next{
	line-height: 0.5;
	font-size: 1.5rem;
	align-items: center;
	color: var(--maincolor);
	background-color: rgba(143, 143, 143, 0.08);
	outline: none;
}
.btn-prev:after, 
.btn-next:after{
	content: "";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	display: block;
	transform: scaleX(0.75);
}
.btn-prev:after {
	content: "\f053";
}
.btn-next:after {
	content: "\f054";
}

.btn-double-prev:after, 
.btn-double-next:after{
	content: "";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	display: block;
	transform: scaleX(0.9) scaleY(1.2);
}
.btn-double-prev:after {
	content: "«";
}
.btn-double-next:after {
	content: "»";
}






.telecast-nav a.btn-prev:hover,
.telecast-nav a.btn-next:hover{
	background-color: var(--maincolor);
	color: #ffffff;
}


@media screen and (max-width:767px){
	.telecast-nav {
		margin-bottom: 1rem;
	}
	.telecast-nav a {
		padding: 0.4rem 0.5rem;
		font-size: 0.9rem;
	}
	
	.telecast-nav a.day {
		display: none;
	}
	
	.telecast-nav a.day .date {
		font-size: 1em;
		white-space: nowrap;
	}
	.telecast-nav a.btn-prev, 
	.telecast-nav a.btn-next {
		line-height: 1.5;
		font-size: 1.5rem;
		flex-grow: 1;
	}
	
	
}



.telecast{
	display: grid;
	grid-template-columns: 18.5rem auto;
	gap: 0rem;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
	border-radius: var(--radius-gamestrip);
	position: relative;
	overflow: hidden;
	background: var(--header-bg);
}

.telecast-content {
	padding: 0rem;
}

.telecast-header{
	font-family: var(--fontfamily2);
	line-height: 1;
	font-size: 1.4rem;
	font-weight: 400;
	padding: 1.3rem 1.1rem 1.2rem 1.1rem;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07);
	background-color: var(--past-color);
	color: var(--light-color);
	min-height: 8rem;
}
.telecast-header.today{
	background-color: var(--today-color);
	color: #ffffff;
}
.telecast-header.future{
	background-color: var(--future-color);	
	color: #ffffff;
}


.telecast-header > div{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.telecast-header .day-name {
	font-size: 0.55em;
	font-weight: 250;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
}
.telecast-header .date {
	font-family: var(--fontfamily2);
	font-weight: 200;
	margin-top: 0.1rem;
	display: flex;
	align-items: baseline;
	gap: 0.5rem;
}
.telecast-header span.day {
	font-size: 1.65em;
	font-weight: 200;
}
.telecast-header span.month {
	font-size: 1.36em;
	font-weight: 220;
}
.telecast-header span.year {
	font-size: 1em;
	font-weight: 300;
}



.telecast-table{
	width: 100%;
	min-height: 100%;
	font-family: var(--fontfamily2);
	font-size: 1.2rem;
	line-height: 1.5;
	font-weight: 350;
	
	
	font-size: 1.35rem;
	line-height: 1.5;
	font-weight: 300;	
	
	
	display: flex;
	flex-direction: column;
}

.telecast-item {
	background-color: rgba(200, 200, 200, 0.08);
	display: grid;
	grid-template-columns: 5rem 3fr auto;
	flex-grow: 1;
	min-height: 5rem;
}
.telecast-item:nth-of-type(even) {
	background-color: rgba(180, 180, 180, 0.15);
}
.telecast-item time{
	font-family: var(--fontfamily2);
	font-size: 1.22rem;
	line-height: 1;
	font-weight: 240;
	opacity: 0.75;
	text-align: right;
	background-color: rgba(190, 190, 190, 0.1);
	white-space: nowrap;
	justify-content: flex-end;
}


.telecast-item > *{
	padding: 0.8rem 1rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
}

.telecast-item .title{
	text-transform: none;
	font-stretch: 100%;
	line-height: 1.1;
	align-items: flex-start;
	flex-direction: column;
	flex-wrap: nowrap;
	align-self: center;
	--tc-color: var(--light-color);
	gap: 0.1rem;
}
.telecast-item xx.title.tc-pcup{--tc-color:#ee007c;}
.telecast-item xx.title.tc-ms-m{--tc-color:#197bd6;}
.telecast-item xx.title.tc-ms-w{--tc-color:#d21214;}

.telecast-item .title span.sub-title{
	font-size: 0.6em;
	font-weight: 420;
	line-height: 1.3;
	display: block;
	color: var(--tc-color);
}
.telecast-item .title span.main-title{
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.calendar-box .calendar-content .live,
.telecast-item .live{
	background: #e5164f;
	color: #ffffff;
	font-size: 0.55em;
	font-weight: 400;
	line-height: 1.1;
	padding: 0.19rem 0.35rem 0.2rem 0.35rem;
	display: block;
	cursor: default;
	white-space: nowrap;
}


.telecast-item a{
	color: inherit;
	text-decoration-thickness: 1px;
	text-decoration-color: inherit;
	text-decoration-style: dotted;
	text-underline-offset: 3px;
}
.telecast-item .sub-title a{
	text-underline-offset: 1px;
}


.telecast-item a:hover{
	color: var(--maincolor);
}


.telecast-item .stations{
	padding: 0.45rem 0.8rem;
	justify-content: flex-end;
	line-height: 1;
	max-width: 35rem;
}
.telecast-item .stations img{
	height: 2.275rem;
	padding: 0.2rem 0.3rem;
	margin: 0.2rem 0.3rem;
	background: rgba(255, 255, 255, 0.0);
	border-radius: 0.3rem;
}

@media screen and (max-width:767px){
	.telecast {
		display: flex;
		flex-direction: column;
	}
	.telecast-header{
		min-height: 2rem;
	}
	.telecast-table {
		font-size: 1.1rem;
		line-height: 1.1;
		font-weight: 350;
	}
	.telecast-item {
		grid-template-columns: 3rem auto;
	}
	.telecast-item > * {
		padding: 0.2rem 1rem;
	}
	.telecast-item time {
		xxbackground-color: transparent;
		justify-content: center;
		font-size: 1.0rem;
		padding-top: 0.7rem;
		padding: 0.5rem 0.5rem;
		grid-row: 1 / span 2;
	}
	.telecast-item .title {
		padding-bottom: 0.7rem;
		padding: 0.6rem 0.5rem 0.5rem 1rem;
		align-self: flex-start;
	}
	.calendar-box .calendar-content .live,
	.telecast-item .live {
		font-size: 0.57em;
		white-space: nowrap;
	}
	
	.telecast-item .stations {
		padding: 0.4rem 0.7rem 0.4rem 0.7rem;
		position:relative;
		xxgrid-column: 1 / span 2;
		grid-column: 2;
		justify-content: flex-start;
		
		
	}
	.telecast-item .stations:after {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		content: "";
		height: 1px;
		background: var(--text-color);
		opacity: 0.2;
		mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 1) 10%, transparent 100%);
	}
	.telecast-item .stations img{
		height: 1.7rem;
	}
	
}

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

.calendar-slider{
	--halfgap: 1rem;
	--radius-element: 0.2rem;
}
.calendar-box{
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
	border-radius: var(--radius-element);
	position: relative;
	display:flex;
	flex-direction: column;
	overflow: hidden;
	background: var(--header-bg);
	width: 100%;
}

.calendar-slider.slick-initialized .slick-slide {
	xxdisplay: flex;
	display: block;
	
}

.calendar-box header{
	font-family: var(--fontfamily2);
	line-height: 1;
	font-size: 1.15rem;
	font-weight: 400;
	display: flex;
	background-color: var(--past-color);
	color: var(--light-color);
	padding: 0.8rem 0.8rem 0.8rem 0.8rem;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07);
}
.calendar-box header div{
	display: flex;
	flex-direction: column;
}
.calendar-box-today header{
	background-color: var(--today-color);
	color: #ffffff;
}
.calendar-box-future header{
	background-color: var(--future-color);
	color: #ffffff;
}




.calendar-box header .day-name {
	font-size: 0.55em;
	font-weight: 250;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
}
.calendar-box header .date {
	font-family: var(--fontfamily2);
	font-weight: 200;
	margin-top: 0.1rem;
	display: flex;
	align-items: baseline;
	gap: 0.5rem;
}
.calendar-box span.day {
	font-size: 1.65em;
	font-weight: 200;
}
.calendar-box span.month {
	font-size: 1.36em;
	font-weight: 220;
}
.calendar-box span.year {
	font-size: 1em;
	font-weight: 300;
}

.calendar-box .calendar-list-container{
	margin: 0.5rem 0.8rem 0.8rem 0.8rem;
	padding: 0;
	flex-grow: 1;	
}

.calendar-box .calendar-list{
	margin: 0.3rem 0 0 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	cursor: default;

	--maincolor: #11a9df;
	--maincolor: #0092fc;
}

.calendar-box .calendar-title {
	font-family: var(--fontfamily2);
	font-size: 0.6rem;
	font-weight: 650;
	line-height: 1.2;
	opacity: 0.7;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--maincolor);
	display:block;
	text-decoration: none !important;
}
.calendar-box .calendar-title time{
	color: var(--text-color);
	font-weight: 500;
}

.calendar-box .calendar-content {
	font-family: var(--fontfamily2);
	font-size: 0.93rem;
	font-weight: 330;
	line-height: 1.1;

	margin: 0.3rem 0 0 0;
	padding: 0;

	display: flex;	
	align-items: center;
	gap: 0.5rem;	
}

.calendar-box .calendar-content-title{
	display: block;
	text-decoration: underline;
	text-decoration-thickness: auto;
	text-decoration-color: transparent;
	transition: text-decoration 0.25s ease;
}
.calendar-box .calendar-content-container{
	display: flex;	
	align-items: center;
	gap: 0.5rem;
	flex-grow: 1;
	min-width: 10rem;
}
.calendar-box .calendar-content .stations{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
	justify-content: flex-end;	
	padding: 0;
	line-height: 1;
	max-width: 35rem;
	flex-grow: 1;
}
.calendar-box .calendar-content .stations img{
	height: 0.9375rem;
	padding: 0;
	margin: 0.15rem 0.2rem;
	background: rgba(255, 255, 255, 0.0);
	border-radius: 0.3rem;
}

a.calendar-link .calendar-content .calendar-content-title{
	text-decoration-thickness: 1px;
	text-decoration-color: inherit;
	text-decoration-style: dotted;
	text-underline-offset: 3px;
}
a.calendar-link:hover{
	color: var(--maincolor);
}


.calendar-box a{
	color: inherit;
}




.calendar-box .calendar-link {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 0.7rem 0.4rem 0.6rem 0.45rem;
	
	
	background-color: rgba(255, 255, 255, 0.02);
	
	
	border: solid 1px var(--maincolor);
	border-width: 0 0px 0px 2px;
	border-radius: 0.25rem;
	
	min-height: 3.8rem;
	
}


.calendar-box .calendar-item:nth-of-type(even) .calendar-link {
	background-color: rgba(160, 160, 170, 0.08);
}
.calendar-box .calendar-item a.calendar-link:hover {
	background-color: rgba(180, 180, 180, 0.15);
}
.calendar-box a.calendar-link:hover .calendar-content{
	text-decoration-color: inherit;
}

.calendar-box .calendar-item {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;

}









.calendar-box .calendar-toggle-button{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;	
	padding: 0.5rem 0.8rem;
	font-family: var(--fontfamily2);
	font-size: 0.88rem;
	font-weight: 450;
	line-height: 1;
	text-decoration: none;
	background-color: rgba(140, 140, 150, 0.1);
	box-shadow: none;
	border: none;
}
.calendar-box .calendar-toggle-button:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f107";
	display: block;
	font-size: 0.9rem;
	line-height: 0;
	color: inherit;
	transition: transform ease 0.25s;
	transform-origin: 50% 50%;
	transform: rotate(180deg);
}
.calendar-box .calendar-toggle-button.collapsed:after {
	transform: rotate(0deg);
}

@media screen and (max-width: 767px) {
	.calendar-box .calendar-toggle-button {
		justify-content: center;
		padding: 0.7rem 0.8rem;
		font-size: 0.9rem;
	}
}



.telecast-calendar .telecast-header > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 auto;
	max-width: 25rem;
}

.telecast-calendar .telecast-header .calendar-header{
	margin-top: 2rem;
	padding: 1.5rem 0rem 1rem 0rem;
	xxborder-top: solid 1px;
	position: relative;
}

.telecast-calendar .telecast-header .calendar-header:after {
	position: absolute;
	display: block;
	top: 0px;
	left: 0;
	right: 0;
	content: "";
	height: 1px;
	border-top: solid 1px;
	opacity: 0.99;
	mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 1) 10%, transparent 100%);
}




.calendar-nav{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
}

.calendar-nav .btn{
	box-shadow: none;
	border: none !important;
	color: inherit;
}
.calendar-nav .btn-sm{
	padding: 0.3rem 0.4rem;
	font-size: 1.2rem;
	line-height: 1;
	border-radius: 0.2rem;
}


.calendar-nav .date{
	flex-grow: 1;
	margin: 0;
	display: block;
	text-align: center;
	font-size: 1rem;
	font-weight: 300;
}


.calendar-table{
	width: 100%;
	border-collapse: collapse;
	font-family: var(--fontfamily2);
	line-height: 1;
	font-size: 1.35rem;
	font-weight: 200;
}
.calendar-table th,
.calendar-table td{
	padding: 0.25rem;
	text-align: center;
	opacity: 0.98;
}
.calendar-table th span,
.calendar-table td span{
	display:block;
	border-radius: 0.4rem;
	text-align:center;
	padding: 0.7rem 0.5rem;
	margin: auto;
	position:relative;
	width: 2.8rem;	
	cursor: default;
}
.calendar-table th{
	font-size: 1rem;
	font-weight: 700;
}
.calendar-table td.past,
.calendar-table td.future{
	opacity: 0.5;
}
.calendar-table td.today span{
	background-color: var(--today-hover-color);
	color: #ffffff;
}

.calendar-table td span a{
	color: inherit;
	position: relative;
	display: block;
	z-index: 1;
	text-decoration: none;
}
.calendar-table td.entry span{
	cursor: pointer;
}
.calendar-table td.entry span:before{
	position:absolute;
	bottom:0;
	left:0;
	top:0;
	right:0;
	content: "";
	
	border: solid 0px;
	border-radius: 0.45rem;
	border-bottom-width: 0px;
	opacity: 0.3;
	
	transition: color 0.25s ease, background-color 0.25s ease;
	
}
.calendar-table td.today.entry span:before{
	border-color: var(--today-hover-color);
}

.calendar-table td.entry:hover span:before{
	background-color: rgba(220, 220, 220, 0.4);
}

.telecast-calendar{
	display: grid;
	grid-template-columns: 35% auto;

}

.telecast-table.calendar-box{
	padding: 1.5rem;
}
.telecast-table.calendar-box .calendar-list-container {
	margin: 0;
	padding: 0;
}
.telecast-table.calendar-box .calendar-list{
	margin: 0;
	padding: 0;
}
.telecast-content .calendar-box{
	--halfgap: 1rem;
	--radius-element: 0.2rem;
}
@media screen and (max-width: 767px) {

	.calendar-table th,
	.calendar-table td{
		padding: 0.2rem 1px;
	}

	.telecast-calendar {
		display: flex;
		flex-direction: column;
	}
	.telecast-table.calendar-box{
		padding: 0.8rem 0.6rem;
	}	
	.telecast-calendar .calendar-header {
		margin-top: 2rem;
		padding: 1.5rem 0rem 1rem 0rem;
		border-top: solid 1px;
	}
}


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

	.telecast-content .calendar-box .calendar-link{
		padding: 1rem 0.7rem;
	}

	.telecast-content .calendar-box .calendar-title {
		font-size: 0.75rem;
		font-weight: 550;
	}
	.telecast-content .calendar-box .calendar-title time {
		font-weight: 400;
	}
	.telecast-content .calendar-box .calendar-content {
		font-size: 1.2rem;
		font-weight: 350;
		line-height: 1.1;
		margin: 0.3rem 0 0 0;
	}
	.telecast-content .calendar-box .calendar-content .stations img{
		height: 1.8rem;
		padding: 0.1rem 0.2rem;
		margin: 0.1rem 0.2rem;
	}
	.telecast-content .small-game-box .game-box {
		grid-template-columns: 1fr 3.6rem 5.5rem 3.6rem 1fr;
		padding: 0;
		border-radius: 3px;
		min-height: 3.8rem;
	}
	.telecast-content .small-game-box .small-game-box-header {
		font-size: 0.75rem;
		font-weight: 400;
	}
	.telecast-content .small-game-box .small-game-box-header .date {
		padding: 0.4rem 0.7rem 0.35rem 0.7rem;
		font-size: 0.75rem;
	}
	
	.telecast-content .small-game-box .small-game-box-header .date .name {
		top: 0;
	}
	
	.telecast-content .small-game-box .small-game-box-header .tv img{
		height: 1.2rem;
	}
	
	
	.telecast-content .small-game-box .game-logo {
		padding: 0.45rem 0;
	}
	.telecast-content .small-game-box .game-logo > span {
		padding: 0.3rem;
	}
	.telecast-content .small-game-box .game-team {
		font-size: 1.1rem;
		font-weight: 350;
		padding-left: 1rem;
		padding-right: 0.5rem;
	}
	.telecast-content .small-game-box .game-team.left {
		padding-left: 0.5rem;
		padding-right: 1rem;
	}
	
	.telecast-content .small-game-box .game-box .game-result .game-score:not(.gs) {
		width: 1.7rem;
		min-height: 2rem;
		font-size: 1.4rem;
	}
	.telecast-content .small-game-box .game-result.goldset .game-score {
		font-size: 0.81rem;
		font-weight: 550;
		min-width: 1.4rem;
	}

}





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

jmc-webuserfavsstarcomponent{
	position: fixed;
	z-index: 80;
	top: 0rem;
	left: 0;
	--headheight: 2.1rem;
	display: none;
}
.navbar-collapse jmc-webuserfavsstarcomponent{
	position: relative;
	z-index: 901;
	top: 0;
	left: 0;
	display: block;
}

@media screen and (max-width:767px){
	jmc-webuserfavsstarcomponent{
		top: 4.2rem;
		left: 0;
		display: block;
		width: 5rem;
		height: 5rem;
		padding-top: 0.3rem;
		padding-left: 0.2rem;
	}
	.navbar-collapse jmc-webuserfavsstarcomponent{
		display: none;
	}	
}

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

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