@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&family=Alice&display=swap');

@font-face {
    font-family: 'Linux Libertine'; /* normal */
    src: url('/static/fonts/Linux_Libertine/LinLibertine_R.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Linux Libertine'; /* italic */
    src: url('/static/fonts/Linux_Libertine/LinLibertine_RI.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Linux Libertine'; /* bold */
    src: url('/static/fonts/Linux_Libertine/LinLibertine_RB.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Linux Libertine'; /* bold+italic */
    src: url('/static/fonts/Linux_Libertine/LinLibertine_RBI.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font-family: 'Montserrat', sans-serif;
	background-color: #fff;
	color: #2a2f37;
}
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif }
blockquote {
	border-left: 4px solid #ddd;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 16px;
	font-weight: 400;
}
iframe.ql-video {
	width: 100%;
	height: 420px;
}

.header {
	display: flex;
	align-items: center;
	background-color: #294c69;
	color: #fff;
	padding: 15px 0;
}
.header a { text-decoration: none }
.header .app_logo {
	display: flex;
	position: relative;
	margin-left: 80px;
}
.header .app_logo a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.header .app_logo img { max-width: 75px }
.header .app_logo .app_logo_text {
	display: flex;
	flex-direction: column;
    align-items: flex-start;
    justify-content: center;
	padding: 0 10px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.header .app_menu {
	flex: 1;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
    margin-left: 30px;
    padding: 5px 0;
    padding-left: 30px;
    border-left: 2px solid rgb(255, 255, 255, .75);
}
.header .app_menu a {
	color: #fff;
	margin-right: 30px;
	padding-bottom: 4px;
	border-bottom: 4px solid transparent;
	white-space: nowrap;
	transition: border .3s ease-out;
}
.header .app_menu a.current,
.header .app_menu a:hover { border-color: #fff }
.header .app_banners { display: flex }
.header .app_banners a {
	display: flex;
	flex-direction: column;
	padding: 5px;
	align-items: center;
	position: relative;
}
.header .app_banners a img {
	max-width: 52px;
	opacity: .5;
}
.header .app_banners a span {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 2px;
	opacity: 0;
	transition: .5s;
}
.header .app_banners a:hover img { opacity: 1 }
.header .app_banners a:hover span {
	opacity: .5;
	padding-top: 2px;
	padding-bottom: 0;
}
.header .app_lang {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 25px;
	margin-right: 80px;
	padding-bottom: 12px;
}
.header .app_lang a {
	color: rgb(255, 255, 255, .5);
	font-size: 12px;
	font-weight: 500;
}
.header .app_lang a:first-child { margin-bottom: 2px }
.header .app_lang a:hover,
.header .app_lang a.current { color: rgb(255, 255, 255) }

#home {
	display: flex;
	flex-direction: column;
}
#home .header {
    background-color: transparent;
    position: absolute;
    z-index: 9;
    width: 100%;
}
#home .content { position: relative }
.slider_wrap {
	position: relative;
	width: 100%;
	height: 90vh;
}
.slider_wrap:after {
    content: '';
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-image: linear-gradient(180deg,rgba(0,0,0,.7),transparent);
    height: 110px;
    z-index: 2;
	height: 160px;
}
.slider_wrap .bottom_overlay {
    position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(180deg,transparent 25%,rgba(0,0,0,.15) 50%, #000);
	z-index: 3;
	transition: height .4s ease-out;
	opacity: 1;
}
.slider_wrap .slider_box {
    display: flex;
    align-items: flex-end;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	transition: 1s;
    padding: 0 80px;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
	opacity: 0;
}
.slider_wrap .slider_box.current {
	opacity: 1;
}
.slider_wrap .slider_box .slider_meta {
    display: flex;
    flex-direction: column;
    padding: 80px;
	color: #fff;
	z-index: 10;
	width: 40%;
	transition: 1s;
}
.slider_wrap .slider_box .slider_meta .slider_time {
	font-size: 12px;
	border-bottom: 4px solid #6da7df;
	width: max-content;
	padding: 10px 0;
	margin-bottom: 10px;
}
.slider_wrap .slider_box .slider_meta .slider_title {
	font-family: 'Linux Libertine';
	font-size: 3em;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.slider_wrap .slider_box .slider_meta .slider_desc {
	font-size: 16px;
	color: rgb(255, 255, 255, .75);
	margin-bottom: 15px;
}
.slider_wrap .slider_box .slider_meta .slider_btn a {
	display: flex;
	width: max-content;
	color: rgb(255, 255, 255, .99);
	border: 3px solid rgb(255, 255, 255, .99);
	padding: 10px 15px;
	font-weight: 500;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-decoration: none;
	transition: .3s;
}
.slider_wrap .slider_box .slider_meta .slider_btn a:hover {
	background-color: rgb(255, 255, 255, .99);
	color: #e46a76;
}

.slider_icoon {
	display: flex;
	justify-content: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25px;
	z-index: 15;
	width: max-content;
	margin: 0 auto;
}
.slider_icoon a {
	display: block;
	width: 16px;
	height: 16px;
	border: 2px solid rgb(255, 255, 255, .5);
	border-radius: 50%;
	margin: 0 5px;
	transition: 1s;
	cursor: pointer;
	text-decoration: none;
}
.slider_icoon a.current { background-color: rgb(255, 255, 255, .5) }

.tournament_wrap {
	padding: 35px 0 0;
	background-color: #f6f6f6;
}

.tournament_tabs {
	display: flex;
	align-items: center;
	justify-content: center;
}
.tournament_tabs a {
	font-family: 'Linux Libertine';
	font-weight: bold;
	font-size: 3em;
	background-color: #fff;
	border-radius: 2px;
	border-top: 6px solid transparent;
	padding: 6px 25px;
	cursor: pointer;
}
.tournament_tabs a:hover { border-top: 6px solid #eee }
.tournament_tabs a.current { border-top: 6px solid #fec007 }

.tournament_data {
	opacity: 0;
	background-color: #fff;
	padding: 25px 80px;

	display: none;
	padding-top: 1em;
}
.tournament_title {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	font-family: 'Linux Libertine';
	font-size: 120px;
	color: #6da7df;
	z-index: 0;
}
.card {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0px 0px 20px 1px rgb(0, 0, 0, .1);
	margin: 0 15px;
}
.tournament_data.current {
	opacity: 1;
	display: flex;
	justify-content: center;
}
.tournament_data_col {
	flex: 0 0 33.3333%;
	position: relative;
	padding-top: 62px;
}
.tournament_data_col.hide { display: none }
.standing_box {
	flex: 0 0 33%;
	display: flex;
	flex-direction: column;
	font-family: 'Linux Libertine';
	font-size: 18px;
	height: 100%;
}
.standing_val,
.standing_header {
	display: flex;
}
.standing_header {
    padding: 10px 0 15px;
    border-bottom: 1px solid #6da7df;
	font-weight: bold;
	background-color: rgb(255, 255, 255, .5);
}
.standing_val:hover {
	cursor: pointer;
	background-color: rgb(0, 0, 0, .05);
}
.team_place {
	
}
.standing_header .team_name,
.standing_val .team_name {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: auto;
}
.team_name img {
	max-width: 24px;
	margin-right: 10px;
	border-radius: 5px;
}
.standing_header .goal_count,
.standing_val .goal_count {
	width: 52px;
}
.standing_val .score_count { font-weight: bold }
.standing_header>div,
.standing_val>div {
	width: 42px;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.standing_val {
	background-color: #fff;
	border-top: 1px solid rgb(0, 0, 0, .05);
	padding: 10px 0;
}
.standing_box .standing_val:last-child { border-bottom: 1px solid rgb(0, 0, 0, .05) }

.matches_box {
	background-color: rgb(255, 255, 255, .5);
	height: 100%;
}
.match_box {
	display: flex;
	cursor: pointer;
	padding: 5px;
	position: relative;
}
.match_box a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.match_box:hover {
	background-color: rgb(105, 144, 193, .05);
}
.match_box .match_date {
	flex: 0 0 15%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 10px 15px;
}
.match_box .match_team_box {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: baseline;
	padding: 10px 15px;
}
.match_box .match_team_box .match_team {
	display: flex;
	align-items: center;
}
.match_box .match_team_box .match_team img {
	max-width: 24px;
	margin-right: 5px;
}
.match_box .match_score {
	display: flex;
	flex-direction: column;
	padding: 10px 0;
	min-width: 50px;
	text-align: center;
}
.match_box .match_score span { font-weight: 500 }
.match_box .match_score span b { font-weight: 500 }
.match_box .match_score span i { 
	color: #e46a76;
	font-style: normal;
}
.match_box .match_remove {
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.match_list { display: none }
.match_list.current { display: block }
.match_btn_box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    font-weight: bold;
}
.match_btn_box a {
    display: flex;
    align-items: center;
    position: relative;
    padding: 5px 20px;
    margin: 0 5px;
    border-radius: 10px;
    cursor: pointer;
	opacity: .75;
}
.match_btn_box a i { color: rgb(0, 0, 0, .05) }
.match_btn_box a:hover i,
.match_btn_box a.current i {
	color: #6da7df;
}

.match_btn_box a:hover,
.match_btn_box a.current {
	opacity: 1;
}
.top_scorers_box {
    display: flex;
    flex-direction: column;
    font-family: 'Linux Libertine';
    font-size: 16px;
}
.top_scorers_players,
.top_scorers_header {
	display: flex;
}
.top_scorers_header {
    padding: 10px 0 15px;
    border-bottom: 1px solid #6da7df;
	font-weight: bold;
	background-color: rgb(255, 255, 255, .5);
}
.top_scorers_players:hover {
	cursor: pointer;
	background-color: rgb(0, 0, 0, .05);
}

.top_scorers_header .player_name,
.top_scorers_players .player_name {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: auto;
}

.top_scorers_header .player_team,
.top_scorers_players .player_team {
	flex: 0 0 20%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: auto;
}
.player_name img.player_ava {
	border-radius: 50%;
	max-width: 32px;
	margin-right: 10px;
}
.top_scorers_header .player_goals,
.top_scorers_players .player_goals {
	width: 52px;
}

.top_scorers_header>div,
.top_scorers_players>div {
	width: 42px;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.top_scorers_players {
	background-color: #fff;
	border-top: 1px solid rgb(0, 0, 0, .05);
	padding: 10px 0;
}
.top_scorers_box .top_scorers_players:last-child { border-bottom: 1px solid rgb(255, 255, 255) }

.player_place {
	font-size: 24px;
}

.partners {
    padding: 25px 0;
    background-color: #f6f6f6;
}
.partners .partner_wrap {
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
}
.partners a {
    flex: 0 0 12.5%;
    display: flex;
    align-items: center;
    background-color: #fff;
    margin: 5px;
    padding: 25px;
    border: 1px solid #e8e8e8;
    text-decoration: none;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}
.partners a:hover { box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, .06) }
.partners a img { max-width: 100% }

.footer {
	background-color: #eee;
	padding: 35px 0;
}
.footer_wrap { display: flex }
.footer .site_info {
	flex: 1;
	display: flex;
	flex-direction: column;
	font-weight: 500;
}
.social_icons { display: flex }
.social_icons a {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	text-decoration: none;
	background-color: #fff;
	margin: 0 5px;
	color: #333;
	height: 32px;
	width: 32px;
}

.breadcrumb {
    display: flex;
    align-items: center;
    padding: 0 15px;
    margin: 25px 0;
}
.breadcrumb i { }
.breadcrumb a {
	font-weight: 500;
	text-decoration: none;
    color: #0072b8;
	text-wrap: nowrap;
}
.breadcrumb a:hover { color: #4196ff }
.breadcrumb span {
	color: rgb(100, 100, 100);
	font-size: 14px;
	font-weight: 400;
	text-wrap: nowrap;
}
.page_pagination { width: 100% }
.pagination {
	display: flex;
	justify-content: center;
	list-style: none;
}
.page-link:hover,
.page-item.active .page-link { background-color: #f3f5f7 }
.page-link {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #2a2f37;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	width: 32px;
	height: 32px;
	margin: 0 5px;
}

h1.title {
	padding: 0 15px;
	font-size: 32px;
	text-transform: uppercase;
}
.video.item_box:after { display: none }
.video_play {
	background: black;
	border-radius: 50% / 10%;
	color: #fff;
	font-size: 2em;
	width: 3em;
	height: 2em;
	padding: 0;
	text-align: center;
	text-indent: 0.1em;
	transition: all 150ms ease-out;
	opacity: .6;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.item_box:hover .video_play {
	background: #dd2c28;
	opacity:.99;
}
.video_play::before {
	background: inherit;
	border-radius: 5% / 50%;
	bottom: 9%;
	content: "";
	left: -5%;
	position: absolute;
	right: -5%;
	top: 9%;
}
.video_play::after {
	border-style: solid;
	border-width: 1em 0 1em 1.732em;
	border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
	content: ' ';
	font-size: 0.45em;
	height: 0;
	margin: -1em 0 0 -0.75em;
	top: 50%;
	position: absolute;
	width: 0;
}

.item_list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 15px;
}
.item_box {
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: 15px;
	border: 1px solid #efefef;
	overflow: hidden;
	cursor: pointer;
	transition: box-shadow 1.2s cubic-bezier(.23, 1.25, .46, 1);
	height: 100%;
}
.item_box:hover { box-shadow: 0 2px 6px 0 rgba(60,60,60,.15) }

.item_box a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
	z-index: 2;
}
.item_wrap:hover .item_box:after { transform: translateY(1px) }
.item_box:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 9px;
	background-color: #fec007;
    transform: translateY(9px);
    transition: transform 1.2s cubic-bezier(.23,1.25,.46,1);
    will-change: transform;
}
.item_box .item_img {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.item_box .item_img img { 
	max-width: 100%;
    transition: transform 1.2s cubic-bezier(.23,1.25,.46,1), opacity .3s cubic-bezier(.23,1.25,.46,1);
    will-change: transform, opacity;
}
.item_box:hover .item_img img { transform: scale(1.07) }
.item_box .item_img span {
    position: absolute;
    top: 0;
    right: 0;
	background-color: #dd2c28;
	color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
	border-bottom-left-radius: 15px;
	z-index: 1;
}
.item_box .item_meta {
	display: flex;
	flex-direction: column;
	padding: 15px;
	height: 100%;
}
.item_box .item_meta .title {
	flex: 1;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 15px;
}
.item_box .item_meta .time {
    font-size: 12px;
    color: rgb(0, 0, 0, .5);
}

.team.item_box .item_img {
    justify-content: flex-start;
    padding: 0 15px;
}
.team.item_box .item_img img { max-width: 30% }
.team.item_box:hover .item_img img { transform: none}
.team.item_box .item_meta .title {
	font-weight: 700;
	margin-bottom: 0;
}
.team.item_box .item_meta {
	flex-direction: row;
	align-items: center;
}
.team.item_box .item_meta i { font-size: 32px }
.team.item_box:hover .item_meta i{
    transform: translate3d(5px, 0px, 0px);
    transition: transform 1.2s cubic-bezier(.23, 1.25, .46, 1);
}
.team.item_box .team_back {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 30em;
	max-width: 80%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
	background: linear-gradient(to top left, #f6f6f6 0%, #f6f6f6 50%, transparent 0%);
}

.flex { display: flex }
.flex_colum { flex-direction: column }
.flex .flex_col { flex: 1 }
.flex .flex_25 { flex: 0 0 25% }

.align_center { align-items: center }
.p15 { padding: 15px }
.mr25 { margin-right: 25px }
.mr15 { margin-right: 25px }
.mb15 { margin-bottom: 25px }
.team_logo {
    padding: 10px;
    border: 1px solid rgb(0, 0, 0, .05);
    max-width: 100%;
}
.more_info strong,
.more_info span {
	display: grid;
	align-items: center;
	height: 20px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgb(0, 0, 0, .1);
	padding: 5px 0;
}
.more_info span {
	border-right: 1px solid rgb(0, 0, 0, .1);
	padding-right: 15px;
	display: flex;
	align-items: center;
}
.more_info span img { margin-right: 5px }
.team_link i {
	color: #0072b8;
	margin-right: 10px;
}
.team_link a {
    display: flex;
    align-items: center;
    width: max-content;
    text-decoration: none;
    padding: 0 5px;
    border-radius: 3px;
    color: #0072b8;
}
.team_link a:hover {
	background-color: #0072b8;
	color: #fff;
}

.applications {
	display: flex;
	flex-direction: column;
	padding: 25px 0;
}
.application_wrap {
	display: flex;
	flex-direction: column;
}
.application_wrap h3 {
	font-size: 2em;
	text-transform: uppercase;
}
.application_wrap .application_box {
	display: flex;
	flex-wrap: wrap;
}
.person_wrap {
	flex: 0 0 25%;
}
.person_box {
	display: flex;
	flex-direction: column;
	margin: 10px;
	cursor: pointer;
	position: relative;
}
.person_box:hover .person_info {
	top: 0;
	opacity: 1;
}
.person_info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: .3s;
	background-color: rgb(255, 255, 255, .9);
	display: flex;
	padding: 5px;
}

.person_info.more_info strong {
    font-weight: 600;
    font-size: 12px;
    line-height: 19px;
    color: #0072b8;
}
.person_info.more_info span { font-weight: 600 }
.person_box .person_image { position: relative }
.person_box .person_image img { max-width: 100% }
.person_box .person_image strong {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    font-size: 24px;
    background-color: #fec007;
    color: #fff;
}
.person_box .person_image span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 5px 10px;
	border-radius: 5px;
    font-size: 16px;
	font-weight: 600;
    background-color: #e46a76;
    color: #fff;
}
.person_box .person_meta {
	display: flex;
	align-items: center;
	padding: 10px 0;
}
.person_box .person_meta .person_name {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.person_box .person_meta .person_name span {
	font-size: 18px;
	font-weight: 500;
}
.person_box .person_meta .person_name i {
	font-style: normal;
	font-size: 12px;
	color: rgb(0, 0, 0, .75);
}
.person_box .person_meta .flag {
	padding-left: 5px;
}

.center { text-align: center}
.small_container {
	max-width: 700px;
	margin: 35px auto;
}
.post_image img {
    padding: 10px;
    border: 1px solid rgb(0, 0, 0, .05);
    max-width: 100%;
}
.personal_img {
    height: 200px;
    width: 200px;
}
.personal_data pre {
    text-wrap: wrap;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}
.personal_data h4, 
.personal_data h5 { margin: 0 }
.share_box {
    display: flex;
    justify-content: center;
	margin: 25px 0;
}
.share_box a {
    background-color: #eee;
    color: #333;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    width: 24px;
    height: 24px;
    text-decoration: none;
}
.share_box a:hover {
	background-color: #0072b8;
	color: #fff;
}

.pb0 { padding-bottom: 0!important }
.small_tournament_tabs { padding: 0 80px }
.small_tournament_tabs a {
    margin: 5px 0;
    padding: 0 15px;
    color: #3c3c3b;
    font-size: 16px;
    font-weight: 400;
	border-bottom: 3px solid transparent;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
}
.small_tournament_tabs a.current:hover,
.small_tournament_tabs a.current {
	color: #3c3c3b;
	font-weight: 700;
	border-bottom: 3px solid #3c3c3b;
}
.small_tournament_tabs a:hover { background-color: rgb(0, 0, 0, .05) }

.top_scores_wrap,
.table_wrap,
.results_wrap,
.matches_wrap {
	background-color: #f6f6f6;
	padding: 25px 80px;
}
.matches_wrap .tour_box {
	padding: 15px 35px;
}
.matches_wrap .tour_box .tour_number_val {
    display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
}
.matches_wrap .tour_box .tour_number_val:after {
	content: '';
	position: absolute;
	width: 75%;
	height: 3px;
	background-color: #fff;
}
.matches_wrap .tour_box .tour_number_val span {
    padding: 5px 15px;
    border-radius: 15px;
    background-color: #fff;
    font-weight: 700;
    z-index: 2;
}

.matches_wrap .match_box {
	margin: 15px 0;
	border-radius: 15px;
	border: 1px solid #efefef;
	background-color: #fff;
	padding: 15px 0;
	transition: box-shadow 1.2s cubic-bezier(.23, 1.25, .46, 1);
}
.matches_wrap .match_box:hover {
	box-shadow: 0 2px 6px 0 rgb(60, 60, 60,.15);
}

.match_final_data {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 25px 80px;
}
.match_final_data .match_tournament {
	text-align: center;
	font-weight: 500;
}
.match_final_data .match_event_datetime {
	text-align: center;
	font-weight: 500;
}
.match_final_data .match_arena {
	text-align: center;
	font-weight: 500;
}
.match_final_data .match_teams_box {
	display: flex;
	align-items: center;
	font-size: 3em;
	border-bottom: 1px solid rgb(0, 0, 0, .05);
}
.match_final_data .match_teams_box .match_home_team_box {
	flex: 1;
    display: flex;
    align-items: center;
    justify-content: right;
}
.match_final_data .match_teams_box .match_away_team_box {
	flex: 1;
    display: flex;
    align-items: center;
    justify-content: left;
}
.match_final_data .match_teams_box span { font-weight: 700 }
.match_final_data .match_teams_box img { max-width: 150px }
.match_final_data .match_score_box {
    border-radius: 10px;
    background-color: rgb(0, 0, 0, .05);
	margin: 0 15px;
    padding: 10px 25px;
}

.match_event_box { display: flex }
.match_event_box .match_event_data_box {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 15px;
}
.match_event_box .match_event_data_box.home_events_box { align-items: flex-end }
.match_event_box .match_event_data_box .match_event_val {
    display: flex;
    align-items: center;
}
.match_event_box .match_event_data_box .match_event_val img {
	max-width: 24px;
	margin: 0 10px;
}
.match_event_box .match_event_data_box .match_event_val .event_minute {
	font-weight: 700;
	margin: 0 10px;
}

.match_lineup_box {
	display: flex;
	margin: 25px 0;
}
.match_lineup_box .lineup_box {
	flex: 0 0 25%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 0 15px;
}
.match_lineup_box .lineup_box.home_lineup { align-items: flex-start }
.match_lineup_box .lineup_box .player_box {
	display: flex;
	align-items: center;
	font-weight: 700;
}
.match_lineup_box .lineup_box .player_box .number_val {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Linux Libertine';
    font-size: 22px;
    width: 32px;
    color: #0072b8;
}
.match_lineup_box .lineup_box .player_box .player_name { font-weight: 600 }
.match_lineup_box .match_video_box {
	flex: 1;
	background-color: rgb(0, 0, 0, .75)
}
.match_lineup_box .match_video_box iframe {
	width: 100%;
	height: 100%;
}

.tab_box,
.tab_data { display: none }
.tab_box.current,
.tab_data.current { display: block }

.blue_tabs {
	display: flex;
	align-items: center;
	justify-content: center;
}
.blue_tabs a {
	padding: 10px 15px;
    color: #aaa;
    font-size: 16px;
    font-weight: 700;
	border-bottom: 3px solid #aaa;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
}
.blue_tabs a.current:hover,
.blue_tabs a.current {
	color: #0072b8;
	font-weight: 700;
	border-bottom: 3px solid #0072b8;
}
.blue_tabs a:hover { color: #999 }

.delegates_list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.delegates_list .delegate_box {
	flex: 1;
	display: flex;
	margin-bottom: 35px;
}
.delegates_list .delegate_box img {
    max-width: 200px;
    max-height: 200px;
}
.delegates_list .delegate_box .delegate_meta {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 0 10px;
}
.delegates_list .delegate_box .delegate_meta p {
	margin: 0;
	font-size: 20px;
	font-weight: 500;
}
.delegates_list .delegate_box .delegate_meta_info {
	flex: 1;
	display: flex;
	align-items: center;
	font-size: 14px;
    margin-bottom: 5px;
	padding: 5px 0;
    border-bottom: 1px solid rgb(0, 0, 0, .1);
	border-right: 1px solid rgb(0, 0, 0, .1);
}
.delegates_list .delegate_box .delegate_meta_info span:first-child { flex: 0 0 40% }
.delegates_list .delegate_box .delegate_meta_info span { flex: 1 }

.iframe_code { display: none }
.modal_show { overflow: hidden }
.modal_show .modal_wrap { display: flex }
.modal_show section {
	filter: blur(10px);
	transition: all 500ms ease 0s;
}
.modal_show .modal_overlay { opacity: 1 }
.modal_wrap .modal_overlay {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: all 500ms ease 0s;
}
.modal_wrap {
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgb(0,0,0,.6);
	transition: all 500ms ease 0s;
}
.modal_wrap .modal_content {
	position: absolute;
	z-index: 3;
}
.modal_wrap .modal_content iframe {
	min-width: 900px;
	min-height: 550px;
}

.full_container { padding: 35px 80px }
.container {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	z-index: 2
}
.sidebar_menu { display: none }
.burger_button_box { display: none }

.error_shape {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 404px;
    height: 404px;
    margin: 35px auto;
    border-radius: 50%;
    background-color: #f3f3f1;
    font-size: 102px;
    color: #555;
}
.error_content {
	font-size: 16px;
	text-align: center
}
@media only screen and (max-width: 768px) {
	.container { padding: 0 }
	.header .app_logo { margin-left: 15px }
	.victory_count,
	.draw_count,
	.lost_count,
	.goal_count,
	.goal_diff,
	.match_lineup_box,
	.header .app_menu,
	.header .app_banners,
	.header .app_lang,
	.slider_icoon { display: none }
	.slider_wrap { height: 50vh }
	.slider_wrap .slider_box {
		padding: 0;
		background-position: center;
	}
	.slider_wrap .slider_box .slider_meta {
		padding: 15px;
		width: auto;
	}
	.slider_wrap .slider_box .slider_meta .slider_time { padding: 5px 0 }
	.slider_wrap .slider_box .slider_meta .slider_title {
		font-size: 20px;
		margin-bottom: 5px;
	}
	.slider_wrap .slider_box .slider_meta .slider_desc {
	    font-size: 14px;
	    margin-bottom: 5px;
	}
	.slider_wrap .slider_box .slider_meta .slider_btn a {
	    padding: 5px 10px;
	    border-width: 2px;
	    font-size: 12px;
	    font-weight: 600;
	}
	.tournament_tabs a { font-size: 16px }
	.tournament_tabs a.current { border-width: 2px }
	.tournament_data {
		flex-direction: column;
		padding: 15px 0;
	}
	.tournament_title { font-size: 72px }
	.tournament_data_col { padding-top: 32px }
	.full_container { padding: 15px 0 }
	.item_list {
		grid-template-columns: repeat(2, 1fr);
		padding: 0 15px;
	}
	.item_box .item_meta .title {
		font-size: 12px;
		font-weight: 700;
	}
	.item_box .item_meta .time { font-size: 10px }
	h1.title { margin: 5px 0 }
	.partners a {}
	.footer_wrap { flex-direction: column}
	.footer .site_info {
		text-align: center;
		margin-bottom: 10px;
	}
	.social_icons { justify-content: center }

	.burger_button_box {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding-right: 15px;
	}
	.burger_button_box button {
		display: block;
		border: none;
		background: none;
		outline: none;
		height: max-content;
		font-size: 32px;
		color: #ffff;
	}
	.burger_button.close {
	    opacity: 0;
	    position: absolute;
	    top: 25px;
	    right: 0;
	    transition-duration: .1s;
	}
	.sidebar_overlay {
		position: fixed;
		z-index: 20;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		transition: .5s;
		display: none;
		background-color: rgb(0, 0, 0, .7);
	}
	.menu_open .sidebar_overlay {
	    display: block;
	    opacity: 1;
	}
	.sidebar_menu {
		position: fixed;
	    z-index: 100000;
	    height: 100%;
	    width: 0;
	    top: 0;
	    right: 0;
	    background-color: #294c69;
	    overflow-x: hidden;
	    transition: .2s;
	    flex-direction: column;
	    display: flex;
	    padding-top: 10px;
	}
	.sidebar_menu .app_menu {
		display: flex;
		flex-direction: column;
	}
	.sidebar_menu .app_menu a {
	    color: #fff;
	    text-decoration: none;
	    font-weight: 700;
	    text-transform: uppercase;
	    padding: 5px 10px;
	    margin-bottom: 5px;
	    border-bottom: 1px solid rgb(255, 255, 255, .05);
	}
	.sidebar_menu .app_banners {
	    display: flex;
	    padding: 5px 15px;
	}
	.sidebar_menu .app_banners a {
		flex: 0 0 25%;
		font-size: 10px;
		font-weight: 700;
		text-align: center;
		text-decoration: none;
		color: #fff;
	}
	.sidebar_menu .app_banners a img { max-width: 75% }
	.menu_open .sidebar_menu {
	    display: flex;
	    opacity: 1;
	    width: 80%;
	}
	
	.sidebar_menu .app_lang {
		display: flex;
		padding: 15px 10px;
		justify-content: center;
	}
	.sidebar_menu .app_lang a {
	    color: #fff;
	    text-decoration: none;
	    padding: 0 10px;
		opacity: .5;
	}
	.sidebar_menu .app_lang a.current { opacity: 1 }
	.post_time {
		font-size: 12px;
		padding: 0 15px;
	}
	.content { padding: 0 }
	.content p { padding: 0 15px }
	.content h1.title { font-size: 18px }
	
	.team.item_box .item_meta { padding: 5px 10px }
	.team_info { flex-direction: column }
	.team_info .p15 { padding: 5px }
	.team_info .more_info strong { font-weight: 500 }
	.team_info .more_info strong,
	.team_info .more_info span {
		text-wrap: nowrap;
		font-size: 12px;
		margin-bottom: 5px;
	}
	.team_link i { display: none }
	.team_link a { font-size: 10px }
	.person_wrap { flex: 0 0 50% }
	.person_box .person_meta .person_name span { font-size: 14px }
	.person_box .person_meta .person_name i { font-size: 12px }
	.application_wrap h3 {
		font-size: 18px;
		padding: 0 10px;
		margin: 10px 0;
	}
	.person_info {
	    padding: 5px 0;
	    font-size: 12px;
	}
	.breadcrumb { overflow: hidden }
	.small_tournament_tabs {
		display: flex;
		padding: 0;
		overflow-x: scroll;
	}
	.small_tournament_tabs::-webkit-scrollbar { display: none }
	.small_tournament_tabs a {
		font-size: 14px;
		margin: 5px 5px 0;
	}
	.stats_tabs a { font-size: 12px }
	.top_scores_wrap,
	.table_wrap,
	.results_wrap,
	.matches_wrap { padding: 10px 5px }
	.matches_wrap .tour_box { padding: 10px 5px }
	.matches_wrap .match_box { margin: 5px 0 }

	.match_final_data { margin: 15px 10px }
	.match_final_data .match_teams_box {
		font-size: 16px;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	.match_final_data .match_teams_box .match_away_team_box { flex-direction: column }
	.match_final_data .match_teams_box .match_home_team_box { flex-direction: column-reverse }
	.match_final_data .match_teams_box img { max-width: 75px }
	
	.match_event_box .match_event_data_box { padding: 0 }
	.match_event_box .match_event_data_box .match_event_val .event_minute {
	    text-wrap: nowrap;
	    margin: 0 3px;
	}
	.match_event_box .match_event_data_box .match_event_val img {
		max-width: 18px;
		margin: 0 3px;
	}
	.match_event_box .match_event_data_box .match_event_val { font-size: 12px }

	.blue_tabs {
		padding: 0 15px;
		justify-content: flex-start;
		overflow-x: scroll;
	}
	.blue_tabs::-webkit-scrollbar { display: none }
	.blue_tabs a {
		font-size: 14px;
		padding: 5px;
	}
	.small_title { text-align: center }
	.personal_box {
	    flex-direction: column;
	    padding: 0 15px;
	}
	.personal_box .flex_25 {
		justify-content: center;
		margin-right: 0;
	}
	.personal_box h4, .personal_box h5 { text-align: center }
	.personal_box h4 { padding-top: 15px }

	.delegates_list .delegate_box {
	    flex-direction: column;
	    padding: 0 15px;
	}
	.delegates_list .delegate_box img { margin: 0 auto 15px }
	.delegates_list .delegate_box .delegate_meta p {
		padding: 15px 0;
		text-align: center;
	}
}
@media (min-width: 576px) {
	.container {
		max-width: 540px
	}
}
@media (min-width: 768px) {
	.container {
		max-width: 720px
	}
}
@media (min-width: 992px) {
	.container {
		max-width: 960px
	}
}
@media (min-width: 1200px) {
	.container {
		max-width: 1140px
	}
	.full_container { padding: 30px 15px }
	.tournament_data { padding: 30px 5px }
}
@media (max-width: 1200px) {
	.slider_wrap .slider_box .slider_meta {
		padding: 15px;
		width: 100%;
	}
	.slider_wrap .slider_box .slider_meta .slider_title { font-size: 28px }
	.slider_wrap .slider_box .slider_meta .slider_desc { font-size: 16px }
}
@media (max-width: 1600px) {
	.slider_wrap .slider_box .slider_meta {
		padding: 15px;
		width: 100%;
	}
	.slider_wrap .slider_box .slider_meta .slider_title { font-size: 28px }
	.slider_wrap .slider_box .slider_meta .slider_desc { font-size: 16px }
}
@media (min-width: 1400px) {
	.container {
		max-width: 1180px
	}
	.full_container { padding: 35px 80px }
}
@media (max-width: 700px) {
	.slider_wrap .slider_box .slider_meta {
		padding: 15px;
		width: 100%;
	}
	.slider_wrap .slider_box .slider_meta .slider_title { font-size: 18px }
	.slider_wrap .slider_box .slider_meta .slider_desc { font-size: 12px }
}