@media all {
	body {
		--range-modal: 48px;
	}
}

@media all {
	.ads__text {
		align-items: center;
		color: var(--color-text-2);
		display: flex;
		flex-flow: column nowrap;
		font-size: 10px;
		height: 20px;
		justify-content: center;
	}

	.adstextvpad .ads__text {
		flex: 0 0 90px;
		height: 10px;
		margin-left: -38px;
		transform: rotate(-90deg);
	}

	.adscontent {
		height: 100%;
	}

	.adsenvelope {
		margin: 0 auto 12px 8px;
		padding-bottom: 20px;
		position: relative;
	}

	.bannerEnvelope {
		margin-top: 10px;
	}

	.detailbody .bannerEnvelope {
		margin-top: 24px;
	}

	.adstextpad>div {
		position: relative;
	}

	.adstextvpad {
		float: left;
		margin-left: 0;
		padding-bottom: 0;
		padding-right: 12px !important;
	}

	.adstextvpad,
	.adstextvpad>div {
		display: flex;
		flex-flow: row nowrap;
	}

	.adstextvpad>div {
		align-items: center;
		position: relative;
	}

	.adsclick {
		background: #fff;
		cursor: pointer;
		display: block;
		left: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		z-index: var(--zIndex-banner);
	}

	#detail .adsenvelope {
		margin: 0 auto;
		padding-top: 0;
	}
}

@media all {
	body {
		font-family: LivesportFinderLatin, Adjusted Arial Fallback, Arial, sans-serif;
	}
}

@media all {
	.flag {
		background-repeat: no-repeat;
		background-size: auto 100%;
		flex: 0 0 18px;
		height: 12px;
		margin-right: 8px;
		width: 18px;
	}

	.flag.fl_77 {
		background-image: url(https://www.soccer24.com/res/_fs/build/fr.8e1768e.png);
	}

	.logo--mobile.soccer24-com-white {
	
		    background-position: 10px 50%!important;
		background-image: url(/public/img/logo.svg) !important;
    background-repeat: no-repeat !important;
   
    background-size: auto 45px!important;
		
	}

	body {
		text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		background-color: var(--color-combination-7);
		color: var(--color-secondary-2);
		font-size: 13px;
		margin: 0;
		padding: 0;
	}

	a {
		color: var(--color-support-4);
	}

	a,
	a:hover {
		text-decoration: none;
	}

	.star-ico {
		height: 18px;
		width: 18px;
	}

	.card-ico {
		height: 14px;
		width: 9px;
	}

	.yellowCard-ico {
		color: var(--color-yellow);
	}

	.redCard-ico {
		color: var(--color-red);
	}


	.whistle-ico {
		color: var(--color-combination-1);
	}
}

@media all {
	body {
		--width-layout: 1048px;
		--height-oneline: 35px;
		--width-rating: 52px;
		--width-service: 0;
		--width-logo: 23px;
	}

	:root #detail {
		--zIndex-boxOverContent: 10;
		--zIndex-fixedHeader: 20;
		--zIndex-modalWindow-2: 30;
	}
}

@media all {
	.theme--dark {
		--color-white: #eee;
		--color-primary: #ff0046;
		--color-primary-2: #c80037;
		--color-secondary-1: #00141e;
		--color-secondary-2: #eee;
		--color-secondary-3: #0f2d37;
		--color-secondary-3-active: #fff;
		--color-support-1: #001e28;
		--color-support-2: #999;
		--color-support-3: #999;
		--color-support-4: #c8cdcd;
		--color-support-5: #010a0f;
		--color-green: #14dc4b;
		--color-yellow: #ffcd00;
		--color-red: #dc0000;
		--color-live: #3d0314;
		--color-highlight: #01203e;
		--color-highlight-2: #001e28;
		--color-favorite: #001e28;
		--color-primary-rgb: 255, 0, 70;
		--color-primary-2-rgb: 200, 0, 55;
		--color-secondary-1-rgb: 0, 20, 30;
		--color-secondary-2-rgb: 238, 238, 238;
		--color-support-1-rgb: 0, 30, 40;
		--color-support-2-rgb: 153, 153, 153;
		--color-support-3-rgb: 153, 153, 153;
		--color-alpha-1: 0, 0, 0;
		--color-alpha-2: 255, 255, 255;
		--color-green-rgb: 20, 220, 75;
		--color-yellow-rgb: 255, 205, 0;
		--color-red-rgb: 220, 0, 0;
		--color-support-2-alpha-15: #182023;
		--color-support-2-alpha-20: #283941;
		--color-support-3-alpha-30: #2f3538;
		--color-combination-1: #fff;
		--color-combination-2: #eee;
		--color-combination-3: #fff;
		--color-combination-4: #eee;
		--color-combination-5: #eee;
		--color-combination-6: #555e61;
		--color-combination-7: #010a0f;
		--color-combination-8: #0f2d37;
		--color-combination-9: #00141e;
		--color-combination-10: #555e61;
		--color-combination-11: #001e28;
		--color-combination-12: #0f2d37;
		--color-combination-13: #555e61;
		--color-combination-14: #0f2d37;
		--color-combination-15: #d6033f;
		--color-combination-16: #808e93;
		--color-combination-17: #555e61;
		--color-combination-18: #9e9e9e;
		--color-combination-19: #fff;
		--color-combination-20: #555e61;
		--color-combination-21: #010a0f;
		--color-combination-22: #eee;
		--color-combination-23: #fff;
		--color-combination-24: #c8cdcd;
		--color-combination-25: #555e61;
		--color-combination-26: #fff;
		--color-combination-27: #c8cdcd;
		--color-skeleton-1: #001e28;
		--color-skeleton-2: #0f2d37;
		--color-handicap: #67a8d8;
		--color-betslip-rgb: 20, 220, 75;
		--color-four: #23669d;
		--color-commentary-sub-text: #fff;
		--color-social-facebook-background: #1b78f2;
		--color-social-facebook-text: #eee;
		--color-social-google-background: #eee;
		--color-social-google-text: #555e61;
		--color-social-apple-background: #eee;
		--color-social-apple-text: #00141e;
		--color-onetrust-text-1: #e6e6e6;
		--color-onetrust-text-2: #a3a3a3;
		--color-onetrust-text-3: #fff;
		--color-onetrust-wrapper: #00141e;
		--color-onetrust-border-1: #0f2d37;
		--color-onetrust-border-2: #00141e;
		--color-onetrust-border-3: #0f2d37;
		--color-onetrust-border-4: #393939;
		--color-onetrust-background-1: #00141e;
		--color-onetrust-background-2: #414141;
		--color-onetrust-background-3: #0f2d37;
		--color-onetrust-background-4: #2d2d2d;
		--color-onetrust-button: #d6033f;
		--color-onetrust-shield: #010a0f;
		--color-win: #00a83f;
		--color-draw: #f3a000;
	}
}

@media all {
	.theme--dark {
		--color-social-primary-facebook-background: #fff;
		--color-social-primary-google-background: #fff;
		--color-social-primary-apple-background: #fff;
		--color-social-secondary-background: #010a0f;
		--color-social-secondary-border: #555e61;
		--color-social-brand-background: #eee;
	}
}

@media all {
	.container__detail {
		display: grid;
		grid-template: " . detail . "minmax(100vh, 1fr) /1fr minmax(0, 688px) 1fr;
	}

	.container__detailInner {
		background-color: var(--color-support-5);
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
		grid-area: detail;
	}

	.section {
		font-size: 13px;
		line-height: 16px;
		margin: 0 0 20px;
	}

	@media only screen and (min-width:639px) {
		.section {
		}
	}

	.section__title {
		background-color: var(--color-support-1);
		border-radius: 0;
		color: var(--color-support-4);
		font-size: 11px;
		font-weight: 700;
		padding: 6px 12px;
		text-transform: uppercase;
	}

	@media only screen and (min-width:639px) {
		.section__title {
			border-radius: 4px;
		}
	}
}

@media all {
	.fixedHeaderDuel {
		background-color: var(--color-support-5);
		display: grid;
		grid-template-areas: "home score away";
		grid-template-columns: minmax(100px, 259px) minmax(120px, 170px) minmax(100px, 259px);
		position: fixed;
		transition-duration: .5s;
		z-index: var(--zIndex-fixedHeader);
	}

	.fixedHeaderDuel--isHidden {
		opacity: 0;
		transform: translateY(-100%);
	}

	.fixedHeaderDuel__homeLogo {
		align-self: center;
		display: grid;
		grid-area: home;
		grid-template: ". myTeams image . serve"max-content/minmax(0, 60px) 16px max-content 5px 16px;
		justify-content: center;
		margin: 12px 0;
	}

	.fixedHeaderDuel__score {
		display: grid;
		grid-area: score;
	}

	.fixedHeaderDuel__score>div {
		justify-content: center;
	}

	.fixedHeaderDuel__awayLogo {
		align-self: center;
		display: grid;
		grid-area: away;
		grid-template: "serve . image myTeams ."max-content/16px 5px max-content 16px minmax(0, 60px);
		justify-content: center;
		margin: 5px 0;
	}

	.fixedScore {
		display: flex;
		flex-flow: row wrap;
		font-family: FS_Numbers;
		font-size: 32px;
		justify-content: center;
		margin-bottom: 2px;
	}

	@media only screen and (max-width:479px) {
		.fixedScore {
			font-size: 28px;
		}
	}

	.fixedScore__divider {
		padding: 0 5px;
	}

	.fixedScore__status {
		font-size: 11px;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
	}

	.header__brand {
		background-color: #001e28;
		display: flex;
		height: 52px;
	}

	.header__logo {
		background-position: 23px 50%;
		background-repeat: no-repeat;
		background-size: auto 20px;
		display: flex;
		flex: 1;
	}

	@media only screen and (max-width:479px) {
		.header__logo {
			background-position: 10px 50%;
		}
	}

	@media only screen and (max-width:639px) {
		.header__brand {
			height: 44px;
		}
	}

	.tournamentHeader {
		align-items: center;
		border-bottom: 1px solid var(--color-support-1);
		box-sizing: border-box;
		color: var(--color-support-4);
		display: flex;
		font-size: 12px;
		font-weight: 700;
		justify-content: space-between;
		min-height: 38px;
		padding: 5px 10px;
		text-transform: uppercase;
	}

	._ass .tournamentHeader {
		padding-left: 24px;
	}

	@media only screen and (max-width:479px) {
		._ass .tournamentHeader {
			padding-left: 10px;
		}
	}

	@media only screen and (max-width:639px) {
		.tournamentHeader {
			line-height: 28px;
		}
	}

	.tournamentHeader__flagIcon .flag {
		display: flex;
		height: 12px;
		overflow: hidden;
		width: 18px;
	}

	.tournamentHeader__country a {
		text-decoration: none;
	}

	.tournamentHeader__country a:hover {
		text-decoration: underline;
	}

	.tournamentHeader__sportContent {
		align-items: center;
		display: flex;
		margin-right: 8px;
	}

	@media only screen and (max-width:639px) {
		.tournamentHeader__sportContent {
			overflow-x: auto;
			white-space: nowrap;
		}
	}

	.duelParticipant {
		--spacer: 17px;
		display: grid;
		grid-template: "home   time   away"max-content "home   score  away"max-content ".      .      .   "5px/var(--width, minmax(110px, 250px)) var(--width, minmax(80px, 180px)) var(--width, minmax(110px, 250px));
		margin: 24px 10px 0;
	}

	.duelParticipant__startTime {
		color: var(--color-support-4);
		grid-area: time;
		text-align: center;
	}

	.duelParticipant__home {
		--margin-homeAway: 0 5px 0 0;
		display: grid;
		grid-area: home;
		grid-template: " .    myTeams .                  image       .                  serve .    "max-content " name name    name               name        name               name  name "max-content " rank rank    rank               rank        rank               rank  rank "max-content/1fr 32px var(--spacer, 1fr) min-content var(--spacer, 1fr) 32px 1fr;
		justify-content: center;
	}

	.duelParticipant__score {
		display: grid;
		grid-area: score;
	}

	.duelParticipant__away {
		--margin-homeAway: 0 0 0 5px;
		display: grid;
		grid-area: away;
		grid-template: " .    serve .                  image       .                  myTeams .    "max-content " name name  name               name        name               name    name "max-content " rank rank  rank               rank        rank               rank    rank "max-content/1fr 32px var(--spacer, 1fr) min-content var(--spacer, 1fr) 32px 1fr;
		justify-content: center;
	}

	@media only screen and (max-width:639px) {
		.duelParticipant {
			--spacer: 8px;
			grid-template: "time   time   time"max-content ".      .      .   "5px "home   score  away"max-content ".      .      .   "5px/var(--width, minmax(100px, 250px)) var(--width, minmax(90px, 180px)) var(--width, minmax(100px, 250px));
		}
	}

	@media only screen and (max-width:359px) {
		.duelParticipant {
			--spacer: 0;
		}
	}

	.fixedHeaderParticipant__participantServe {
		align-self: center;
		grid-area: serve;
		justify-self: center;
	}

	.fixedHeaderParticipant__participantLink {
		background: #fff;
		border: 1px solid var(--color-support-1);
		border-radius: 8px;
		grid-area: image;
		height: 32px;
		padding: 4px;
		width: 32px;
	}

	.fixedHeaderParticipant__participantLink .participant__image {
		height: 32px;
		width: 32px;
	}

	.detailScore__divider {
		padding: 0 5px;
	}

	.detailScore__wrapper {
		display: flex;
		flex-flow: row wrap;
		font-size: 46px;
		justify-content: center;
	}
	
	.detailScore__wrapper {
    font-size: 38px;
}

	.detailScore__wrapper :not(.scoreBoard) {
		font-family: FS_Numbers;
	}

	@media only screen and (max-width:639px) {
		.detailScore__wrapper {
			font-size: 38px;
		}
	}

	@media only screen and (max-width:449px) {
		.detailScore__wrapper {
			font-size: 20px;
		}
	}

	@media only screen and (max-width:359px) {
		.detailScore__wrapper {
			font-size: 26px;
		}
	}

	.detailScore__status {
		color: var(--fs-secondary-1);
		font-weight: 700;
		padding-top: 8px;
		text-align: center;
		text-transform: uppercase;
	}

	.detailScore__matchInfo {
		align-items: center;
		display: flex;
		flex: 1 1;
		flex-flow: column;
		justify-content: flex-start;
	}

	@media only screen and (max-width:639px) {
		.detailScore__matchInfo {
			justify-content: center;
		}
	}

	.participant__myTeamsIcon {
		align-items: center;
		align-self: center;
		border-radius: 50%;
		cursor: pointer;
		display: flex;
		grid-area: myTeams;
		height: 32px;
		justify-content: center;
		transition-duration: .2s;
		transition-timing-function: ease-in-out;
		width: 32px;
		z-index: 1;
	}

	.participant__myTeamsIcon:hover {
		background-color: rgba(var(--color-support-3-rgb), .15);
	}

	.participant__myTeamsIcon:hover svg {
		--color-symbol-star-fill: transparent;
		--color-symbol-star-outline: #999;
	}

	.participant__participantServe {
		align-self: center;
		grid-area: serve;
		justify-self: center;
	}

	.participant__participantLink {
		align-items: center;
		background: #fff;
		border: 1px solid var(--color-support-1);
		border-radius: 12px;
		display: flex;
		grid-area: image;
		justify-content: center;
		overflow: hidden;
		padding: 4px;
	}

	.participant__participantLink .participant__image {
		border-radius: 12px;
		height: 74px;
		width: 74px;
	}

	.participant__participantLink--team {
		padding: 12px;
	}

	.participant__participantLink--team .participant__image {
		height: 58px;
		width: 58px;
	}

	.participant__participantNameWrapper {
		font-size: 16px;
		grid-area: name;
		padding-top: 5px;
		text-align: center;
	}

	.theme--dark .participant__participantNameWrapper {
		padding-top: 8px;
	}

	.participant__participantName {
		color: var(--color-combination-2);
		text-decoration: none;
	}

	.duelParticipant--winner .participant__participantName {
		font-weight: 800;
	}

	.participant__participantName.participant__overflow {
		align-items: center;
		display: inline-flex;
		hyphens: auto;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		word-break: break-word;
	}

	.participant__participantName:hover {
		text-decoration: underline;
	}

	.participant__participantIcon:not(:empty) {
		display: inline-block;
		margin: var(--margin-homeAway);
		vertical-align: middle;
	}

	@media only screen and (max-width:639px) {
		.participant__participantLink {
			padding: 2px;
		}

		.participant__participantLink .participant__image {
			border-radius: 8px;
			height: 46px;
			width: 46px;
		}

		.participant__participantLink--team {
			padding: 8px;
		}

		.participant__participantLink--team .participant__image {
			height: 34px;
			width: 34px;
		}

		.participant__participantNameWrapper {
			font-size: 14px;
		}
	}

	.myTeamsIcon__myTeams {
		--color-symbol-star-fill: transparent;
		--color-symbol-star-outline: #c8cdcd;
		cursor: pointer;
		display: flex;
		height: 18px;
		width: 18px;
	}
}

@media all {
	.tabs {
		align-items: center;
		background-color: var(--spaTabs-backgroundColor, initial);
		border-radius: var(--spaTabs-borderRadius, initial);
		display: flex;
		justify-content: space-between;
		margin-bottom: var(--spaTabs-marginBottom, initial);
		padding: 0 10px;
	}

	.tabs__group {
		overflow: auto;
		width: 100%;
	}

	.tabs__group,
	.tabs__tab {
		align-items: center;
		display: flex;
	}

	.tabs__tab {
		box-sizing: border-box;
		cursor: pointer;
		font-size: 12px;
		font-weight: 700;
		margin-top: 0;
		padding: 14px;
		position: relative;
		text-transform: uppercase;
		white-space: nowrap;
	}

	@media (hover:hover) {
		.tabs__tab:hover {
			background-color: inherit;
			color: var(--color-combination-3);
		}
	}

	.tabs__tab.selected {
		color: var(--color-primary);
		pointer-events: none;
	}

	.tabs__tab.selected:before {
		background-color: var(--color-primary-2);
		border-radius: 1.5px 1.5px 0 0;
		bottom: 0;
		content: "";
		height: 3px;
		position: absolute;
		width: calc(100% - 28px);
	}

	@media only screen and (max-width:639px) {
		.tabs {
			flex-direction: column;
		}
	}

	.tabs__detail--nav .tabs__tab {
		color: var(--color-support-4);
		font-size: 12px;
		letter-spacing: .4px;
		line-height: 1;
		white-space: nowrap;
	}

	.tabs__detail {
		border-bottom: 1px solid var(--color-support-1);
		border-top: 1px solid var(--color-support-1);
		margin: 24px 0 16px;
		padding-left: 12px;
		padding-right: 12px;
	}

	.tabs__detail--nav {
		overflow: auto;
		padding-left: 8px;
		padding-right: 8px;
	}

	.tabs__detail--nav .tabs__tab {
		background-color: var(--color-combination-8);
		border-radius: 8px;
		color: var(--color-support-4);
		height: 12px;
		line-height: 1;
		margin-left: 4px;
		margin-right: 4px;
		padding: 14px 12px;
	}

	@media (hover:hover) {
		.tabs__detail--nav .tabs__tab:hover {
			background-color: var(--color-combination-6);
			color: var(--color-combination-2);
		}
	}

	.tabs__detail--nav .tabs__tab.selected {
		background-color: var(--color-primary-2);
		color: #fff;
		pointer-events: none;
	}

	.tabs__detail--nav .tabs__tab.selected:before {
		content: none;
	}

	.tabs__detail--nav .tabs__group {
		padding-bottom: 16px;
	}
}

@media all {
	.mi__data {
		margin-left: 12px;
		margin-right: 12px;
	}

	.mi__item {
		align-items: flex-start;
		display: flex;
		justify-content: space-between;
		margin-bottom: 16px;
		margin-top: 16px;
	}

	.mi__item__name {
		align-items: center;
		color: var(--color-support-4);
		display: flex;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .4px;
		margin-right: 12px;
		text-transform: uppercase;
	}

	.mi__item__name svg {
		height: 16px;
		margin-right: 8px;
		width: 16px;
	}

	.mi__item__val {
		font-weight: 700;
		text-align: right;
	}

	.mi__itemWhistle {
		color: var(--color-support-4);
	}
}

@media all {
	.smv__participantRow {
		display: flex;
		margin: 8px 12px;
	}

	.smv__participantRow+.smv__incidentsHeader {
		margin-top: 20px;
	}

	.smv__participantRow.smv__homeParticipant {
		justify-content: flex-start;
	}

	.smv__participantRow.smv__homeParticipant .smv__incident {
		flex-flow: row wrap;
	}

	.smv__participantRow.smv__awayParticipant {
		justify-content: flex-end;
	}

	.smv__participantRow.smv__awayParticipant .smv__timeBox {
		text-align: right;
	}

	.smv__participantRow.smv__awayParticipant .smv__incident {
		flex-flow: row-reverse wrap;
	}

	.smv__incident {
		align-items: center;
		display: flex;
	}

	.smv__incidentSubOut {
		font-weight: 400;
		margin: 0 8px;
	}

	.smv__timeBox {
		color: var(--color-support-4);
		font-weight: 700;
		min-width: 20px;
	}

	.smv__incidentIcon,
	.smv__incidentIconSub {
		align-items: center;
		border: 1px solid var(--color-support-1);
		border-radius: 8px;
		box-sizing: border-box;
		display: flex;
		height: 28px;
		justify-content: center;
		line-height: 1;
		margin-left: 8px;
		margin-right: 8px;
		min-width: 14px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.smv__incidentIcon div,
	.smv__incidentIconSub div {
		align-items: center;
		display: flex;
	}

	.smv__incidentIcon svg,
	.smv__incidentIconSub svg {
		height: 16px;
		width: 16px;
	}

	.smv__incidentSideAway {
		flex-flow: row-reverse;
	}

	.smv__incidentsHeader {
		display: flex;
		justify-content: space-between;
		margin-bottom: 12px;
	}

	.smv__assist,
	.smv__subIncident {
		color: var(--color-support-4);
		margin: 0 4px;
	}

	.smv__assist a:hover {
		text-decoration: underline;
	}

	.smv__playerName {
		color: var(--color-combination-2);
		font-weight: 700;
	}

	.smv__playerName:hover {
		text-decoration: underline;
	}

	.smv__subDown {
		color: var(--color-support-4);
		font-weight: 400;
	}

	.smv__incidentHomeScore {
		font-weight: 700;
		margin-left: 6px;
	}

	.smv__incidentAwayScore {
		font-weight: 700;
		margin-right: 6px;
	}
}

@media all {
	.ads__text {
		align-items: center;
		color: var(--color-text-2);
		display: flex;
		flex-flow: column nowrap;
		font-size: 10px;
		height: 20px;
		justify-content: center;
	}

	.adstextvpad .ads__text {
		flex: 0 0 90px;
		height: 10px;
		margin-left: -38px;
		transform: rotate(-90deg);
	}

	.adscontent {
		height: 100%;
	}

	.adsenvelope {
		margin: 0 auto 12px 8px;
		padding-bottom: 20px;
		position: relative;
	}

	.bannerEnvelope {
		margin-top: 10px;
	}

	.detailbody .bannerEnvelope {
		margin-top: 24px;
	}

	.adstextpad>div {
		position: relative;
	}

	.adstextvpad {
		float: left;
		margin-left: 0;
		padding-bottom: 0;
		padding-right: 12px !important;
	}

	.adstextvpad,
	.adstextvpad>div {
		display: flex;
		flex-flow: row nowrap;
	}

	.adstextvpad>div {
		align-items: center;
		position: relative;
	}

	.adsclick {
		background: #fff;
		cursor: pointer;
		display: block;
		left: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		z-index: var(--zIndex-banner);
	}

	#detail .adsenvelope {
		margin: 0 auto;
		padding-top: 0;
	}
}

@media all {
	.detailLeaderboard {
		--color-skeleton-1: #001e28;
		--color-skeleton-2: #0f2d37;
		background: var(--color-secondary-3);
		display: flex;
		overflow: hidden;
		padding: 5px 0;
		position: relative;
	}

	.detailLeaderboard .bannerEnvelope {
		margin-top: 0;
	}

	.detailLeaderboard .adsenvelope {
		margin: 0;
		padding: 0;
		position: relative;
	}

	.detailLeaderboard .ads__text {
		color: var(--color-white);
		margin-top: -5px;
	}

	.detailLeaderboardSkeleton {
		-webkit-animation-duration: 1.5s;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-name: placeholderShimmer;
		-webkit-animation-timing-function: linear;
		background: var(--color-skeleton-1);
		background-image: linear-gradient(to right, var(--color-skeleton-1) 0, var(--color-skeleton-2) 20%, var(--color-skeleton-1) 40%, var(--color-skeleton-1) 100%);
		background-repeat: repeat-y;
		background-size: 800px 1px;
		margin: 0 auto;
		min-height: 100px;
		min-width: 640px;
	}

	@media only screen and (max-width:639px) {
		.detailLeaderboardSkeleton {
			min-height: 60px;
			min-width: 320px;
		}
		
		.detailLeaderboard{display:none}
	}

	.detailLeaderboardSkeleton--hidden {
		background: none;
	}
}

@media all {
	.adsenvelope {
		display: none;
	}
}

/*! CSS Used keyframes */
@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -100vw 0;
	}

	to {
		background-position: 100vw 0;
	}
}

@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

@keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}

	to {
		background-position: 468px 0;
	}
}

/*! CSS Used fontfaces */
@font-face {
	font-display: fallback;
	font-family: LivesportFinderLatin;
	font-style: normal;
	font-weight: 400;
	src: url(https://www.soccer24.com/res/font/LivesportFinderLatin-Regular_Static.woff2) format("woff2");
}

@font-face {
	font-display: fallback;
	font-family: LivesportFinderLatin;
	font-style: normal;
	font-weight: 700;
	src: url(https://www.soccer24.com/res/font/LivesportFinderLatin-Bold_Static.woff2) format("woff2");
}

@font-face {
	font-display: fallback;
	font-family: LivesportFinderLatin;
	font-style: normal;
	font-weight: 800;
	src: url(https://www.soccer24.com/res/font/LivesportFinderLatin-Extrabold.woff2) format("woff2");
}

@font-face {
	ascent-override: 101%;
	descent-override: normal;
	font-family: Adjusted Arial Fallback;
	line-gap-override: normal;
	size-adjust: 97%;
	src: local(Arial);
}

@font-face {
	font-display: fallback;
	font-family: FS_Numbers;
	font-style: normal;
	font-weight: 400;
	src: url(https://www.soccer24.com/res/font/FS_Numbers.woff2) format("woff2");
}



.detailScore__live {
	color: var(--color-primary);
}



@media all {
	.ui-table {
		display: grid;
	}

	.ui-table:first-child .ui-table__headerCell:first-child {
		border-radius: 0;
	}

	@media only screen and (min-width:640px) {
		.ui-table:first-child .ui-table__headerCell:first-child {
			border-radius: 0 0 0 4px;
		}
	}

	.ui-table:first-child .ui-table__headerCell:last-child {
		border-radius: 0;
	}

	@media only screen and (min-width:640px) {
		.ui-table:first-child .ui-table__headerCell:last-child {
			border-radius: 0 0 4px 0;
		}
	}

	.ui-table__header {
		border-bottom: 1px solid var(--color-border-4);
		display: flex;
		height: 29px;
		user-select: none;
	}

	.ui-table__headerCell {
		align-items: center;
		background-color: var(--color-support-1);
		color: var(--color-secondary-2);
		display: flex;
		font-size: 11px;
		justify-content: center;
		text-decoration: none;
		text-transform: uppercase;
		width: 32px;
	}

	.ui-table__headerCell:first-child {
		border-radius: 4px 0 0 4px;
	}

	.ui-table__headerCell:last-child {
		border-radius: 0 4px 4px 0;
	}

	.ui-table__headerCell--sortable:hover {
		cursor: pointer;
		text-decoration: underline;
	}

	.ui-table__headerCell--sorted {
		background-color: var(--color-support-3-alpha-30);
	}

	.ui-table__body {
		display: grid;
		grid-auto-rows: 36px;
	}

	.ui-table__row {
		border-bottom: 1px solid #eee;
		display: flex;
	}

	.theme--dark .ui-table__row {
		border-bottom: 1px solid hsla(180, 5%, 79%, .25);
	}
}

@media all {
	a {
		color: var(--color-support-4);
	}

	a,
	a:hover {
		text-decoration: none;
	}

	.sortArrow-ico {
		height: 4px;
		width: 8px;
	}
}

@media all {
	.formIcon {
		align-items: center;
		border-radius: 4px;
		color: #fff;
		cursor: pointer;
		display: flex;
		grid-area: liveIcon;
		height: 20px;
		justify-content: center;
		justify-self: center;
		margin: auto;
		overflow: hidden;
		position: relative;
		width: 20px;
	}

	.formIcon--w {
		background-color: var(--color-win);
	}

	.formIcon--l {
		background-color: var(--color-red);
	}

	.formIcon--d {
		background-color: var(--color-draw);
	}

	.formIcon--tbd {
		background-color: #c8cdcd;
	}
}

@media all {
	.table__headerCell--participant {
		align-self: center;
		display: block;
		flex: 1 0 100px;
		justify-content: flex-start;
		left: 32px;
		line-height: 29px;
		overflow: hidden;
		padding: 0 10px;
		position: sticky;
		text-overflow: ellipsis;
		top: 0;
		white-space: nowrap;
		width: 100px;
		z-index: 1;
	}

	.table__headerCell--form {
		width: 160px;
	}

	.table__headerCell--rank {
		background-color: var(--color-support-1) !important;
		left: 0;
		position: sticky;
		top: 0;
		width: 32px;
		z-index: 1;
	}

	.table__cell {
		align-items: center;
		align-self: center;
		background-color: var(--color-support-5);
		color: var(--color-combination-2);
		display: flex;
		height: 35px;
		width: 32px;
	}

	.table__cell--value {
		justify-content: center;
	}

	.table__cell--score {
		width: 48px;
	}

	.table__cell--points {
		color: var(--color-secondary-2);
		font-weight: 700;
	}

	.table__cell--live {
		justify-content: flex-end;
		padding-left: 10px;
		width: 36px;
	}

	.table__cell--changedValue {
		align-self: stretch;
		color: var(--color-primary);
	}

	.table__cell--rank {
		justify-content: center;
		left: 0;
	}

	.table__cell--participant,
	.table__cell--rank {
		position: sticky;
		position: -webkit-sticky;
		z-index: 1;
	}

	.table__cell--participant {
		background-color: var(--color-combination-21);
		flex-grow: 1;
		flex-shrink: 0;
		left: 32px;
		padding: 0 10px;
		width: 100px;
	}

	.table__cell--form {
		align-items: center;
		display: flex;
		grid-area: form;
		justify-content: flex-start;
		line-height: 14px;
		padding: 0 10px;
		width: 140px;
	}

	.table__row--selected .table__cell {
		background-color: var(--color-highlight);
	}

	.table__row--selected .tableCellParticipant__name {
		color: var(--color-combination-26);
		font-weight: 700;
	}

	.table__sortArrow {
		color: var(--color-draw-text, var(--color-sport-secondary-body));
		height: 4px;
		margin-left: 3px;
		position: relative;
		width: 6px;
	}

	.tableCellParticipant {
		align-items: center;
		display: flex;
		padding-right: 10px;
		width: 100%;
	}

	.tableCellParticipant__block {
		align-items: center;
		display: flex;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.tableCellParticipant__image {
		display: flex;
		margin-right: 8px;
	}

	.tableCellParticipant__image>img {
		height: 20px;
		width: 20px;
	}

	.tableCellParticipant__name {
		color: var(--color-combination-2);
		cursor: pointer;
		overflow: hidden;
		text-decoration: none;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.tableCellParticipant__name:hover {
		text-decoration: underline;
	}

	.tableCellRank {
		align-items: center;
		border-radius: 4px;
		display: flex;
		font-size: 12px;
		font-weight: 700;
		height: 20px;
		justify-content: center;
		width: 20px;
	}

	.tableCellFormIcon {
		border-radius: 4px;
	}

	.tableCellFormIcon:not(:last-child) {
		margin-right: 4px;
	}

	.tableCellFormIcon>* {
		outline: none;
	}

	.liveScore {
		align-items: center;
		background-color: var(--color-draw);
		border-radius: 4px;
		color: var(--color-white);
		cursor: pointer;
		display: flex;
		font-weight: 700;
		padding: 2px 5px;
		text-align: center;
	}

	.liveScore:empty {
		display: none;
	}

	.liveScore:hover {
		text-decoration: underline;
	}

	.positionChange {
		align-self: center;
		display: flex;
		padding-left: 5px;
	}

	.positionChange--up {
		color: var(--color-win);
	}

	.positionChange--down {
		color: var(--color-red);
	}

	.positionChange__arrow {
		height: 6px;
	}

	.positionChange__arrow--down {
		transform: rotate(180deg);
	}
}


@media all {
	.stat__row {
		margin: 16px 12px;
	}

	.stat__category {
		display: flex;
		flex-flow: row nowrap;
		margin-bottom: 4px;
	}

	.stat__homeValue {
		justify-content: flex-start;
		padding-right: 5px;
		text-align: left;
	}

	.stat__awayValue,
	.stat__homeValue {
		color: var(--color-support-dark);
		flex: 0 1 90px;
		font-weight: 700;
	}

	.stat__awayValue {
		justify-content: flex-end;
		padding-left: 5px;
		text-align: right;
	}

	.stat__categoryName {
		display: flex;
		flex: 1;
		font-weight: 700;
		justify-content: center;
		text-align: center;
	}

	.stat__bar {
		display: flex;
		height: 9px;
	}

	.stat__barBg {
		background-color: var(--color-support-1);
		display: flex;
		margin: 0 1px;
		width: 100%;
	}

	.stat__barBg.stat__home {
		justify-content: flex-end;
	}

	.stat__barBg.stat__home,
	.stat__barBg.stat__home>div {
		border-bottom-left-radius: 2px;
		border-top-left-radius: 2px;
	}

	.stat__barBg.stat__away,
	.stat__barBg.stat__away>div {
		border-bottom-right-radius: 2px;
		border-top-right-radius: 2px;
	}

	.stat__betterSideBackground {
		background-color: var(--color-primary-2);
	}

	.stat__worseSideOrEqualBackground {
		background-color: var(--color-combination-2);
	}
}



.table__cell--participantShadow:after {
	box-shadow: 3px 0 4px 0 rgba(var(--color-alpha-2), .08);
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	width: 5px;
}

.subTabs+div div .tableWrapper:first-child {
	border-radius: 0;
}

.tableWrapper:last-of-type {
	margin-bottom: 0;
}

.tableWrapper {
	margin-bottom: 12px;
	overflow-x: auto;
}


@media all {
	.flag {
		background-repeat: no-repeat;
		background-size: auto 100%;
		flex: 0 0 18px;
		height: 12px;
		margin-right: 8px;
		width: 18px;
	}

	.flag.fl_155 {
		background-image: url(https://www.flashscore.com/res/_fs/build/pt.a6d8c88.png);
	}
}

@media all {
	.section {
		font-size: 13px;
		line-height: 16px;
		margin: 0 0 20px;
	}

	@media only screen and (min-width:639px) {
		.section {
		}
	}

	.section__title {
		background-color: var(--color-support-1);
		border-radius: 0;
		color: var(--color-support-4);
		font-size: 11px;
		font-weight: 700;
		padding: 6px 12px;
		text-transform: uppercase;
	}

	@media only screen and (min-width:639px) {
		.section__title {
			border-radius: 4px;
		}
	}
}

@media all {
	.h2h__row {
		align-items: center;
		border-bottom: 1px solid var(--color-support-1);
		cursor: pointer;
		display: grid;
		grid-template: "date event homeParticipant result resultFulltime icon"minmax(23px, max-content) "date event awayParticipant result resultFulltime icon"minmax(23px, max-content) "border border border border border border"1px /var(--width-h2hDateCell, 80px) var(--width-h2hEventCell, 74px) minmax(85px, 1fr) var(--width-h2hResultCell, 50px) var(--width-h2hResultFulltimeCell, 50px) max-content;
		max-height: 48px;
		transition: all .4s ease;
	}

	@media only screen and (max-width:639px) {
		body:not(.aussie-rules) .h2h__row {
			grid-template: "date event homeParticipant result icon"minmax(23px, max-content) "date event awayParticipant result icon"minmax(23px, max-content) "border border border border border"1px /var(--width-h2hDateCell, 80px) var(--width-h2hEventCell, 74px) minmax(85px, 1fr) var(--width-h2hResultCell, 50px) max-content;
		}
	}

	@media (hover:hover) {
		.h2h__row:hover {
			background-color: rgba(var(--color-support-2-rgb), .2);
		}
	}

	.h2h__flag {
		display: flex;
		margin-right: 8px;
	}

	.h2h__flag>span {
		height: 12px;
		margin-right: 0;
		width: 18px;
	}

	.h2h__date {
		align-items: center;
		align-self: stretch;
		color: var(--color-support-4);
		display: flex;
		grid-area: date;
		justify-self: stretch;
		padding-left: 8px;
		padding-right: 8px;
	}

	@media only screen and (min-width:639px) {
		.h2h__date {
			padding-left: 16px;
			padding-right: 16px;
		}
	}

	.h2h__event {
		align-items: center;
		border-radius: 4px;
		display: flex;
		flex-flow: row wrap;
		font-weight: 700;
		grid-area: event;
		padding: 8px 6px;
		word-break: break-word;
	}

	.h2h__homeParticipant {
		grid-area: homeParticipant;
	}

	.h2h__awayParticipant {
		grid-area: awayParticipant;
	}

	.h2h__participant {
		align-items: center;
		align-self: stretch;
		display: flex;
		hyphens: auto;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		padding: 2px 6px;
		word-break: break-word;
	}

	.h2h__participant .event__logo {
		color: var(--color-combination-2);
		margin-right: 4px;
		width: 16px;
	}

	.h2h__participantInner {
		border-radius: 4px;
		line-height: 16px;
		max-width: 100%;
		overflow: hidden;
		padding: 1px 5px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.h2h__result,
	.h2h__result__fulltime {
		align-items: center;
		align-self: stretch;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		justify-self: stretch;
		line-height: 24px;
		text-align: center;
	}

	.h2h__result {
		font-weight: 700;
		grid-area: result;
	}

	.h2h__result__fulltime {
		grid-area: resultFulltime;
	}

	.h2h__result__fulltime:empty {
		display: none;
	}

	.h2h__regularTimeResult {
		color: var(--color-support-3);
		font-weight: 400;
	}

	.h2h__regularTimeResult:empty {
		display: none;
	}

	.h2h__icon {
		align-items: center;
		align-self: stretch;
		display: flex;
		grid-area: icon;
		justify-content: center;
		justify-self: stretch;
		min-width: 20px;
		padding-left: 8px;
		padding-right: 8px;
	}

	@media only screen and (min-width:639px) {
		.h2h__icon {
			padding-left: 112px;
			padding-right: 12px;
		}
	}

	@media only screen and (max-width:639px) {
		body:not(.aussie-rules) .h2h .h2h__result__fulltime {
			display: none;
		}
	}

	.rows {
		margin-top: 1px;
		overflow: auto;
	}

	.winner {
		font-weight: 800;
	}
}

.detailbody .message--formatOdds {
	margin: 0 12px 12px;
}

.detailbody .message--formatOdds {
	margin: 0 12px 12px;
}

.message--formatOdds {
	grid-column-gap: 16px;
	align-items: center;
	background-color: var(--color-highlight);
	color: var(--color-combination-2);
	grid-auto-flow: column;
	grid-template-columns: max-content 1fr max-content;
	margin-bottom: 16px;
	padding: 16px;
}

.message {
	border-radius: 8px;
	cursor: pointer;
	display: grid;
	font-size: 13px;
	letter-spacing: .4px;
	position: relative;
	user-select: none;
}

.message--formatOdds {
	grid-column-gap: 16px;
	align-items: center;
	background-color: var(--color-highlight);
	color: var(--color-combination-2);
	grid-auto-flow: column;
	grid-template-columns: max-content 1fr max-content;
	margin-bottom: 16px;
	padding: 16px;
}

.message {
	border-radius: 8px;
	cursor: pointer;
	display: grid;
	font-size: 13px;
	letter-spacing: .4px;
	position: relative;
	user-select: none;
}


@media all {
	a {
		color: var(--color-support-4);
	}

	a,
	a:hover {
		text-decoration: none;
	}
}

@media all {
	.matchReportBoxes {
		grid-gap: 12px;
		display: grid;
		grid-template-columns: 1fr;
	}

	.matchReportBoxes:not(:empty) {
		margin: 0 12px 16px;
	}

	@media only screen and (min-width:640px) {
		.matchReportBoxes {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-gap: 12px;
		}
	}

	.matchReportPreview {
		background-color: rgba(var(--color-secondary-3-rgb), .08);
		border-radius: 12px;
		box-sizing: border-box;
		display: flex;
		padding: 12px;
		width: 100%;
	}

	.theme--dark .matchReportPreview {
		background-color: rgba(var(--color-support-2-rgb), .2);
	}

	.matchReportPreview:hover {
		cursor: pointer;
	}

	.matchReportPreview:hover .matchReportPreviewText {
		text-decoration: underline;
	}

	.matchReportPreviewImageSection {
		align-items: center;
		background-color: var(--color-support-5);
		border-radius: 8px;
		display: flex;
		flex-shrink: 0;
		height: 63px;
		justify-content: center;
		overflow: hidden;
		width: 112px;
	}

	.matchReportPreviewContent {
		margin-left: 16px;
		margin-top: 3px;
	}

	.matchReportPreviewContent--videoHighlights {
		align-self: center;
		margin-top: 0;
	}

	.matchReportPreviewImage {
		height: 100%;
		object-fit: cover;
		width: 100%;
	}

	.matchReportPreviewImagePlay {
		align-items: center;
		background: rgba(var(--color-primary-2-rgb), .9);
		border-radius: 8px;
		display: flex;
		height: 32px;
		justify-content: center;
		position: absolute;
		width: 45px;
	}

	.matchReportPreviewImagePlay:after {
		color: #fff;
		content: url("data:image/svg+xml; utf8, <svg viewBox=%270 0 10 12%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M9.6 6 0 11.6V.4z%27 fill=%27%23FFF%27/></svg>");
		font-size: 12px;
		height: 12px;
		width: 10px;
	}

	.matchReportPreviewLabel {
		background-color: rgba(var(--color-secondary-3-rgb), .08);
		border-radius: 4px;
		color: var(--color-combination-4);
		display: inline-block;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .4px;
		line-height: 1;
		margin-bottom: 3px;
		padding: 4px 8px;
		text-transform: uppercase;
	}

	.theme--dark .matchReportPreviewLabel {
		background-color: #555e61;
	}

	.matchReportPreviewText {
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		color: var(--color-secondary-2);
		display: -webkit-box;
		font-size: 13px;
		font-weight: 700;
		overflow: hidden;
	}

	.matchReportPreviewSource {
		color: var(--color-support-3);
		font-size: 12px;
		margin-top: 2px;
	}

	@media only screen and (max-width:639px) {
		.matchReportBoxes {
			grid-gap: 8px;
		}

		.matchReportPreview {
			margin-left: 0;
			margin-right: 0;
			padding: 8px;
		}

		.matchReportPreview .matchReportPreviewImageSection {
			height: 63px;
			width: 112px;
		}

		.matchReportPreview .matchReportPreviewImagePlay {
			height: 32px;
			width: 32px;
		}

		.matchReportPreview .matchReportPreviewImagePlay:after {
			font-size: 12px;
			left: 11px;
		}

		.matchReportPreview .matchReportPreviewContent {
			margin-left: 12px;
			margin-top: 3px;
		}

		.matchReportPreview .matchReportPreviewContent--videoHighlights {
			margin-top: 0;
		}

		.matchReportPreview .matchReportPreviewLabel {
			margin-bottom: 3px;
			padding: 3px 4px 2px;
		}

		.matchReportPreview .matchReportPreviewText {
			font-size: 13px;
		}
	}
}


.tableCellRank[title="Relegation"] {
	background-color: rgb(189, 0, 0);
	color: white;
}

.tableCellRank[title="Champions League"] {
	background-color: rgb(0, 70, 130);
	color: white;
}


.tableCellRank[title="Qualified"] {
	background-color: rgb(0, 70, 130);
	color: white;
}


.tableCellRank[title="UEFA Europa League"] {
	background-color: rgb(127, 0, 41);
	color: white;
}

.tableCellRank[title="Promotion"] {
	background-color: rgb(0, 70, 130);
	color: white;
}

.tableCellRank[title="Promotion Playoffs"] {
	background-color: rgb(127, 0, 41);
	color: white;

}


.tableCellRank[title="Champions League Qualification"] {
	background-color: rgb(0, 70, 130);
	color: white;
}

.tableCellRank[title="UEFA Conference League Qualification"] {
	background-color: rgb(127, 0, 41);
	color: white;
}

.tableCellRank[title="Relegation Playoff"] {
	background-color: rgb(255, 65, 65);
	color: white;
}




@media all {
	a {
		color: var(--color-support-4);
	}

	a,
	a:hover {
		text-decoration: none;
	}

	.card-ico {
		height: 14px;
		width: 9px;
	}

	.yellowCard-ico {
		color: var(--color-yellow);
	}
}

@media all {
	.section {
		font-size: 13px;
		line-height: 16px;
		margin: 0 0 20px;
	}

	@media only screen and (min-width:639px) {
		
	}

	.section__title {
		background-color: var(--color-support-1);
		border-radius: 0;
		color: var(--color-support-4);
		font-size: 11px;
		font-weight: 700;
		padding: 6px 12px;
		text-transform: uppercase;
	}

	@media only screen and (min-width:639px) {
		.section__title {
			border-radius: 4px;
		}
	}
}

@media all {
	.lf__header {
		display: flex;
	}

	.lf__fieldWrap {
		background-color: var(--color-support-1);
		border-radius: 12px;
		margin-top: 10px;
		padding-bottom: 30px;
		padding-top: 30px;
	}

	@media only screen and (max-width:639px) {
		.lf__fieldWrap {
			border-radius: 0;
		}
	}

	@media only screen and (max-width:560px) {
		.lf__fieldWrap {
			padding-bottom: 16px;
			padding-top: 16px;
		}
	}

	.lf__headerTitle {
		margin: 0 auto;
		white-space: nowrap;
	}

	.lf__field {
		display: flex;
		height: 53vw;
		margin: 0 auto;
		max-height: 365px;
		max-width: 592px;
		position: relative;
		width: 90%;
	}

	.lf__field:before {
		content: "";
		height: 100%;
		position: absolute;
		width: 100%;
	}

	@media only screen and (max-width:560px) {
		.lf__field {
			flex-direction: column;
			height: 506px;
			justify-content: center;
			max-height: none;
			max-width: none;
			width: 300px;
		}

		.lf__field:before {
			height: 300px;
			left: -103px;
			transform: rotate(90deg);
			width: 506px;
		}
	}

	.lf__formation {
		display: flex;
		height: 100%;
		width: 100%;
	}

	@media only screen and (max-width:560px) {
		.lf__formation {
			flex-direction: column;
		}
	}

	.lf__formationAway {
		flex-direction: row-reverse;
	}

	@media only screen and (max-width:560px) {
		.lf__formationAway {
			flex-direction: column-reverse;
		}
	}

	.lf__formationAway .lf__line {
		flex-direction: column;
	}

	@media only screen and (max-width:560px) {
		.lf__formationAway .lf__line {
			flex-direction: row-reverse;
		}
	}

	.lf__line {
		align-items: center;
		display: flex;
		flex-direction: column-reverse;
		height: 100%;
		justify-content: space-evenly;
		width: 100%;
	}

	@media only screen and (max-width:560px) {
		.lf__line {
			flex-direction: row;
		}
	}

	.lf__player {
		flex-direction: column;
	}

	.lf__player,
	.lf__playerJersey {
		align-items: center;
		display: flex;
		position: relative;
	}

	.lf__playerJersey {
		background-position: center 0;
		background-repeat: no-repeat;
		color: var(--color-white);
		font-family: FS_Numbers, LivesportFinderLatin, sans-serif;
		font-size: 12px;
		justify-content: center;
	}

	.lf__playerName {
		background-color: var(--color-combination-10);
		border-radius: 4px;
		color: var(--color-secondary-2);
		left: 50%;
		position: absolute;
		white-space: nowrap;
	}

	.lf__playerNameInner {
		font-size: 12px;
		font-weight: 700;
		padding-left: 3px;
		padding-right: 3px;
	}

	.lf__nameHover:hover {
		text-decoration: underline;
		z-index: 2;
	}

	.soccer .lf__field {
		max-height: 364px;
	}

	.soccer .lf__field:before {
		background: transparent url(/public/img/symbols.4c87ac5.svg#soccerFieldViewDark) no-repeat;
		opacity: .24;
	}

	.theme--dark.soccer .lf__field:before {
		opacity: 1;
	}

	@media only screen and (max-width:560px) {
		.soccer .lf__field {
			max-height: none;
		}
	}

	.soccer .lf__player {
		height: 52px;
	}

	@media only screen and (max-width:560px) {
		.soccer .lf__player {
			height: 100%;
		}
	}

	.soccer .lf__playerName {
		transform: translate(-50%, 38px);
	}

	@media only screen and (max-width:560px) {
		.soccer .lf__playerName {
			transform: translate(-50%, 32px);
		}
	}

	.soccer .lf__playerJersey {
		background-image: url(/public/img/symbols.f92f937.svg#soccerJerseyHome);
		height: 30px;
		transform: translateY(6px);
		width: 38px;
	}

	.theme--dark.soccer .lf__playerJersey {
		background-image: url(/public/img/symbols.f92f937.svg#soccerJerseyHomeDark);
		color: var(--color-combination-11);
	}

	.soccer .lf__playerJersey.lf__goalkeeper {
		background-image: url(/public/img/symbols.f92f937.svg#soccerJerseyGoalkeeper);
	}

	.soccer .lf__formation {
		margin-left: -30px;
		margin-right: 10px;
	}

	@media only screen and (max-width:560px) {
		.soccer .lf__formation {
			margin: 0 auto;
		}
	}

	.soccer .lf__formationAway {
		margin-left: 10px;
		margin-right: -30px;
	}

	@media only screen and (max-width:560px) {
		.soccer .lf__formationAway {
			margin-left: 0;
		}
	}

	.soccer .lf__formationAway .lf__playerJersey {
		background-image: url(/public/img/symbols.f92f937.svg#soccerJerseyAway);
	}

	.theme--dark.soccer .lf__formationAway .lf__playerJersey {
		background-image: url(/public/img/symbols.f92f937.svg#soccerJerseyAwayDark);
		color: var(--color-white);
	}

	.soccer .lf__formationAway .lf__playerJersey.lf__goalkeeper {
		background-image: url(/public/img/symbols.f92f937.svg#soccerJerseyGoalkeeper);
		color: var(--color-combination-11);
	}

	.soccer .lf__formationDense .lf__playerName {
		font-size: 9px;
		max-width: 70px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	@media only screen and (min-width:560px) {
		.soccer .lf__formationDense .lf__playerName:hover {
			max-width: none;
		}
	}

	.lf__participantIncidents {
		--color-combination-7: #fff;
		--color-penalty: #cd0200;
		--color-floorballGoal: #2d2d2d;
		--color-footballGoal: #2d2d2d;
		align-items: center;
		display: flex;
		left: -5px;
		position: absolute;
		top: -2px;
		z-index: 1;
	}

	.lf__participantIncidents>div {
		align-items: center;
		background-color: var(--color-combination-11);
		border: 1px solid var(--color-skeleton-2);
		border-radius: 6px;
		display: flex;
		height: 16px;
		justify-content: center;
		line-height: 1;
		margin-right: -3px;
		position: relative;
		width: 16px;
	}

	.lf__participantIncidents>div svg {
		height: 12px;
		transform: translate(0);
		width: 12px;
	}
}

/*! CSS Used fontfaces */
@font-face {
	font-display: fallback;
	font-family: FS_Numbers;
	font-style: normal;
	font-weight: 400;
	src: url(https://www.flashscore.com/res/font/FS_Numbers.woff2) format("woff2");
}

@font-face {
	font-display: fallback;
	font-family: LivesportFinderLatin;
	font-style: normal;
	font-weight: 400;
	src: url(https://www.flashscore.com/res/font/LivesportFinderLatin-Regular_Static.woff2) format("woff2");
}

@font-face {
	font-display: fallback;
	font-family: LivesportFinderLatin;
	font-style: normal;
	font-weight: 700;
	src: url(https://www.flashscore.com/res/font/LivesportFinderLatin-Bold_Static.woff2) format("woff2");
}

@font-face {
	font-display: fallback;
	font-family: LivesportFinderLatin;
	font-style: normal;
	font-weight: 800;
	src: url(https://www.flashscore.com/res/font/LivesportFinderLatin-Extrabold.woff2) format("woff2");
}



@media all {
	.flag {
		background-repeat: no-repeat;
		background-size: auto 100%;
		flex: 0 0 18px;
		height: 12px;
		margin-right: 8px;
		width: 18px;
	}

	.flag.fl_98 {
		background-image: url(https://www.flashscore.com/res/_fs/build/it.f6dbaba.png);
	}

	.flag.fl_59 {
		background-image: url(https://www.flashscore.com/res/_fs/build/hr.3094aac.png);
	}

	a {
		color: var(--color-support-4);
	}

	a,
	a:hover {
		text-decoration: none;
	}
}

@media all {
	.section {
		font-size: 13px;
		line-height: 16px;
		margin: 0 0 20px;
	}

	@media only screen and (min-width:639px) {
		
	}

	.section__title {
		background-color: var(--color-support-1);
		border-radius: 0;
		color: var(--color-support-4);
		font-size: 11px;
		font-weight: 700;
		padding: 6px 12px;
		text-transform: uppercase;
	}

	@media only screen and (min-width:639px) {
		.section__title {
			border-radius: 4px;
		}
	}

	.section__title--center {
		justify-content: center;
		text-align: center;
	}
}

@media all {
	.lf__header {
		display: flex;
	}

	.lf__side {
		display: flex;
		flex-direction: column;
	}

	.lf__side {
		width: 50%;
	}

	@media only screen and (max-width:479px) {
		.lf__side {
			min-width: auto;
		}
	}

	.lf__sides {
		display: flex;
	}


    .lf__participant2:nth-of-type(2n) {
		background-color: var(--color-support-1);;
		border-radius: 8px;
		
		
		
		width: auto;
	
	}
    
	.lf__participant {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		height: 48px;
		padding-left: 8px;
		padding-right: 8px;
	}

	.lf__participant .lf__participantName {
		color: var(--color-combination-2);
		font-weight: 700;
		margin-right: 8px;
	}

	@media only screen and (min-width:479px) {
		.lf__participant .lf__participantName {
			margin-right: 8px;
		}
	}

	.lf__participant a.lf__participantName:hover {
		text-decoration: underline;
	}

	.lf__participant .lf__participantNumber {
		color: var(--color-combination-2);
		font-weight: 700;
		min-width: 16px;
		text-align: center;
	}

	.lf__participant .lf__incidents {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
	}

	@media only screen and (max-width:479px) {
		.lf__participant .lf__incidents {
			flex-wrap: nowrap;
			overflow: auto;
			white-space: nowrap;
		}
	}

	.lf__participant.lf__isReversed {
		direction: rtl;
	}

	.lf__participant.lf__isReversed>* {
		direction: ltr;
	}

	.lf__participant.lf__isReversed .lf__participantName {
		margin-left: 8px;
		margin-right: 0;
		text-align: right;
	}

	@media only screen and (min-width:479px) {
		.lf__participant.lf__isReversed .lf__participantName {
			margin-left: 8px;
			margin-right: 0;
		}
	}

	.lf__participant.lf__isReversed .lf__incidents {
		flex-direction: row-reverse;
	}

	.lf__participantFlag {
		display: flex;
		margin: 0 8px;
	}

	.lf__participantFlag>span {
		height: 12px;
		margin-right: 0;
		width: 18px;
	}
}



img.headshot {
	border-radius: 50%;
	border: 2px solid var(--light);
	margin: 0 10px !important;
}


@media all {
	.flag {
		background-repeat: no-repeat;
		background-size: auto 100%;
		flex: 0 0 18px;
		height: 12px;
		margin-right: 8px;
		width: 18px;
	}

	.flag.fl_77 {
		background-image: url(https://www.flashscore.com/res/_fs/build/fr.8e1768e.png);
	}

	.flag.fl_116 {
		background-image: url(https://www.flashscore.com/res/_fs/build/lt.a731423.png);
	}

	.flag.fl_172 {
		background-image: url(https://www.flashscore.com/res/_fs/build/si.3071988.png);
	}

	.flag.fl_59 {
		background-image: url(https://www.flashscore.com/res/_fs/build/hr.3094aac.png);
	}

	.flag.fl_133 {
		background-image: url(https://www.flashscore.com/res/_fs/build/me.d998179.png);
	}

	.flag.fl_113 {
		background-image: url(https://www.flashscore.com/res/_fs/build/lr.bf604c4.png);
	}

	a {
		color: var(--color-support-4);
	}

	a,
	a:hover {
		text-decoration: none;
	}

	.card-ico {
		height: 14px;
		width: 9px;
	}

	.yellowCard-ico {
		color: var(--color-yellow);
	}


}

@media all {
	.section {
		font-size: 13px;
		line-height: 16px;
		margin: 0 0 20px;
	}

	@media only screen and (min-width:639px) {
		
	}

	.section__title {
		background-color: var(--color-support-1);
		border-radius: 0;
		color: var(--color-support-4);
		font-size: 11px;
		font-weight: 700;
		padding: 6px 12px;
		text-transform: uppercase;
	}

	@media only screen and (min-width:639px) {
		.section__title {
			border-radius: 4px;
		}
	}

	.section__title--center {
		justify-content: center;
		text-align: center;
	}
}

@media all {
	.lf__header {
		display: flex;
	}

	.lf__side {
		display: flex;
		flex-direction: column;
	}

	.lf__side {
		width: 50%;
	}

	@media only screen and (max-width:479px) {
		.lf__side {
			min-width: auto;
		}
	}

	.lf__sides {
		display: flex;
	}


    .lf__participant2 {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        height: 48px;
        padding-left: 8px;
        padding-right: 8px;
    }

	.lf__participant {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		height: 48px;
		padding-left: 8px;
		padding-right: 8px;
	}

	.lf__participant:nth-of-type(2n) {
		position: relative;
	}

    .lf__participant2:nth-of-type(2n) {
		position: relative;


	}

    .lf__participant2:nth-of-type(2n) {
        position: relative;
    }   


    
    
	.lf__participant:nth-of-type(2n):after {
		background-color: var(--color-support-2-alpha-15);
		border-radius: 8px;
		content: "";
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 200%;
		z-index: 1;
	}

	.theme--dark .lf__participant:nth-of-type(2n):after {
		background-color: var(--color-support-1);;
	}

    .theme--dark .lf__participant2:nth-of-type(2n):after {
		background-color: var(--color-support-1);;
	}
	@media only screen and (max-width:639px) {
		.lf__participant:nth-of-type(2n):after {
			border-radius: 0;
		}
        .lf__participant2:nth-of-type(2n):after {
			border-radius: 0;
		}
	}

	.lf__participant:nth-of-type(2n)>* {
		z-index: 2;
	}

	.lf__participant .lf__participantName {
		color: var(--color-combination-2);
		font-weight: 700;
		margin-right: 8px;
	}

    .lf__participant2 .lf__participantName {
		color: var(--color-combination-2);
		font-weight: 700;
		margin-right: 8px;
	}

	@media only screen and (min-width:479px) {
		.lf__participant .lf__participantName {
			margin-right: 8px;
		}
	}

	.lf__participant a.lf__participantName:hover {
		text-decoration: underline;
	}

	.lf__participant .lf__participantNumber {
		color: var(--color-combination-2);
		font-weight: 700;
		min-width: 16px;
		text-align: center;
	}

	.lf__participant .lf__incidents {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
	}

	@media only screen and (max-width:479px) {
		.lf__participant .lf__incidents {
			flex-wrap: nowrap;
			overflow: auto;
			white-space: nowrap;
		}
	}

	.lf__participant.lf__isReversed {
		direction: rtl;
	}

	.lf__participant.lf__isReversed:nth-of-type(2n):after {
		content: "";
		left: -100%;
	}

	.lf__participant.lf__isReversed>* {
		direction: ltr;
	}

	.lf__participant.lf__isReversed .lf__participantName {
		margin-left: 8px;
		margin-right: 0;
		text-align: right;
	}

	@media only screen and (min-width:479px) {
		.lf__participant.lf__isReversed .lf__participantName {
			margin-left: 8px;
			margin-right: 0;
		}
	}

	.lf__participant.lf__isReversed .lf__incidentIcon {
		margin-left: 1px;
		margin-right: 0;
	}

	.lf__participant.lf__isReversed .lf__incidentIcon+.lf__subgoalkeeperHover:not(:last-child) {
		margin-left: 6px;
		margin-right: 3px;
	}

	.lf__participant.lf__isReversed .lf__incidentIcon:last-of-type {
		margin-left: 4px;
		margin-right: 0;
	}

	.lf__participant.lf__isReversed .lf__incidents {
		flex-direction: row-reverse;
	}

	.lf__participantFlag {
		display: flex;
		margin: 0 8px;
	}

	.lf__participantFlag>span {
		height: 12px;
		margin-right: 0;
		width: 18px;
	}

	.lf__subgoalkeeperHover {
		color: var(--color-support-4);
	}

	.lf__subgoalkeeperHover:hover {
		text-decoration: underline;
	}

	.lf__incidentIcon {
		align-items: center;
		background-color: var(--color-support-5);
		border: 1px solid var(--color-skeleton-2);
		border-radius: 6px;
		display: flex;
		flex: 0 0 16px;
		height: 16px;
		justify-content: center;
		line-height: 1;
		margin-right: 1px;
		position: relative;
		width: 16px;
	}

	.lf__incidentIcon:empty {
		display: none;
	}

	.lf__incidentIcon:last-of-type {
		margin-right: 4px;
	}

	.lf__incidentIcon+.lf__subgoalkeeperHover:not(:last-child) {
		margin-left: 3px;
		margin-right: 6px;
	}

	.lf__incidentIcon svg {
		height: 12px;
		transform: translate(0);
		width: 12px;
	}
}


@media screen {
	.liveActiveBet-ico {
		border-radius: 4px;
		box-sizing: border-box;
		cursor: pointer;
		font-family: LivesportFinderLatin, Tahoma, sans-serif;
		font-size: 11px;
		height: 24px;
		transform: translate(0);
		width: 24px;
        margin-right: 8px;
	}

	.event__match .liveActiveBet-ico {
		margin: auto 4px auto auto;
	}

	.liveActiveBet-ico {
		background-color: var(--color-primary-2);
		border: 1px solid var(--color-primary-2);
		color: var(--color-white);
	}
}

@media screen {
	.event .liveActiveBet-ico {
		grid-area: liveIcon;
	}
}







body.front-page.load a {
    cursor: pointer !important;
}

a {
    text-decoration: none;
    outline: none;
}

b {
    font-weight: 600;
}

a:hover {
    color: var(--primary-color-hover);
}

li {
    list-style: none;
}

button {
    padding: 5px;
    font-family: inherit;
}

.btn {
    font-weight: 500;
}

a,
h3,
p,
b,
li,
span {
    color: inherit;
}

a:active {
    background: var(--active-bg) !important;
}

h3 {
    margin: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
}

p {
    margin-top: 0;
    margin-bottom: .5rem;
}

.button {
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
    background: -moz-linear-gradient(center top, #ffffff 5%, #d1d1d1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d1d1');
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777;
    font-family: Helvetica;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
}

.button:hover {
    background: -moz-linear-gradient(center top, #d1d1d1 5%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#ffffff');
    background-color: #d1d1d1;
}

.button:active {
    position: relative;
    top: 1px;
}

.btn-glow {
    border-radius: 15px;
    padding: 7px 10px;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background: var(--panel-default);
    border: 1px solid var(--border-color);
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.btn-glow:hover {
    background: var(--light);
}

.btn-glow:active {
    background: var(--active-bg) !important;
}

@media (max-width:700px) {
    h3 {
        padding: 0 !important;
    }

    .player-top {
        font-size: 12px !important;
    }
}

@media (max-width:700px) {

    .player-container,
    .player-top {
        display: block !important;
        max-width: 100%;
        flex-direction: column;
    }
}



p {
    padding-top: 1em;
    padding-bottom: .1em;
    line-height: 1.7;
}

.center {
    text-align: center;
    width: 100%;
}

::selection {
    background: var(--primary-color-hover);
    color: #fff;
}

li {
    font-size: inherit;
}

ul {
    padding: 0;
}

@media (max-width:700px) {
    h3 {
        padding: 0 !important;
    }
}

.help {
    text-align: justify;
    padding: 5px !important;
    font-size: 12px !important;
}

* {
    transition: background-color .11s;
    transition: background-color 0.3s ease;
}

*:hover {
    transition: background-color .11s;
    transition: background-color 0.3s ease;
}

.desc li {
    font-size: inherit;
    line-height: 1.6 !important;
    margin-top: 5px !important;
}

*,
::after,
::before {
    box-sizing: border-box;
}

.player-container {
    max-width: 95% !important;
    margin: 0 auto;
}

h3 {
    flex: 1;
}

.btn.btn-glow {
    font-family: inherit !important;
}

.button.button-tertiary {
    color: #ffffff;
}

.button.button-tertiary {
    background: var(--light);
}

.player-container .player:before {
    content: "Advertising";
    position: relative;
    z-index: 111;
    padding: 0 5px;
    font-size: 10px;
    left: 0;
    display: flex;
}

.help {
    text-align: justify;
    padding: 10px;
    font-size: 1.17em !important;
    line-height: 1.8;
    letter-spacing: 0.3px !important;
}

:focus,
:active {
    outline: none !important;
}

a:active {
    opacity: .7 !important;
}

.loader {
    width: 100%;
    left: 0;
    z-index: 9998;
    text-align: center;
}

.loader {
    display: none;
    opacity: 0.7;
    background-color: var(--loading-bg);
    height: 100%;
    top: 0;
    position: fixed;
}

@media (max-width: 630px) {
    .desc {
        display: block !important;
    }

    .player-container {
        max-width: 100%;
        margin: 20px auto;
    }

    .livescore-wrap .player-container {
        display: flex !important;
        flex-direction: column;
    }
}

::placeholder {
    color: var(--secondary-color);
}

.livescore-wrap .player-aspect-ratio-container {
    max-width: 700px !important;
}

@media (max-width: 700px) {
    .player-aspect-ratio-container {
        width: 100% !important;
    }

    .player-container .desc {
        padding: 10px !important;
        max-width: 100% !important;
    }

    .player-container .player {
        width: 100% !important;
        height: 100%;
        max-height: 400px;
    }

    .player-container .player {
        border-radius: 0 !important;
        margin: 0 !important;
    }

    .player-container,
    .player-top {
        display: inherit !important;
    }
}

.player-container .player {
    max-width: 700px;
    max-height: 400px;
}

.green {
    color: green;
}

.help {
    color: var(--secondary-color);
}

.help p {
    padding: 0;
    color: var(--secondary-color);
}

a.btn.btn-glow.read_more.green {
    margin: 10px 0 !important;
    border-radius: 30px !important;
}

span.badge {
    border-radius: 20px !important;
}

.atribution.center .btn-glow {
    border-radius: 20px !important;
}

.atribution.center .btn-glow {
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    background: var(--primary-color-hover);
    color: #fff;
    border: 0;
}

@media (max-width: 650px) {
    .desc {
        display: none;
    }
}

.desc {
    height: -webkit-fill-available;
    font-weight: 400;
    height: 100% !important;
}

.atribution.center .btn-glow {
    width: 100%;
    border-radius: 5px;
    padding: 10px;
}

.atribution.center .btn-glow {
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    height: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 15px;
}

.atribution.center .btn-glow:hover {
    opacity: .7;
}

.livescore-wrap .player-aspect-ratio-container {
    width: 100%;
    flex: 1;
    min-height: 380px;
    max-width: 100%;
    margin: 0 auto;
}

.livescore-wrap .player-container .player {
    width: 100%;
    min-height: 380px;
}

.livescore-wrap .player-container .desc {
    max-width: 100%;
}

.livescore-wrap .player-container {
    display: flex !important;
    flex-direction: column;
}

.livescore-wrap .player-container .player {
    margin: 10px 0;
}

.livescore-wrap .play-wrapper {
    min-height: 350px;
}

.livescore-wrap .player-container .desc {
    padding: 10px;
    max-width: 80%;
    margin: 0 auto;
}

div#player_stream {
    padding: 10px;
    background: #3f3f3f !important;
    color: #fff;
    border-radius: 10px;
}

p {
    padding: 0 10px;
}

#player_stream button.button.button-tertiary {
    height: 85px;
    width: 85px;
}

.player-container .desc {
    padding: 30px;
    max-width: 40%;
}

.livescore-wrap .player-container {
    margin: 10px auto;
}

.livescore-wrap .player-container .desc {
    max-width: 100%;
    padding: 10px 30px;
}

.livescore-wrap .player-container .desc {
    max-width: 100%;
}

.livescore-wrap .player-container {
    margin: 0 !important;
    width: 100%;
    min-width: 100%;
}

.livescore-wrap .player-container .player {
    width: 100%;
    min-height: 400px !important;
    max-width: 750px !important;
    display: flex;
    flex-direction: column;
}

.livescore-wrap .player-aspect-ratio-container {
    max-width: 100% !important;
}

.livescore-wrap .player-container .desc {
    max-width: 750px !important;
}

.player-container .player {
    width: 100%;
    height: 100%;
    max-height: 380px;
}

.player-container .player:before {
    background: none;
    left: 5px;
    top: 5px;
}

a.btn.btn-glow.read_more.green {
    background: var(--green) !important;
    border: 0;
    border-radius: 5px;
    width: 100%;
    padding: 15px;
    margin-top: 5px;
}

a.btn.btn-glow.read_more.green:hover {
    opacity: .7;
}

span.badge {
    background: var(--primary-color-hover);
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin-right: 10px;
    width: 30px;
    display: inline-block;
    text-align: center;
}

a.btn.btn-glow.read_more.green {
    background: var(--primary-color-hover) !important;
    border: 0;
    border-radius: 5px;
    width: 100%;
}

a.btn.btn-glow.read_more.green:hover {
    opacity: .7;
}

.player-container p {
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.player-container .desc {
    padding: 20px 0 0 20px;
    max-width: 40%;
}

.desc h3 {
    font-weight: bold !important;
    font-size: 17px;
}

.player-container {
    background: none !important;
}

.player-container .player {
    border-radius: 10px !important;
}

.player-container .player {
    border-radius: 10px;
    display: block;
    background: #212529;
    position: absolute;
    flex-shrink: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.player-top {
    padding: 40px 0 !important;
}

.player-top {
    box-sizing: border-box;
    width: 100%;
    font-size: 20px;
    color: #ffffff;
    font-weight: 400;
    display: flex;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
}

span#stream_title_top {
    color: #fff !important;
}

.player-container a {
    color: #fff !important;
}

.play-middle {
    vertical-align: middle;
    text-align: center;
}

.player-bottom {
    width: 100%;
    bottom: 0;
    color: #ffffff;
}

.loader-wrapper {
    padding: 0 16px;
}

.loader {
    width: 100%;
    border-radius: 4px;
    height: 4px;
    position: relative;
    overflow: hidden;
    background-color: #000000;
}

.loader:before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    background-color: #d22a2a;
    animation: loading 180s cubic-bezier(0.12, 0.31, 0.35, 0.99);
}

.player-info {
    font-size: 10px;
    text-align: center;
    color: #ffffff;
    padding: 5px;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
}

.player-info>span {
    opacity: 0.75;
    color: #fff !important;
}

.button {
    padding: 13px 20px;
    font-weight: 500;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
}

.button:focus {
    outline: none;
}

.button span {
    font-size: 14px;
}

.button.button-tertiary:hover {
    opacity: .7;
    transform: scale(1.1);
    transition: all .1s;
}

.button.button-tertiary {
    color: #ffffff;
    border-radius: 100% !important;
    background: var(--color-primary);
    padding: 30px;
    box-shadow: none !important;
    text-shadow: none;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
    transition: all .1s;
}

.button.button-tertiary:hover {
    opacity: .7;
}

.button.button-tertiary:active {
    opacity: .5;
}

.player-aspect-ratio-container {
    position: relative;
    height: 0;
    width: 100%;
}

.player-container {
    display: flex;
    justify-content: center;
    min-height: 350px;
}

.livescore-wrap .player-aspect-ratio-container {
    max-width: 100%;
}

@media (max-width: 620px) {
    .player-top {
        padding: 30px 0 !important;
    }

    .w-stream .player-container {
        flex-direction: column !important;
    }

    .player-container .player {
        min-height: 300px !important;
    }

    .livescore-wrap .player-aspect-ratio-container {
        margin-bottom: 55px !important;
    }

    .livescore-wrap .player-container .player {
        width: 100%;
        min-height: 320px !important;
        max-width: 100% !important;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .livescore-wrap .player-container .desc {
        max-width: 100% !important;
    }

    .player-container {
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .livescore-wrap .player-container .player {
        width: 100%;
        min-height: 320px !important;
    }
}

@media (min-width: 620px) {
    .livescore-wrap .player-aspect-ratio-container {
        max-width: 80%;
        flex: 1;
        min-width: 60%;
    }

    .player-container {
        display: flex;
        justify-content: center;
    }

    .player-container .player {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .player-aspect-ratio-container {
        max-width: 100%;
        position: static;
        padding-bottom: 0;
        height: initial;
    }

    .player-container .player {
        width: 100%;
        height: 100%;
    }

    .livescore-wrap .player-aspect-ratio-container {
        max-width: 80%;
    }
}

@media (min-width: 1030px) {
    .player-container .player {
        width: 100%;
        height: 100%;
    }

    .player-info {
        padding: 8px 16px 16px;
    }

    .loader-wrapper {
        padding: 0 22px;
    }
}

@media (max-width: 700px) {
    .player-top {
        font-size: 15px !important;
    }
}

.w-stream .player-container {
    display: flex !important;
    flex-direction: row;
}

.w-stream div#lstream {
    transform: scale(0.95) !important;
}

.w-stream .player-container p {
    font-size: 11px !important;
}

.w-stream .player-top {
    font-size: 13px !important;
    padding-top: 33px !important;
    padding-bottom: 9px !important;
}

.w-stream .player-container .player {
    min-height: 280px !important;
    max-height: 280px !important;
}

.w-stream .player-container .desc {
    padding: 10px !important;
    padding-left: 20px !important;
    max-width: 100% !important;
}

.w-stream .player-container,
.livescore-wrap .player-aspect-ratio-container {
    min-height: 0 !important;
}

/*! CSS Used keyframes */
@keyframes loading {
    from {
        left: -100%;
        width: 100%;
    }

    to {
        left: 0;
    }
}