@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	font-display:swap;
	src: url('../fonts/numFa/eot/IRANSansWeb(FaNum)_Bold.eot');
	src: url('../fonts/numFa/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/numFa/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/numFa/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/numFa/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	font-display:swap;
	src: url('../fonts/numFa/eot/IRANSansWeb(FaNum)_Medium.eot');
	src: url('../fonts/numFa/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/numFa/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/numFa/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/numFa/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	font-display:swap;
	src: url('../fonts/numFa/eot/IRANSansWeb(FaNum).eot');
	src: url('../fonts/numFa/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/numFa/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/numFa/woff/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/numFa/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}
@font-face{font-family:Rubik;font-weight:300;src:url("../fonts/rubik-v9-latin_cyrillic-300.woff2") format("woff2");font-display:swap;}
@font-face{font-family:Rubik;font-weight:normal;src:url("../fonts/rubik-v9-latin_cyrillic-400.woff2") format("woff2");font-display:swap;}
@font-face{font-family:Rubik;font-weight:500;src:url("../fonts/rubik-v9-latin_cyrillic-500.woff2") format("woff2");font-display:swap;}
@font-face{font-family:Rubik;font-weight:bold;src:url("../fonts/rubik-v9-latin_cyrillic-700.woff2") format("woff2");font-display:swap;}

/* fontTvarzesh for Icons */
@font-face {
  font-family: 'fontTvarzesh';
  src:  url('../fonts/fontTvarzesh.eot');
  src:  url('../fonts/fontTvarzesh.eot#iefix') format('embedded-opentype'),
    url('../fonts/fontTvarzesh.ttf') format('truetype'),
    url('../fonts/fontTvarzesh.woff') format('woff'),
    url('../fonts/fontTvarzesh.svg#fontTvarzesh') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.fa {
  font-family: 'fontTvarzesh' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-navicon:before {
  content: "\f0c9";
}
.fa-reorder:before {
  content: "\f0c9";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-soccer-ball-o:before {
  content: "\f1e3";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}


* {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:middle; background:transparent;}
table{border-collapse:collapse; border-spacing:0}
select{font: 13px/20px IRANSans,tahoma}
ul li {list-style: outside none none; text-align: justify}
a {color: #333; text-decoration: none}

*::before, *::after {
    font-family: fontTvarzesh, Fontawesome;
    display: inline-block;
    font-style:normal;
}

body *:not(ul.sort-by){
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: thin;  /* Firefox */
}
body *:not(ul.sort-by)::-webkit-scrollbar { /* webkit: Chorome & Safari */
    -webkit-appearance: none;
    width: 9px;
    height: 9px
}
body *:not(ul.sort-by)::-webkit-scrollbar-track {
    -webkit-appearance: none;
    background: #fff
}
body *:not(ul.sort-by)::-webkit-scrollbar-thumb {
    -webkit-appearance: none;
    box-shadow: inset 0 0 0 2px #fff;
    background: #b3b3b3
}

body {
    font: 13px/25px IRANSans, Rubik, Arial, sans-serif;
    direction: rtl;
    color: #333;
    background: #fafafa;
    overflow-x: hidden !important;
}

header {display:flex; background:#fff; height: 50px; border-bottom:3px solid #47618a; margin: 0 auto; overflow: hidden;}

header > *:not(ul):not(.mn-leagues):not(.closeMenu) {width: 60px; line-height:50px; text-align: center; font-size:16px;}
.site-logo {float:right; position:relative; z-index:1; margin-left:20px; width:160px !important; font-size:20px; font-weight:bold; color:#fff; box-sizing: border-box;}
.site-logo::before {content: ''; transform: skewX(-33deg); -webkit-transform: skewX(-33deg); background: #47618a; position: absolute; left: 0px; top: 0; bottom: -1px; right: -1000%; z-index: -1}
.site-logo a {color:#fff}
.lang-menu, .main-menu {cursor:pointer;}
.main-menu .fa-close{color:red}
.main-menu {display:none}

.lang-menu {float:left;}
.lang-menu #sel-lang {position:absolute; width: 0; border-radius: 5px; background:#fff; overflow:hidden; z-index:10; transition: 0.15s; margin-top:-45px; margin-right:-2px}
.lang-menu #sel-lang div {display: flex; align-items: center; direction: ltr; padding:0 10px; white-space: nowrap;}
.lang-menu img {width:20px; height:20px;}
.lang-menu #sel-lang img {margin-right: 10px}
.lang-menu:hover #sel-lang {width:140px; border: 1px solid #ccc; margin-right:-144px}
.lang-menu #sel-lang div:hover {background: #eee;}

ul.menu {width: calc( 100% - 220px ); display: flex;}
.menu a:hover, .menu a:hover :before {color: red;}
.menu li {display: flex; line-height: 40px; text-align:center; height: 50px; padding: 5px 10px; cursor:pointer;}
.menu li::before {margin: 0 5px; font-size: 12px; color:#47618a;}
.menu > *:nth-child(1) li::before {content: "\f1e3";}
.menu > *:nth-child(2) li::before {content: "\f0ce";}
.menu > *:nth-child(3) li::before {content: "\f1ea";}
.mn-leagues {display:flex; position: fixed; bottom:calc( 100% - 53px ); top:53px; left: 0; right: 0; z-index:100; text-align:right; background: #fcfcfc; transition: all 300ms ease-in-out; overflow-y:auto;}
.mn-leagues > div {flex:1; margin:0 15px; padding: 10px;}
.mn-leagues a {display:block; line-height:35px; margin:5px 0;}
.mn-leagues h3 {background: #a7a7d5; padding: 0 10px; border-radius: 5px; color: #333; line-height: 40px; border-bottom:2px solid #eee;}
.mn-leagues h3.simple {color:#989898; font-weight: bold; line-height: 40px; border-bottom:2px solid #eee;}
.mn-leagues img {width:18px; height:18px; margin:0 7px;}
.mn-leagues span {transition: all 0.2s;}
.mn-leagues a:hover {background:#f2f2f2;}
.mn-leagues a:hover span {padding-right: 20px;}
.closeMenu {position:fixed; top:0; bottom:0; left:0; right:0; display:none; z-index:99}

#sidebar {position: fixed; top: 60px; z-index: 1001; width: 200px; height: 100%; padding: 0px; background-color: #f5f5f5; border-right:1px solid #e8e8e8; border-left:1px solid #e8e8e8; transition: all 300ms ease-in-out; overflow-y: auto;}
#sidebar.right {right: -240px;}
#sidebar.left {left: -240px;}
.closeSidebar {display: none; position: fixed; top: 60px; bottom: 0; z-index: 1001;}
.closeSidebar.right {right: 200px; left:0;}
.closeSidebar.left {right:0; left: 200px;}

.main {display:flex; background-color: white; margin: 0 auto;}
.main > section {flex:1;}
.main > section.half {}

.seo-title {display:none}

*:not(.team-header) > h1 {text-align: center; line-height: 40px; border-bottom: 1px solid #eee; display:none}
#livescore > h1 {display:block; background: #b7c3d9; border-radius: 5px 5px 0 0}
#league-standings h3 {display:none}

ul.sort-by:not(.btn) {display:flex; border-bottom: 2px solid whitesmoke; background: #b7c3d9; border-radius: 0 0 5px 5px; margin: 0 5px; overflow: auto}
ul.sort-by:not(#league-tabs) li, ul.sort-by#league-tabs li a {display:block; color:#333; font-weight: 500; padding:5px 30px; text-align: center; white-space: nowrap; cursor:pointer;}
ul.sort-by:not(.btn) li:hover {border-bottom: 3px solid #00985F;}
ul.sort-by:not(.btn) li.active {color: #00985F; border-bottom: 3px solid #00985F;}
ul.sort-by.btn {display:flex;}
ul.sort-by.btn li {margin:0 10px; border: 1px solid #a9b1bb; border-radius:20px}
ul.sort-by.btn li:hover {background:#b7c3d9}
ul.sort-by.btn li.active {color: #00985F; background:#d8d8e6}

.matches .items {line-height: 20px; margin: 10px 0; border: 1px solid #ccc; border-radius:5px;}
.matches .items h2 {background: #d8d8e6; line-height:45px; font-weight: 500; padding:0 10px; border-radius: 5px 5px 0 0; margin:-1px -1px 0 -1px}
.matches#livescore .items h2 {background: #a7a7d5; white-space: nowrap; overflow: hidden;}
.matches .items h2 img {width: 15px; height:15px;}
.matches .items h2 span {padding:0 10px;}
.matches .items .match {display: flex; position:relative; height:70px; align-items: center; border-bottom: 1px solid #f5f5f5; margin:0 5px}
.matches .items .match:last-child {border-bottom:unset}
.matches .items .match:hover {background:#f2f4f7;}
.matches .items .match > div {width:calc( 50% - 40px ); display:flex; justify-content: center; align-items: center}
.matches .items .match.ongoing::before {position: absolute; right: -1px; top: 10px; content: ""; display: block; border-radius: 6px; width: 3px; height: 50px; background-color: #0dc85b;}
.matches .items .match .home-team {justify-content: flex-end; white-space: nowrap; overflow: hidden;}
.matches .items .match .away-team {justify-content: flex-start; white-space: nowrap; overflow: hidden;}
.matches .items .match .status {display:grid; width: 80px;}
.matches .items .match .status.change-score {background: #fdc8f5; border-radius: 5px; padding:3px 0}
.matches .items .match .status > span {text-align:center;}
.matches .items .match .status .match-score, 
.matches .items .match .status .match-time {font-size: 14px; font-weight: 500; white-space: nowrap;}
.matches .items .match .status .match-time {color: #858585;}
.matches .items .match .status .elapsed, .items .match .status .finished {font-size: 11px; color: green; height:20px}
.matches .items .match img {width:25px; height:25px; margin:0 5px;}
.matches .items .elapsed::before {content: "’"; font-size:14px; font-weight: bold; margin-left:2px; -webkit-animation: blink 1s infinite; animation: blink 1s infinite}
.matches .items.nomatches {height: 340px; text-align: center; line-height: 50px; font-size: 15px; color: #aaa; background: url(/images/nomatches.jpg) no-repeat center 40px;}

#livescore {padding:5px;}
#livescore nav {border-bottom:1px solid whitesmoke; background: #b7c3d9; border-radius: 0 0 5px 5px; overflow:hidden;}
#livescore nav > * {float:right; text-align: center; font-size:13px;}
#livescore nav > span {width:calc( 100% - 100px ); line-height:40px; font-weight:700; cursor:pointer}
#livescore nav > a {height: 30px; width: 30px; line-height: 30px; font-size:14px; border-radius: 50%; background: #f5f5f5; color: #989898; margin: 7px 10px;}
#livescore nav .nav-yesterday::before {content:"\f054"}
#livescore nav .nav-tomorrow::before {content:"\f053"}
#livescore nav .nav-up::after {content: "\f0d8"; font-size: 16px; margin: 0 5px}
#livescore nav .nav-down::after {content: "\f0d7"; font-size: 16px; margin: 0 5px}
#livescore nav > a:hover {background:#c9d1fb}
#livescore.matches ul.sort-by li {width:unset; padding: 18px;}
#livescore.matches ul.sort-by li.active {border-bottom:unset;}
#livescore #livescore-sort {display:none}

.league-header {display: flex; align-items: center; padding: 20px; margin: 5px 5px 0; background: #b7c3d9; border-radius: 5px 5px 0 0; overflow:hidden}
.league-header .league-logo {width: 50px; height: 50px; margin: 0 10px}
.league-header .league-name span {display: block; font-size: 22px; font-weight: bold;}

#matches-sort {display:none}
#matches {padding:5px;}
#matches.matches .items .match .status .finished {display:none}

#nav-by-round {display:none;}
ul.nav-by-round {display:flex; align-items:center; height:50px;}
ul.nav-by-round li {width:90px; height: 30px; display:flex; align-items: center; justify-content: center;}
ul.nav-by-round li.select {flex:2; margin:0 20px;}
ul.nav-by-round select {width:100%; height: 100%; border: 1px solid #e5e5e5; border-radius: 3px}
ul.nav-by-round li.next,
ul.nav-by-round li.prev {border:1px solid #e5e5e5; border-radius:3px; cursor:pointer;}
ul.nav-by-round li.next:hover,
ul.nav-by-round li.prev:hover {background:#c9d1fb; border:1px solid #c9d1fb;}

.league-standings {padding:5px; line-height:15px;}
.league-standings h3 {line-height: 20px; padding:20px 10px 0 0;}
.league-standings .standings-rows {display:flex; height: 50px; border-bottom: solid 0.5px #f5f5f5; position: relative;}
.league-standings .standings-rows:hover {background:#f2f4f7;}
.league-standings .standings-rows > span {display:flex; flex:1; align-items: center; justify-content: center; margin: 3px 0}
.league-standings .standings-rows > span:first-child {margin-right: 5px; border-radius:0 5px 5px 0;}
.league-standings .standings-rows > span:last-child {margin-left: 5px; border-radius: 5px 0 0 5px;}
.league-standings .standings-rows.active-team > span {background: #f4f4f4}
.league-standings .standings-rows::before {position: absolute; right: -1px; top: 4px; content: ""; display: block; border-radius: 6px; width: 3px; height: 42px;}
.league-standings .standings-legend span::before {display: inline-block; content: ""; width: 8px; height: 8px; margin-left: 10px;}
.league-standings .standings-legend span {display:inline-block; line-height: 30px; margin-left:20px;}
.league-standings .standings-legend {padding:10px;}
.league-standings .cc9dd03::before {background: #c9dd03;}
.league-standings .c2ad572::before {background: #2ad572;}
.league-standings .c0046a7::before {background: #0046a7;}
.league-standings .cff0000::before {background: #ff0000;}
.league-standings .cf7f150::before {background: #f7f150;}
.league-standings .c0294f0::before {background: #0294f0;}
.league-standings .cf77f50::before {background: #f77f50;}
.league-standings .c3e93e8::before {background: #3e93e8;}
.league-standings .cff4646::before {background: #ff4646;}
.league-standings .cffd908::before {background: #ffd908;}
.league-standings .cffa72f::before {background: #ffa72f;}
.league-standings .c02ccf0::before {background: #02ccf0;}
.league-standings .heading {color: #989898;}
.league-standings .standings-rows:not(.heading) span:not(.team) {font-size:14px}
.league-standings .standings-rows .team a {display: flex; align-items: center; justify-content: flex-start; width: 100%;}
.league-standings .standings-rows .rank {flex:0.5; justify-content: flex-end}
.league-standings .standings-rows .team {flex:4}
.league-standings .standings-rows .goals,
.league-standings .standings-rows .goal-average {direction:ltr}
.league-standings .standings-rows .form {flex:3}
.league-standings .standings-rows .points {font-weight: 500; color:red}
.league-standings .team img {float:right; width: 22px; height:22px; margin:0 10px;}
.league-standings .next-match img {width:15px; height:15px; cursor:pointer}
.league-standings .form span {width: 20px; height: 20px; margin: 0 2px; border-radius: 50%; color: white; font-size:10px !important; font-weight: 500; display: flex; align-items: center; justify-content: center; position: relative; cursor:pointer}
.league-standings .form span.W {background:#00985f;}
.league-standings .form span.D {background:#8d9499;}
.league-standings .form span.L {background:#e55e5b;}
.league-standings .form span:last-child::after {content: ""; display: block; width: 16px; bottom: -4px; left: 2px; position: absolute; border-bottom: 2px solid; border-bottom-color: currentcolor; border-bottom-color: inherit; border-radius: 2px;}
.league-standings .form span:last-child.W {border-bottom-color: #00985f;}
.league-standings .form span:last-child.D {border-bottom-color: #8d9499;}
.league-standings .form span:last-child.L {border-bottom-color: #e55e5b;}

#league-standings {float: right; width: calc(100% - 400px); box-sizing: border-box;}
#league-stats {float: left; width: 400px; padding: 5px; box-sizing: border-box; overflow: hidden}
#league-stats h3 {line-height: 50px; text-align: center; border-radius: 5px 5px 0 0; background: #c5cdec; position: relative; z-index: 10;}
#league-stats #match-lineup, #league-stats .stats-list {margin-bottom:10px}
#league-stats .stat-row {display:flex; justify-content: center; align-items: center; height: 60px; padding: 5px; border-bottom: solid 0.5px #f5f5f5;}
#league-stats .player-image {width:40px; height:40px}
#league-stats .player-name {flex:2; padding:0 5px}
#league-stats .team-image {width:18px; height:18px}
#league-stats .team-name {display:block; color: #aaa}
#league-stats .stat-value {width:30px; text-align: center; font-size: 16px}

#stats {padding:5px}
#stats .stats-list {overflow:hidden;}
#stats .stats-list .stat {float: right; width: calc( 50% - 10px ); border: 1px solid #e5e5e5; box-sizing: border-box; margin: 5px; overflow:hidden}
#stats .stats-list .stat h3 {line-height: 40px; padding: 0 10px; font-weight: bold; white-space: nowrap; text-transform: uppercase;}
#stats .stats-list .stat .foremost {display: grid; height: 100px; background:#f5f5f5; grid-template-columns: 1fr max-content; grid-template-rows: 15px max-content 1fr; row-gap: 5px; padding: 15px 20px 0px; margin-bottom:5px;}
#stats .stats-list .stat .foremost .player-name,
#stats .stats-list .stat .foremost > .team-name {font-size: 18px;}
#stats .stats-list .stat .foremost .stat-value {align-self: center; font-size: 20px; letter-spacing: 0.3px; font-weight: 500; grid-area: 3 / 1 / span 1;}
#stats .stats-list .stat .foremost .player-image {width:80px; height:80px; align-self: flex-end; grid-area: 1 / 2 / span 3;}
#stats .stats-list .stat .foremost .player-team {display: flex; color: #989898; -moz-box-align: center; align-items: center; -moz-box-pack: start; justify-content: flex-start;}
#stats .stats-list .stat .foremost .player-team .team-logo {width:14px; height: 14px;}
#stats .stats-list .stat .foremost .player-team .team-name {margin:0 5px;}
#stats .stats-list .stat .foremost .team-image {width:80px; height:80px;}
#stats .stats-list .stat .stat-row {display:flex; align-items:center; padding:5px 10px 5px 20px}
#stats .stats-list .stat .stat-row .player-image,
#stats .stats-list .stat .stat-row .team-image {width:40px; height:40px;}
#stats .stats-list .stat .stat-row .player-name,
#stats .stats-list .stat .stat-row .team-name {flex:1; font-size: 14px; white-space: nowrap; margin:0 5px;}
#stats .stats-list .stat .stat-row .stat-value {flex:1; font-size: 15px; font-weight: 500; display: flex; justify-content: flex-end}
#teams-stats {display:none;}

#trophies {padding:5px}
#trophies .trophies-list {overflow:hidden;}
#trophies .trophies-list .stat {display: grid; grid-auto-rows: max-content; grid-template-columns: 25px 1fr 25px 1fr; gap: 5px 10px; padding: 10px; margin:5px; border: 1px solid #efefef; box-sizing: border-box; float: right; width: calc( 50% - 10px ); overflow: hidden;}
#trophies .trophies-list .stat h3 {color: #8b8b8b; font-weight: bold; grid-area: 1 / 1 / span 1 / span 4; justify-self: center;}
#trophies .trophies-list .stat .team-logo {grid-row: 2 / 4; align-self: center; width:25px; height: 25px}
#trophies .trophies-list .stat .team-name {font-weight: bold; align-self: center; white-space: nowrap; overflow: hidden;}
#trophies .trophies-list .stat .team-rank {color: #8b8b8b; grid-row-start: 3;}

#transfer-list {padding:5px; overflow:hidden}
.transfer-row {display:flex; float: right; width: calc( 50% - 10px ); border: 1px solid #e5e5e5; box-sizing: border-box; margin: 5px; overflow: hidden;}
.transfer-row .player-image img {width:55px; height:55px; border-radius: 50%; margin-top: 14px; background: #f5f5f5}
.transfer-row .transfer-detail > div {color: #808080; line-height:30px; margin:0 5px;}
.transfer-row .transfer-detail {overflow:hidden}
.transfer-row .transfer-detail .player-name {color:#515151; font-size: 15px; font-weight: 500; white-space: nowrap;}
.transfer-row .transfer-detail .from-team,
.transfer-row .transfer-detail .to-team {color:#515151;}
.transfer-row .transfer-detail .from-team img,
.transfer-row .transfer-detail .to-team img {width:20px; height: 20px; margin:0 5px;}
.transfer-row .transfer-detail > div > span {display:inline-block;}
.transfer-row .transfer-detail > div > span:first-child {margin-left: 5px;}

.team-header {display: flex; align-items: center; padding: 20px; margin: 5px 5px 0; background: #b7c3d9; border-radius: 5px 5px 0 0}
.team-header .team-logo {width: 50px; height: 50px; margin: 0 10px 10px}
.team-header .team-name span {display: block; font-size: 16px; font-weight: 300; white-space: nowrap; }
.team-header .team-name span:first-child {font-size: 24px; font-weight: bold; margin-bottom:10px}
#team-tables,
#team-fixture,
#team-squad,
#team-transfers {display:none; padding:5px; overflow:hidden}
#team-overview .prev-next-match {display:flex; text-align:center; line-height: 35px; font-size: 14px; white-space: nowrap;}
#team-overview .prev-next-match > div {flex:1; display:flex; align-items: center; margin:10px; padding:5px; border:1px solid #eee; border-radius:5px;}
#team-overview .prev-next-match > div:hover {background:#f9f9f9;}
#team-overview .prev-next-match > div > div {flex:1;}
#team-overview .prev-next-match span {display:block;}
#team-overview .prev-next-match img {margin-bottom:10px;}
#team-overview .prev-next-match .status .win {background:green; color: #fff; margin: 0 20px; border-radius: 5px;}
#team-overview .prev-next-match .status .lose {background:red; color: #fff; margin: 0 20px; border-radius: 5px;}
#team-overview .prev-next-match .status .draw {background:#999; color: #fff; margin: 0 20px; border-radius: 5px;}
#team-overview .stadium {display:flex; margin: 10px; border: 1px solid #eee; border-radius: 5px;}
#team-overview .stadium > div {flex:1; padding:5px;}
#team-overview .stadium .image {flex:0.5;}
#team-overview .stadium .info {flex:2; overflow:hidden;}
#team-overview .stadium span {display:block;}
#team-overview .stadium .info span {float: right; width: calc( 100% - 120px ); line-height: 30px;}
#team-overview .stadium .info span:nth-child(2n+1) {width:120px;}
#team-overview .stadium .venue .title {font-weight: bold;}
#team-overview .stadium .venue .name {font-size: 18px;}
#team-overview .stadium .venue .city {font-size: 14px; color:#717171;}
#team-overview .stadium .image img {width:calc( 100% - 20px ); border-radius: 10px;}

#team-squad h2, #team-transfers h2 {float: right; width: calc(100% - 10px ); line-height: 35px; margin: 5px; padding: 0 20px; background: #e1e2ec; box-sizing: border-box; font-weight: bold; text-transform: uppercase;}
#team-squad .player {display: grid; grid-template-columns: 70px 20px auto; align-items: center; border: 1px solid #eee; border-radius: 5px; margin: 10px; padding: 10px; float: right; width: calc( 33.33% - 20px ); box-sizing: border-box; overflow: hidden}
#team-squad .player .player-image {grid-area: 1 / 1 / span 2; width: 40px; height: 40px}
#team-squad .player .player-name {grid-area:1 / 2 / span 1 / span 2;}
#team-squad .player .country-flag {grid-area: 2 / 2; width: 14px; height: 14px}
#team-squad .player .country-name {grid-area: 2 / 3; color: #989898;}

#team .matches .items {border:unset}
#team .matches .items .date {display:block; background: #d8d8e6; padding: 7px 10px; border-radius: 3px;}
#team .matches .items .match .status .match-score.win {color:green;}
#team .matches .items .match .status .match-score.lose {color:red;}
#team .matches .items .match .status .match-score.draw {color:#999;}

#match .match-header {display:flex; text-align:center; padding:30px 10px; margin: 5px 5px 0; background: #b7c3d9; border-radius: 5px 5px 0 0}
#match .match-header > * {flex:1; display:flex; flex-flow:column nowrap; align-items: center;}
#match .match-header img {width:50px; height: 50px}
#match .match-header span {padding-top: 15px; max-width: 100px; text-align: center}
#match .match-header .status .match-time,
#match .match-header .status .match-score {font-size: 32px; font-weight: 500; white-space: nowrap}
#match .match-header .status .match-date,
#match .match-header .status .finished,
#match .match-header .status .elapsed {font-size: 14px; font-weight: bold; color: #838383;}
#match .match-header .status .elapsed {color: green;}
#match .match-header .status .elapsed::before {content: "’"; font-size:14px; font-weight: bold; margin-left:2px; -webkit-animation: blink 1s infinite; animation: blink 1s infinite}
#match #match-stats,
#match #match-lineup,
#match #match-table,
#match #match-h2h,
#match #match-events {display:none;}

#match-events {padding:10px}
#match-events li {height: 50px; border-bottom: 1px solid #f5f5f5; display: grid; grid-template-columns: 1fr max-content 1fr; column-gap: 5px; -moz-box-align: center; align-items: center; overflow:hidden}
#match-events li .eventTime {padding: 2px 12px; border-radius: 15px; background-color: #f0f0f0; height: 30px; line-height: 30px; font-size: 15px; font-weight: bold; grid-area: 1 / 2; direction:ltr}
#match-events li .addedTime {grid-area: 1 / 2 / span 1; font-size: 15px; line-height: 1.2; letter-spacing: 0.23px; color: #717171; direction:ltr}
#match-events li .pauseTime {grid-area: 1 / 2; font-size: 13px; font-weight: bold;}
#match-events li div {overflow: hidden}
#match-events li .eventDesc.home {justify-self: flex-end}
#match-events li .eventDesc.away {justify-self: flex-start; grid-area: 1 / 3}
#match-events li span {display:flex; white-space: nowrap;}
#match-events li .eventDesc.home span {justify-content:left; direction:ltr}
#match-events li div span:before {content: ""; margin:2px 5px; width: 20px; height: 20px; border-radius: 50%; background-position:center center; background-repeat:no-repeat}
#match-events li .YellowCard span:before {background-image: url(/images/events/yc.png)}
#match-events li .RedCard span:before {background-image: url(/images/events/rc.png)}
#match-events li .YellowRedCard span:before {background-image: url(/images/events/2yc.png)}
#match-events li .GoalPenalty span:before {background-image: url(/images/events/pg.png)}
#match-events li .MissedPenalty span:before {background-image: url(/images/events/mp.png)}
#match-events li .Goal span:nth-child(2):before {background-image: url(/images/events/assist.png)}
#match-events li .Goal span:nth-child(1):before {background-image: url(/images/events/goal.png)}
#match-events li .GoalOwn span:before {background-image: url(/images/events/goal.png)}
#match-events li .Substitution span:before {background-image: url(/images/events/subout.png)}
#match-events li .Substitution span:nth-child(1):before {background-image: url(/images/events/subin.png)}

#match-stats {padding: 10px;}
#match-stats .stat {display: flex; line-height:50px; border-bottom: 1px solid #f5f5f5;}
#match-stats .stat:last-child {border-bottom: unset;}
#match-stats .stat.header {background:#eff1f4}
#match-stats .stat:first-child span {font-weight: bold}
#match-stats .stat:first-child span.value::before {content: "%";}
#match-stats .stat span {flex:1; text-align: center; color: #838383;}
#match-stats .stat span.value {font-size: 16px}
#match-stats .stat span.value.green {color: green;}
#match-stats .stat span.value.red {color: red;}

#match-h2h {padding:10px;}
#match-h2h .h2h-header {display:flex; height: 90px; align-items: center; border-bottom: 1px solid #f3f3f3}
#match-h2h .h2h-header > div {flex:1; text-align:center; line-height: 30px}
#match-h2h .h2h-header > div span {display:block; font-size: 24px;}
#match-h2h .h2h-header > div span:last-child {font-size: 14px; color: #838383;}

#match-h2h .match {display:flex; height: 30px; padding-bottom: 10px; border-bottom:1px solid #f3f3f3}
#match-h2h .match > div {width: calc( 50% - 40px ); display: flex; justify-content: center; align-items: center;}
#match-h2h .match .home-team {justify-content: flex-end; white-space: nowrap;}
#match-h2h .match .away-team {justify-content: flex-start; white-space: nowrap;}
#match-h2h .match img {width: 25px; height: 25px; margin: 0 5px}
#match-h2h .match span {white-space: nowrap}
#match-h2h .match .status {color: #858585; width:80px}
#match-h2h .league-date {overflow:hidden; padding:10px 10px 0 10px; color: #989898}
#match-h2h .league-date .league {float:right;}
#match-h2h .league-date .date {float:left;}

#match-fact .match-info {padding:10px; border-bottom:1px solid #f3f3f3; overflow: hidden}
#match-fact .match-info span {float:right; width:calc( 100% - 120px ); line-height: 30px}
#match-fact .match-info span:nth-child(odd) {width:120px; font-weight: 500;}

#match-fact .team-forms {padding: 10px 10px 20px 10px; line-height: 15px; overflow: hidden}
#match-fact .team-forms h3 {line-height:40px;}
#match-fact .team-forms > div {float:right; width:50%; display: flex; align-items: center; justify-content: center}
#match-fact .team-forms .form span,
#match-fact .team-forms .logo img {width: 20px; height: 20px; border-radius: 50%; color: #fff; font-weight: 500; margin: 0 8px; display: flex; align-items: center; justify-content: center; position: relative; cursor:pointer}
#match-fact .team-forms .logo img {margin-top:5px;}
#match-fact .team-forms .form span.W {background: #00985f;}
#match-fact .team-forms .form span.D {background: #8d9499;}
#match-fact .team-forms .form span.L {background: #e55e5b;}
#match-fact .team-forms .form span:last-child.W {border-bottom-color: #00985f;}
#match-fact .team-forms .form span:last-child.D {border-bottom-color: #8d9499;}
#match-fact .team-forms .form span:last-child.L {border-bottom-color: #e55e5b;}

#match-lineup .possible-lineup {background: #e3e3e3; line-height: 60px; text-align:center;}
#match-lineup .lineup-header {display:flex; background: #a4a8b3; line-height: 60px; align-items: center; padding:0 10px;}
#match-lineup .lineup-header > span:last-child {margin-right:auto; direction:ltr;}
#match-lineup .lineup-header img {width:15px; height: 15px; margin:0 5px;}
#match-lineup .lineup-header > span:last-child {}
#match-lineup .lineup-home,
#match-lineup .lineup-away {position: relative; background: linear-gradient( to bottom,#f5f7f8,#f5f7f8 50%,#f0f2f4 50%,#f0f2f4 ); background-size: 100% 150px;}
#match-lineup .lineup-row {display:flex; align-items: center; justify-content: center; direction:ltr}
#match-lineup .lineup-row .lineup-player {flex:1; text-align: center; z-index: 2; position:relative}
#match-lineup .lineup-row img,
#match-lineup .lineup-bench img {width: 40px; height: 40px}
#match-lineup .lineup-row .lineup-player > span {display:block}
#match-lineup .lineup-player .name {font-family: rubik}
#match-lineup .lineup-player .shirt {color:#989898}
#match-lineup .lineup-home {border-bottom: 7px solid #fff }
#match-lineup .lineup-home .backsvg,
#match-lineup .lineup-away .backsvg {position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 316px; height: 174px;}
#match-lineup .lineup-away .backsvg {bottom: 0px; top: unset; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform-origin: 25% 50%; -ms-transform-origin: 25% 50%; transform-origin: 25% 50%;}
#match-lineup .lineup-away::after {content: ""; width: 180px; height: 180px; border: 7px solid white; border-radius: 50%; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

#match-lineup .lineup-bench {overflow:hidden; text-align:center; padding: 10px 0;}
#match-lineup .lineup-bench h3 {width:100%;}
#match-lineup .lineup-bench .coach-home,
#match-lineup .lineup-bench .coach-away,
#match-lineup .lineup-bench .bench-home,
#match-lineup .lineup-bench .bench-away {float:right; width:50%; box-sizing: border-box;}
#match-lineup .lineup-bench .coach-home,
#match-lineup .lineup-bench .coach-away,
#match-lineup .lineup-bench .lineup-player {position:relative; margin: 25px 0; direction:ltr}
#match-lineup .lineup-bench .coach-home > span,
#match-lineup .lineup-bench .coach-away > span,
#match-lineup .lineup-bench .lineup-player > span {display:block;}

#match-lineup .lineup-player .rating {position: absolute; top: -6px; left: calc( 50% + 3px ); width: 28px; line-height: 18px; border-radius: 3px; color: white; font-size: 12px; background-color: #ffa726}
#match-lineup .lineup-player .sub {position: absolute; top: -6px; right: calc( 50% + 3px ); text-align: left; padding: 0 3px; line-height: 18px; border-radius: 3px; color: white; font-size: 12px; color: #bf4414}
#match-lineup .lineup-player .sub svg {display:block; width:25px; height:18px; border-radius: 3px; fill:#fff; background-color: #bf4414;}
#match-lineup .lineup-player .sub.in {color: #04822f}
#match-lineup .lineup-player .sub.in svg {background-color: #04822f}
#match-lineup .lineup-player .goal,
#match-lineup .lineup-player .assist {position: absolute; top: 25px; left: calc( 50% + 3px ); border-radius:50%}
#match-lineup .lineup-player .assist {display: block; width: 20px; height: 20px; border-radius: 50%; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAdVBMVEVHcEwAu9MAvNQAu9MAutMAu9MAu9MAv98Au9QAu9MAu9MAu9MAvNQAvNMAutMAu9QAvNT///9Azd8wyNwQwNag5u/A7/WQ4uzP8vdQ0eHQ8/eA3upw2eff9/rw+/3v+/2v6vIgxNlg1eSw6vLg9/qP4ex/3elTnBseAAAAEHRSTlMAz2DgsO+AENDwr99/b3BfQ89MJwAAAMRJREFUGNNlkdcCgyAMRSNFA50E3KN2//8nVmVY6n0hHMIlCQCL8LQ/KHXYXxBW4TFVTukxHGCifpQ4jqmKlOI2N+RnaqMssiga1Wpncw5UU2doNHPIgAdc0m0kqueQw87Tnqwe86PgqRmM7osXtfm88zgvdVdV77YpFnNnktc03D5DVS2VKGGfnOik0nhHDswWQXTt134YoJyWK1HxXKlE2/xdd00eNQ8o/kci7AhlTKUfuNjmLjwLF2QW/Sbj0xXBmYNf+YoZT0tfN3cAAAAASUVORK5CYII=) center center #00bcd4 no-repeat;}
#match-lineup .lineup-player .yc,
#match-lineup .lineup-player .rc,
#match-lineup .lineup-player .ycrc {position: absolute; top: 25px; right: calc( 50% + 3px ); display: block; width: 14px; height: 22px; border-radius: 3px; margin-right: 1px; background-color: #f8bf00;}
#match-lineup .lineup-player .rc {background-color: #d8383d}
#match-lineup .lineup-player .ycrc::before {content: ""; display: block; width: 14px; height: 22px; border-radius: 3px; margin-right: 1px; background-color: rgba(218,56,61,1.0); position: relative; left: 4px; top: -3px;}
#match-lineup .lineup-player .teamlogo {position: absolute; top: -10px; right: calc( 50% + 3px )}
#match-lineup .lineup-player .teamlogo img {width:18px; height:18px}

.schema {display:none !important}

.news {padding:5px}
.news h3 {text-align: center; line-height: 40px; border-bottom: 1px solid #eee; background: #b7c3d9; border-radius: 5px 5px 0 0}
.news > div {display:none}
.news #group0 {display:block}
.news .nav-news {display:flex; background: #b7c3d9; border-radius: 0 0 5px 5px}
.news .nav-news li {flex:1; text-align: center; line-height: 42px; cursor:pointer}
.news .nav-news li.active {border-bottom:2px solid green}
.news .nav-news li:hover {color: green}
.news .item {margin: 10px 0; padding:10px; border: 1px solid #ccc; border-radius:5px; cursor:pointer;}
.news .item:hover {background:#f2f4f7;}
.news .news-header {display:flex}
.news .item img {width:150px; height:100px; border-radius:5px}
.news .item .news-title {margin: 0 10px;}
.news .item .news-text {display:none; text-align:justify; line-height:30px}
.news .item .news-text img {width:70%; height:auto}
.news .item span {display:block}
.news .item .title {}
.news .item .date {color: #989898; margin-top:10px}

#calendar-container {position:relative}
#show-calendar {display:flex; justify-content: center; width: 100%; position: absolute; z-index: 10;  height:0px; transition: all 300ms ease-in-out; overflow: hidden;}
.calendar {background:#fff; padding:5px; border:1px solid #c4bfbf; border-bottom:unset border-radius:0 0 5px 5px; box-sizing: border-box; -moz-box-sizing:border-box;}
.calendar .header {line-height:40px; background:#5f647b; color:#fff; text-align:center;}
.calendar .title {line-height:35px; border-bottom: 1px solid #eee;}
.calendar .week {display:flex; text-align: center;}
.calendar .week span {flex:1;}
.calendar .week a {display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; margin:10px; border-radius: 50%;}
.calendar .week a.today {border: 1px solid #aaa;}
.calendar .week a.day {background:green; color:#fff;}
.calendar .week a:hover {background:#eee; color:unset;}

@-webkit-keyframes blink { 
 0% {opacity:0}
 49% {opacity:0}
 50% {opacity:1}
}
@keyframes blink {
 0% {opacity:0}
 49% {opacity:0}
 50% {opacity:1}
}

/* Locale en And Direction ltr */
body.en {direction:ltr; font-family:Rubik}
body.en .site-logo {float:left; margin-left: 0px; margin-right: 20px}
body.en .site-logo::before {transform: skewX(33deg); -webkit-transform: skewX(33deg); right: 0px; left: -1000%}
body.en .lang-menu {float:right;}
body.en .lang-menu #sel-lang {margin-left:-2px; margin-right:unset;}
body.en .lang-menu:hover #sel-lang {width:140px; border: 1px solid #ccc; margin-left:-144px}
body.en .mn-leagues {text-align:left}
body.en #match-fact .match-info span,
body.en #match-fact .team-forms > div,
body.en #match-h2h .league-date .league,
body.en #team-overview .stadium .info span,
body.en #team-squad .player,
body.en #livescore nav > * {float:left;}
body.en #livescore nav .nav-tomorrow::before {content: "\f054";}
body.en #livescore nav .nav-yesterday::before {content: "\f053";}
body.en #match-events li .eventDesc.home span {justify-content:right; direction:rtl}
body.en #match-h2h .league-date .date {float:right;}
body.en #match-lineup .lineup-header > span:last-child {margin-left: auto; margin-right: unset;}
body.en .league-standings .standings-legend span {margin: 0 20px 0 0}
body.en .league-standings .standings-legend span::before {margin-right: 10px; margin-left: unset;}
body.en .league-standings .standings-rows::before {left:-1px; right:unset}
body.en .league-standings .standings-rows > span:first-child {margin-right:0; margin-left:5px; border-radius:5px 0 0 5px;}
body.en .league-standings .standings-rows > span:last-child {margin-right:5px; margin-left: 0; border-radius: 0 5px 5px 0;}
body.en #league-standings {float: left;}
body.en #league-stats {float: right;}

/* Mobile Device */
@media screen and (max-width: 767px){
    body {font-size:12px}
    .main {display:block; margin-bottom:61px;}
    .main > section.half {border-left:unset;}

    .league-header, #match .match-header, .team-header, ul.sort-by:not(.btn) {margin:0; border-radius:0}
    #livescore > h1 {display:none}
    #livescore nav {border-radius: 5px}

    #stats .stats-list .stat,
    #trophies .trophies-list .stat,
    .transfer-row {width:calc( 100% - 10px )}

    #team-squad .player {width:calc( 100% - 20px )}

    .league-standings .standings-rows:not(.heading) span:not(.team) {font-size:13px}
    .league-standings .standings-rows.heading span {font-size:10px}
    .league-standings .standings-rows .form,
    .league-standings .standings-rows .next-match,
    .league-standings .standings-rows .goal-average,
    #team-overview .prev-next-match > div:first-child,
    #team-overview .prev-next-match > div:nth-child(4) {display:none;}

    .league-standings .standings-rows > span.goals {flex:1.3}

    #team-overview .prev-next-match,
    #team-overview .stadium,
    .league-standings .standings-legend span {display:block;}

    #league-standings, #league-stats {width:unset !important; float:unset !important}

    #team-overview .stadium .image img {width:100%;}

    #match-fact .team-forms .form span, 
    #match-fact .team-forms .logo img {margin:0 3px}

    .matches .items .match .status {width:60px}
    .matches .items .match > div {width: calc( 50% - 30px )}
    .matches .items.nomatches {height: 240px;}

    .news .item img {width:100px; height:80px;}

    header {display:block}
    .site-logo {width:50% !important;}
    .mn-leagues {display:block}
    ul.menu {width:unset; background:#f5f5f5; border-top:1px solid #e8e8e8; position: fixed; bottom: 0; left: 0; right: 0; z-index: 98}
    .menu a{flex:1}
    .menu li {display: block; line-height: 25px;}
    .menu li::before {display:block; font-size:20px}
}
@media screen and (max-width: 362px){
    .calendar .week a {width: 25px; height:25px; line-height:25px;}
}
@media screen and (max-width: 327px){
    .calendar .week a {width: 20px; height:20px; line-height:20px;}
}