html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul, li {
	float: left;
	display: inline;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
}

i, em {
	font-style: normal;
}

button, select {
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.d-none {
	display: none !important;
}

.pull-right {
	float: right;
}

.connect-whatsapp {
	position: fixed;
	bottom: 16px;
	left: 16px;
	z-index: 7990;
}

	.connect-whatsapp a {
		float: right;
		width: 48px;
		height: 48px;
		background-color: #25D366;
		border-radius: 50%;
		position: relative;
		text-indent: -9999px;
		box-shadow: 0 0 15px rgba(0,0,0,0.2);
	}

		.connect-whatsapp a:hover {
			background-color: #00C451;
		}

		.connect-whatsapp a::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			background: url(../images/icon-whatsapp-2.png) no-repeat center / 50px;
		}
/*	Finish RESET	*/

/* html::-webkit-scrollbar { width:10px; }
html::-webkit-scrollbar-track { background:#444; }
html::-webkit-scrollbar-thumb { background-color: #FFF; border:3px solid #444; }
html { scrollbar-color:#FFF #444; scrollbar-width:thin; } */

body {
	margin: 0;
	color: #FFF;
	font-size: 14px;
	font-family: Cera Pro, Arial;
	line-height: 20px;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background-color: #12192D;
}

*::-moz-selection {
	background: rgba(0, 0, 0, 0.1);
}

*::selection {
	background: rgba(0, 0, 0, 0.1);
}

a {
	color: #FFF;
	text-decoration: none;
}

	a:hover, .theme-light a:hover {
		color: #FF6B16;
		text-decoration: none;
	}

:root {
	--color-blue: #3663F6;
	--color-light: #EBF0FF;
	--color-gold: #FFC400;
	--color-dark: #010C29;
	--color-border: #C2C7D4;
	--color-grey: #808594;
	--input-background-color: #FFF;
	--input-border-color: #bfbfbf;
	--input-border-color-inline: #FFF;
	--input-border-color-checked: #00A678;
	--input-background-color-checked: #029D56;
	--input-border-color-inline-checked: #029D56;
	--input-border-color-disabled: #bfbfbf;
	--input-background-color-disabled: #efefef;
	--input-border-color-inline-disabled: #bfbfbf;
	--input-border-color-hover: #029D56;
	--input-background-color-hover: #FFF;
	--input-border-color-inline-hover: #bfbfbf;
	--input-border-color-focus: #00A678;
}

/* Reset Css */
input, select, textarea, input[type='checkbox'], input[type='radio'] {
	border: none;
	position: relative;
	-webkit-appearance: none;
	margin: 0px;
	padding: 0px;
}

	input:focus, select:focus, textarea:focus, input[type='checkbox']:focus, input[type='radio']:focus {
		outline: 0;
	}

	input[type='submit'], button {
		border: none;
		position: relative;
		-webkit-appearance: none;
		margin: 0px;
		padding: 0px;
		outline: 0;
	}

	/* Customization checkbox & radio */
	input[type='checkbox'], input[type='radio'] {
		width: 18px;
		height: 18px;
		line-height: 18px;
		min-width: 1px !important;
		margin: 1px 10px -1px 0;
		padding: 0;
	}

		input[type='checkbox']::before, input[type='radio']::before {
			display: block;
			position: absolute;
			content: "";
			width: calc(100% - 2px);
			height: calc(100% - 2px);
			background-color: var(--input-background-color);
			transition: background-color 500ms, border-color 500ms;
		}

		input[type='checkbox']::after, input[type='radio']::after {
			display: block;
			position: absolute;
			content: "";
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			transition: background-color 500ms, border-color 250ms;
		}

		/* Customization checbox */
		input[type='checkbox']::before {
			border-radius: 4px;
			border: solid 1px;
			border-color: var(--input-border-color);
		}

		input[type='checkbox']::after {
			border: solid;
			border-color: var(--input-border-color-inline);
			border-width: 0 2px 2px 0;
			width: 5px;
			height: 10px;
			left: 7px;
			bottom: 5px;
		}

		input[type='checkbox']:not(:checked)::before {
			border-color: var(--input-border-color);
		}

		input[type='checkbox']:not(:checked)::after {
			border-color: var(--input-border-color-inline);
		}

		input[type='checkbox']:checked:not(:disabled)::before {
			border-color: var(--input-border-color-checked);
			background-color: var(--input-background-color-checked);
		}

		input[type='checkbox']:read-only::before, input[type='checkbox']:-moz-read-only::before {
			border-color: var(--input-border-color-inline-checked);
		}

		input[type='checkbox']:disabled::before {
			border-color: var(--input-border-color-disabled);
			background-color: var(--input-background-color-disabled);
		}

		input[type='checkbox']:disabled::after {
			border-color: var(--input-border-color-inline-disabled);
		}

		input[type='checkbox']:checked:not(:disabled):focus::before, input[type='checkbox']:not(:checked):not(:disabled):focus::before {
			border-color: var(--input-border-color-hover);
		}

		input[type='checkbox']:not(:checked):not(:disabled):hover::before {
			border-color: var(--input-border-color-hover);
			background-color: var(--input-background-color-hover);
		}

		input[type='checkbox']:not(:checked):not(:disabled):hover:not(:checked)::after {
			border-color: var(--input-border-color-inline-hover);
		}

		/* Customization radio */
		input[type='radio']::before {
			border-radius: 50%;
			border: solid 1px;
		}

		input[type='radio']::after {
			border: solid;
			border-color: var(--input-border-color-inline-checked);
			border-width: 5px;
			border-radius: 50%;
			width: 0px;
			height: 0px;
			left: 4px;
			bottom: 4px;
		}

		input[type='radio']:not(:checked)::before {
			border-color: var(--input-border-color);
		}

		input[type='radio']:not(:checked)::after {
			border-color: var(--input-border-color-inline);
		}

		input[type='radio']:checked:not(:disabled)::before {
			border-color: var(--input-border-color-checked);
			background-color: var(--input-background-color);
		}

		input[type='radio']:read-only::before, input[type='checkbox']:-moz-read-only::before {
			border-color: var(--input-border-color-inline-checked);
		}

		input[type='radio']:disabled::before {
		}

		input[type='radio']:disabled::after {
			border-color: var(--input-border-color-inline-disabled);
		}

		input[type='radio']:checked:not(:disabled):focus::before, input[type='radio']:not(:checked):not(:disabled):focus::before {
			border-color: var(--input-border-color-hover);
		}

		input[type='radio']:not(:checked):not(:disabled):hover::before {
			border-color: var(--input-border-color-hover);
			background-color: var(--input-background-color);
		}

		input[type='radio']:not(:checked):not(:disabled):hover:not(:checked)::after {
			border-color: var(--input-border-color-inline-hover);
		}

input, textarea, select {
	float: left;
	font-size: 14px;
	font-family: Cera Pro, Arial;
	border-radius: 0;
}

button {
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	border-radius: 0;
	font-family: Cera Pro, Arial;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
}

.input {
	width: 100%;
	height: 50px;
	padding: 0 15px;
	color: #FFF;
	letter-spacing: 1px;
	border: 1px solid #A6B4D7;
	transition: ease 0.3s;
	background-color: #2B324C;
	border-radius: 4px;
	box-shadow: 5px 5px 0 rgba(0,0,0,0.05);
}

	.input:focus {
		border-color: #029D56 !important;
	}

.select {
	background: #FFF url(../images/arrow-select.png) no-repeat right center;
	background-size: auto 5px;
	box-shadow: 5px 5px 0 rgba(0,0,0,0.03);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

textarea.input {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.button {
	float: none;
	height: 50px;
	display: inline-block;
	padding: 0 35px 0 25px;
	cursor: pointer;
	position: relative;
	color: #FFF;
	background-color: #FF6B16;
	transition: all 0.25s;
	border-radius: 4px;
	overflow: hidden;
}

	.button:hover {
		background-color: #12192D;
		letter-spacing: 2px;
		box-shadow: 0 0 20px rgba(255,255,255,0.1);
	}

	.button::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: -40%;
		left: 50%;
		background-image: linear-gradient(0deg,rgba(255, 255, 255, 0.0),#FFF);
		transform: skew(-40deg);
		opacity: 0.2;
		transition: all 0.25s;
	}

	.button:hover::before {
		left: 30%;
		opacity: 0.1;
	}

	.button::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 15px;
		width: 24px;
		background: url(../images/arrow-white-right.png) no-repeat right center / auto 20px;
		transition: all 0.25s;
	}

	.button:hover::after {
		right: 12px;
	}

.button-light {
	background-color: rgba(255,255,255,0.05);
	transition: all 0.25s;
	border-radius: 4px;
	overflow: hidden;
}

.button-fixed {
	width: 140px;
}

a.button {
	color: #FFF;
	font-weight: 600;
	font-size: 14px;
	line-height: 50px;
}

.tahminoloji {
	float: left;
	width: 100%;
	padding-top: 108px;
	position: relative;
}

.wrap, .wrap-slim {
	margin: 0 auto;
	width: 1300px;
	min-height: 10px;
	position: relative;
}

.wrap-slim {
	width: 100%;
	max-width: 960px;
}

.tac {
	text-align: center;
}

.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.fn {
	float: none !important;
}

.w100 {
	float: left;
	width: 100% !important;
}

.w50 {
	float: left;
	width: 50%;
}

.mt30 {
	margin-top: 30px;
}

.mt20 {
	margin-top: 20px;
}

.mt15 {
	margin-top: 15px;
}

.mt10 {
	margin-top: 10px;
}

.mt5 {
	margin-top: 5px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mr20 {
	margin-right: 20px;
}

/*	Start TOP	*/

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 8000;
	transition: all 0.4s;
}

.header-in {
	float: left;
	width: 100%;
	height: 60px;
	position: relative;
	background-color: #12192D;
	z-index: 300;
	transition: all 0.3s;
}

#logo {
	float: left;
	margin-top: 17px;
	position: relative;
	z-index: 100;
	transition: all 0.3s;
}

	#logo a {
		float: left;
		position: relative;
	}

	#logo img {
		float: left;
		height: 28px;
		position: relative;
		transition: all 0.3s;
	}

		#logo img:hover {
			opacity: 0.8;
		}

.nav-icon, .mobile-nav {
	display: none;
}

.header-lang-wrap {
	float: left;
	height: 40px;
	margin-top: 10px;
	margin-left: 20px;
	position: relative;
	z-index: 100;
	font-size: 12px;
	color: #FFF;
	text-align: center;
}

	.header-lang-wrap::before {
		content: "";
		float: left;
		width: 1px;
		height: 24px;
		margin: 8px 9px 0 0;
		background-color: #FFF;
		opacity: 0.1;
	}

.header-lang-icon {
	float: right;
	width: 45px;
	padding-right: 10px;
	position: relative;
	background: url(../images/arrow-white-down.png) no-repeat right 5px center / 8px 4px;
	cursor: pointer;
	z-index: 250;
	line-height: 40px;
}

.header-lang {
	position: absolute;
	top: 40px;
	right: 0;
	width: 45px;
	background-color: #E8ECF1;
	display: none;
	z-index: 300;
	box-shadow: 0 10px 50px rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

	.header-lang::before {
		content: "";
		border-bottom: 3px solid transparent;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		height: 0;
		position: absolute;
		width: 0;
		left: 50%;
		top: -3px;
		margin-left: -6px;
		border-bottom-color: #E8ECF1;
	}

	.header-lang ul {
		width: 100%;
	}

	.header-lang li {
		width: 100%;
	}

		.header-lang li a {
			float: left;
			width: 100%;
			color: #12192D !important;
			font-weight: 500;
			line-height: 32px;
			box-shadow: inset 0 -1px 0 rgba(0,0,0,0.06);
		}

		.header-lang li:last-child a {
			box-shadow: none;
		}

		.header-lang li a:hover {
			opacity: 0.7;
		}

.header-login {
	float: right;
	margin-top: 13px;
	background-color: transparent !important;
}

	.header-login::before {
		content: "";
		float: left;
		width: 1px;
		height: 24px;
		margin: 5px 20px 0 20px;
		background-color: #FFF;
		opacity: 0.1;
	}

	.header-login li {
		margin-right: 20px;
	}

		.header-login li:last-child {
			margin-right: 0;
		}

		.header-login li a {
			float: left;
			position: relative;
			line-height: 34px;
		}

			.header-login li a.btn-login {
				float: left;
				padding: 0 13px;
				border: 1px solid #FFF;
				border-radius: 17px;
				line-height: 32px;
			}

			.header-login li a:hover.btn-login {
				border-color: #FF6B16;
				color: #FF6B16;
			}

			.header-login li a.btn-login picture {
				float: left;
				width: 12px;
				height: 14px;
				margin: 8px 7px 0 0;
				overflow: hidden;
			}

				.header-login li a.btn-login picture img {
					float: left;
					width: 100%;
					transition: all 0.3s;
				}

			.header-login li a:hover.btn-login picture img {
				margin-top: -14px;
			}

.header-menu {
	right: 0 !important;
	top: 55px !important;
}

.header-menu-in {
	float: left;
	width: 100%;
	padding: 10px;
}

	.header-menu-in ul {
		width: 100%;
	}

	.header-menu-in li {
		width: 100%;
		margin-bottom: 5px;
	}

		.header-menu-in li:last-child {
			margin-bottom: 0;
		}

		.header-menu-in li a {
			float: left;
			width: 100%;
			padding: 10px 15px;
			position: relative;
			color: #12192D !important;
			font-weight: 500;
			background-color: #F2F4F7;
			border-radius: 4px;
			transition: all 0.3s;
		}

			.header-menu-in li a:hover {
				background-color: #E8ECF1;
			}

			.header-menu-in li a::after {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				right: 12px;
				width: 6px;
				background: url(../images/arrow-right.png) no-repeat center / 100% auto;
				transition: all 0.15s;
				opacity: 0.5;
			}

			.header-menu-in li a:hover::after {
				right: 8px;
				opacity: 1;
			}

.theme-switch {
	float: right;
	width: 24px;
	height: 24px;
	margin-top: 18px;
	background: #1F263E url(../images/icon-sun.png) no-repeat center / 14px;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s;
}

.theme-switch-close {
	background-color: rgba(255,255,255,0.3);
	background-image: url(../images/icon-moon.png);
}

#nav-wrap {
	float: left;
	width: 100%;
	position: relative;
	background-color: #21273C;
	z-index: 200;
}

#nav {
	float: left;
	width: 100%;
	position: relative;
}

	#nav ul {
		width: 100%;
	}

	#nav li {
		margin-right: 40px;
	}

		#nav li:last-child {
			float: right;
			margin-right: 0;
		}

		#nav li:hover {
			z-index: 10;
		}

		#nav li.active {
			margin: 0 20px 0 -20px;
		}

		#nav li:first-child.active {
			margin-left: 0;
		}

		#nav li:last-child.active {
			margin-right: 0;
		}

		#nav li > a {
			float: left;
			position: relative;
			font-weight: 500;
			line-height: 48px;
			transition: all 0.3s;
		}

		#nav li.active > a {
			padding: 0 20px;
			color: #FF6B16;
			background-image: linear-gradient(180deg,#21273C,#12192D);
		}

			#nav li.active > a::after {
				content: "";
				position: absolute;
				left: 20px;
				right: 20px;
				bottom: 0;
				height: 2px;
				background-color: #FF6B16;
				border-radius: 3px 3px 0 0;
			}

		#nav li > a img {
			float: left;
			height: 48px;
			padding: 17px 0;
			margin-right: 7px;
		}

/*	Finish TOP	*/

.hero-screen {
	float: left;
	width: 100%;
	position: relative;
	z-index: 2000;
}

	.hero-screen > img {
		float: left;
		width: 100%;
		max-height: 800px;
	}

.hero-video-wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

.hero-video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	object-fit: cover;
}

.hero-background {
	display: none;
}

.hero-message {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 20;
	padding: 70px 20px 74px 20px;
	color: #FFF;
	text-align: center;
	font-size: 17px;
	line-height: 24px;
	background-image: linear-gradient(180deg,rgba(87, 16, 25, 0),#571019);
}

	.hero-message strong {
		float: left;
		width: 100%;
		position: relative;
		font-weight: 600;
		font-size: 60px;
		line-height: 60px;
	}

	.hero-message span {
		float: left;
		width: 100%;
		padding-top: 38px;
		position: relative;
	}

		.hero-message span::before {
			content: "";
			position: absolute;
			top: 20px;
			left: 50%;
			width: 40px;
			height: 2px;
			margin-left: -20px;
			background-color: #C09C61;
		}

/*	Finish HERO VIDEO	*/

.controls {
	height: 100%;
}

.slick-prev, .slick-next {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 40px;
	margin-top: -20px;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 1000;
	transition: all 0.2s ease;
	background: #FFF url(../images/arrow-left.png) no-repeat center / auto 14px;
}

.slick-prev {
	left: 0;
	border-radius: 0 8px 8px 0;
}

.slick-next {
	right: 0;
	border-radius: 8px 0 0 8px;
	background-image: url(../images/arrow-right.png);
}

	.slick-prev:hover, .slick-next:hover {
		width: 50px;
		opacity: 1;
	}

ul.slick-dots {
	position: absolute;
	text-align: center;
	right: 0;
	left: 0;
	bottom: 0;
	padding-top: 60px;
	z-index: 1000;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.2));
}

	ul.slick-dots li {
		float: none;
		width: 4px;
		height: 20px;
		margin: 0 3px;
		display: inline-block;
		transition: all 0.3s;
	}

		ul.slick-dots li button {
			float: left;
			width: 4px;
			height: 100%;
			cursor: pointer;
			background-color: #FFF;
			transition: all 0.3s;
			position: relative;
			text-indent: -9999px;
			opacity: 0.5;
		}

			ul.slick-dots li button:hover {
				opacity: 0.6;
			}

		ul.slick-dots li.slick-active {
			height: 30px;
			margin-top: -20px;
		}

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

.slider-hero-wrap {
	float: left;
	width: 100%;
	position: relative;
	z-index: 700;
}

.slider-hero {
	float: left;
	width: 100%;
	max-height: 640px;
	position: relative;
	z-index: 700;
	overflow: hidden;
}

.slider-hero-item {
	float: left;
	width: 100%;
	position: relative;
	color: #FFF;
	background: url(../images/bg-slider.jpg) no-repeat center / cover;
}

	.slider-hero-item a {
		color: #FFF;
	}

	.slider-hero-item picture {
		float: right;
		width: calc(50% - 40px);
		position: relative;
		text-align: center;
		opacity: 0;
		transition: all 1.7s;
	}

	.slider-hero-item.slick-active picture {
		opacity: 1;
	}

	.slider-hero-item picture img {
		display: inline-block;
		max-width: 100%;
		max-height: 640px;
	}

.slider-hero-video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
}

.slider-hero-title {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 20;
	background: url(../images/hero-mask.png) no-repeat 0 0 / auto 100%;
}

.slider-hero-title-in {
	float: left;
	width: calc(50% - 40px);
	color: #FFF;
}

.slider-hero-title span {
	float: left;
	width: 100%;
	padding-left: 60px;
	margin-bottom: 18px;
	position: relative;
	font-size: 15px;
	font-weight: 600;
	color: #000;
	letter-spacing: 2px;
}

	.slider-hero-title span::before {
		content: "";
		position: absolute;
		top: calc(50% - 1px);
		left: 0;
		width: 40px;
		height: 2px;
		background-color: #000;
	}

.slider-hero-title strong {
	float: left;
	width: 100%;
	font-size: 60px;
	font-weight: 700;
	line-height: 70px;
	letter-spacing: -1px;
}

.slider-hero-title a {
	float: left;
	height: 50px;
	padding: 0 19px 0 24px;
	margin-top: 37px;
	position: relative;
	font-weight: 700;
	line-height: 48px;
	border: 1px solid #FFF;
	border-radius: 25px;
	letter-spacing: 1px;
	transition: all 0.3s;
}

	.slider-hero-title a:hover {
		background-color: #FFF;
		color: #FF6B16;
	}

	.slider-hero-title a::after {
		content: "";
		float: right;
		width: 17px;
		height: 48px;
		margin-left: 10px;
		background: url(../images/arrow-white-right.png) no-repeat center / 100% auto;
		transition: all 0.2s;
	}

	.slider-hero-title a:hover::after {
		margin-left: 15px;
		background-image: url(../images/arrow-right.png);
	}

.vertical-out {
	width: 100%;
	height: 100%;
	display: table;
}

.vertical-in {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}

/*	Finish SLIDER	*/

.mask, .mask-top {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 700;
}

.mask-top {
	top: 0;
	bottom: auto;
}

	.mask > img, .mask-top > img {
		float: left;
		width: 100%;
	}

/*	Start FOOTER	*/

.footer-wrap {
	float: left;
	width: 100%;
	position: relative;
}

.footer-connect-wrap {
	float: left;
	width: 100%;
	padding-top: 40px;
	position: relative;
}

	.footer-connect-wrap::before, .footer-connect-wrap::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 1px;
		background-color: #2A3040;
		opacity: 0.4;
	}

	.footer-connect-wrap::after {
		top: auto;
		bottom: 0;
	}

.footer-connect li {
	margin-right: 20px;
}

.footer-connect ul.fl li {
	padding-right: 30px;
	margin-right: 30px;
	border-right: 2px solid #1C2235;
}

.footer-connect li:last-child {
	margin-right: 0 !important;
	padding-right: 0 !important;
	border-right: 0 !important;
}

.footer-connect li a {
	float: left;
	font-size: 16px;
	line-height: 40px;
}

	.footer-connect li a > img {
		float: left;
		height: 40px;
	}

	.footer-connect li a > picture {
		float: left;
		width: 20px;
		height: 20px;
		margin: 10px 10px 10px 0;
		overflow: hidden;
	}

		.footer-connect li a > picture img {
			float: left;
			width: 20px;
			transition: all 0.3s;
		}

.theme-light .footer-connect li a > picture img {
	margin-top: -20px;
}

.join-us {
	float: left;
	width: 100%;
	padding: 40px 40px 40px 25%;
	margin: 40px 0;
	position: relative;
	background-color: rgba(0,0,0,0.2);
	border-radius: 8px;
}

	.join-us picture {
		position: absolute;
		left: 60px;
		bottom: -40px;
		top: 20px;
		width: 200px;
		background: url(../images/bg-phone.png) no-repeat 0 0 / auto 100%;
	}

	.join-us section {
		float: left;
		width: 100%;
		max-width: 600px;
		position: relative;
	}

	.join-us h5 {
		float: left;
		width: 100%;
		margin: -10px 0 15px 0;
		position: relative;
		font-size: 20px;
		line-height: 25px;
	}

	.join-us .input {
		height: 50px;
		padding: 0 25px;
		border: 0;
		border-radius: 25px;
		font-size: 15px;
		color: #FFF;
		line-height: 50px;
		background-color: #1B2136;
		border-radius: 6px;
		box-shadow: none;
	}

		.join-us .input:focus {
			background-color: #12192D;
			box-shadow: 0 0 20px rgba(255,255,255,0.2);
		}

		.join-us .input::placeholder {
			color: #FFF;
			opacity: 1;
		}

		.join-us .input:-ms-input-placeholder {
			color: #FFF;
		}

		.join-us .input::-ms-input-placeholder {
			color: #FFF;
		}

	.join-us .button {
		width: 50px;
		height: 40px;
		padding: 0;
		position: absolute;
		top: 5px;
		right: 5px;
		text-indent: -9999px;
		background-color: transparent;
	}

		.join-us .button:hover {
			width: 60px;
			background-color: #12192D;
		}

		.join-us .button::after {
			right: 0;
			width: 100%;
			background-position: center;
		}

.footer {
	float: left;
	width: 100%;
	padding: 40px 0;
	position: relative;
}

	.footer a, .copyright a {
		color: #FFF;
	}

		.footer a:hover, .copyright a:hover {
			text-decoration: underline;
		}

.footer-title {
	float: left;
	width: 100%;
	padding: 5px 0 15px 0;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 2px;
	opacity: 0.7;
}

.footer-block-wrap {
	float: left;
	width: 100%;
	position: relative;
}

.footer-block {
	float: left;
	width: 22%;
	padding: 0 15px;
	letter-spacing: 0.5px;
}

	.footer-block:first-child {
		width: 34%;
	}

.footer-block-content {
	float: left;
	width: 100%;
	position: relative;
}

	.footer-block-content > ul {
		width: 100%;
	}

		.footer-block-content > ul li {
			width: 100%;
		}

			.footer-block-content > ul li a {
				float: left;
				width: 100%;
				padding: 5px 0;
			}

.footer-logo {
	float: left;
	width: 100%;
}

	.footer-logo img {
		float: left;
		max-height: 28px;
	}

.footer-social {
	float: left;
	margin-top: 32px;
}

	.footer-social li {
		padding-right: 15px;
	}

		.footer-social li:last-child {
			padding-right: 0;
		}

		.footer-social li a {
			float: left;
			border: 1px solid #242C43;
			border-radius: 6px;
			transition: all 0.25s;
		}

			.footer-social li a:hover {
				border-color: #FFF;
			}

.theme-light .footer-social li a:hover {
	background-color: #FFF;
}

.footer-social li a img {
	float: left;
	height: 40px;
	margin: -1px;
}

.page-social-media li a img {
	height: 50px;
}

.copyright {
	float: left;
	width: 100%;
	padding: 20px 0;
	font-weight: 300;
	opacity: 0.5;
}

.footer-info-text {
	float: right;
	width: 100%;
	padding: 53px 15px 0 15px;
	position: relative;
	font-weight: 300;
	letter-spacing: 0.5px;
	line-height: 25px;
	opacity: 0.5;
}

	.footer-info-text::before {
		content: "";
		position: absolute;
		top: 25px;
		left: 15px;
		width: 180px;
		height: 1px;
		background-color: #2A3040;
		opacity: 0.7;
	}

.header-social {
	float: right;
	margin-top: 13px;
	margin-right: 40px;
}

	.header-social li {
		padding-right: 10px;
	}

		.header-social li a {
			border: 1px solid #353D5C;
			border-radius: 50%;
		}

.theme-light .header-social li a {
	background: rgba(255,255,255,0.5);
}

.header-social li a img {
	height: 34px;
}

/*	Start CONTENT	*/

.main-content {
	float: left;
	width: 100%;
	padding-bottom: 100px;
	position: relative;
}

.page-title {
	float: left;
	width: 100%;
	padding: 36px 0 24px 0;
	position: relative;
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
	z-index: 30;
}

.medium-title {
	float: left;
	width: 100%;
	padding: 10px 0 15px 0;
	position: relative;
	font-size: 20px;
	font-weight: 500;
	line-height: 25px;
	z-index: 30;
	overflow: hidden;
}

	.medium-title strong {
		float: left;
		position: relative;
		font-weight: 500;
	}

		.medium-title strong::after {
			content: "";
			position: absolute;
			top: calc(50% - 1px);
			right: -1015px;
			width: 1000px;
			height: 2px;
			background-color: #FFF;
			opacity: 0.05;
		}

.page-about {
	float: left;
	width: 100%;
	margin: -1px 0 29px 0;
	position: relative;
	font-size: 16px;
	line-height: 30px;
	z-index: 40;
}

.page-about-left {
	text-align: left;
}

.page-about-white {
	color: #FFF;
}

.page-about a {
	font-weight: 600;
}

	.page-about a:hover {
		text-decoration: underline;
	}

.page-about b, .page-about strong {
	font-weight: 600;
}

.page-photo {
	float: left;
	width: 100%;
	margin: 5px 0 20px 0;
	position: relative;
}

	.page-photo img {
		float: left;
		width: 100%;
		border-radius: 6px;
	}

.page-photo-slim img {
	float: none;
	max-width: 720px;
}

.static-text {
	float: left;
	width: 100%;
	margin: -2px 0 2px 0;
	position: relative;
	line-height: 25px;
}

.sidebar {
	float: left;
	width: 220px;
	margin-top: 20px;
}

.right-block {
	float: right;
	width: calc(100% - 240px);
	margin-top: 20px;
}

.right-banner {
	position: absolute;
	top: 0;
	right: -140px;
	width: 120px;
	z-index: 7900;
}

	.right-banner img {
		width: 120px;
		border-radius: 4px;
	}

.tab-sidebar-menu {
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
}

	.tab-sidebar-menu ul {
		float: left;
		width: 100%;
		background-color: #21273C;
		border-radius: 4px;
	}

	.tab-sidebar-menu li {
		width: 50%;
	}

		.tab-sidebar-menu li a {
			float: left;
			width: 100%;
			height: 40px;
			position: relative;
			font-size: 12px;
			font-weight: 500;
			line-height: 40px;
			transition: all 0.3s;
		}

			.tab-sidebar-menu li a.tab-sidebar-active {
				color: #FF6B16;
			}

				.tab-sidebar-menu li a.tab-sidebar-active::after {
					content: "";
					position: absolute;
					bottom: -3px;
					left: calc(50% - 3px);
					width: 6px;
					height: 6px;
					background-color: #FF6B16;
					border-radius: 50%;
				}

.js-tab {
	display: none;
}

.js-show {
	display: block;
}

.static-menu {
	float: left;
	width: 100%;
	position: relative;
}

	.static-menu ul {
		float: left;
		width: 100%;
	}

	.static-menu li {
		width: 100%;
	}

		.static-menu li a {
			float: left;
			width: 100%;
			padding: 5px 0 5px 15px;
			position: relative;
			box-shadow: inset 2px 0 0 rgba(255,255,255,0.05);
			transition: all 0.25s;
		}

			.static-menu li a:hover {
				box-shadow: inset 2px 0 0 #FFF;
			}

			.static-menu li a.static-menu-active {
				box-shadow: inset 2px 0 0 #FF6B16;
				color: #FF6B16;
			}

.sb-my-teams {
	float: left;
	width: 100%;
	margin: 10px 0;
	position: relative;
}

	.sb-my-teams ul {
		width: 100%;
	}

	.sb-my-teams li {
		width: 100%;
		display: flex;
		align-items: center;
	}

		.sb-my-teams li a {
			float: left;
			width: calc(100% - 20px);
			padding: 5px 0 5px 15px;
		}

			.sb-my-teams li a img {
				float: left;
				height: 20px;
				margin-right: 7px;
			}

.sb-my-leagues li a img {
	padding: 2px 0;
}

.btn-fav, .btn-faved {
	width: 20px;
	height: 20px;
	background: url(../images/icon-fav.png) no-repeat center / 15px 14px;
	display: inline-block;
	cursor: pointer;
}

.btn-faved {
	background-image: url(../images/icon-faved.png);
}

.sb-my-teams .btn-fav, .sb-my-teams .btn-faved {
	float: right;
	margin-left: auto;
}

.sidebar-banner {
	float: left;
	width: 100%;
	margin-top: 10px;
	text-align: center;
}

	.sidebar-banner > img {
		width: 100%;
		max-width: 220px;
		border-radius: 4px;
	}

.title-small {
	float: left;
	width: 100%;
	padding-left: 15px;
	margin: 16px 0 9px 0;
	color: #4C557B;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1px;
}

.sb-country-wrap {
	float: left;
	width: 100%;
	margin: 10px 0;
	position: relative;
}

.sb-country-title {
	float: left;
	width: 100%;
	padding: 5px 0 5px 15px;
	position: relative;
	z-index: 10;
}

.sb-country-title-active {
	box-shadow: inset 2px 0 0 #FFF;
}

.sb-country-title img {
	float: left;
	height: 20px;
	padding: 2px 0;
	margin-right: 7px;
}

.sb-country-title::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 14px;
	background: url(../images/arrow-down.png) no-repeat center / 10px 5px;
	transition: all 0.3s;
}

.sb-country-title-active::after {
	transform: rotate(180deg);
}

.sb-country-title section {
	float: left;
}

.sb-country-content {
	float: left;
	width: 100%;
	padding-left: 15px;
	margin-top: -5px;
	margin-bottom: 5px;
	position: relative;
	display: none;
}

	.sb-country-content .sb-my-teams {
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.05);
		font-size: 12px;
	}

.page-search {
	float: left;
	width: 100%;
	max-width: 320px;
	position: relative;
}

	.page-search input {
		width: 100%;
		height: 40px;
		padding: 0 14px;
		border: 1px solid #353D5C;
		border-radius: 6px;
		background-color: transparent;
		font-size: 14px;
		color: #FFF;
		line-height: 38px;
	}

	.page-search select {
		width: 100%;
		height: 40px;
		padding: 0 14px;
		border: 1px solid #353D5C;
		border-radius: 6px;
		background-color: transparent;
		font-size: 14px;
		color: #FFF;
		line-height: 38px;
		color: black;
	}

	.page-search button {
		position: absolute;
		width: 40px;
		height: 40px;
		top: 0;
		right: 0;
		background: url(../images/icon-search.png) no-repeat center / 16px;
		text-indent: -9999px;
	}

		.page-search button:hover {
			background-size: 18px;
		}

.filter-wrap {
	float: right;
	padding: 0 4px;
	border: 1px solid #353D5C;
	border-radius: 6px;
}

.filter-box {
	position: absolute;
	right: -5px;
	top: 45px;
	width: 250px;
	background-color: #FFF;
	box-shadow: 4px 4px 0 rgba(255,255,255,0.06);
	z-index: 100;
	border-radius: 4px;
	border: 1px solid #353D5C;
	display: none;
	color: #333;
}

	.filter-box::before, .filter-box::after {
		content: "";
		border-bottom: 4px solid transparent;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		height: 0;
		top: -4px;
		right: 17px;
		position: absolute;
		width: 0;
		border-bottom-color: #353D5C;
	}

	.filter-box::after {
		top: -3px;
		border-bottom-color: #FFF;
	}

.filter-icon {
	float: left;
	width: 38px;
	height: 38px;
	margin: 0 4px;
	position: relative;
	cursor: pointer;
	text-indent: -9999px;
}

	.filter-icon::before {
		content: "";
		position: absolute;
		top: calc(50% - 8px);
		left: calc(50% - 8px);
		width: 16px;
		height: 16px;
		background-position: 0 0;
		background-size: 16px auto;
		background-repeat: no-repeat;
		z-index: 5;
		transition: all 0.3s;
	}

	.filter-icon span {
		position: relative;
		z-index: 10;
	}

.filter-pro {
	float: left;
	position: relative;
}

.filter-pro-icon::before {
	background-image: url(../images/icon-filter.png);
}

.filter-pro-content {
	float: left;
	width: 100%;
	padding: 15px;
}

.filter-pro-options {
	float: left;
	width: 100%;
}

	.filter-pro-options label {
		float: left;
		width: 100%;
		margin-bottom: 5px;
		cursor: pointer;
	}

	.filter-pro-options section {
		float: left;
		width: 100%;
		margin-top: 10px;
	}

		.filter-pro-options section .button {
			float: left;
			width: 100%;
			height: 40px;
			font-size: 12px;
			line-height: 40px;
			border-radius: 20px;
		}

.filter-arrange {
	float: left;
	position: relative;
}

.filter-arrange-icon::before {
	background-image: url(../images/icon-arrange.png);
}

.filter-calendar {
	float: left;
	position: relative;
}

.filter-calendar-icon::before {
	background-image: url(../images/icon-calendar.png);
}

.filter-calendar-content, .filter-arrange-content {
	width: 160px;
	text-align: center;
}

.filter-calendar-in {
	float: left;
	width: 100%;
	padding: 9px;
	border-radius: 4px;
	overflow: hidden;
}

	.filter-calendar-in ul {
		width: 100%;
	}

	.filter-calendar-in li {
		width: 100%;
		border-bottom: 1px solid #E8ECF1;
	}

		.filter-calendar-in li:last-child {
			border-bottom: 0;
		}

		.filter-calendar-in li section {
			float: left;
			width: 100%;
			font-weight: 500;
			font-size: 13px;
			color: #12192D;
			line-height: 25px;
			letter-spacing: 1px;
			cursor: pointer;
		}

			.filter-calendar-in li section:hover {
				background-color: #F6F7F9;
			}

			.filter-calendar-in li section.active {
				background-color: #FF6B16;
				color: #FFF;
			}

.menu-trigger {
	transition: all 0.3s;
}

.menu-trigger-active {
	background-color: rgba(0,0,0,0.5);
	border-radius: 50%;
}

.tab {
	float: left;
	width: 100%;
	padding: 20px 0;
	position: relative;
}

.tab-slim {
	padding-top: 0 !important;
}

.tab ul {
	width: 100%;
	position: relative;
}

.tab li {
	padding-right: 10px;
}

	.tab li:last-child {
		padding-right: 0;
	}

	.tab li a {
		float: left;
		height: 40px;
		padding: 0 15px;
		background-color: #1D2338;
		font-weight: 500;
		line-height: 40px;
		position: relative;
		border-radius: 4px;
	}

		.tab li a i {
			position: absolute;
			top: -3px;
			right: 5px;
			min-width: 14px;
			height: 14px;
			padding: 0 4px;
			font-size: 9px;
			color: #FFF;
			line-height: 14px;
			background-color: #4C557B;
			border-radius: 7px;
			text-align: center;
		}

		.tab li a.tab-active {
			background-color: #FF6B16 !important;
			color: #FFF;
		}

			.tab li a.tab-active::after {
				content: "";
				border-top: 3px solid transparent;
				border-left: 8px solid transparent;
				border-right: 8px solid transparent;
				height: 0;
				position: absolute;
				width: 0;
				left: 50%;
				bottom: -3px;
				margin-left: -8px;
				border-top-color: #FF6B16;
			}

.tab-sub {
	float: left;
	width: 100%;
	padding-bottom: 2px;
	margin-bottom: 18px;
	position: relative;
	border-radius: 4px;
	background-image: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.05));
	box-shadow: inset 0 -2px 0 #12192D;
}

	.tab-sub ul {
		width: 100%;
		position: relative;
	}

	.tab-sub li::after {
		content: "";
		float: right;
		width: 1px;
		height: 45px;
		background-image: linear-gradient(180deg, rgba(255,255,255,0.0), rgba(255,255,255,0.1));
	}

	.tab-sub li a {
		float: left;
		padding: 0 25px;
		position: relative;
		font-weight: 500;
		font-size: 12px;
		letter-spacing: 0.5px;
		line-height: 45px;
		opacity: 0.75;
	}

		.tab-sub li a:hover, .tab-sub li a.tab-sub-active {
			opacity: 1;
		}

			.tab-sub li a.tab-sub-active::before {
				content: "";
				position: absolute;
				left: 10%;
				right: 10%;
				bottom: 0;
				height: 2px;
				background-image: linear-gradient(90deg,rgba(255,107,22,0.0),#FF6B16,rgba(255,107,22,0.0));
				opacity: 0.7;
			}

			.tab-sub li a.tab-sub-active::after {
				content: "";
				width: 6px;
				height: 6px;
				position: absolute;
				left: calc(50% - 3px);
				bottom: -2px;
				background-color: #FF6B16;
				border-radius: 50%;
			}

/*	Start LIVE SCORE	*/

.live-score-match-info {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	position: relative;
}

	.live-score-match-info ul {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
	}

	.live-score-match-info li {
		width: 50%;
		padding: 0 5px;
		margin-bottom: 5px;
		font-size: 12px;
	}

		.live-score-match-info li section {
			float: left;
			width: 100%;
			display: flex;
			align-items: center;
		}

			.live-score-match-info li section span {
				float: right;
				width: calc(100% - 20px);
				margin-left: auto;
				line-height: 16px;
			}

.team-play-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #C6C6C6;
	border-radius: 50%;
}

.team-play-dot-blue {
	background-color: #37A5FE;
}

.team-play-dot-green {
	background-color: #3FF900;
}

.team-play-dot-yellow {
	background-color: #FFE30B;
}

@keyframes tpanimation {
	0% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}

	100% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
}

.tp-animation {
	animation: tpanimation 0.7s ease-in-out infinite alternate;
	-webkit-animation: tpanimation 0.7s ease-in-out infinite alternate;
}

.tp-animation-fast {
	animation: tpanimation 0.35s ease-in-out infinite alternate;
	-webkit-animation: tpanimation 0.35s ease-in-out infinite alternate;
}

.live-score-box {
	float: left;
	width: 100%;
	position: relative;
}

.live-score-head {
	float: left;
	width: 100%;
	min-height: 40px;
	padding-right: 40px;
	margin-bottom: 1px;
	position: relative;
	background-color: #272F47;
	display: flex;
	align-items: center;
	border-radius: 3px;
}

.popup-wrap .live-score-head {
	border-radius: 0;
}

.ls-head-country {
	float: left;
	width: 100%;
	padding-left: 15px;
	display: flex;
	align-items: center;
}

	.ls-head-country a {
		display: flex;
		align-items: center;
	}

	.ls-head-country img {
		float: left;
		height: 20px;
		padding: 2px 0;
		margin-right: 10px;
	}

	.ls-head-country i {
		float: left;
		width: 1px;
		height: 20px;
		margin: 0 15px;
		background-color: #FFF;
		opacity: 0.1;
	}

.live-score-content {
	float: left;
	width: 100%;
	margin-bottom: 1px;
	position: relative;
}

.live-score-item {
	float: left;
	width: 100%;
	padding-right: 40px;
	margin-bottom: 2px;
	position: relative;
	display: flex;
	flex-flow: row wrap;
	background-color: #1B2136;
	font-size: 12px;
	border-radius: 3px;
}

	.live-score-item:hover {
		background-color: #21283E;
	}

.live-score-content .live-score-item:last-child {
	margin-bottom: 0;
}

.live-score-item-live::after {
	content: "CANLI";
	position: absolute;
	top: calc(50% - 8px);
	right: -8px;
	width: 32px;
	height: 16px;
	background-color: #029D56;
	border-radius: 3px 3px 0 0;
	font-size: 7px;
	font-weight: 600;
	color: #FFF;
	line-height: 16px;
	text-align: center;
	transform: rotate(-90deg);
}

.btn-reaction {
	position: absolute;
	top: calc(50% - 8px);
	right: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #16AAFF;
	color: #16AAFF !important;
	border-radius: 4px;
	font-size: 9px;
	font-weight: 600;
	line-height: 14px;
	text-align: center;
}

	.btn-reaction:hover {
		background-color: #16AAFF;
		color: #FFF !important;
	}

.ls-inner {
	float: left;
	width: 100%;
	position: relative;
}

.ls-left, .ls-right {
	float: left;
	width: 42%;
	height: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	text-align: center;
}

.live-score-content .ls-left {
	cursor: pointer;
}

.ls-right {
	width: 58%;
}

.ls-col {
	height: 60px;
	flex: 1;
	flex-basis: 10%;
	border-left: 1px solid #12192D;
}

.ls-left .ls-col:first-child {
	border-left: 0;
}

.live-score-head .ls-col {
	height: 40px;
	border-color: transparent !important;
}

.ls-goal {
	font-weight: 500;
}

.ls-col-in {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.ls-col-row {
	width: 100%;
}

.ls-fav {
	flex-basis: 15%;
}

.ls-date {
	flex-basis: 20%;
	line-height: 16px;
}

.ls-date {
	width: 100%;
	padding-left: 15px;
	text-align: left;
}

.ls-date-finish {
	color: #019B55;
	font-weight: 600;
}

.ls-date-live {
	color: #F94654;
	font-weight: 600;
	position: relative;
}

	.ls-date-live::after {
		content: "";
		width: 5px;
		height: 5px;
		display: inline-block;
		margin: 0 0 7px 2px;
		border-radius: 50%;
		animation: nowplaying 2s;
		-moz-animation: nowplaying 1.5s infinite;
		-webkit-animation: nowplaying 1.5s infinite;
	}

@-moz-keyframes nowplaying {
	0% {
		background: #F94654;
	}

	50% {
		background: rgba(0,0,0,0.0);
	}

	100% {
		background: #F94654;
	}
}

@-webkit-keyframes nowplaying {
	0% {
		background: #F94654;
	}

	50% {
		background: rgba(0,0,0,0.0);
	}

	100% {
		background: #F94654;
	}
}

.ls-team-1 picture, .ls-team-2 picture {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	text-align: center;
	overflow: hidden;
	border-radius: 3px;
}

	.ls-team-1 picture img, .ls-team-2 picture img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		margin: 0 !important;
	}

.ls-teams {
	flex-basis: 65%;
}

.ls-team-1, .ls-team-2 {
	padding: 2px 0 2px 45px;
	position: relative;
	text-align: left;
	display: flex;
	align-items: center;
	font-weight: 500;
}

	.ls-team-1 img, .ls-team-2 img {
		height: 20px;
		margin-right: 10px;
		width: 20px;
	}

	.ls-team-1 .team-play-dot, .ls-team-2 .team-play-dot {
		position: absolute;
		top: calc(50% - 5px);
		left: 12px;
	}

.ls-team-name {
	max-width: 130px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ls-card-yellow, .ls-card-red {
	display: inline-block;
	width: 8px;
	height: 10px;
	margin-left: 5px;
	text-align: center;
	color: #000;
	font-size: 9px;
	font-weight: 600;
	line-height: 10px;
	background-color: #FC0;
	border-radius: 2px;
}

.ls-card-red {
	background-color: #F00;
	color: #FFF;
}

.ls-icon {
	display: inline-block;
	width: 14px;
	height: 14px;
	position: relative;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 0 0;
	transition: all 0.3s;
}

.ls-icon-goal {
	background-image: url(../images/icon-ball.png);
}

.ls-icon-shot {
	background-image: url(../images/icon-shot.png);
}

.ls-icon-corner {
	background-image: url(../images/icon-corner.png);
}

.ls-icon-foul {
	background-image: url(../images/icon-fouls.png);
}

.ls-icon-possession {
	background-image: url(../images/icon-possession.png);
}

.ls-icon-lock-1 {
	background-image: url(../images/icon-lock-1.png);
}

.ls-icon-lock-2 {
	background-image: url(../images/icon-lock-2.png);
}

.ls-icon-lock-3 {
	background-image: url(../images/icon-lock-3.png);
}

.ls-right-col-top, .ls-right-col-bottom {
	float: left;
	width: 100%;
}

.ls-right-col-locked {
	width: 100%;
	height: 20px;
	background: url(../images/icon-lock.png) no-repeat center / 10px 12px;
	text-indent: -9999px;
}

.tooltipp {
	position: absolute;
	top: -4px;
	bottom: -4px;
	left: -4px;
	right: -4px;
	cursor: pointer;
	text-align: center;
}

	.tooltipp:hover {
		z-index: 9999;
	}

	.tooltipp span {
		padding: 5px 7px;
		background-color: #FFF;
		position: absolute;
		bottom: 24px;
		left: -30px;
		right: -30px;
		border-radius: 3px;
		box-shadow: 0 0 12px rgba(0,0,0,0.1);
		display: none;
		font-size: 11px;
		line-height: 10px;
		font-weight: 500;
		color: #12192D;
	}

	.tooltipp:hover span {
		display: block;
	}

	.tooltipp span::before {
		content: "";
		border-top: 3px solid transparent;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		height: 0;
		position: absolute;
		width: 0;
		left: 50%;
		bottom: -3px;
		margin-left: -6px;
		border-top-color: #FFF;
		z-index: 5;
	}

/*	Finish LIVE SCORE	*/

.hero-score {
	float: left;
	width: 100%;
	position: relative;
	border: 1px solid rgba(53,61,92,0.5);
	border-radius: 4px;
	overflow: hidden;
}

	.hero-score::before, .hero-score::after, .hero-score-in::before, .hero-score-in::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: -10%;
		width: 22%;
		background-image: linear-gradient(180deg,#000,rgba(0,0,0,0.0));
		transform: skewX(-20deg);
		opacity: 0.3;
		z-index: 20;
	}

	.hero-score::after, .hero-score-in::after {
		left: auto;
		right: -10%;
	}

.hero-score-in::before, .hero-score-in::after {
	width: 34%;
}

.hero-score-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../images/bg-hero-score.jpg) no-repeat center / cover;
	opacity: 0.3;
}

	.hero-score-bg::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: linear-gradient(180deg,rgba(18,25,45,0.0),#12192D);
	}

.hero-score-in {
	float: left;
	width: 100%;
	padding: 22px 0;
	position: relative;
	display: flex;
	align-items: center;
	text-align: center;
}

.hero-score-left, .hero-score-right {
	width: 25%;
	position: relative;
	z-index: 100;
}

.hero-score-right {
	margin-left: auto;
}

	.hero-score-left section, .hero-score-right section {
		float: left;
		width: 100%;
		position: relative;
	}

		.hero-score-left section picture, .hero-score-right section picture {
			display: inline-block;
			width: 90px;
			height: 90px;
			background-color: #FFF;
			border-radius: 4px;
		}

			.hero-score-left section picture img, .hero-score-right section picture img {
				width: 100%;
				height: 100%;
			}

.hero-score-name {
	display: inline-block;
	margin-top: 10px;
}

	.hero-score-name span {
		display: flex;
		align-items: center;
	}

		.hero-score-name span strong {
			font-weight: 600;
			padding-right: 3px;
		}

.hero-score-center {
	width: 50%;
	position: relative;
}

	.hero-score-center span {
		float: left;
		width: 100%;
		font-size: 16px;
		font-weight: 500;
	}

	.hero-score-center i {
		float: left;
		width: 100%;
		margin: 1px 0 3px 0;
		opacity: 0.7;
	}

	.hero-score-center section {
		float: left;
		width: 100%;
		font-size: 47px;
		line-height: 50px;
	}

.hero-score-time {
	display: inline-block;
	padding: 5px 15px;
	margin-top: 12px;
	background-color: rgba(0,0,0,0.5);
	border-radius: 15px;
}

.team-form-head, .team-form-item {
	padding-right: 0;
}

.team-pitch {
	float: left;
	width: calc(40% - 148px);
}

.team-matches, .team-win, .team-draw, .team-loss {
	float: left;
	width: 15%;
	text-align: center;
}

.team-last-5 {
	float: left;
	width: 148px;
	text-align: center;
}

.team-form-head .team-matches,
.team-form-head .team-win,
.team-form-head .team-draw,
.team-form-head .team-loss,
.team-form-head .team-last-5 {
	font-size: 12px;
	opacity: 0.7;
}

.team-form-inner {
	float: left;
	width: 100%;
	padding: 15px 0;
	position: relative;
	display: flex;
	align-items: center;
	font-size: 13px;
}

	.team-form-inner .team-pitch {
		padding-left: 40px;
	}

.form-run-box {
	display: inline-block;
	position: relative;
	text-align: center;
}

.form-run {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 2px;
	font-size: 12px;
	font-weight: 500;
	color: #FFF;
	border-radius: 4px;
}

	.form-run:last-child {
		margin-right: 0;
	}

	.form-run.win {
		background-color: #029D56;
	}

	.form-run.draw {
		background-color: #FFB22F;
	}

	.form-run.loss {
		background-color: #F21010;
	}

.form-run-box-mini .form-run {
	width: 10px;
	height: 10px;
	margin-right: 5px;
	border-radius: 50%;
	text-indent: -9999px;
}

.result-list {
}

.result-list-inner {
	padding: 10px 0;
	font-size: 14px;
}

.rl-date {
	float: left;
	width: 140px;
	padding-left: 20px;
	font-size: 12px;
}

.rl-scoreline {
	float: left;
	width: 90px;
	text-align: center;
}

	.rl-scoreline section {
		display: inline-block;
		width: 70px;
		padding-top: 5px;
		background-image: linear-gradient(180deg,rgba(0,0,0,0.25),rgba(0,0,0,0.0));
		border-radius: 4px;
	}

		.rl-scoreline section span {
			display: block;
			margin: -5px 0;
			font-size: 9px;
			opacity: 0.6;
		}

.rl-first-half {
	float: left;
	width: 50px;
	text-align: center;
	font-size: 12px;
	opacity: 0.5;
}

.rl-game {
	float: left;
	width: 60px;
	text-align: center;
}

.rl-team-home {
	float: left;
	width: calc(50% - 190px);
	padding-right: 10px;
	text-align: right;
}

.rl-team-away {
	float: left;
	width: calc(50% - 100px);
	padding-left: 10px;
}

	.rl-team-home .ls-team-1, .rl-team-away .ls-team-1 {
		padding-left: 0;
	}

.rl-team-home-in {
	display: flex;
	margin-left: auto;
}

.rl-team-home .ls-team-1 img {
	margin-left: 10px;
	margin-right: 0;
}

.hero-team {
	float: left;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
}

.hero-team-badge {
	float: left;
	width: 90px;
	height: 90px;
	background-color: #FFF;
	border-radius: 4px;
}

	.hero-team-badge img {
		width: 100%;
		height: 100%;
	}

.hero-team-info {
	float: left;
	width: calc(100% - 120px);
	margin-left: auto;
	position: relative;
}

.hero-team-country, .hero-team-name, .hero-team-details {
	float: left;
	width: 100%;
	position: relative;
}

	.hero-team-country .ls-head-country, .hero-team-name .ls-team-1 {
		padding-left: 0;
	}

.hero-team-name {
	margin: 6px 0;
}

	.hero-team-name .ls-team-name {
		padding-right: 5px;
		font-size: 20px;
	}

.hero-team-details {
	font-size: 12px;
	opacity: 0.7;
}

	.hero-team-details span {
		opacity: 0.4;
	}

.list-line {
	float: left;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
}

.p-tb-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.p-tb-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.p-tb-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.p-lr-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.p-lr-15 {
	padding-left: 15px;
	padding-right: 15px;
}

.p-lr-10 {
	padding-left: 10px;
	padding-right: 10px;
}

.p-lr-5 {
	padding-left: 5px;
	padding-right: 5px;
}

.an-goal-item {
	padding-right: 0;
}

.an-goal-title {
	float: left;
	width: 60%;
	font-size: 14px;
}

.an-corner-title {
	width: 40%;
}

.an-foul-title {
	width: 40%;
}

.an-goal-home, .an-goal-away {
	float: left;
	width: 20%;
	font-size: 14px;
	text-align: center;
}

/*	Finish ANALYSIS	*/

.ts-league, .ts-team, .ts-pitch, .ts-serie, .ts-next, .ts-date {
	float: left;
	width: 20%;
	font-size: 13px;
}

.ts-team, .ts-next {
	width: 22.5%;
}

	.ts-team .ls-team-1, .ts-next .ls-team-2 {
		padding-left: 0;
	}

.ts-pitch, .ts-serie {
	width: 10%;
}

.ts-date {
	width: 15%;
}

.team-where {
	padding: 0 5px;
	margin-left: 7px;
	background-color: #4C556E;
	color: #FFF;
	font-size: 9px;
	line-height: 16px;
	border-radius: 3px;
}

.pre-date {
	width: 20%;
}

.pre-league {
	width: 20%;
}

.pre-team {
	width: 40%;
}

.pre-info {
	float: left;
	width: 20%;
}

.pre-team-1, .pre-team-2 {
	float: left;
}

	.pre-team-2::before {
		content: "-";
		float: left;
		margin: 0 10px;
	}

.icon-var {
	position: absolute;
	right: 8px;
	top: calc(50% - 8px);
	padding: 0 3px;
	border: 1px solid #4C556E;
	color: #4C556E;
	font-size: 9px;
	line-height: 14px;
	border-radius: 3px;
	cursor: pointer;
}

/*	Finish TEAM SERIES	*/

.tournament-table-head, .tournament-table-item {
	padding-right: 0;
}

.tournament-table-item {
	margin-bottom: 1px;
}

.tt-row {
	float: left;
	width: 100%;
	padding: 10px 0;
	position: relative;
	display: flex;
	align-items: center;
	font-size: 13px;
}

.tt-position,
.tt-live,
.tt-mp,
.tt-win,
.tt-draw,
.tt-loss,
.tt-goals,
.tt-points,
.tt-form {
	float: left;
	width: 40px;
	text-align: center;
}

.tt-live, .tt-goals {
	width: 50px;
}

.tt-form {
	width: 128px;
}

.tt-team {
	float: left;
	width: calc(100% - 468px);
}

.tt-position .tt-cell, .tt-live .tt-cell {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	z-index: 10;
	font-size: 12px;
	font-weight: 600;
	border-radius: 4px;
}

.tt-live .tt-cell {
	width: auto;
	padding: 0 6px;
	color: #FFF;
}

	.tt-live .tt-cell.win {
		background-color: #029D56;
	}

	.tt-live .tt-cell.draw {
		background-color: #FFB22F;
	}

	.tt-live .tt-cell.loss {
		background-color: #F21010;
	}

.tt-team .ls-team-1, .tt-team .ls-team-2 {
	padding: 0;
}

.tournament-table-head .tt-position,
.tournament-table-head .tt-live,
.tournament-table-head .tt-mp,
.tournament-table-head .tt-win,
.tournament-table-head .tt-draw,
.tournament-table-head .tt-loss,
.tournament-table-head .tt-goals,
.tournament-table-head .tt-points,
.tournament-table-head .tt-form {
	font-size: 12px;
	opacity: 0.7;
}

.row-standing-live {
	background-color: #323D5A;
	box-shadow: inset 2px 0 0 #FFF;
}

.team-standing-down, .team-standing-up {
	padding-right: 12px;
	position: relative;
}

	.team-standing-up::before {
		content: "";
		border-bottom: 3px solid transparent;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		height: 0;
		position: absolute;
		width: 0;
		right: 0;
		top: calc(50% - 2px);
		border-bottom-color: #029D56;
	}

	.team-standing-down::before {
		content: "";
		border-top: 3px solid transparent;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		height: 0;
		position: absolute;
		width: 0;
		right: 0;
		top: calc(50% - 1px);
		border-top-color: #F21010;
	}

.tournament-info {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 15px;
	position: relative;
}

	.tournament-info ul {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
	}

	.tournament-info li {
		width: 100%;
		margin-bottom: 5px;
		font-size: 12px;
	}

		.tournament-info li section {
			float: left;
			width: 100%;
			display: flex;
			align-items: center;
		}

			.tournament-info li section span {
				float: right;
				width: calc(100% - 25px);
				margin-left: auto;
				line-height: 16px;
			}

			.tournament-info li section span {
				float: right;
				width: calc(100% - 25px);
				margin-left: auto;
				line-height: 16px;
			}

.tt-info-dot {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: #C6C6C6;
	color: #FFF;
	border-radius: 4px;
}

.tt-info-dot-cl {
	background-color: #FF6B16;
}

.tt-info-dot-el {
	background-color: #16AAFF;
	color: #FFF;
}

.tt-info-dot-ecl {
	background-color: #029D56;
	color: #FFF;
}

.tt-info-dot-rel {
	background-color: #F21010;
	color: #FFF;
}

/*	Finish TOURNAMENT TABLE	*/

.match-summary-box {
	float: left;
	width: calc(100% - 330px);
}

.match-summary-info-box {
	float: right;
	width: 300px;
}

.match-summary-info {
	float: left;
	width: 100%;
}

	.match-summary-info ul {
		width: 100%;
	}

	.match-summary-info li {
		width: 100%;
		margin-bottom: 10px;
		display: flex;
		align-items: center;
	}

		.match-summary-info li picture {
			float: left;
			width: 16px;
		}

			.match-summary-info li picture img {
				float: left;
				width: 100%;
			}

		.match-summary-info li span {
			float: left;
			margin-left: 10px;
			opacity: 0.7;
		}

		.match-summary-info li strong {
			float: right;
			margin-left: auto;
			font-weight: 600;
		}

.match-summary-head {
	padding: 0 20px;
}

	.match-summary-head .half-time {
		float: left;
		font-weight: 600;
	}

	.match-summary-head .score {
		float: right;
		margin-left: auto;
		font-weight: 500;
	}

.match-summary-content {
	float: left;
	width: 100%;
	padding: 15px 20px;
	font-size: 14px;
}

.match-summary-row-home, .match-summary-row-away {
	padding: 5px 0;
	display: flex;
	justify-content: flex-start;
}

.match-summary-row-away {
	text-align: right;
	justify-content: flex-end;
}

.match-incident {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.match-summary-row-away .match-incident {
	flex-flow: row-reverse wrap;
}

.incident-time {
	display: inline-block;
	min-width: 20px;
}

.incident-icon {
	display: inline-block;
	margin: 0 5px;
}

	.incident-icon img {
		width: 16px;
	}

.incident-text-main {
	display: inline-block;
	margin: 0 5px;
	font-weight: 600;
}

.incident-text-sub {
	display: inline-block;
	margin: 0 5px;
	opacity: 0.7;
}

.match-stats-box {
	float: left;
	width: 100%;
	padding: 20px;
	position: relative;
	background-color: rgba(255,255,255,0.05);
	border-radius: 4px;
}

.match-stats-row {
	float: left;
	width: 100%;
	margin-bottom: 14px;
	position: relative;
}

.match-stats-box .match-stats-row:last-child {
	margin-bottom: 0;
}

.match-stats-info-title {
	float: left;
	width: 100%;
	margin-bottom: 4px;
	position: relative;
	text-align: center;
	font-weight: 500;
}

.match-stats-bar-wrap {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.match-stats-count {
	width: 60px;
	font-size: 18px;
	font-weight: 600;
}

	.match-stats-count:last-child {
		text-align: right;
	}

.match-stats-bar-inner {
	width: 100%;
	display: flex;
	max-width: calc(100% - 120px);
}

.match-stats-bar-home-team, .match-stats-bar-away-team {
	height: 8px;
	border-radius: 4px;
}

.match-stats-bar-home-team {
	margin-right: 4px;
	background-color: #FF6B16;
}

.match-stats-bar-away-team {
	flex: 1;
	margin-left: 4px;
	background-color: #16AAFF;
}

.match-squad-head {
	padding-right: 0;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 1px;
	text-align: center;
}

.match-squad-head-formation {
	position: absolute;
	top: calc(50% - 10px);
}

	.match-squad-head-formation.fl {
		left: 20px;
	}

	.match-squad-head-formation.fr {
		right: 20px;
	}

.match-squad-box {
	float: left;
	width: 100%;
	position: relative;
}

.match-squad-content {
	float: left;
	width: 100%;
	padding: 0 20px;
	margin: 15px 0 25px 0;
	position: relative;
}

	.match-squad-content::before {
		content: "";
		position: absolute;
		top: 5px;
		bottom: 5px;
		left: calc(50% - 1px);
		border-left: 2px dashed #FFF;
		opacity: 0.05;
	}

.match-squad-block {
	float: left;
	width: calc(50% - 30px);
}

	.match-squad-block:last-child {
		float: right;
	}

.match-squad-row {
	padding: 10px 0;
	display: flex;
	justify-content: flex-start;
}

.match-squad-item {
	width: 100%;
	flex: 1;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.match-squad-no {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	color: #FFF;
	font-weight: 500;
	font-size: 12px;
	background-color: #FF6B16;
	text-align: center;
	border-radius: 50%;
}

.match-squad-name {
	display: inline-block;
	margin-right: 5px;
	font-weight: 600;
}

.match-squad-block:last-child .match-squad-item {
	flex-flow: row-reverse wrap;
}

.match-squad-block:last-child .match-squad-no {
	margin-right: 0;
	margin-left: 10px;
	background-color: #16AAFF;
}

.match-squad-block:last-child .match-squad-name {
	margin-right: 0;
	margin-left: 5px;
}

.match-squad-icon {
	display: inline-block;
	margin: 0 5px;
}

	.match-squad-icon picture {
		float: left;
		margin-right: 4px;
	}

		.match-squad-icon picture:last-child {
			margin-right: 0;
		}

	.match-squad-icon img {
		width: 16px;
	}

.match-squad-text {
	display: inline-block;
	margin: 0 5px;
	opacity: 0.7;
}

.pitch-wrap {
	float: left;
	width: 100%;
	max-width:;
	padding: 30px;
	margin-top: 20px;
	position: relative;
	background-color: rgba(255,255,255,0.05);
	border-radius: 4px;
	text-align: center;
}

.pitch-in {
	width: 100%;
	max-width: 660px;
	display: inline-block;
}

.pitch-main {
	float: left;
	width: 100%;
	position: relative;
}

.pitch-bg {
	float: left;
	width: 100%;
	position: relative;
}

	.pitch-bg img {
		float: left;
		width: 100%;
		opacity: 0.5;
	}

.pitch {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	display: flex;
}

.pitch-home-team, .pitch-away-team {
	display: flex;
	width: 100%;
	height: 100%;
}

.pitch-home-team {
	margin-left: -40px;
	margin-right: 10px;
}

.pitch-away-team {
	flex-direction: row-reverse;
	margin-left: 10px;
	margin-right: -40px;
}

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

.pitch-player {
	position: relative;
	height: 50px;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.pitch-player-incident {
	display: flex;
	align-items: center;
	position: absolute;
	z-index: 1;
	top: -10px;
	left: -5px;
}

	.pitch-player-incident picture {
		float: left;
		margin-right: 2px;
		background-color: #12192D;
		border-radius: 4px;
	}

		.pitch-player-incident picture:last-child {
			margin-right: 0;
		}

		.pitch-player-incident picture img {
			float: left;
			height: 10px;
			margin: 3px;
		}

.pitch-player-jersey {
	width: 32px;
	height: 30px;
	padding-top: 4px;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	background: url(../images/player-home.png) no-repeat 0 0 /100% 100%;
}

.pitch-away-team .pitch-player-jersey {
	background-image: url(../images/player-away.png);
}

.pitch-player-name {
	display: block;
	max-width: 70px;
	padding: 0 5px;
	margin-top: 4px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 10px;
	font-weight: 500;
	line-height: 16px;
	background-color: #12192D;
	border-radius: 3px;
}

/*	Finish MATCH CONTENT	*/

.pro-bulten-box {
	float: left;
	width: 100%;
	position: relative;
}

.pro-bulten-table {
	width: 100%;
	text-align: center;
	font-size: 12px;
}

	.pro-bulten-table thead {
		font-size: 10px;
		line-height: 14px;
		background-color: #272F47;
		vertical-align: middle;
	}

	.pro-bulten-table tbody tr {
		border-top: 2px solid #12192D;
	}

	.pro-bulten-table th, .pro-bulten-table td {
		padding: 5px;
		vertical-align: middle;
	}

	.pro-bulten-table td {
		background-color: #1B2136;
	}

	.pro-bulten-table tr:hover td {
		background-color: #272F47;
	}

.pro-date {
	width: 60px;
	padding-left: 20px !important;
	padding-right: 0 !important;
	text-align: left;
	position: relative;
}

td.pro-date::before {
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 0;
	width: 2px;
	background-color: #FFF;
	transition: all 0.15s;
}

.pro-bulten-table tr:hover .pro-date::before {
	width: 4px;
	background-color: #FF6B16;
	border-radius: 0 4px 4px 0;
}

.pro-league {
	width: 120px;
	text-align: left;
}

.pro-teams {
	width: 180px;
	text-align: left;
}

.pro-league-content, .pro-teams-content {
	width: 110px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pro-teams-content {
	width: 140px;
	padding: 3px 0;
	font-weight: 600;
	line-height: 14px;
}

	.pro-teams-content img {
		float: left;
		width: 16px;
		height: 16px;
		margin-right: 7px;
	}

.pro-locked img {
	height: 12px;
}

.reaction-box {
	float: left;
	width: 100%;
	position: relative;
}

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

	.reaction-table thead {
		font-size: 12px;
		background-color: #272F47;
		vertical-align: middle;
	}

	.reaction-table tbody tr {
		border-top: 2px solid #12192D;
	}

	.reaction-table th, .reaction-table td {
		padding: 10px;
		vertical-align: middle;
	}

	.reaction-table td {
		background-color: #1B2136;
	}

	.reaction-table tr:hover td {
		background-color: #272F47;
	}

.r-date {
	padding-left: 15px !important;
	text-align: left;
}

.r-team-home, .r-team-away {
	padding-left: 10px;
	text-align: left;
}

/*	Finish PRO BULTEN	*/

.inner-40 {
	margin: 0 -40px;
}

.inner-30 {
	margin: 0 -30px;
}

.inner-20 {
	margin: 0 -20px;
}

.inner-15 {
	margin: 0 -15px;
}

.inner-10 {
	margin: 0 -10px;
}

.inner-6 {
	margin: 0 -6px;
}

.inner-5 {
	margin: 0 -5px;
}

.top-150 {
	padding-top: 150px;
}

.top-100 {
	padding-top: 100px;
}

.top-50 {
	padding-top: 50px;
}

.bottom-150 {
	padding-bottom: 150px;
}

.bottom-100 {
	padding-bottom: 100px;
}

.bottom-50 {
	padding-bottom: 50px;
}

.link-all {
	float: left;
	width: 100%;
	margin: 10px 0 30px 0;
	position: relative;
	text-align: center;
}

	.link-all::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		height: 1px;
		background-color: #FFF;
		opacity: 0.05;
	}

	.link-all section {
		display: inline-block;
		padding: 0 20px;
		position: relative;
		background-color: #12192D;
	}

	.link-all a {
		float: left;
		height: 30px;
		position: relative;
		color: #3C445B;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 1px;
		line-height: 30px;
		transition: all 0.25s;
	}

		.link-all a:hover {
			color: #FFF;
		}

.show, .hide {
	float: left;
	width: 100%;
	height: 50px;
	text-align: center;
	position: relative;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 48px;
}

	.show::before, .hide::before {
		content: "";
		position: absolute;
		top: calc(50% - 1px);
		left: 0;
		right: 0;
		height: 2px;
		background-color: rgba(0, 0, 0, 0.05);
	}

	.show span, .hide span {
		display: inline-block;
		padding: 0 20px;
		background-color: #FFF;
		position: relative;
	}

	.show a, .hide a {
		float: left;
		height: 50px;
		padding: 0 24px;
		transition: all 0.3s;
		border: 1px solid rgba(0,0,0,0.1);
		border-radius: 25px;
		color: #666;
	}

		.show a:hover, .hide a:hover {
			border-color: #FF6B16;
			color: #FF6B16;
		}

.hidden {
	display: none;
}

.page-show-hide {
	height: 780px;
	overflow: hidden;
}

	.page-show-hide.active {
		height: inherit;
	}

.grayscale {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

	.grayscale:hover {
		filter: none;
		-webkit-filter: none;
	}

.breadcrumb {
	float: left;
	width: 100%;
	height: 40px;
	margin-bottom: 20px;
	position: relative;
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 40px;
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.05);
	z-index: 50;
	overflow: hidden;
}

	.breadcrumb a {
		float: left;
		opacity: 0.7;
	}

		.breadcrumb a:hover {
			opacity: 1;
			text-decoration: underline;
		}

	.breadcrumb i {
		float: left;
		margin: 0 15px;
		opacity: 0.2;
	}

	.breadcrumb strong {
		float: left;
		font-weight: 600;
	}

.simple-list {
	float: left;
	width: 100%;
	margin-top: 10px;
	line-height: 25px;
}

	.simple-list ul {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
	}

	.simple-list li {
		width: 50%;
		padding: 0 20px 20px 30px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		background: url(../images/icon-ok.png) no-repeat 0 4px / 17px auto;
	}

.block-two {
	width: calc(50% - 20px);
}

/*	Start LIGHTBOX	*/

.add-comment {
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
}

	.add-comment a {
		float: left;
		width: 100%;
		background-color: #005571;
		font-weight: 500;
		color: #FFF;
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 50px;
		border-radius: 8px;
		transition: all 0.25s;
	}

		.add-comment a:hover {
			background-color: #000;
		}

		.add-comment a span {
			display: inline-block;
			height: 50px;
			padding-left: 30px;
			background: url(../images/icon-comment.png) no-repeat 0 center / 20px;
		}

.fancybox-slide--iframe .fancybox-content {
	width: 800px;
	min-height: 300px;
	max-width: 80%;
	max-height: 80%;
	margin: 0;
}

.my-fancy {
	display: none;
	padding: 30px 20px 30px 30px !important;
	border-radius: 8px;
}

.my-fancy-wrap {
	width: 100%;
	max-width: 800px;
	max-height: 600px;
	padding-right: 20px;
	overflow: hidden;
	overflow-y: auto;
}

	.my-fancy-wrap::-webkit-scrollbar {
		width: 5px;
	}

	.my-fancy-wrap::-webkit-scrollbar-track {
		background: #EEEEEE;
	}

	.my-fancy-wrap::-webkit-scrollbar-thumb {
		background-color: #555;
	}

.my-fancy-wrap {
	scrollbar-color: #FFF #EEEEEE;
	scrollbar-width: thin;
}

.fancy-title {
	float: left;
	width: 100%;
	padding: 0 20px;
	margin-bottom: 15px;
	position: relative;
	color: #005571;
}

	.fancy-title::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 50px;
		height: 2px;
		margin-top: -1px;
		background-color: #DDD;
	}

	.fancy-title strong {
		float: left;
		padding: 0 15px;
		position: relative;
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 1px;
		background-color: #FFF;
	}

.fancy-form {
	float: left;
	width: 100%;
}

	.fancy-form .item {
		float: left;
		width: 50%;
		padding: 0 10px;
		margin-bottom: 20px;
	}

		.fancy-form .item:last-child {
			margin-bottom: 0;
		}

	.fancy-form .item-2 {
		width: calc(50% - 10px);
	}

		.fancy-form .item-2 label {
			float: left;
			width: 100%;
			padding: 9px;
			border: 1px solid #999;
			border-radius: 4px;
			font-weight: 600;
		}

	.fancy-form .item a {
		font-weight: 600;
		text-decoration: underline;
	}

.add-comment-rate {
	float: left;
	width: 100%;
}

	.add-comment-rate article {
		float: left;
		height: 24px;
		margin-left: 15px;
		font-weight: 600;
		font-size: 12px;
		line-height: 30px;
	}

	.add-comment-rate li {
		cursor: pointer;
	}

		.add-comment-rate li img {
			height: 24px;
		}

/*	Start LOGIN + SIGN UP	*/

.page-login-out::before, .page-login-out::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../images/bg-login.jpg) no-repeat center top / cover;
}

.page-login-out::after {
	background: linear-gradient(180deg,rgba(18,25,45,0.0),#12192D 80%);
}

.page-login-wrap {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

.page-login {
	float: left;
	width: 100%;
	background-color: #353D5C;
	border-radius: 4px;
}

.page-login-tab {
	float: left;
	width: 100%;
	position: relative;
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.05);
	text-align: center;
}

	.page-login-tab ul {
		width: 100%;
	}

	.page-login-tab li {
		width: 50%;
	}

		.page-login-tab li a {
			float: left;
			width: 100%;
			font-weight: 500;
			font-size: 13px;
			letter-spacing: 1px;
			opacity: 0.6;
			line-height: 50px;
		}

			.page-login-tab li a:hover {
				opacity: 1;
			}

			.page-login-tab li a.active {
				opacity: 1;
				box-shadow: inset 0 -2px 0 #FF6B16;
			}

.sign-form {
	float: left;
	width: 100%;
	padding: 40px;
}

	.sign-form > section {
		float: left;
		width: 100%;
		padding-bottom: 20px;
	}

		.sign-form > section .button {
			width: 100%;
			padding-right: 25px;
		}

		.sign-form > section label, .sign-form > section a {
			font-weight: 500;
		}

			.sign-form > section label a {
				font-weight: 600;
				text-decoration: underline;
			}

		.sign-form > section i {
			float: left;
			margin-right: 20px;
		}

			.sign-form > section i:last-child {
				margin-right: 0;
			}

.sign-spacer {
	float: left;
	width: 100%;
	padding: 10px 0;
	margin-top: -10px;
	text-align: center;
	position: relative;
}

	.sign-spacer::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		height: 1px;
		background-color: #FFF;
		opacity: 0.07;
	}

	.sign-spacer span {
		display: inline-block;
		padding: 0 20px;
		background-color: #353D5C;
		position: relative;
		color: #808697;
	}

.connect-social {
	float: left;
	width: 100%;
	padding-top: 10px;
	text-align: center;
	position: relative;
}

	.connect-social ul {
		width: 100%;
	}

	.connect-social li {
		width: 100%;
		margin-bottom: 15px;
	}

		.connect-social li:last-child {
			margin-bottom: 0;
		}

		.connect-social li a {
			float: left;
			width: 100%;
			height: 40px;
			padding-left: 50px;
			position: relative;
			font-weight: 500;
			color: #FFF;
			letter-spacing: 0.5px;
			line-height: 40px;
			border-radius: 4px;
			transition: all 0.25s;
		}

			.connect-social li a.connect-facebook {
				background-color: #2374E1;
			}

			.connect-social li a.connect-google {
				background-color: #DD4B39;
			}

			.connect-social li a.connect-twitter {
				background-color: #50ABF1;
			}

			.connect-social li a:hover {
				background-color: #12192D;
			}

			.connect-social li a img {
				position: absolute;
				top: 0;
				left: 10px;
				height: 40px;
			}

			.connect-social li a::after {
				content: "";
				position: absolute;
				top: 10px;
				left: 59px;
				width: 1px;
				height: 20px;
				background-color: #FFF;
				opacity: 0.2;
			}

.sign-advantages {
	float: left;
	width: 100%;
	font-weight: 600;
}

	.sign-advantages ul {
		width: 100%;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}

	.sign-advantages li {
		width: 100%;
		padding: 25px 0 25px 70px;
		border-top: 1px solid rgba(0, 0, 0, 0.05);
		position: relative;
	}

		.sign-advantages li img {
			position: absolute;
			top: 50%;
			left: 0;
			height: 40px;
			margin-top: -20px;
		}

	.sign-advantages > a {
		float: left;
		width: 100%;
		max-width: 400px;
		margin-top: 30px;
		position: relative;
		background-color: #FA6E41;
		text-align: center;
		font-size: 15px;
		letter-spacing: 1px;
		color: #FFF;
		line-height: 50px;
		border-radius: 8px;
	}

		.sign-advantages > a:hover {
			background-color: #49403D;
		}

		.sign-advantages > a::before {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			width: 50px;
			background: url(../images/icon-lock.png) no-repeat center / auto 20px;
		}

/*	Start BLOG	*/

.blog-list {
	float: left;
	width: 100%;
	margin-top: 5px;
	line-height: 25px;
	overflow: hidden;
}

	.blog-list ul {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
	}

	.blog-list li {
		width: 50%;
		padding: 0 20px;
		margin-bottom: 32px;
	}

		.blog-list li a {
			float: left;
			width: 100%;
			padding-bottom: 2px;
		}

			.blog-list li a picture {
				float: left;
				width: 100%;
				border-radius: 4px;
				overflow: hidden;
			}

				.blog-list li a picture img {
					float: left;
					width: 100%;
					transform-origin: center bottom;
					transition: all 1s;
				}

		.blog-list li:hover a picture img {
			transform: scale(1.07, 1.07);
		}

		.blog-list li a span {
			float: left;
			width: 100%;
			padding: 13px 0 23px 0;
			position: relative;
			letter-spacing: 2px;
			opacity: 0.6;
		}

		.blog-list li a:hover span {
			opacity: 1;
		}

		.blog-list li a span::before {
			content: "";
			position: absolute;
			bottom: 12px;
			left: 0;
			width: 30px;
			height: 2px;
			background-color: #FFF;
			transition: all 0.3s;
		}

		.blog-list li a:hover span::before {
			width: 60px;
			background-color: #FF6B16 !important;
		}

		.blog-list li a strong {
			float: left;
			width: 100%;
			font-weight: 500;
			font-size: 18px;
		}

.blog-wrap {
	float: left;
	width: 100%;
	padding-right: 80px;
	margin-top: 5px;
	position: relative;
}

.blog-content {
	float: left;
	width: 100%;
}

.blog-photo {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

	.blog-photo img {
		float: left;
		width: 100%;
		border-radius: 4px;
	}

.date {
	float: left;
	width: 100%;
	padding-left: 40px;
	margin-bottom: 10px;
	font-weight: 500;
	color: #353D5C;
	position: relative;
	letter-spacing: 1px;
}

	.date::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		width: 20px;
		height: 2px;
		margin-top: -1px;
		background-color: #353D5C;
	}

.page-share {
	position: absolute;
	top: 0;
	right: 0;
}

	.page-share ul {
		width: 50px;
	}

	.page-share li {
		margin-bottom: 15px;
	}

		.page-share li a {
			float: left;
			border: 1px solid #353D5C;
			transition: all 0.25s;
			border-radius: 4px;
		}

			.page-share li a:hover {
				border-color: #FFF;
			}

			.page-share li a img {
				float: left;
				height: 50px;
				margin: -1px;
			}

/*	Start SETTINGS	*/

.setting-block {
	float: left;
	width: 100%;
	padding: 25px;
	margin-bottom: 20px;
	background-color: rgba(255,255,255,0.04);
	border-radius: 4px;
}

.setting-block-slim {
	padding-top: 10px;
}

.setting-block-item {
	float: left;
	width: 100%;
}

	.setting-block-item:last-child {
		margin-bottom: -20px;
	}

.sb-two .setting-block-item {
	width: 50%;
}

.setting-label-title {
	float: left;
	width: 100%;
	margin: 9px 0;
	color: #4C557B;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
}

.setting-block-item label {
	float: left;
	margin: 0 30px 20px 0;
	cursor: pointer;
	font-weight: 500;
}

.setting-block-item .input {
	max-width: 400px;
}

.spacer {
	float: left;
	width: 100%;
	height: 10px;
}

.account-info {
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	font-size: 16px;
}

.account-mail {
	float: left;
	width: 100%;
}

	.account-mail::before {
		content: "";
		float: left;
		width: 100%;
		height: 28px;
		margin-bottom: 20px;
		background: url(../images/icon-user.png) no-repeat center top / 24px 56px;
		transition: all 0.3s;
	}

.account-stats {
	float: left;
	width: 100%;
	margin: 20px 0 30px 0;
}

	.account-stats ul {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
	}

	.account-stats li {
		padding: 10px;
		flex: 1;
		flex-basis: 25%;
		border-right: 1px solid rgba(255,255,255,0.1);
	}

		.account-stats li:last-child {
			border-right: 0;
		}

		.account-stats li strong {
			display: block;
			font-size: 24px;
		}

		.account-stats li span {
			display: block;
			padding-top: 13px;
			opacity: 0.7;
		}

.account-func {
	float: left;
	width: 100%;
}

	.account-func section {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}

		.account-func section:last-child {
			margin-bottom: 0;
		}

		.account-func section .button {
			min-width: 200px;
		}

.packages {
	float: left;
	width: 100%;
	margin-top: 10px;
	position: relative;
	color: #333;
}

	.packages ul {
		width: 100%;
		position: relative;
		z-index: 20;
		display: flex;
		flex-flow: row wrap;
	}

	.packages li {
		width: 25%;
		padding: 0 10px;
		margin-bottom: 20px;
		position: relative;
	}

		.packages li section {
			float: left;
			width: 100%;
			height: 100%;
			padding: 30px;
			position: relative;
			background-color: #FFF;
			border-radius: 5px;
			transition: all 0.3s;
			overflow: hidden;
		}

			.packages li section:hover {
				box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.17);
			}

			.packages li section::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				height: 15px;
				border-radius: 4px 4px 0 0;
			}

			.packages li section strong {
				float: left;
				width: 100%;
				margin-top: 5px;
				font-size: 15px;
				color: #12192D;
			}

			.packages li section > span {
				float: left;
				width: 100%;
				padding: 37px 0 15px 0;
				color: #999;
				position: relative;
			}

				.packages li section > span::before {
					content: "";
					position: absolute;
					top: 17px;
					left: 0;
					width: 30px;
					height: 2px;
					background-color: #A6B4D7;
					transition: all 0.4s;
				}

			.packages li section:hover > span::before {
				width: 100%;
			}

			.packages li section span i {
				float: left;
				width: 100%;
				padding-bottom: 3px;
				font-weight: 700;
				font-size: 35px;
				color: #12192D;
				line-height: 30px;
				letter-spacing: -0.5px;
			}

.package-specs {
	float: left;
	width: 100%;
	padding-bottom: 15px;
	position: relative;
	color: #333;
	font-weight: 500;
}

	.package-specs em {
		float: left;
		width: 100%;
		padding: 0 0 10px 20px;
		background: url(../images/icon-ok.png) no-repeat 0 5px / 11px auto;
	}

.packages li a {
	float: left;
	width: 100%;
	position: relative;
	border-radius: 25px;
	background-image: linear-gradient(90deg,#A6B4D7,#41558D);
	font-size: 15px;
	font-weight: 600;
	color: #FFF !important;
	letter-spacing: 1px;
	line-height: 50px;
	text-align: center;
	transition: all 0.3s;
}

	.packages li a:hover {
		letter-spacing: 2px;
		box-shadow: inset 0 25px 0 rgba(255,255,255,0.1);
	}

	.packages li a::after {
		content: "";
		position: absolute;
		top: 0;
		right: 10px;
		width: 20px;
		height: 50px;
		background: url(../images/arrow-white-right.png) no-repeat center / auto 16px;
	}

.package-premium section::before, .package-premium section a, .btn-avatar-premium::before {
	background-image: linear-gradient(90deg,#FFC004,#FF6E00);
}

.package-premium section span i {
	color: #FF6E00 !important;
}

.package-valuable section::before, .package-valuable section a, .btn-avatar-valuable::before {
	background-image: linear-gradient(90deg,#FA1992,#A5349E);
}

.package-valuable section span i {
	color: #A5349E !important;
}

.package-pro section::before, .package-pro section a, .btn-avatar-pro::before {
	background-image: linear-gradient(90deg,#8F53C1,#3F2FBB);
}

.package-pro section span i {
	color: #3F2FBB !important;
}

.package-reaction section::before, .package-reaction section a, .btn-avatar-reaction::before {
	background-image: linear-gradient(90deg,#4DC591,#0392CA);
}

.package-reaction section span i {
	color: #0392CA !important;
}


.btn-avatar-premium, .btn-avatar-valuable, .btn-avatar-pro, .btn-avatar-reaction {
	padding-left: 16px !important;
}

	.btn-avatar-premium::before, .btn-avatar-valuable::before, .btn-avatar-pro::before, .btn-avatar-reaction::before {
		content: "";
		position: absolute;
		top: 3px;
		left: 3px;
		width: 26px;
		height: 26px;
		border-radius: 50%;
	}

	.btn-avatar-premium::after, .btn-avatar-valuable::after, .btn-avatar-pro::after, .btn-avatar-reaction::after {
		content: "";
		position: absolute;
		top: 3px;
		left: 3px;
		width: 26px;
		height: 26px;
		background: url(../images/icon-crown.png) no-repeat center / 100% 100%;
	}

.badge-popular {
	width: 120px;
	height: 20px;
	position: absolute;
	right: -35px;
	top: 20px;
	z-index: 5;
	transform: rotate(45deg);
	color: #FFF;
	font-weight: 700;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	background-color: #FF6E00;
}

.tab-payment {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
}

	.tab-payment ul {
		width: 100%;
		position: relative;
		display: flex;
		flex-flow: row wrap;
	}

	.tab-payment li {
		flex: 1;
		flex-basis: 25%;
		padding: 0 2px;
	}

		.tab-payment li a {
			float: left;
			width: 100%;
			height: 50px;
			padding: 0 12px;
			position: relative;
			background-color: rgba(166,180,215,0.4);
			font-weight: 600;
			line-height: 40px;
			position: relative;
			border-radius: 4px;
			line-height: 16px;
			transition: all 0.3s;
			display: flex;
			align-items: center;
		}

			.tab-payment li a:hover {
				background-color: #A6B4D7;
				color: #000;
			}

			.tab-payment li a.tab-active {
				background-color: #FF6B16 !important;
				color: #FFF;
			}

				.tab-payment li a.tab-active::after {
					content: "";
					border-top: 4px solid transparent;
					border-left: 10px solid transparent;
					border-right: 10px solid transparent;
					height: 0;
					position: absolute;
					width: 0;
					left: 50%;
					bottom: -4px;
					margin-left: -10px;
					border-top-color: #FF6B16;
				}

			.tab-payment li a small {
				width: 100%;
			}

.inner-2 {
	margin: 0 -2px;
}

.payment-info {
	float: left;
	width: 100%;
	padding: 20px;
	position: relative;
}

.payment-card {
	float: left;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
}

	.payment-card picture {
		float: left;
		width: 120px;
	}

		.payment-card picture img {
			width: 100%;
		}

	.payment-card section {
		flex: 1;
		padding-left: 30px;
		font-size: 16px;
		font-weight: 500;
	}

.payment-text {
	float: left;
	width: 100%;
	margin: 20px 0;
	position: relative;
}

.payment-agree {
	float: left;
	width: 100%;
	margin: 10px 0 15px 0;
	position: relative;
}

	.payment-agree label {
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}

		.payment-agree label:last-child {
			margin-bottom: 0;
		}

		.payment-agree label a {
			font-weight: 500;
			text-decoration: underline;
		}
/*	Start CONTACT	*/

.accordion {
	float: left;
	width: 100%;
	margin-bottom: -15px;
	position: relative;
}

.accordion-section-title {
	float: left;
	width: 100%;
	padding: 15px 14px 15px 39px;
	margin-bottom: 15px;
	border: 1px solid rgba(255,255,255,0.07);
	border-radius: 4px;
	position: relative;
	font-size: 16px;
	font-weight: 500;
}

	.accordion-section-title::before, .accordion-section-title::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 15px;
		width: 12px;
		height: 2px;
		margin-top: -1px;
		background-color: #CCC;
		transition: all 0.25s;
	}

	.accordion-section-title::after {
		background-color: #CCC;
		transform: rotate(90deg);
		opacity: 1;
	}

	.accordion-section-title.active {
		color: #FF6B16;
		border-color: #FF6B16 !important;
	}

		.accordion-section-title.active::before {
			background-color: #FF6B16;
		}

		.accordion-section-title.active::after {
			left: 15px;
			opacity: 0;
		}


.accordion-section-content {
	float: left;
	width: 100%;
	padding: 0 0 27px 40px;
	margin-top: -2px;
	display: none;
	position: relative;
	line-height: 25px;
}

	.accordion-section-content strong, .accordion-section-content b {
		font-weight: 600;
	}

	.accordion-section-content a {
		font-weight: 600;
	}

.contact-info {
	float: left;
	width: 100%;
	position: relative;
	display: flex;
	flex-flow: row wrap;
}

	.contact-info section {
		float: left;
		width: 50%;
		padding-left: 40px;
		margin-bottom: 28px;
		position: relative;
		line-height: 30px;
	}

		.contact-info section img {
			position: absolute;
			top: 0;
			left: 0;
			height: 24px;
			padding: 2px 0;
		}

		.contact-info section i {
			display: block;
			margin-top: -7px;
			margin-bottom: -1px;
			font-weight: 500;
			letter-spacing: 2px;
			opacity: 0.5;
		}

		.contact-info section article {
			display: block;
			font-size: 16px;
		}

.contact-form {
	float: left;
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.form-item {
	float: left;
	width: 50%;
	padding: 0 15px 30px 15px;
	position: relative;
}

.form-item-text {
	margin-top: -10px;
	color: #666;
}

.form-item:last-child {
	padding-bottom: 0;
}

.form-item label {
	float: left;
	width: 100%;
}

.form-item section {
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: -10px;
}

.security-code img {
	float: left;
	width: 120px;
	height: 50px;
	margin-right: 10px;
	padding: 3px;
	border: 1px solid #A6B4D7;
	border-radius: 4px;
	box-shadow: 5px 5px 0 rgba(0,0,0,0.03);
}

.security-code a.refresh {
	float: left;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	background: url(../images/refresh.png) no-repeat center center / 24px;
	border: 1px solid #A6B4D7;
	border-radius: 4px;
	box-shadow: 5px 5px 0 rgba(0,0,0,0.05);
}

.contact-map {
	float: left;
	width: 100%;
	height: 600px;
	padding: 4px;
	position: relative;
	border: 1px solid #999;
	border-radius: 4px;
}

.upload {
	float: left;
	width: 100%;
	height: 50px;
	position: relative;
	text-align: center;
}

	.upload section {
		float: left;
		height: 50px;
		padding: 0 16px;
		border: 1px solid #999;
		line-height: 46px;
		background-color: #FFF;
		border-radius: 6px;
		box-shadow: 5px 5px 0 rgb(0 0 0 / 3%);
	}

	.upload:hover section {
		border-color: #029D56;
		color: #029D56;
	}

	.upload section::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 48px;
		background: url(../images/icon-clip.png) no-repeat center / 16px;
		opacity: 0.5;
	}

	.upload:hover section::after {
		opacity: 1;
	}

	.upload input {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		opacity: 0 !important;
		overflow: hidden !important;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 3;
		cursor: pointer;
	}

/*	Start PAGINATION	*/

.pages {
	float: left;
	width: 100%;
	margin-top: 20px;
	position: relative;
	font-weight: 600;
	line-height: 45px;
	text-align: center;
}

	.pages ul {
		width: 100%;
	}

	.pages li {
		float: none;
		display: inline-block;
		padding: 0 5px;
	}

		.pages li a {
			float: left;
			width: 45px;
			height: 45px;
			transition: all 0.3s;
			border-radius: 4px;
			background-color: rgba(255,255,255,0.05);
		}

			.pages li a:hover, .pages li a.current {
				color: #FFF !important;
				background-color: #FF6B16 !important;
			}

.cookies-wrap {
	position: fixed;
	right: 20px;
	bottom: 20px;
	left: 20px;
	z-index: 7950;
	text-align: center;
	display: none;
}

.cookies {
	float: left;
	width: 100%;
	padding: 25px 30px 20px 30px;
	position: relative;
	background-color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	color: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
}

	.cookies::before {
		content: "";
		position: absolute;
		right: 15px;
		top: 15px;
		left: 15px;
		bottom: 0;
		background: url(../images/icon-cookies.png) no-repeat 0 top / 60px auto;
		opacity: 0.3;
	}

	.cookies section {
		float: left;
		width: 100%;
		position: relative;
	}

.cookies-close {
	position: absolute;
	top: -16px;
	right: 20px;
	width: 32px;
	height: 32px;
}

	.cookies-close span {
		float: left;
		width: 100%;
		height: 100%;
		position: relative;
		border-radius: 50%;
		text-indent: -9999px;
		background: #C09C61 url(../images/icon-close.png) no-repeat center / 20px;
		cursor: pointer;
		border: 2px solid #FFF;
	}

		.cookies-close span:hover {
			background-size: 18px;
			background-color: #000;
		}

.payment-success {
	float: left;
	width: 100%;
	padding-top: 20px;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
}

	.payment-success::before {
		content: "";
		display: inline-block;
		width: 80px;
		height: 80px;
		margin-bottom: 20px;
		background: url(../images/icon-ok.png) no-repeat center / 40px auto;
		border: 2px solid #02BD69;
		border-radius: 50%;
	}

	.payment-success section {
		float: left;
		width: 100%;
	}

	.payment-success strong {
		color: #FF6B16;
	}

.page-social-media {
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
}

	.page-social-media ul {
		float: none;
		display: inline-block;
	}

	.page-social-media li a {
		border-radius: 50%;
	}

.connect-whatsapp {
	position: fixed;
	bottom: 16px;
	left: 16px;
	z-index: 7990;
}

	.connect-whatsapp a {
		float: right;
		width: 48px;
		height: 48px;
		background-color: #25D366;
		border-radius: 50%;
		position: relative;
		text-indent: -9999px;
		box-shadow: 0 0 15px rgba(0,0,0,0.2);
	}

		.connect-whatsapp a:hover {
			background-color: #00C451;
		}

		.connect-whatsapp a::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			background: url(../images/icon-whatsapp-2.png) no-repeat center / 50px;
		}

/*	Start POPUP	*/

.popup-wrap {
	width: 100%;
	max-width: 680px;
	margin: 0 auto;
}

.popup-header {
	float: left;
	width: 100%;
	padding: 0 20px 15px 20px;
	background-color: #1B2136;
	z-index: 8000;
}

.popup-inner {
	float: left;
	width: 100%;
	padding: 0 20px;
}

.popup-wrap .match-summary-box, .popup-wrap .match-summary-info-box {
	width: 100% !important;
}

.popup-wrap .match-summary-info-box {
	padding: 0 20px;
	margin-top: 20px;
}

.popup-fixed-score {
	position: fixed;
	top: -70px;
	left: 0;
	right: 0;
	z-index: 8800;
	text-align: center;
	transition: all 0.4s;
}

.scroll .popup-fixed-score {
	top: 0;
}

.fixed-score-hero {
	float: left;
	width: 100%;
	padding: 5px;
	position: relative;
	background-color: #1B2136;
	box-shadow: inset 0 -1px 0 #1C2646;
	display: flex;
	align-items: center;
}

	.fixed-score-hero::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 2px;
		background-image: linear-gradient(-90deg,#296DB4,#02A052,#FFD002);
	}

.fixed-score-hero-cell {
	width: 33.33334%;
}

	.fixed-score-hero-cell .hero-score-left, .fixed-score-hero-cell .hero-score-right, .fixed-score-hero-cell .hero-score-center {
		width: 100%;
	}

		.fixed-score-hero-cell .hero-score-left section picture, .fixed-score-hero-cell .hero-score-right section picture {
			width: 32px !important;
			height: 32px !important;
		}

		.fixed-score-hero-cell .hero-score-center section {
			font-size: 30px;
			line-height: 30px;
		}

	.fixed-score-hero-cell .ls-date-live {
		float: left;
		width: 100%;
		font-size: 12px;
	}

.popup-hero-score {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	position: relative;
	display: flex;
	align-items: center;
	text-align: center;
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.05);
	overflow: hidden;
}

.popup-footer {
	padding: 20px !important;
	text-align: center;
	box-shadow: inset 0 1px 0 #1C2646;
}

.popup-close {
	display: inline-block;
	padding-left: 20px;
	background: url(../images/icon-close.png) no-repeat 0 center / 12px;
	line-height: 30px;
}

.popup-wrap .breadcrumb, .popup-wrap .tab {
	padding-left: 20px;
}

	.popup-wrap .tab li:last-child {
		padding-right: 20px;
	}

.popup-wrap .hero-score-in {
	padding: 12px 0;
}

.popup-wrap .hero-score-left section picture, .popup-wrap .hero-score-right section picture {
	width: 60px;
	height: 60px;
}

.text-orange {
	color: #FF6B16;
}

.special-prediction {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}

	.special-prediction article {
		float: left;
		width: 100%;
		padding-left: 20px;
		margin-bottom: 20px;
		position: relative;
		font-size: 17px;
		font-weight: 500;
		color: #606B9B;
		box-shadow: inset 2px 0 0 #FF6B16;
	}

	.special-prediction > ul {
		width: 100%;
		font-size: 16px;
	}

		.special-prediction > ul > li {
			width: 100%;
			margin-bottom: 30px;
		}

			.special-prediction > ul > li small {
				float: left;
				width: 80px;
				padding: 5px 0;
				font-weight: 700;
				color: #FFF;
				background-color: #4C557B;
				border-radius: 5px;
				text-align: center;
			}

			.special-prediction > ul > li.predict-win small {
				background-color: #029D56;
			}

			.special-prediction > ul > li.predict-lose small {
				background-color: #F21010;
			}

			.special-prediction > ul > li section {
				float: right;
				width: calc(100% - 100px);
				padding-top: 5px;
			}

				.special-prediction > ul > li section span {
					display: block;
				}

				.special-prediction > ul > li section strong {
					display: block;
					margin-top: 10px;
				}
/*	Start THEME LIGHT	*/

.theme-light {
	color: #12192D;
	background-color: #E8ECF1;
}

	.theme-light a {
		color: #12192D;
	}

	.theme-light .header-in {
		background-color: #41558D;
	}

		.theme-light .header-in a {
			color: #FFF;
		}

	.theme-light #nav-wrap {
		background-color: #FFF;
	}

		.theme-light #nav-wrap::after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 1px;
			background-color: #F1F4F7;
		}

	.theme-light #nav li.active > a {
		background-image: linear-gradient(180deg,#FFF,#E8ECF1);
	}

	.theme-light .filter-icon::before {
		background-position: 0 -16px;
	}

	.theme-light .filter-box {
		box-shadow: 4px 4px 0 rgba(0,0,0,0.06);
	}

	.theme-light .menu-trigger-active {
		background-color: rgba(255,255,255,0.75);
	}

	.theme-light .tab-sidebar-menu ul {
		background-color: #FFF;
	}

	.theme-light .tab-sidebar-menu li a {
		font-weight: 600;
	}

	.theme-light .sb-my-teams li a, .theme-light .sb-country-title {
		font-weight: 500;
	}

	.theme-light .sb-country-title-active {
		box-shadow: inset 2px 0 0 #41558D;
	}

	.theme-light .sb-country-content .sb-my-teams {
		box-shadow: inset 1px 0 0 rgba(0,0,0,0.06);
	}

	.theme-light .tab li a {
		background-color: #FFF;
	}

	.theme-light .page-search button {
		background-image: url(../images/icon-search-2.png);
	}

	.theme-light .live-score-box {
		font-weight: 500;
	}

	.theme-light .live-score-head {
		background-image: linear-gradient(180deg,#FFF,#E8ECF1);
		box-shadow: inset 0 -1px 0 #41558D;
	}

	.theme-light .ls-head-country {
		font-weight: 600;
	}

	.theme-light .ls-icon {
		background-position: 0 -14px;
	}

	.theme-light .live-score-item {
		background-color: #F6F7F9;
	}

		.theme-light .live-score-item:hover {
			background-color: #FFF;
		}

	.theme-light .ls-col {
		border-color: #E8ECF1;
	}

	.theme-light .link-all::before {
		background-color: #000;
		opacity: 0.06;
	}

	.theme-light .link-all section {
		background-color: #E8ECF1;
	}

	.theme-light .link-all a:hover {
		color: #FF6B16;
	}

	.theme-light .footer-connect-wrap::before, .theme-light .footer-connect-wrap::after {
		background-color: #2A3040;
		opacity: 0.08;
	}

	.theme-light .footer-connect ul.fl li {
		border-right-color: #D9DDE3;
	}

	.theme-light .join-us {
		background-color: rgba(255,255,255,0.5);
	}

	.theme-light .copyright, .theme-light .footer-info-text {
		font-weight: 400;
		opacity: 0.75;
	}

	.theme-light .team-play-dot {
		border: 1px solid rgba(0,0,0,0.1);
	}

	.theme-light .page-search input {
		color: black;
	}

	.theme-light .button-light {
		background-color: #FFF;
		color: #12192D
	}

		.theme-light .button-light::after {
			background-image: url(../images/arrow-right.png);
		}

	.theme-light .page-login-out::before {
		opacity: 0.5;
	}

	.theme-light .page-login-out::after {
		background: linear-gradient(180deg,#F3F5F8,rgba(255,255,255,0.5) 90%);
	}

	.theme-light .page-login {
		background-color: #FFF;
	}

	.theme-light .page-login-tab {
		box-shadow: inset 0 -1px 0 rgba(0,0,0,0.06);
	}

		.theme-light .page-login-tab li a {
			font-weight: 600;
		}

	.theme-light .sign-spacer::before {
		background-color: #000;
	}

	.theme-light .sign-spacer span {
		background-color: #FFF;
	}

	.theme-light .input {
		color: #12192D;
		background-color: #FFF;
	}

	.theme-light .join-us .input {
		border: 1px solid #A6B4D7;
	}

		.theme-light .join-us .input:focus {
			background-color: #FFF;
			box-shadow: 0 0 20px rgba(0,0,0,0.1);
		}

		.theme-light .join-us .input::placeholder {
			color: #A6B4D7;
			opacity: 1;
		}

		.theme-light .join-us .input:-ms-input-placeholder {
			color: #A6B4D7;
		}

		.theme-light .join-us .input::-ms-input-placeholder {
			color: #A6B4D7;
		}

	.theme-light .join-us .button {
		background-color: #A6B4D7;
	}

	.theme-light .breadcrumb {
		box-shadow: inset 0 -1px 0 rgba(0,0,0,0.06);
	}

	.theme-light .tab-sub {
		background-image: linear-gradient(180deg,rgba(255,255,255,0.0),rgba(255,255,255,0.7));
		box-shadow: inset 0 -2px 0 #E8ECF1;
	}

		.theme-light .tab-sub li::after {
			background-image: linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.1));
		}

	.theme-light .hero-score {
		border-color: rgba(65,85,141,0.15);
	}

	.theme-light .rl-scoreline section {
		background-image: linear-gradient(180deg,rgba(0,0,0,0.08),rgba(0,0,0,0.0));
	}

	.theme-light .hero-score::before,
	.theme-light .hero-score::after,
	.theme-light .hero-score-in::before,
	.theme-light .hero-score-in::after {
		background-image: linear-gradient(180deg,#41558D,rgba(65,85,141,0.0));
		opacity: 0.07;
	}

	.theme-light .hero-score-bg {
		background: none;
		opacity: 1;
	}

		.theme-light .hero-score-bg::after {
			background-image: linear-gradient(180deg,rgba(255,255,255,0.0),#FFF);
		}

	.theme-light .hero-score-time {
		background-color: #E6EAF0;
	}

	.theme-light .ls-head-country i {
		background-color: #000;
	}

	.theme-light .hero-team-details, .theme-light .breadcrumb a {
		opacity: 1;
	}

	.theme-light .medium-title strong::after {
		background-color: #000;
		opacity: 0.06;
	}

	.theme-light .static-menu li a {
		font-weight: 500;
		box-shadow: inset 2px 0 0 rgba(0,0,0,0.05);
	}

		.theme-light .static-menu li a:hover {
			box-shadow: inset 2px 0 0 #41558D;
		}

	.theme-light .accordion-section-title {
		border-color: rgba(0,0,0,0.07);
	}

	.theme-light .pages li a {
		background-color: rgba(0,0,0,0.05);
	}

	.theme-light .blog-list li a span::before {
		background-color: rgba(0,0,0,0.15);
	}

	.theme-light .page-share li a:hover {
		border-color: #12192D;
		background-color: #FFF;
	}

	.theme-light .team-where {
		background-color: #979FB3;
	}

	.theme-light .match-stats-box {
		background-color: rgba(255,255,255,0.4);
	}

	.theme-light .match-summary-info li span {
		font-weight: 500;
	}

	.theme-light .match-squad-content::before {
		border-left-color: #000;
		opacity: 0.07;
	}

	.theme-light .pro-bulten-table, .theme-light .reaction-table {
		font-weight: 500;
	}

		.theme-light .pro-bulten-table thead, .theme-light .reaction-table thead {
			background-image: linear-gradient(180deg,#FFF,#E8ECF1);
			background-color: transparent;
		}

			.theme-light .pro-bulten-table thead tr th, .theme-light .reaction-table thead tr th {
				border-bottom: 2px solid #41558D;
			}

		.theme-light .pro-bulten-table tbody tr, .theme-light .reaction-table tbody tr {
			border-top-color: #E8ECF1;
		}

		.theme-light .pro-bulten-table td, .theme-light .reaction-table td {
			background-color: #F6F7F9;
		}

		.theme-light .pro-bulten-table tr:hover td, .theme-light .reaction-table tr:hover td {
			background-color: #FFF;
		}

	.theme-light td.pro-date::before {
		background-color: #A6B4D7;
	}

	.theme-light .pitch-wrap, .theme-light .setting-block {
		background-color: rgba(255,255,255,0.3);
	}

	.theme-light .pitch-player-incident picture, .theme-light .pitch-player-name {
		background-color: #FFF;
	}

	.theme-light .row-standing-live {
		background-color: #FFF;
		box-shadow: inset 2px 0 0 #41558D;
	}

	.theme-light .account-mail::before {
		background-position: center -28px;
	}

	.theme-light .account-stats li {
		border-color: rgba(0,0,0,0.1);
	}

/*	Finish THEME LIGHT	*/

.desktop-for {
	display: block;
}

.mobile-for {
	display: none;
}


.tab-filter {
	float: left;
	width: 100%;
	position: relative;
}

	.tab-filter .tab {
		width: calc(100% - 70px);
	}
/*        NEW CSS        */
.block-dark {
	position: relative;
	background-color: var(--color-dark);
	color: #FFF;
}

.block-blue {
	position: relative;
	background-color: var(--color-blue);
	color: #FFF;
}

.pricing {
	float: left;
	width: 100%;
	margin-top: 40px;
	position: relative;
}

	.pricing > ul {
		width: calc(100% + 40px);
		margin-left: -20px;
		display: flex;
		flex-flow: row wrap;
	}

		.pricing > ul > li {
			width: 33.33334%;
			padding: 0 20px;
			margin-bottom: 40px;
		}

.pack-item {
	float: left;
	width: 100%;
	height: 100%;
	padding: 24px;
	position: relative;
	background-color: #FFF;
	border: 1px solid var(--color-light);
	border-radius: 12px;
	transition: all 0.3s;
	display: flex;
	flex-direction: column;
	flex: 1 1;
	color: #000;
}

	.pack-item:hover {
		box-shadow: 0 7px 27px rgba(54,99,246,0.15);
		border-color: var(--color-blue);
	}

.pack-item-top {
	float: left;
	width: 100%;
	position: relative;
}

.pack-item-bottom {
	float: left;
	width: 100%;
	margin-top: auto;
	position: relative;
}

.pack-icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 64px;
	height: 64px;
}

	.pack-icon img {
		float: left;
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}

.pack-name {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	display: flex;
	align-items: center;
}

	.pack-name strong {
		float: left;
		padding: 2px 10px;
		font-size: 13px;
		color: #FFF;
		letter-spacing: 0;
		line-height: 20px;
		background-color: var(--color-blue);
		border-radius: 5px;
	}
.theme-dark .pack-price {
    color: var(--color-light);
}
.pack-price {
	float: left;
	width: 100%;
	position: relative;
	color: var(--color-dark);
}

	.pack-price strong {
		font-size: 40px;
		letter-spacing: -2px;
		line-height: 100%;
	}

	.pack-price small {
		font-size: 24px;
		font-weight: 500;
		opacity: 0.7;
	}

.pack-summary {
	float: left;
	width: 100%;
	margin: 16px 0 25px 0;
}

.pack-try {
	float: left;
	width: 100%;
	margin-top: 30px;
	position: relative;
}

	.pack-try a {
		width: 100%;
		padding: 0;
		font-size: 20px;
	}

.pack-specs {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}

	.pack-specs small {
		display: block;
		padding-left: 30px;
		margin-bottom: 15px;
		position: relative;
	}

		.pack-specs small:last-child {
			margin-bottom: 0;
		}

		.pack-specs small::before {
			content: "";
			position: absolute;
			top: calc(50% - 10px);
			left: 0;
			width: 20px;
			height: 20px;
			background: var(--color-blue) url(../images/icon-ok-2.png) no-repeat center / 12px auto;
			border-radius: 25%;
		}

.pack-gold {
	background-color: var(--color-blue);
	border-color: var(--color-blue);
	color: #FFF;
}

	.pack-gold:hover {
		border-color: var(--color-dark);
	}

	.pack-gold .pack-name strong, .pack-gold .link-cta > a.dark {
		background-color: var(--color-gold);
		border-color: var(--color-gold);
		color: var(--color-dark);
	}

		.pack-gold .link-cta > a.dark:hover {
			background-color: var(--color-light);
			border-color: var(--color-light);
			color: var(--color-dark);
		}

	.pack-gold .pack-specs small::before {
		background-color: var(--color-light);
		background-image: url(../images/icon-ok-3.png);
	}

	.pack-gold .pack-price {
		color: #FFF;
	}

.n-membership-pro {
	float: left;
	width: 100%;
	padding: 25px;
	border-radius: 8px;
	display: flex;
	align-items: center;
}

.n-membership-left {
	float: left;
	width: 60%;
	padding-right: 30px;
}

.n-membership-right {
	float: right;
	width: 40%;
	margin-left: auto;
}

.n-page-title {
	float: left;
	width: 100%;
	font-size: 40px;
	line-height: 100%;
}

	.n-page-title small {
		display: inline-block;
		padding: 2px 10px;
		font-size: 13px;
		color: #FFF;
		letter-spacing: 0;
		line-height: 20px;
		background-color: var(--color-blue);
		border-radius: 5px;
	}

.n-page-text {
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 28px;
}

	.n-page-text.narrow {
		padding-left: 10%;
		padding-right: 10%;
	}

.n-membership-specs {
	float: left;
	width: 100%;
}

	.n-membership-specs ul {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
	}

	.n-membership-specs li {
		width: 50%;
		padding-left: 30px;
		margin: 10px 0;
		position: relative;
		font-size: 16px;
	}

		.n-membership-specs li::before {
			content: "";
			position: absolute;
			top: calc(50% - 10px);
			left: 0;
			width: 20px;
			height: 20px;
			background: var(--color-gold) url(../images/icon-ok-3.png) no-repeat center / 12px auto;
			border-radius: 25%;
		}

.n-membership-price {
	float: left;
	width: 100%;
}

	.n-membership-price strong {
		margin-right: 10px;
		font-size: 80px;
		line-height: 100%;
	}

	.n-membership-price small {
		font-size: 30px;
		font-weight: 500;
		line-height: 100%;
		opacity: 0.5;
	}

.n-membership-cta {
	float: left;
	width: 100%;
	position: relative;
}

	.n-membership-cta ul {
		width: calc(100% + 12px);
		margin-left: -6px;
		margin-bottom: -10px;
		display: flex;
		flex-flow: row wrap;
		text-align: center;
	}

	.n-membership-cta li {
		flex: 1;
		flex-basis: auto;
		padding: 0 6px;
		margin-bottom: 10px;
	}

		.n-membership-cta li a {
			float: left;
			width: 100%;
			padding: 14px;
			border: 1px solid var(--color-gold);
			font-weight: 500;
			font-size: 16px;
			color: var(--color-gold);
			border-radius: 8px;
			transition: all 0.4s;
		}

			.n-membership-cta li a.gold {
				background-color: var(--color-gold);
				color: var(--color-dark);
			}

			.n-membership-cta li a small {
				width: 100%;
			}

			.n-membership-cta li a:hover {
				border-color: var(--color-light);
				background-color: var(--color-light);
				color: var(--color-dark);
			}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 700;
}

.fw-800 {
	font-weight: 800;
}

.link-cta {
	float: left;
	width: 100%;
	margin-bottom: -12px;
	position: relative;
	text-align: center;
}

	.link-cta > a {
		display: inline-block;
		height: 50px;
		padding: 0 25px;
		margin-right: 20px;
		margin-bottom: 12px;
		position: relative;
		font-size: 18px;
		color: var(--color-blue);
		font-weight: 600;
		line-height: 48px;
		border: 1px solid var(--color-blue);
		transition: all 0.3s;
		border-radius: 6px;
	}

		.link-cta > a:last-child {
			margin-right: 0;
		}

		.link-cta > a.dark {
			background-color: var(--color-blue);
			color: #FFF;
		}

		.link-cta > a:hover {
			border-color: var(--color-dark);
			background-color: var(--color-dark);
			color: #FFF;
		}

.block-dark .link-cta > a:hover {
	border-color: var(--color-dark);
	background-color: var(--color-light);
	color: var(--color-blue);
}

.link-cta small {
	display: block;
}

.block-dark .link-cta small a {
	color: #FFF;
}

.link-cta-small a {
	height: 40px;
	padding: 0 25px;
	line-height: 40px;
}

	.link-cta-small a::after {
		display: none;
	}

.block-membership-title {
	float: left;
	flex: 1;
}

.block-membership-specs {
	float: left;
	width: 47%;
	padding-right: 40px;
}

	.block-membership-specs ul {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
	}

	.block-membership-specs li {
		width: 50%;
		padding-left: 30px;
		margin: 10px 0;
		position: relative;
		font-size: 16px;
	}

		.block-membership-specs li::before {
			content: "";
			position: absolute;
			top: calc(50% - 10px);
			left: 0;
			width: 20px;
			height: 20px;
			background: var(--color-light) url(../images/icon-ok-3.png) no-repeat center / 14px auto;
			border-radius: 25%;
		}

.block-membership-cta {
	float: right;
	width: 23%;
	margin-left: auto;
}

.theme-ai {
	background-color: #FFF;
	color: #12192D;
}

.popup-ai {
	max-width: 720px;
}

.ai-modal-wrap {
	float: left;
	width: 100%;
	padding: 20px;
	position: relative;
}

.ai-modal-teams {
	float: left;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 20px;
	position: relative;
	border-bottom: 1px solid var(--color-light);
	display: flex;
	align-items: center;
}

	.ai-modal-teams section {
		float: left;
		flex: 1;
		color: var(--color-dark);
	}

		.ai-modal-teams section time {
			display: block;
			font-size: 16px;
			opacity: 0.5;
		}

		.ai-modal-teams section strong {
			display: block;
			font-size: 26px;
			font-weight: 700;
			letter-spacing: -0.5px;
			line-height: 30px;
		}

	.ai-modal-teams picture {
		float: right;
		margin-left: auto;
	}

		.ai-modal-teams picture img {
			float: left;
			height: 48px;
			margin-right: 8px;
		}

			.ai-modal-teams picture img:last-child {
				margin-right: 0;
			}

.ai-modal-tab {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}

	.ai-modal-tab ul {
		width: 100%;
		position: relative;
	}

	.ai-modal-tab li {
		padding-right: 8px;
	}

		.ai-modal-tab li:last-child {
			padding-right: 0;
		}

		.ai-modal-tab li a {
			float: left;
			height: 28px;
			padding: 0 12px;
			border: 1px solid var(--color-border);
			font-weight: 700;
			color: var(--color-dark);
			line-height: 26px;
			position: relative;
			border-radius: 4px;
		}

			.ai-modal-tab li a:hover {
				border-color: var(--color-blue);
				color: var(--color-blue);
			}

			.ai-modal-tab li a.tab-active {
				border-color: var(--color-blue) !important;
				background-color: var(--color-blue) !important;
				color: #FFF;
			}

.ai-modal-box {
	float: left;
	width: 100%;
	padding: 20px;
	position: relative;
	background-color: var(--color-light);
	border-radius: 6px;
}

.ai-modal-filter {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

	.ai-modal-filter strong {
		float: left;
		font-size: 18px;
		color: var(--color-dark);
	}

	.ai-modal-filter section {
		float: right;
		margin-left: auto;
	}

		.ai-modal-filter section .input {
			height: 28px;
			padding: 0 29px 0 9px;
			font-size: 12px;
			font-weight: 500;
			letter-spacing: 0;
			line-height: 26px;
			color: var(--color-dark);
			border-color: var(--color-grey);
			box-shadow: none;
			background-color: transparent;
		}

.ai-modal-stats-wrap {
	float: left;
	width: 100%;
	max-height: 110px;
	position: relative;
	overflow: hidden;
	overflow-y: auto;
}

	.ai-modal-stats-wrap::-webkit-scrollbar {
		height: 7px;
		width: 7px;
		background: #BCC0CC;
		border-radius: 4px;
	}

	.ai-modal-stats-wrap::-webkit-scrollbar-thumb {
		background: #4C546B;
		border-radius: 4px;
	}

	.ai-modal-stats-wrap::-webkit-scrollbar-corner {
		background: #4C546B;
		border-radius: 4px;
	}

.ai-modal-stats-in {
	float: left;
	width: calc(100% + 10px);
	margin-left: -5px;
	margin-top: -10px;
}

.ai-modal-stats-item {
	float: left;
	width: 16.66667%;
	padding: 0 5px;
	margin-top: 10px;
	text-align: center;
}

	.ai-modal-stats-item section {
		float: left;
		width: 100%;
		height: 110px;
		padding: 9px;
		background-color: #FFF;
		border: 1px solid var(--color-grey);
		border-radius: 4px;
	}

	.ai-modal-stats-item small {
		display: block;
		background-color: #FF4747;
		font-size: 20px;
		font-weight: 700;
		line-height: 27px;
		border-radius: 4px;
	}

	.ai-modal-stats-item.win small {
		background-color: #06D280;
	}

	.ai-modal-stats-item.draw small {
		background-color: #FAC515;
	}

	.ai-modal-stats-item span {
		display: block;
		margin: 8px 0 4px 0;
		font-size: 10px;
		font-weight: 700;
		line-height: 100%;
	}

	.ai-modal-stats-item strong {
		display: block;
		margin-bottom: 5px;
		font-size: 26px;
		font-weight: 900;
		line-height: 100%;
	}

	.ai-modal-stats-item i {
		display: block;
		font-size: 8px;
		font-weight: 500;
		line-height: 100%;
	}

.slider-modal-wrap {
	float: left;
	width: 100%;
	padding: 20px;
	margin-top: 20px;
	position: relative;
	background-color: var(--color-dark);
	border-radius: 4px;
	overflow: hidden;
}

	.slider-modal-wrap > strong {
		float: left;
		width: 100%;
		margin-top: -5px;
		margin-bottom: 15px;
		font-size: 18px;
		color: #FFF;
		line-height: 22px;
	}

.slider-modal {
	float: left;
	width: calc(100% + 140px);
	position: relative;
}

	.slider-modal::after {
		content: "";
		position: absolute;
		right: 120px;
		bottom: 0;
		height: 50px;
		width: 60px;
		background-image: linear-gradient(90deg,rgba(1,12,41,0.0),var(--color-dark));
	}

	.slider-modal .slick-list {
		margin: 0 -5px;
		overflow: hidden;
	}

.slider-modal-item {
	float: left;
	width: 100%;
	height: 50px;
	padding: 9px;
	margin: 0 5px;
	color: var(--color-dark);
	border-radius: 4px;
	background-color: #FFF;
}

	.slider-modal-item section {
		float: left;
		width: 100%;
		position: relative;
		display: flex;
		align-items: center;
	}

	.slider-modal-item article {
		float: left;
		flex: 1;
		padding-right: 5px;
		color: var(--color-dark);
	}

		.slider-modal-item article time {
			display: block;
			margin-top: -2px;
			font-size: 8px;
			font-weight: 500;
			line-height: 100%;
			opacity: 0.5;
		}

		.slider-modal-item article span {
			display: block;
			height: 10px;
			margin: 3px 0;
			font-size: 10px;
			font-weight: 700;
			letter-spacing: -0.5px;
			line-height: 100%;
			overflow: hidden;
		}

		.slider-modal-item article small {
			display: block;
			font-size: 12px;
			letter-spacing: -0.5px;
			line-height: 100%;
		}

	.slider-modal-item picture {
		float: right;
		margin-right: -4px;
		margin-left: auto;
	}

		.slider-modal-item picture img {
			float: left;
			height: 32px;
			margin-right: 2px;
		}

			.slider-modal-item picture img:last-child {
				margin-right: 0;
			}

.slider-modal .slick-prev {
	top: -15px;
	left: auto;
	right: 162px;
	width: 22px;
	height: 22px;
	background: var(--color-blue) url(../images/arrow-white-left.png) no-repeat center / auto 12px;
	border-radius: 4px;
}

.slider-modal .slick-next {
	top: -15px;
	right: 130px;
	width: 22px;
	height: 22px;
	background: var(--color-blue) url(../images/arrow-white-right.png) no-repeat center / auto 12px;
	border-radius: 4px;
}

.ai-modal-no-match {
	float: left;
	width: 100%;
	padding: 30px 0;
	text-align: center;
	font-size: 18px;
}

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

	.wrap {
		width: 980px;
	}

	.top-150 {
		padding-top: 100px;
	}

	.top-100 {
		padding-top: 75px;
	}

	.top-50 {
		padding-top: 35px;
	}

	.bottom-150 {
		padding-bottom: 100px;
	}

	.bottom-100 {
		padding-bottom: 75px;
	}

	.bottom-50 {
		padding-bottom: 35px;
	}

	.ls-left {
		width: 53%;
	}

	.ls-right {
		width: 47%;
	}

	.ls-team-name {
		max-width: 120px;
	}

	.main-content {
		padding-bottom: 50px;
	}

	.join-us picture {
		left: 40px;
	}

	.tab-sub li a {
		padding: 0 20px;
	}

	.packages li section {
		padding: 20px;
	}

		.packages li section::before {
			height: 10px;
		}

	.footer-social li {
		padding-right: 10px;
	}

	#nav li {
		margin-right: 20px;
	}

		#nav li > a {
			letter-spacing: -0.5px;
		}

	.n-membership-price strong {
		font-size: 60px;
	}

	.n-membership-price small {
		font-size: 24px;
	}
}


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

	.tahminoloji {
		padding-top: 170px;
	}

	.wrap, .wrap-slim {
		float: left;
		width: 100%;
		padding: 0 20px;
	}

	.header {
		padding-top: 60px;
		position: absolute;
	}

	.header-in {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 8100;
	}

		.header-in::after {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: -2px;
			height: 2px;
			background-image: linear-gradient(-90deg,#296DB4,#02A052,#FFD002);
		}

	.theme-light .header-in::after {
		background: #12192D;
	}

	.header-menu {
		right: 20px !important;
	}

	.nav-icon {
		float: left;
		width: 60px;
		height: 60px;
		margin-left: -20px;
		position: relative;
		cursor: pointer;
		display: block;
		text-indent: -9999px;
	}

		.nav-icon span {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 20px;
			height: 2px;
			margin: -1px 0 0 -10px;
			background-color: #FFF;
			transition: all 0.5s;
		}

			.nav-icon span::before {
				content: "";
				position: absolute;
				top: -7px;
				left: 0;
				right: 0;
				height: 2px;
				background-color: #FFF;
				transition: all 0.5s;
			}

			.nav-icon span::after {
				content: "";
				position: absolute;
				bottom: -7px;
				left: 0;
				right: 0;
				height: 2px;
				background-color: #FFF;
				transition: all 0.5s;
			}

	.nav-icon-close span {
		background-color: transparent;
	}

		.nav-icon-close span::before {
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			-o-transform: rotate(-135deg);
			-ms-transform: rotate(-135deg);
			transform: rotate(-135deg);
			top: 0;
		}

		.nav-icon-close span::after {
			-webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			-o-transform: rotate(135deg);
			-ms-transform: rotate(135deg);
			transform: rotate(135deg);
			bottom: 0;
		}

	.nav-icon-close::before {
		content: "";
		border-bottom: 4px solid transparent;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		height: 0;
		position: absolute;
		width: 0;
		left: 50%;
		bottom: 0;
		margin-left: -10px;
		border-bottom-color: #EBCC08;
	}

	.theme-light .nav-icon-close::before {
		border-bottom-color: #12192D;
	}

	/* #nav-wrap { position:fixed; top:62px; bottom:0; left:0; right:0; width:auto; padding:25px; background-color:#12192D; box-shadow:0 10px 30px rgba(0, 0, 0, 0.2); display:none; overflow:hidden; overflow-y:auto; }
#nav-wrap .wrap { padding:0; }
	
	#nav ul { width:100%; border-top:1px solid rgba(255, 255, 255, 0.07); }
		#nav li { width:100%; position:relative; border-bottom:1px solid rgba(255, 255, 255, 0.07); }
		.theme-light #nav ul , .theme-light #nav li { border-color:rgba(0,0,0,0.06); }
		#nav li.nav-multi::before { content:""; position:absolute; top:0; right:0; width:40px; height:60px; background:url(../images/arrow-white-down.png) no-repeat center 52%; background-size:14px auto; opacity:0.7; }
			#nav li > a { width:100%; padding:0 20px; font-size:16px !important; line-height:50px; }
				#nav li > a img { height:50px; padding:18px 0; }
				#nav li.active > a::after { display:none; }
			
			#nav > ul li span { float:left; width:100% !important; position:relative; top:auto; left:auto !important; right:auto; margin:0 0 20px 0 !important; box-shadow:none; }
				#nav > ul li span.nav-cats section article { width:50%; } */

	#nav-wrap {
		padding-top: 2px;
	}

	.nav-opened {
		overflow: hidden;
	}

	.footer-connect-wrap {
		padding-top: 20px;
	}

	.footer-connect ul {
		width: 100%;
	}

		.footer-connect ul.fl {
			margin-bottom: 20px;
		}

			.footer-connect ul.fl li {
				padding-right: 15px;
				margin-right: 15px;
			}

	.footer-connect li a {
		font-size: 14px;
		line-height: 30px;
	}

		.footer-connect li a > picture {
			margin-top: 5px;
			margin-bottom: 5px;
		}

	.join-us {
		padding: 25px 25px 25px 25%;
		margin: 20px 0;
	}

		.join-us picture {
			left: 35px;
			bottom: -20px;
		}

		.join-us h5 {
			font-size: 16px;
		}

	.footer {
		padding: 25px 0;
	}

	.footer-block {
		width: 33.33334%;
	}

	.footer-block-wrap .footer-block:first-child, .footer-info-text {
		width: 100%;
	}

	.footer-logo {
		display: none;
	}

	.footer-social {
		margin-top: 0;
	}

	.sidebar {
		display: none;
	}

	.sidebar {
		position: fixed;
		top: 62px;
		bottom: 0;
		left: 0;
		width: 100%;
		max-width: 400px;
		padding: 20px;
		margin-top: 0;
		background-color: #12192D;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
		display: none;
		overflow: hidden;
		overflow-y: auto;
		z-index: 8050;
	}

		.sidebar::before {
			content: "";
			position: fixed;
			top: 62px;
			bottom: 0;
			left: 400px;
			width: 1000px;
			background-color: #12192D;
			opacity: 0.9;
			z-index: -1;
		}

		.sidebar::after {
			content: "";
			position: fixed;
			top: 62px;
			bottom: 0;
			left: 400px;
			width: 40px;
			background-image: linear-gradient(90deg,#000,rgba(0,0,0,0.0));
			opacity: 0.2;
		}

	.theme-light .sidebar {
		background-color: #E8ECF1;
	}

	.sb-my-teams li a, .sb-country-title {
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 14px;
	}

	.right-block {
		width: 100%;
	}

	.ls-team-name {
		max-width: 130px;
	}

	.tab {
		padding-bottom: 15px;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
	}

		.tab ul {
			float: none;
			width: auto;
			display: block;
		}

		.tab li {
			float: none;
			display: inline-block;
			padding-right: 15px;
			margin-right: -4px;
		}

	.tab, .tab-sub {
		padding-bottom: 15px;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
	}

	.tab-sub {
		padding-bottom: 2px;
	}

		.tab-sub::before {
			right: -1000px;
		}

		.tab ul, .tab-sub ul {
			float: none;
			width: auto;
			display: block;
		}

		.tab-sub ul {
			height: 45px;
		}

		.tab li, .tab-sub li {
			float: none;
			display: inline-block;
			padding-right: 15px;
			margin-right: -4px;
		}

		.tab-sub li {
			padding-right: 0;
		}

	.right-banner {
		display: none;
	}

	.breadcrumb {
		margin-top: -10px;
	}

	.popup-wrap .breadcrumb {
		margin-top: 0;
	}

	.desktop-for {
		display: none !important;
	}

	.pro-bulten-box {
		overflow: hidden;
		overflow-x: auto;
	}

	.pro-bulten-table {
		min-width: 880px;
	}

	.pitch-wrap {
		padding: 20px;
	}

	.btn-reaction {
		right: -15px;
	}

	.ls-fav {
		flex-basis: 32px;
	}

	.ls-date {
		flex-basis: 48px;
		padding-left: 0;
		text-align: center;
		font-size: 10px;
	}

	.ls-date-live {
		font-size: 12px;
	}

	.ls-teams {
		flex-basis: calc(100% - 80px);
	}

	.ls-team-1, .ls-team-2 {
		padding-left: 37px;
	}

	.packages li {
		width: 50%;
	}

	.header-social {
		width: 100%;
		margin: 14px 0 0 0;
		text-align: center;
	}

	.mobile-scroll .header-social {
		display: none;
	}

	.header-social ul {
		float: none;
		display: inline-block;
		height: 34px;
	}

	#nav-wrap {
		height: 48px;
		margin-top: 60px;
	}

		#nav-wrap .wrap {
			padding: 0;
		}

	#nav {
		height: 48px;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
	}

		#nav ul {
			float: none;
			width: auto;
			display: block;
		}

		#nav li {
			float: none !important;
			display: inline-block;
			padding-right: 18px;
			margin: 0 !important;
		}

			#nav li:first-child {
				padding-left: 20px;
			}

				#nav li:first-child.active {
					padding-left: 0 !important;
				}

			#nav li:last-child.active {
				padding-right: 0 !important;
			}

			#nav li.active > a::after {
				left: 0;
				right: 0;
			}


	.block-dark {
		display: block;
	}

	.pricing > ul > li {
		margin-bottom: 20px;
	}

	.block-membership-title, .pricing > ul > li {
		width: 100%;
	}

	.block-membership-specs {
		width: 100%;
		padding: 20px 0;
	}

	.block-membership-cta {
		width: 100%;
		padding-bottom: 10px;
	}

	.ai-modal-tab {
		overflow: hidden;
		overflow-x: auto;
		white-space: nowrap;
	}

		.ai-modal-tab ul {
			float: none;
			display: block;
		}

		.ai-modal-tab li {
			float: none;
			padding-right: 4px;
			display: inline-block;
		}
}





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

	.cookies-wrap {
		right: 5px;
		bottom: 5px;
		left: 5px;
	}

	.ls-team-name {
		max-width: 90px;
	}

	.header-lang-wrap {
		margin-left: 13px;
	}

		.header-lang-wrap::before {
			margin-right: 2px;
		}

	.header-login {
		margin-left: 15px;
		margin-right: -10px;
	}

		.header-login::before, .header-login li, .join-us picture, .theme-light .footer-connect-wrap::before {
			display: none;
		}

			.header-login li:last-child {
				display: block;
				margin-top: -3px;
			}

			.header-login li a.btn-login {
				width: 40px;
				height: 40px;
				padding: 0;
				text-indent: -9999px;
				border-radius: 50%;
			}

				.header-login li a.btn-login picture {
					margin: 12px 0 0 14px;
				}

	.header-menu {
		right: 10px !important;
	}

		.header-menu::before, .header-menu::after {
			right: 9px !important;
		}

	.header-menu-in li {
		display: block;
	}

	#nav-wrap {
		height: 50px;
	}

		#nav-wrap .wrap {
			padding: 0;
		}

	#nav {
		height: 48px;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
	}

		#nav ul {
			float: none;
			width: auto;
			display: block;
		}

		#nav li {
			float: none !important;
			display: inline-block;
			padding-right: 16px;
			margin: 0 !important;
		}

			#nav li:first-child {
				padding-left: 20px;
			}

				#nav li:first-child.active {
					padding-left: 0 !important;
				}

			#nav li:last-child.active {
				padding-right: 0 !important;
			}

			#nav li.active > a::after {
				left: 0;
				right: 0;
			}

	.theme-switch {
		width: 30px;
		height: 30px;
		margin-top: 15px;
		background-size: 16px;
	}

	.footer-wrap {
		background-color: rgba(0,0,0,0.2);
	}

	.theme-light .footer-wrap {
		background-color: #FFF;
	}

	.join-us {
		padding: 0;
		background-color: transparent !important;
	}

		.join-us h5 {
			margin: 12px 0 13px 0;
		}

	.page-login-tab li a {
		line-height: 45px;
	}

	.sign-form {
		padding: 25px;
	}

	.hero-score-left section picture, .hero-score-right section picture, .popup-wrap .hero-score-left section picture, .popup-wrap .hero-score-right section picture {
		width: 40px;
		height: 40px;
	}

	.hero-score-left, .hero-score-right {
		width: calc(50% - 70px);
	}

	.hero-score-center {
		width: 140px;
	}

	.hero-score-name {
		font-size: 12px;
		line-height: 14px;
	}

	.hero-score-center span {
		font-size: 14px;
	}

	.hero-score-center section {
		margin: -4px 0 -8px 0;
		font-size: 24px;
		line-height: 30px;
	}

	.popup-wrap .hero-score-center section {
		margin: 0 !important;
	}

	.hero-score-center i {
		font-size: 10px;
	}

	.hero-score-time {
		padding: 2px 10px;
		border-radius: 15px;
		font-size: 11px;
	}

	.team-pitch {
		width: calc(52% - 148px);
	}

	.team-form-inner .team-pitch {
		padding-left: 20px;
	}

	.team-matches, .team-win, .team-draw, .team-loss {
		width: 12%;
	}

	.accordion-section-content {
		padding-left: 16px;
	}

	.blog-wrap {
		padding-right: 0;
	}

	.page-share {
		float: left;
		width: 100%;
		position: static;
	}

		.page-share ul {
			width: 100%;
		}

		.page-share li {
			margin-right: 15px;
		}

	.team-series-box .live-score-head, .team-series-box .live-score-content {
		min-width: 727px;
	}

	.form-run-box-mini .form-run {
		width: 7px;
		height: 7px;
		margin-right: 4px;
	}

	.hero-team-info {
		width: calc(100% - 110px);
	}

	.match-stats-box {
		padding: 10px 0 0 0;
		background-color: transparent !important;
	}

	.match-stats-info-title {
		margin-bottom: -1px;
	}

	.match-stats-count {
		width: 44px;
		font-size: 14px;
	}

	.match-stats-bar-inner {
		max-width: calc(100% - 88px);
	}

	.match-stats-bar-home-team, .match-stats-bar-away-team {
		height: 5px;
	}

	.match-summary-box, .match-summary-info-box {
		width: 100%;
	}

	.match-summary-info-box {
		margin-top: 20px;
	}

	.pitch-home-team {
		margin-left: -30px;
	}

	.pitch-away-team {
		margin-right: -30px;
	}

	.setting-block {
		padding: 20px;
	}

	.setting-block-slim {
		padding-top: 5px;
	}

	.sb-two .setting-block-item {
		width: 100%;
	}

	.reaction-box {
		overflow: hidden;
		overflow-x: auto;
	}

	.reaction-table {
		min-width: 600px;
	}

	.popup-wrap .hero-score {
		border: 0;
		border-bottom: 1px solid rgba(53,61,92,0.5);
		border-radius: 0;
	}

	.account-mail::before {
		margin-bottom: 10px;
	}

	.account-stats li {
		padding: 20px 0;
		flex-basis: 100%;
		border-right: 0;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}

		.account-stats li:first-child {
			border-top: 1px solid rgba(255,255,255,0.1);
		}

	.theme-light .account-stats li:first-child {
		border-top: 1px solid rgba(0,0,0,0.1);
	}

	.btn-avatar-premium, .btn-avatar-valuable, .btn-avatar-pro, .btn-avatar-reaction {
		padding-left: 0 !important;
	}

		.btn-avatar-premium::before, .btn-avatar-valuable::before, .btn-avatar-pro::before, .btn-avatar-reaction::before, .btn-avatar-premium::after, .btn-avatar-valuable::after, .btn-avatar-pro::after, .btn-avatar-reaction::after {
			top: 6px;
			left: 6px;
		}

	.n-membership-pro {
		padding: 20px;
		display: block;
	}

	.n-membership-left {
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
	}

		.n-membership-left:last-child {
			padding-bottom: 0;
		}

	.n-membership-right {
		width: 100%;
	}

	.ai-modal-stats-item {
		width: 20%;
	}
}



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

	.footer-block {
		width: 100%;
		margin-bottom: 10px;
	}

	.footer-title {
		padding: 15px 0 10px 0;
	}

	.footer-info-text {
		margin-top: -10px;
	}

	.live-score-box {
		overflow: hidden;
		overflow-x: auto;
	}

	.live-score-head, .live-score-content {
		min-width: 600px;
	}

	.analysis-goal-box .live-score-head, .analysis-goal-box .live-score-content, .match-summary-head, .match-squad-head {
		min-width: initial;
	}

	.hero-score {
		width: calc(100% + 40px);
		margin: -20px 0 0 -20px;
		border: 0;
		border-radius: 0;
		border-bottom: 1px solid rgba(255,255,255,0.06);
	}

	.popup-wrap .hero-score {
		width: 100%;
		margin: 0;
	}

	.theme-light .hero-score {
		border-bottom: 0;
	}

	.an-goal-title {
		width: 50%;
		font-size: 12px;
		line-height: 16px;
	}

	.an-goal-home, .an-goal-away {
		width: 25%;
		font-size: 12px;
		line-height: 16px;
	}

	.breadcrumb {
		display: none;
	}

	.blog-list li {
		width: 100%;
	}

	/* .tt-row { padding-left:182px; }
.tt-position { position:absolute; left:0; top:calc(50% - 10px); }
.tt-team { position:absolute; left:40px; top:calc(50% - 10px); width:calc(100% - 458px); }
.tt-live { width:40px; } */

	.tt-position {
		position: sticky;
		left: 0;
		top: calc(50% - 10px);
		z-index: 10;
	}

	.tt-team {
		position: sticky;
		left: 40px;
		top: calc(50% - 10px);
		width: calc(100% - 458px);
		z-index: 10;
	}

		.tt-team .ls-team-name {
			position: relative;
			z-index: 10;
		}

		.tt-position::before, .tt-team::before {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			top: -10px;
			bottom: -10px;
			background-color: #1B2136;
		}

		.tt-team::before {
			box-shadow: inset -1px 0 0 rgba(0,0,0,0.1);
		}

		.tt-team::before, .tournament-table-head .tt-team::before {
			right: 5px;
		}

	.theme-light .tt-position::before, .theme-light .tt-team::before {
		background-color: #F6F7F9;
	}

	.tournament-table-head .tt-position {
		opacity: 1;
	}

		.tournament-table-head .tt-position::before, .tournament-table-head .tt-team::before {
			background-color: #272F47;
		}

	.theme-light .tournament-table-head .tt-position::before, .theme-light .tournament-table-head .tt-team::before {
		background: linear-gradient(180deg,#FFF,#E8ECF1);
		box-shadow: inset 0 -1px 0 #41558d;
	}

	.theme-light .tournament-table-head .tt-team::before {
		box-shadow: inset 0 -1px 0 #41558d, inset -1px 0 0 rgba(0,0,0,0.1);
	}

	.tt-live {
		width: 40px;
	}

		.tt-live .tt-cell {
			position: static;
		}

	.match-summary-head {
		padding: 0 15px;
	}

	.match-summary-content {
		padding: 10px 15px;
	}

	.match-summary-row-home, .match-summary-row-away {
		padding: 10px 0;
	}

	.match-squad-content {
		padding: 0 10px;
		margin: 5px 0 15px 0;
		font-size: 12px;
	}

		.match-squad-content::before {
			display: none;
		}

	.match-squad-block {
		width: calc(50% - 5px);
	}

	.pitch-wrap {
		height: 528px;
		padding: 0;
		margin: 30px 0;
		background-color: transparent !important;
	}

	.pitch-in {
		width: 320px;
		max-width: initial;
	}

	.pitch-bg {
		transform: rotate(90deg);
	}

		.pitch-bg img {
			width: 528px;
		}

	.pitch {
		width: 320px;
		height: 528px;
		max-width: none;
		max-height: none;
		flex-direction: column;
		justify-content: center;
	}

	.pitch-home-team, .pitch-away-team {
		margin: 0 auto;
		flex-direction: column;
	}

	.pitch-home-team {
		margin-top: -20px;
		margin-bottom: 5px;
	}

	.pitch-away-team {
		margin-bottom: -20px;
		margin-top: 5px;
		flex-direction: column-reverse;
	}

	.pitch-line {
		flex-direction: row;
	}

	.pitch-player-name {
		width: 60px;
	}

	.result-box .live-score-head, .result-box .live-score-content {
		min-width: initial;
	}

	.result-box .team-form-inner {
		display: block;
	}

	.result-box .result-list-inner {
		padding-left: 15px;
		padding-right: 15px;
	}

	.result-box .rl-date {
		width: 100%;
		padding-left: 0;
		margin: -5px 0 5px 0;
		text-align: center;
	}

	.result-box .rl-scoreline, .result-box .rl-scoreline section {
		width: 50px;
		letter-spacing: -1px;
	}

	.result-box .rl-team-home, .result-box .rl-team-away {
		width: calc(50% - 25px);
		font-size: 12px;
	}

	.result-box .rl-game {
		position: absolute;
		top: 8px;
		right: 8px;
		width: 14px;
	}

		.result-box .rl-game .form-run {
			width: 14px;
			height: 14px;
			font-size: 9px;
			line-height: 14px;
		}

	.popup-hero-score {
		margin-top: 20px;
	}

	.ai-modal-stats-item {
		width: 25%;
	}
}



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

	.page-search {
		width: calc(100% - 123px);
		max-width: initial;
	}

	.filter-wrap {
		padding: 0 2px;
	}

	.filter-icon {
		width: 34px;
		margin: 0;
	}

	.filter-box::before, .filter-box::after {
		right: 12px;
	}

	.menu-trigger-active {
		border-radius: 4px;
	}

	.live-score-match-info li, .form-item, .contact-info section, .packages li {
		width: 100%;
	}

	.form-item {
		padding-bottom: 20px;
	}

	.button-fixed {
		width: 120px;
	}

	.packages li section strong {
		margin-top: 9px;
		margin-bottom: -4px;
		font-size: 20px;
	}

	.packages li section > span::before {
		top: 20px;
	}

	.page-social-media li a img {
		height: 40px;
	}

	.special-prediction > ul > li small {
		width: 54px;
		font-size: 12px;
	}

	.special-prediction > ul > li section {
		width: calc(100% - 70px);
	}

	.n-page-title {
		font-size: 32px;
	}

	.n-membership-specs li, .block-membership-specs li {
		width: 100%;
	}

	.ai-modal-stats-item {
		width: 33.33334%;
	}
}



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

	#logo img {
		padding: 6px 0;
	}

	.popup-header {
		float: left;
		width: 100%;
		padding: 0 20px 10px 20px;
	}

		.popup-header #logo {
			margin-top: 12px;
		}

			.popup-header #logo img {
				padding: 4px 0;
			}

	.footer-connect ul.fl li {
		width: 100%;
		padding-right: 0;
		margin: 0 0 10px 0;
		border-right: 0;
	}
}



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

	.pitch-wrap {
		width: calc(100% + 40px);
		margin-left: -20px;
	}

	.match-squad-content {
		padding: 0;
	}
}