/*
 @Author: Company Name
 @URL: https://companyname.com
 This file contains the styling for the actual theme, this
 is the file you need to edit to change the look of the
 theme.
 However we used Less script to make things easy to maintain, this is the compressed ourput, we recommend to edit the less files and then recombile the files and add the result here, if you don't like to use less you can edit this file here.
 
 This files contents are outlined below.
 01.	Theme Reset Style
 02.	Global Elements
 03.	Menu
 04.	Social
 05.	Article
 06.	Posts
 07.	Responsive
 08.	Widgets
 09.	Flexslider
 10.	Grid
*/

/* =============================================
			Theme Reset Style
============================================= */
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700|Open+Sans:400,700,600);

* {
	margin: 0px;
	padding: 0px;
}

html,
body {
	position: relative;
	height: 100%;
}

body {
	color: #373542;
	background: #fff;
	overflow-x: hidden;
	font: 400 14px/20px 'Open Sans', Arial, Helvetica, sans-serif;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	color: #373542;
	margin: 0 0 8px;
	font-weight: 400;
	line-height: 1.5;
	font-style: normal;
	text-transform: uppercase;
	font-family: 'Cairo', sans-serif;

}

a {
	font-family: 'Cairo', sans-serif;
}

p {
	font-family: 'Cairo', sans-serif;
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 21px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #373542;
}

p a {}

p a:hover {
	text-decoration: underline;
}

p {
	letter-spacing: normal;
	line-height: 20px;
	margin: 0 0 20px;
}

a {
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	outline: none;
	text-decoration: none;
}

ul {
	margin: 0;
}

figure {
	margin-bottom: 6px;
	position: relative;
}

img {
	height: auto;
	max-width: 100%;
}

strong {
	color: #414141;
}

iframe {
	border: none;
	float: left;
	width: 100%;
}

.wp-caption,
.wp-caption-text,
.gallery-caption,
.bypostauthor {}

.wp-caption.alignleft,
.wp-caption.alignnone {
	width: 100%;
}

button {
	border: none;
}

textarea,
select,
.tg-select select,
.form-control,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	outline: none;
	color: #666;
	height: 50px;
	background: #fff;
	font-size: 14px;
	line-height: 20px;
	padding: 0px 20px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 0;
	box-shadow: none;
	border: 1px solid #e1e1e1;
	text-transform: capitalize;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form-group {
	margin: 0 0 20px;
}

.form-control::-moz-placeholder {
	text-transform: capitalize;
	color: #999;
}

.form-control:focus::-moz-placeholder,
input:focus,
.select select:focus,
.form-control:focus {
	color: #000;
	border-color: #000;
	box-shadow: none !important;
}

/*=======================
	Custom Select
=======================*/
.tg-select {
	width: 100%;
	float: left;
	color: #666;
	position: relative;
	text-transform: uppercase;
}

.tg-select:after {
	content: '\f107';
	top: 50%;
	right: 23px;
	z-index: 2;
	width: 13px;
	color: #aeaeae;
	display: block;
	font-size: 17px;
	margin-top: -5px;
	line-height: 10px;
	position: absolute;
	text-align: center;
	font-family: 'FontAwesome';
}

.tg-select select {
	width: 100%;
	z-index: 1;
	color: #666;
	height: 70px;
	font-size: 14px;
	padding: 10px 15px;
	line-height: 20px;
	position: relative;
	background: #fff;
	border-color: #ddd;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	text-transform: capitalize;
}

.tg-select select:focus {
	background: #f7f7f7;
}

.tg-select select option {
	color: #373542;
}

.tg-select select option span {
	color: #aeaeae;
}

/*=======================
	Custom CheckBox
=======================*/
.tg-radio,
.tg-radio label,
.tg-checkbox,
.tg-checkbox label {
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
}

.tg-radio label {
	cursor: pointer;
	display: block;
	padding: 0 0 0 20px;
}

.tg-radio input[type=radio] {
	display: none;
}

.tg-radio input[type=radio]+label:before {
	top: 4px;
	left: 0;
	color: #373542;
	font-size: 14px;
	line-height: 14px;
	content: "\f096";
	position: absolute;
	font-family: 'FontAwesome';
}

.tg-radio input[type=radio]:checked+label:before {
	content: '\f046';
}

.tg-checkbox input[type=checkbox] {
	display: none;
}

.tg-checkbox label {
	width: 100%;
	height: 26px;
	padding: 0;
	color: #aeaeae;
	font-size: 13px;
	text-align: center;
	line-height: 26px;
	text-transform: uppercase;
	font-family: 'Cairo', sans-serif;
}

.tg-checkbox input[type=checkbox]+label:before {
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	height: 100%;
	content: '';
	background: #fff;
	position: absolute;
	border: 1px solid #aeaeae;
}

.tg-checkbox input[type=checkbox]:checked+label {
	color: #373542;
}

/*=======================
	IOS Style CheckBox
=======================*/
.tg-iosstylcheckbox {
	width: 80px;
	float: left;
	position: relative;
}

.tg-iosstylcheckbox input[type=checkbox],
.tg-iosstylcheckbox input[type=checkbox]:active {
	display: none;
}

.tg-iosstylcheckbox label {
	margin: 0;
	width: 100%;
	height: 24px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	font-size: 12px;
	line-height: 24px;
	position: relative;
	background: #ddd;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.tg-iosstylcheckbox label:before {
	top: 5px;
	left: 5px;
	z-index: 1;
	height: 14px;
	width: 14px;
	content: '';
	background: #373542;
	display: block;
	line-height: 14px;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.tg-iosstylcheckbox label:after {
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	display: block;
	font-size: 13px;
	line-height: 24px;
	text-align: right;
	padding: 0 12px 0 0;
	position: absolute;
	white-space: nowrap;
	content: attr(data-private);
}

.tg-iosstylcheckbox input[type=checkbox]:checked+label:before {
	left: calc(100% - 19px);
	background: #373542;
}

.tg-iosstylcheckbox input[type=checkbox]:checked+label:after {
	padding: 0 31px 0 0;
	content: attr(data-public);
}

label {
	color: #414141;
	display: block;
	font-weight: 400;
	margin-bottom: 10px;
}

form p {
	float: left;
	position: relative;
	width: 100%;
}

form p span i {
	color: #474747;
	left: 16px;
	position: absolute;
	top: 13px;
}

option {
	padding: 5px 15px;
}

li {
	line-height: 28px;
	list-style: disc inside none;
}

ul ul {
	margin-left: 20px;
}

ol {
	float: none;
	list-style: decimal;
	padding-left: 15px;
}

ol ol {
	margin-left: 20px;
}

ol li {
	list-style: decimal;
	width: 100%;
}

table {
	background-color: transparent;
	max-width: 100%;
}

th {
	text-align: left;
}

table {
	margin-bottom: 15px;
	width: 100%;
}

table>thead>tr>th,
table>tbody>tr>th,
table>tfoot>tr>th,
table>thead>tr>td,
table>tbody>tr>td,
table>tfoot>tr>td {
	border-top: 1px solid #d2d2d2;
	border: 1px solid #d2d2d2;
	line-height: 2.5;
	padding-left: 3px;
	text-align: center;
	vertical-align: top;
}

table thead tr th {
	border-top: 1px solid #d2d2d2;
	text-align: center;
	text-transform: capitalize;
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
	border-top: 1px solid #d2d2d2;
}

table>thead>tr>th {
	border-bottom: 2px solid #d2d2d2;
	vertical-align: bottom;
}

table>caption+thead>tr:first-child>th,
table>colgroup+thead>tr:first-child>th,
table>thead:first-child>tr:first-child>th,
table>caption+thead>tr:first-child>td,
table>colgroup+thead>tr:first-child>td,
table>thead:first-child>tr:first-child>td {
	border-bottom: 0;
}

table>tbody+tbody {
	border-top: 2px solid #d2d2d2;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	padding: 6px 10px;
}

p ins {
	color: #999;
}

dl dd {
	margin-left: 20px;
}

address {
	font-style: italic;
}

/*=============================================
			Global Elements
=============================================*/
.tg-haslayout {
	width: 100%;
	float: left;
}

.tg-main-section {
	padding: 60px 0 30px 0;
	overflow: hidden;
}

.tg-main-section>div {
	position: relative;
}

.tg-location-map {
	width: 100%;
	float: left;
	height: 500px;
}

.tg-btn {
	padding: 0 50px;
	background: #373542;
	border: 1px solid;
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	font: 700 14px/50px 'Cairo', sans-serif;
	color:#ffcc33;	
}

.tg-sidenav .tg-nav ul li .tg-minicart>li>a.tg-btn span,
.tg-btn span {
	z-index: 5;
}

.tg-sidenav .tg-nav ul li .tg-minicart>li>a.tg-btn:after,
.tg-btn:after {
	background: #fff !important;
	content: "";
	height: 155px;
	left: -75px;
	opacity: .2;
	top: -50px;
	width: 50px;
	z-index: 5;
	position: absolute;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.tg-sidenav .tg-nav ul li .tg-minicart>li>a.tg-btn:hover:after,
.tg-btn:hover:after {
	left: 120%;
	-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.tg-socialicons {
	float: right;
	list-style: none;
	text-align: center;
	line-height: 16px;
}

.tg-socialicons li {
	float: left;
	padding: 0 18px;
	line-height: 16px;
	position: relative;
	list-style-type: none;
}

.tg-socialicons li+li:before {
	bottom: 0;
	left: 0;
	width: 1px;
	height: 1px;
	content: '';
	position: absolute;
}

.tg-socialicons li a {
	color: #fff;
	display: block;
	line-height: 16px;
}

.tg-socialicons li a i {
	font-size: 15px;
	line-height: 16px;
}

.tg-verticalmiddle {
	margin: 0 -1px;
	float: none !important;
	display: inline-block;
	vertical-align: middle;
}

.tg-section-name {
	top: 0;
	left: 15px;
	z-index: 1;
	position: absolute;
	border-bottom: 2px solid #373542;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 20px 20px;
	-moz-transform-origin: 20px 20px;
	-ms-transform-origin: 20px 20px;
	-o-transform-origin: 20px 20px;
	transform-origin: 20px 20px;
}

.tg-section-name:after {
	bottom: -2px;
	right: 100%;
	content: '';
	width: 100px;
	height: 2px;
	z-index: -1;
	background: #373542;
	position: absolute;
}

.tg-section-name h2 {
	width: 100%;
	float: left;
	margin: 0 0 20px;
	font-size: 18px;
	line-height: 18px;
}

.tg-section-heading {
	width: 100%;
	float: left;
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #aeaeae;
}

.tg-section-heading h2 {
	margin: 0;
	font-size: 24px;
	line-height: 27px;
}

.tg-description {
	width: 100%;
	float: left;
}

.tg-bglight {
	background: #f7f7f7;
}

.tg-bgdark {
	background: #373542 url(../images/bg-pattran.png);
}

.tg-stars span,
.tg-stars {
	width: 100px;
	height: 16px;
	float: left;
	line-height: 16px;
	position: relative;
}

.tg-stars span:after,
.tg-stars:before {
	top: 0;
	left: 0;
	font-size: 16px;
	line-height: 16px;
	position: absolute;
	letter-spacing: 4px;
	color: rgba(218, 218, 218, .8);
	font-family: 'FontAwesome';
	content: '\f005 \f005 \f005 \f005 \f005';
}

.tg-stars span {
	width: 75%;
	overflow: hidden;
}

.tg-stars span:after {
	color: #000;
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.no-gutters>[class^="col-"],
.no-gutters>[class*="col-"],
.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}

.tg-theme-tag-none {
	float:none;
	font-size: 13px;
	line-height: 20px;
	position: relative;
	text-align: center;
	background: #373542;
	padding: 0 10px 1px 10px;
	text-transform: uppercase;
	font-family: 'Cairo', sans-serif;
}

.tg-theme-tag {
	float: left;
	font-size: 13px;
	line-height: 20px;
	position: relative;
	text-align: center;
	background: #373542;
	padding: 0 10px 1px 10px;
	text-transform: uppercase;
	font-family: 'Cairo', sans-serif;
}

.floating {
	float: left;
	-webkit-animation-name: Floatingx;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: Floating;
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	margin-left: 30px;
	margin-top: 5px;
}

@-webkit-keyframes Floatingx {
	from {
		-webkit-transform: translate(0, 0px);
	}

	65% {
		-webkit-transform: translate(0, 15px);
	}

	to {
		-webkit-transform: translate(0, -0px);
	}
}

@-moz-keyframes Floating {
	from {
		-moz-transform: translate(0, 0px);
	}

	65% {
		-moz-transform: translate(0, 15px);
	}

	to {
		-moz-transform: translate(0, -0px);
	}
}

.scaling {
	float: left;
	-webkit-animation-name: scalex;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: scale;
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes scalex {
	from {
		-webkit-transform: scale(0.9);
	}

	65% {
		-webkit-transform: scale(1.0);
	}

	to {
		-webkit-transform: scale(0.9);
	}
}

@-moz-keyframes scale {
	from {
		-moz-transform: scale(0.9);
	}

	65% {
		-moz-transform: scale(1.0);
	}

	to {
		-moz-transform: scale(0.9);
	}
}

.tg-alignleft {
	float: left;
	margin: 0 30px 28px 0;
	border: 1px solid #ddd;
}

.tg-alignright {
	float: right;
	margin: 0 0 28px 30px;
	border: 1px solid #ddd;
}

.tg-paddingbottom-zero {
	padding-bottom: 0 !important;
}

/*=============================================
		Theme Pagination
=============================================*/
.tg-pagination {
	width: auto;
	float: right;
	font-size: 14px;
	line-height: 25px;
	font-family: 'Cairo', sans-serif;
	text-align: center;
	margin: 60px 0 0 0;
	padding: 0;
	list-style: none;
}

.tg-pagination li {
	float: left;
	padding: 0 6px;
	line-height: 30px;
	list-style-type: none;
	position: relative;
}

.tg-pagination>li+li:after {
	position: absolute;
	content: '/';
	left: 0;
	top: 0;
	color: #373542;
}

.tg-pagination li:nth-child(2):after,
.tg-pagination li:nth-child(4):after {
	display: none;
}

.tg-pagination li a {
	width: auto;
	display: block;
	color: #373542;
	text-align: center;
	position: relative;
	line-height: inherit;
}

.tg-pagination li.tg-prevpage {
	margin-left: 0;
}

.tg-pagination li.tg-nextpage {
	margin-right: 0;
}

.tg-pagination li.tg-prevpage,
.tg-pagination li.tg-nextpage {
	padding: 0;
}

.tg-pagination li.tg-nextpage a,
.tg-pagination li.tg-prevpage a {
	width: 30px;
	height: 30px;
	display: block;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	padding: 0;
	border: 1px solid #373542;
}

.tg-pagination li.tg-nextpage a i,
.tg-pagination li.tg-prevpage a i {
	display: block;
	line-height: 28px;
}

.tg-pagination li.tg-nextpage a:hover,
.tg-pagination li.tg-prevpage a:hover {
	background: #373542;
}

.tg-pagination li.active {
	font-size: 18px;
}

/*=============================================
		Theme BreadCrumb
=============================================*/
.tg-breadcrumb {
	padding: 0;
	z-index: 2;
	margin: 0;
	list-style: none;
	text-align: right;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	font: 16px/19px 'Oswald', Arial, Helvetica, sans-serif;
}

.tg-breadcrumb li {
	width: auto;
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
	line-height: inherit;
	padding: 0 5px;
	position: relative;
}

.tg-breadcrumb li:after {
	content: '-';
	position: absolute;
	top: 0;
	left: -3px;
}

.tg-breadcrumb li:first-child:after {
	display: none;
}

.tg-breadcrumb li a {
	display: block;
}

.tg-prev,
.tg-next {
	top: 0;
	right: 0;
	font-size: 14px;
	cursor: pointer;
	position: absolute;
}

.tg-prev span,
.tg-next span {
	color: #373542;
	display: block;
	line-height: 16px;
	margin: 0 14px 0 0;
}

.tg-prev {
	top: -2px;
	right: 40px;
	text-align: left;
}

.tg-next {
	text-align: right;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.tg-prev span:after,
.tg-next span:after {
	content: '';
	top: 50%;
	left: 15px;
	width: 20px;
	height: 1px;
	z-index: -1;
	opacity: 0;
	background: #373542;
	position: absolute;
	visibility: hidden;
}

.tg-prev:hover span:after,
.tg-next:hover span:after {
	opacity: 1;
	visibility: visible;
}

.tg-prev:hover span:after,
.tg-next:hover span:after {
	left: 3px;
}

/*=============================================
			Sidebar
=============================================*/
.tg-sidebar {
	width: 100%;
	float: left;
}

.tg-widget {
	width: 100%;
	float: left;
	margin: 0 0 30px;
}
.tg-widget-fix-over-div {
	z-index: 1;
    position: inherit;
}

.tg-imagewidget {
	border: 1px solid #aeaeae;
}

.tg-imagewidget figure {
	width: 100%;
	float: left;
	margin: 0;
}

.tg-imagewidget figure img {
	width: 100%;
	height: auto;
	display: block;
}

.form-search {
	width: 100%;
	float: left;
	position: relative;
}

.tg-sidebar fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

.form-search fieldset input {
	z-index: 1;
	padding-right: 45px;
}

.form-search fieldset button {
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 46px;
	z-index: 2;
	cursor: pointer;
	background: transparent;
}

.tg-widget h3 {
	width: 100%;
	float: left;
	margin: 0;
	color: #fff;
	padding: 20px;
	font-size: 14px;
	line-height: 14px;
	background: #363540;
	text-transform: uppercase;
}

.tg-widget ul {
	width: 100%;
	float: left;
	margin: 0;
	background: #fafafa;
	list-style: none;
	/* padding: 5px 20px; */
}

.tg-widget ul li {
	width: 100%;
	float: left;
	padding: 14px 0;
	line-height: normal;
	list-style-type: none;
	cursor: pointer;
}

.tg-widget ul li+li {
	border-top: 1px solid #ddd;
}

.tg-widget ul li a {
	width: 100%;
	float: left;
	display: block;
	color: #373542;
	padding:0 20px;
}

.tg-widget ul li:hover, .tg-widget ul .active {
	text-decoration: none;
	background-color: #f89406;	
	margin: 0px -10px;
    width: 108%;
}

.tg-widget ul li a em,
.tg-widget ul li a i {
	font-style: normal;
	font-family: 'Cairo', sans-serif;
	color: #373542;
}

.tg-widget ul li a em {
	float: left;
}

.tg-widget ul li a i {
	float: right;
	font-size: 12px;
	line-height: 20px;
	padding: 0 5px;
	background: #f5f5f5;
}

.tg-mostcommented-widget ul {
	padding: 15px 30px;
}

.tg-mostcommented-widget ul li+li {
	border: 0;
}

.tg-mostcommented-widget ul li figure {
	width: 100%;
	float: left;
	margin: 0 0 10px;
}

.tg-mostcommented-widget .tg-posttitle {
	margin: 0;
}

.tg-mostcommented-widget .tg-posttitle h3 {
	font-size: 16px;
	line-height: 16px;
	background: none;
	padding: 0;
}

.tg-widget ul li:hover a em {
	font-weight: bold;
}

.tg-widget ul li:hover a i {
	color: #373542;
}

.tg-price-range,
.tg-slideshow-widget {
	width: 100%;
	float: left;
	padding: 20px;
	background: #fafafa;
}

.tg-slider-range {
	border: 0 !important;
	border-radius: 0;
	margin: 0 0 30px;
	background: #373542;
}

.tg-slider-range .ui-slider-handle {
	width: 6px;
	height: 17px;
	margin-left: -0.3em;
	background: #373542 !important;
	border: 0 !important;
	border-radius: 0 !important;
}

.tg-slider-range .ui-slider-handle:focus {
	outline: none;
	box-shadow: none;
}

.tg-slideshow-slider {
	position: relative;
	overflow: hidden;
}

.tg-price-range p {
	float: left;
	margin: 3px 0;
	text-align: left;
}

.tg-price-range p label,
.tg-price-range p input {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	display: inline-block;
	vertical-align: middle;
	text-transform: capitalize;
	height: auto !important;
	font: 400 14px/14px 'Open Sans', Arial, Helvetica, sans-serif;
}

.tg-price-range p input {
	width: 80px !important;
}

.tg-price-range .tg-btn {
	float: right;
	width: 80px;
	height: 30px;
	padding: 0;
	line-height: 30px;
	text-align: center;
}

.tg-slideshow-slider {
	position: relative;
	overflow: hidden;
}

.tg-slideshow-slider .tg-postimg img {
	width: 100%;
	height: auto;
	display: block;
}

.tg-slideshow-slider .swiper-wrapper {
	margin: 0 0 30px;
}

.tg-pagination-slider {
	bottom: 5px;
}

.tg-pagination-slider span {
	font-size: 14px;
	line-height: 14px;
	font-family: 'Cairo', sans-serif;
}

.tg-pagination-slider .swiper-pagination-current {
	font-size: 18px;
}

.tg-slideshow-slider .tg-themebtnnext,
.tg-slideshow-slider .tg-themebtnprev {
	z-index: 99;
}

.tg-slideshow-slider .tg-themebtnprev {
	left: 0;
}

.tg-slideshow-slider .tg-themebtnnext {
	right: 0;
}

.tg-sidebar .tg-tags-widget {
	margin: 0;
}

.tg-tags-widget>ul {
	padding: 20px;
}

.tg-tags-widget>ul>li {
	width: auto;
	float: left;
	padding: 4px;
}

.tg-tags-widget>ul>li+li {
	border: 0;
}

.tg-tags-widget>ul>li .tg-btn {
	font-size: 13px;
	line-height: 22px;
	color: #aeaeae;
	padding: 0 10px;
	border-color: #aeaeae;
}

.tg-tags-widget ul li .tg-btn:hover {
	color: #373542;
}

.tg-tags-widget ul li .tg-btn:after {
	display: none;
}

/*=============================================
			Theme Style
=============================================*/
.tg-wrapper {
	height: 100%;
	position: relative;
	overflow-x: hidden;
}

/* =============================================
			Search
============================================= */
.tg-searchbox {
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	opacity: 0;
	z-index: 9999;
	position: fixed;
	overflow: hidden;
	visibility: hidden;
	background: rgba(55, 53, 66, 0.90);
}

.tg-searchbox.in {
	opacity: 1;
	width: 100%;
	height: 100%;
	visibility: visible;
}

.tg-close-search {
	color: #fff;
	top: 50px;
	right: 50px;
	z-index: 5;
	position: absolute;
}

.tg-close-search:hover {
	color: #fff;
}

.tg-close-search span {
	display: block;
	font-size: 15px;
	line-height: 15px;
}

.tg-searcharea {
	width: 100%;
	height: 100%;
	float: left;
	color: #fff;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.tg-form-search {
	width: 100%;
	float: left;
	margin: 0 0 30px;
}

.tg-commingsoon-content .tg-newsletter fieldset,
.tg-form-search fieldset {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
}

.tg-form-search fieldset .form-control {
	border: 0;
	color: #fff;
	z-index: 1;
	height: 60px;
	padding: 10px 0;
	font-size: 36px;
	line-height: 40px;
	position: relative;
	background: transparent;
	border-bottom: 1px solid #fff;
}

.tg-form-search fieldset .form-control:-ms-input-placeholder,
.tg-form-search fieldset .form-control:-moz-placeholder,
.tg-form-search fieldset .form-control::-webkit-input-placeholder,
.tg-form-search fieldset .form-control::-moz-placeholder {
	color: #fff !important;
}

.tg-searcharea form fieldset i {
	right: 0;
	z-index: 5;
	bottom: 10px;
	cursor: pointer;
	font-size: 20px;
	line-height: 20px;
	position: absolute;
}

/* =============================================
			LightBox
============================================= */
.tg-modalbox.fade {
	background: rgba(0, 0, 0, 0.80)
}

.tg-modalbox.fade .modal-dialog {
	width: 770px;
	top: 10%;
	left: 50%;
	overflow: hidden;
	background: #fff;
	position: absolute;
	box-shadow: none;
	margin: 0 0 0 -385px;
	border-top: 3px solid;
}

.tg-locationsearch .modal-dialog {
	top: 50%;
	border: 0;
	width: 1170px;
	padding: 0 15px;
	background: none;
	margin: -40px 0 0 -585px;
}

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

.tg-logintype,
.tg-modal-content .tg-formarea {
	width: 60%;
	float: left;
	padding: 27px 30px 30px;
}

.tg-logintype {
	width: 40%;
	background: #f7f7f7;
}

.tg-modal-content form {
	width: 100%;
	float: left;
	padding: 15px 0 0;
}

.tg-modal-content form fieldset {
	width: 100%;
	float: left;
	padding: 0;
	border: 0;
	margin: 0;
}

.tg-modal-content form fieldset .form-group {
	width: 100%;
	float: left;
}

.tg-modal-content form fieldset label {
	float: left;
	margin: 0;
}

.tg-modal-content form fieldset label input {
	margin: 0;
}

.tg-modal-content form fieldset .form-group a {
	float: right;
	color: #373542;
}

.tg-modal-content form fieldset label input,
.tg-modal-content form fieldset label em,
.tg-modal-content form fieldset a em,
.tg-modal-content form fieldset a i {
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
}

.tg-modal-content form fieldset p {
	margin: 0;
	text-align: center;
}

.tg-logintype ul {
	width: 100%;
	float: left;
	font-size: 14px;
	list-style: none;
	line-height: 48px;
	padding: 15px 0 20px;
	text-transform: capitalize;
}

.tg-logintype ul li {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0 0 15px;
	list-style-type: none;
	line-height: inherit;
}

.tg-logintype ul li a {
	color: #fff;
	display: block;
	line-height: inherit;
	background: #2e5894;
}

.tg-logintype ul li.tg-twitter a {
	background: #00adcf;
}

.tg-logintype ul li.tg-googleplus a {
	background: #e04b33;
}

.tg-logintype ul li.tg-linkedin a {
	background: #2099c6;
}

/*=============================================
			Header
=============================================*/
.tg-wrapper>.tg-navigationm-mobile {
	display: none !important;
}

.tg-header {
	top: 0;
	left: 0;
	float: none;
	width: 100%;
	clear: both;
	z-index: 1000;
	position: absolute;
	padding: 20px 0 15px;
}

.tg-colhalf {
	width: 50%;
	float: left;
	padding: 52px 70px 20px 0;
}

.tg-colhalf+.tg-colhalf {
	float: right;
	padding: 52px 0 20px 70px;
}

.tg-topbar .tg-colhalf {
	padding: 52px 0 20px 70px;
}

.tg-topbar .tg-colhalf+.tg-colhalf {
	padding: 52px 70px 20px 0;
}

.tg-topbar .tg-colhalf ul {
	z-index: 20;
	position: relative;
}

.tg-topbar .tg-colhalf ul li:first-child {
	padding-left: 0;
}

.tg-topbar .tg-colhalf+.tg-colhalf ul li:last-child {
	padding-right: 0;
}

.tg-addnav {
	float: left;
	z-index: 22;
	font-size: 16px;
	line-height: 16px;
	position: relative;
	text-transform: uppercase;
	font-family: 'Cairo', sans-serif;
}

.tg-addnav ul {
	float: left;
	list-style: none;
	line-height: inherit;
}

.tg-addnav ul li {
	float: left;
	padding: 0 17px;
	position: relative;
	line-height: inherit;
	list-style-type: none;
}

.tg-addnav>ul>li+li:before {
	bottom: 0;
	left: 0;
	width: 1px;
	height: 1px;
	content: '';
	position: absolute;
}

.tg-addnav>ul>li>div>a,
.tg-addnav>ul>li>a {
	color: #fff;
	display: block;
	line-height: inherit;
}

.tg-dropdowarrow {
	top: 10px;
	z-index: 5;
	color: #484848;
	right: 20px;
	width: 20px;
	height: 20px;
	display: none;
	cursor: pointer;
	font-size: 12px;
	background: #fff;
	line-height: 18px;
	position: absolute;
	text-align: center;
    border-radius: 50%;
    background-color: #ffcc33;
}

.tg-dropdowarrow i {
	color: #484848;
}

/*=============================================
			Mini Cart
=============================================*/
.tg-cartcontent {
	top: 100px;
	border: 0;
	margin: 0;
	padding: 0;
	opacity: 0;
	width: 330px;
	display: block;
	border-radius: 0;
	visibility: hidden;
	background: #373542;
}

.tg-cart.open .tg-cartcontent {
	top: 38px;
	opacity: 1;
	visibility: visible;
}

.tg-cartcontent ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

.tg-cartcontent ul li {
	width: 100%;
	float: left;
	padding: 20px 30px !important;
}

.tg-cartcontent ul li:nth-child(even) {
	background: #302e39;
}

.tg-cartcontent ul li figure {
	float: left;
	margin: 0;
	padding: 0 8px 0 0;
}

.tg-cartcontent ul li figure a {
	display: block;
}

.tg-cartcontent ul li figure a img {
	display: block;
}

.tg-cartcontent ul li .tg-product-detail {
	overflow: hidden;
	position: relative;
	padding: 11px 30px 11px 0;
}

.tg-cartcontent ul li .tg-product-detail h3 {
	margin: 0;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
}

.tg-cartcontent ul li .tg-product-detail h3 a {
	color: #fff;
}

.tg-cartcontent ul li .tg-product-detail span {
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 5px 0 0;
	line-height: 17px;
	text-transform: capitalize;
	font-family: 'Cairo', sans-serif;
}

.tg-delete {
	top: 50%;
	right: 0;
	width: 11px;
	height: 10px;
	display: block;
	margin: -5px 0 0 0;
	position: absolute;
	background: url(../images/icon-close.png) no-repeat 0 0;
}

.tg-delete:hover {
	background-position: bottom left;
}

.tg-btnbox {
	width: 100%;
	float: left;
}

.tg-cartcontent ul li .tg-btnbox .tg-carttotal {
	width: 50%;
	color: #fff;
	float: left;
	padding: 17px 0;
	font-weight: normal;
	text-transform: capitalize;
	font-family: 'Cairo', sans-serif;
}

.tg-cartcontent ul li .tg-btnbox .tg-btn {
	padding: 0;
	width: 50%;
	float: right;
	line-height: 50px;
	text-align: center;
}

/*=============================================
			Main Navigation
=============================================*/
.tg-nav {
	width: 100%;
	float: left;
}

.tg-nav .navbar-header {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}

.tg-logo {
	width: 135px;
	height: 160px;
	margin: 0 auto;
	display: block;
}

.tg-logo a {
	display: block;
}

.tg-logo a img {
	width: 100%;
	height: auto;
	display: block;
}

.tg-navigation {
	width: 100%;
	float: left;
	padding: 0;
	text-transform: uppercase;
	font: 16px/16px'Oswald', Arial, Helvetica, sans-serif;
}

.tg-navigation .tg-colhalf {
	position: relative;
	padding: 0 70px 0 0;
}

.tg-navigation .tg-colhalf+.tg-colhalf {
	padding: 0 0 0 70px;
}

.tg-navigation .tg-colhalf:after {
	top: 0;
	content: '';
	height: 1px;
	width: 9999px;
	background: #aeaeae;
	position: absolute;
}

.tg-navigation .tg-colhalf:first-child:after {
	right: 70px;
}

.tg-navigation .tg-colhalf:last-child:after {
	left: 70px;
}

.tg-navigation ul {
	float: right;
	z-index: 21;
	line-height: 16px;
	list-style: none;
	position: relative;
}

.tg-navigation .tg-colhalf+.tg-colhalf ul {
	float: left;
}

.tg-navigation ul li {
	float: left;
	line-height: 16px;
	position: relative;
	padding: 20px 17px;
	list-style-type: none;
}

.tg-navigation ul li:after {
	position: absolute;
	content: '';
	left: 0;
	top: 1px;
	width: 0;
	height: 1px;
	background: #aeaeae;
}

.tg-navigation ul li.active:after,
.tg-navigation ul li:hover:after {
	width: 100%;
}

.tg-navigation>div>ul>li+li:before {
	bottom: 10px;
	left: -1px;
	width: 2px;
	height: 30px;
	content: '';
	position: absolute;
}

.tg-navigation ul li a {
	color: #fff;
	line-height: 16px;
}

 
.tg-navigation ul li ul {
	top: 120%;
	left: 0;
	margin: 0;
	width: 230px;
	opacity: 0;
	visibility: hidden;
	background: #302e39;
	position: absolute;
}

.tg-navigation ul li ul li {
	width: 100%;
	padding: 0;
}

.tg-navigation ul li ul li a {
	padding: 15px 30px;
	display: block;
	position: relative;
}

.tg-navigation ul li ul li.tg-dropdown a:before {
	top: 50%;
	right: 30px;
	margin: -7px 0 0;
	content: '\f105';
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	font-family: 'FontAwesome';
}

.tg-navigation ul>li>ul>li.active>a,
.tg-navigation ul>li>ul>li.active>a,
.tg-navigation ul>li>ul>li:hover>a,
.tg-navigation ul>li>ul>li>a:hover {
	background: #373542;
	padding: 15px 30px 15px 40px;
}
.tg-navigation ul li ul li ul {
	top: 0;
	left: 120%;
	opacity: 0;
	visibility: hidden;
}

.tg-navigation ul>li:hover>ul,
.tg-navigation ul>li>ul>li:hover>ul {
	opacity: 1;
	visibility: visible;
}

.tg-navigation ul>li:hover>ul {
	top: 100%;
}

.tg-navigation ul>li>ul>li:hover>ul {
	top: 0;
	left: 100%;
}

.tg-close {
	top: 50px;
	right: 50px;
	z-index: 2;
	cursor: pointer;
	font-size: 18px;
	line-height: 14px;
	position: absolute;
} 


/*=============================================
			Slider
=============================================*/
.tg-sliderbox {
	width: 100%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
	background: #373542;
}

.tg-sliderbox .tg-imglayer {
	width: 120%;
	height: 120%;
	z-index: 1;
	position: relative;
	margin: -5% 0 0 -5%;
	transform-style: preserve-3d;
}

.tg-imglayer img {
	width: 100%;
	height: auto;
	display: block;
}

.tg-home-slider {
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
	padding: 245px 0 70px;
}

.tg-home-slider .swiper-slide {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.tg-home-slider .swiper-slide>div {
	position: relative;
}

.tg-home-slider .swiper-slide figure {
	width: 100%;
	float: left;
	margin: 0;
	z-index: 2;
	position: relative;
}

.tg-home-slider .swiper-slide figure img {
	display: block;
	margin: 0 auto;
}

.tg-slider-content {
	top: 50%;
	left: 0;
	width: 100%;
	margin: -113px 0 0;
	position: absolute;
}

.tg-slider-content h1 {
	font-size: 160px;
	line-height: 146px;
	margin: 0 0 30px;
	font-weight: bold;
}

.tg-slider-content h1 span {
	color: #fff;
}

.tg-slider-content .tg-btnbox {
	text-align: right;
}

.tg-slider-content .tg-btnbox h2 {
	float: left;
	color: #fff;
	z-index: 3;
	font-size: 40px;
	line-height: 37px;
	font-weight: bold;
	position: relative;
	margin: 7px 0 6px 0;
}

.tg-slider-content .tg-btnbox .tg-btn {
	z-index: 3;
	margin: 0 0 0 25px;
	position: relative;
}

.tg-home-slider .tg-btn-next,
.tg-home-slider .tg-btn-prev {
	top: 50%;
	width: 60px;
	height: 43px;
	z-index: 5;
	cursor: pointer;
	font-size: 16px;
	line-height: 16px;
	margin: -30px 0 0;
	position: absolute;
	text-transform: uppercase;
	font-family: 'Cairo', sans-serif;
}

.tg-home-slider .tg-btn-next {
	right: 20px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.tg-home-slider .tg-btn-prev {
	left: 20px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.tg-home-slider .tg-btn-next span,
.tg-home-slider .tg-btn-prev span {
	display: block;
	text-align: center;
}

.tg-home-slider .tg-btn-next span.fa,
.tg-home-slider .tg-btn-prev span.fa {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(-35px);
	-moz-transform: translateY(-35px);
	-ms-transform: translateY(-35px);
	-o-transform: translateY(-35px);
	transform: translateY(-35px);
}

.tg-home-slider .tg-btn-next:hover span.fa,
.tg-home-slider .tg-btn-prev:hover span.fa {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.tg-home-slider .tg-btn-next span:first-child,
.tg-home-slider .tg-btn-prev span:first-child {
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: 2px solid;
}

/*=============================================
			Inner Banner
=============================================*/
.tg-banner {
	width: 100%;
	/* height: 450px; */
	float: left;
	background: #373542;
	padding: 200px 0 0;
	overflow: hidden;
	position: relative;
}

.tg-banner .tg-imglayer {
	top: 0;
	z-index: 1;
	width: 120%;
	height: 120%;
	position: absolute;
	margin: -5% 0 0 -5%;
	transform-style: preserve-3d;
}

.tg-banner-content {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
}

.tg-pagetitle {
	width: 100%;
	float: left;
	height: 90px;
	margin: 0 0 -20px;
}

.tg-pagetitle h1 {
	margin: 0;
	color: #55545d;
	position: relative;
	font: 100px/93px 'Oswald', Arial, Helvetica, sans-serif;
}

.tg-pagetitle h1:after {
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(56, 54, 67, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 40%, rgba(56, 54, 67, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(56, 54, 67, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#383643', GradientType=0);
}

/*=============================================
			Main Content
=============================================*/
.tg-main {
	padding: 20px 0;
}

.tg-main .tg-main-section:first-child {
	margin: -20px 0 0;
	padding: 100px 0 80px;
}

/*=============================================
			About Us
=============================================*/
.tg-aboutussection {
	width: 100%;
	float: left;
}

.tg-aboutussection figure {
	width: 100%;
	float: left;
	margin: 0;
}

.tg-aboutussection figure img {
	width: 100%;
	height: auto;
	display: block;
}

.tg-contentbox {
	width: 100%;
	float: left;
}

/*=============================================
			Upcoming Match Counter
=============================================*/
.tg-bgstyleone,
.tg-bgstyletwo {
	overflow: hidden;
	position: relative;
}

.tg-bgboxone,
.tg-bgboxtwo {
	top: 0;
	z-index: 1;
	height: 100%;
	position: absolute;
	background: #373542;
}
.tg-bgboxfull{
	top: 0;
	z-index: 1;
	height: 100%;
	position: absolute;		
    background: url(../images/bg-full.jpg);
    background-size: cover;    
    filter: blur(1px);
	opacity:0.5;
}

.tg-bgstyleone .tg-bgboxone,.tg-bgstyleone .tg-bgboxfull {
	left: auto;
	right: 0;
}

.tg-bgboxone {
	left: 0;
	z-index: 2;
	width: 68.5%;
}
.tg-bgboxfull {
	left: 0;
	z-index: 2;
	width: 100%;
}

.tg-bgboxone:before,.tg-bgboxfull:before {
	top: 0;
	width: 0;
	height: 0;
	left: 100%;
	content: '';
	position: absolute;
	border-top: 700px solid #373542;
	border-right: 70px solid transparent;
}

.tg-bgstyleone .tg-bgboxone:before, .tg-bgstyleone .tg-bgboxfull:before {
	display: none;
}

.tg-bgstyleone .tg-bgboxone:after,.tg-bgstyleone .tg-bgboxfull:after {
	top: 0;
	width: 0;
	height: 0;
	right: 100%;
	content: '';
	position: absolute;
	border-bottom: 700px solid #373542;
	border-left: 70px solid transparent;
}

.tg-bgstyleone .tg-bgboxtwo {
	right: auto;
	left: 0;
}

.tg-bgboxtwo {
	right: 0;
	width: 31.5%;
}

.tg-bgpattrant {
	width: 100%;
	float: left;
	z-index: 2;
	position: relative;
	background: url(../images/bg-pattran.png);
}

.tg-upcomingmatch-counter {
	width: 100%;
	float: left;
}
.tg-upcomingmatch-counter .right-img{
	position: absolute;
    padding-top: 95px;
}

.tg-upcomingmatch-counter figure {
	width: 100%;
	float: left;
	/* margin:15px 0; */
}

.tg-upcomingmatch-counter figure img {
	max-width: none;
	width: none;
	display: block;
	margin: -0 0 0 -265px;
}

.tg-upcomingmatch-counter .tg-contentbox {
	color: #fff;
	padding: 80px 0;
}

.tg-upcomingmatch-counter .tg-section-heading h2 {
	color: #fff;
}

.tg-upcomingmatch-counter .tg-description {}

.tg-upcomingmatch-counter .tg-description p {
	margin: 0 0 25px;
}

.tg-upcomingmatch-counter .tg-btnbox .tg-btn {
	float: left;
	margin: 0 30px 0 0;
}

.tg-counters {
	width: 100%;
	float: left;
	padding: 0 0 30px;
}

.tg-counter {
	width: 165px;
	height: 130px;
	float: left;
	padding: 20px;
	text-align: center;
	background: rgba(55, 53, 66, 0.80);
}

.tg-counter+.tg-counter {
	margin: 0 0 0 30px;
}

.tg-counter h3 {
	margin: 0;
	color: #fff;
	font-size: 60px;
	line-height: 60px;
	text-align: center;
}

.tg-counter h4 {
	margin: 0;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	text-transform: capitalize;
}

/*=============================================
			Latest Result
=============================================*/
.tg-latestresult {
	width: 100%;
	float: left;
	overflow: hidden;
}
.tg-matchplayer{

	width: 100%;
	float: left;
	z-index: 2;
	overflow: hidden;
	background: #373542;
	position: relative;

}
.tg-matchplayer .tg-box {
	background: url(../images/bg-pattran.png);
}
.tg-matchplayer:after {
	top: 0;
	right: 0;
	width: 47%;
	height: 100%;
	content: '';
	z-index: -1;
	position: absolute;
}

.tg-matchresult {
	width: 100%;
	float: left;
	z-index: 2;
	overflow: hidden;
	background: #373542;
	position: relative;
}

.tg-matchresult:after {
	top: 0;
	right: 0;
	width: 47%;
	height: 100%;
	content: '';
	z-index: -1;
	position: absolute;
}

.tg-matchresult:before {
	top: 0;
	right: 47%;
	content: '';
	z-index: -1;
	position: absolute;
	border-bottom: 500px solid;
	border-left: 70px solid transparent !important;
}

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

.tg-matchresult .tg-box {
	background: url(../images/bg-pattran.png);
}

.tg-score {
	top: 50%;
	left: 50%;
	width: 166px;
	height: 56px;
	position: absolute;
	margin: -28px 0 0 -83px;
}

.tg-score h3 {
	margin: 0;
	color: #fff;
	font-size: 60px;
	line-height: 56px;
	text-align: center;
}

.tg-teamscore {
	width: 50%;
	float: left;
	min-height: 440px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	justify-content: center;
	padding: 30px 100px 30px 30px;
}

.tg-teamscore+.tg-teamscore {
	padding: 30px 30px 30px 100px;
}

.tg-team-logo {
	display: block;
	padding: 0 0 25px;
}

.tg-team-logo a {
	display: inline-block;
}

.tg-team-logo a img {
	display: block;
}

.tg-team-nameplusstatus {
	width: 100%;
	float: left;
	padding: 0 0 15px;
}

.tg-team-nameplusstatus h4 {
	margin: 0;
	font-size: 18px;
	line-height: 18px;
}

.tg-playernameplusgoadtime {
	color: #fff;
	list-style: none;
	line-height: 20px;
}

.tg-teamscore+.tg-teamscore .tg-team-nameplusstatus h4 a,
.tg-teamscore+.tg-teamscore .tg-playernameplusgoadtime {
	color: #373542;
}

.tg-playernameplusgoadtime li {
	float: left;
	width: 100%;
	line-height: inherit;
	list-style-type: none;
}

.tg-matchscrollbar {
	width: 100%;
	float: left;
	height: 350px;
	margin: 0 0 30px;
	overflow: hidden;
}

.tg-matchtabnav {
	width: 100%;
	float: left;
	list-style: none;
}

.tg-matchtabnav li {
	width: 100%;
	float: left;
	margin: 0 0 5px;
	list-style-type: none;
}

.tg-matchtabnav li:last-child {
	margin: 0;
}

.tg-matchtabnav li a {
	display: block;
}
.tg-matchtabnav .tg-match{
	border-radius:5px;
}
.tg-match {
	width: 100%;
	float: left;
	padding: 5px;
	cursor: pointer;
	background: #f7f7f7;
	color: #f9c833;
}

.tg-match .tg-box {
	width: 33.33%;
	float: left;
	text-align: center;
}

.tg-match .tg-box:first-child {
	text-align: left;
}

.tg-box.away {
	right: 15px!important;

}

.tg-box.home {
	left: 15px !important;

}

.tg-match .tg-box:last-child {
	text-align: right;
}

.tg-match .tg-box:first-child .tg-teamlogo {
	float: left;
	padding: 10px 0 0 0;
}

.tg-match .tg-teamlogo a {
	display: block;
}

.tg-match .tg-teamlogo a img {
	display: block;
}

.tg-match h4 {
	margin: 11px 0;
	overflow: hidden;
	font-size: 18px;
	line-height: 18px;
	color: white;
    font-size: 13px;
}

.tg-match .tg-box:last-child .tg-teamlogo {
	float: right;
	padding: 10px 0 0 0;
}

.tg-match h3 {
	margin: 7px 0;
	overflow: hidden;
	font-size: 26px;
	line-height: 26px;
}

.tg-matchtabnav li a:hover .tg-match,
.tg-matchtabnav li.active a .tg-match,
.tg-allmatchstatus .tg-match:hover,
.tg-allmatchstatus .swiper-slide-active .tg-match {
	background: #373542;
}


.tg-matchtabnav li a:hover .tg-match h3,
.tg-matchtabnav li a:hover .tg-match h4,
.tg-matchtabnav li a:hover .tg-match .team_name,
.tg-matchtabnav li.active a .tg-match h3,
.tg-matchtabnav li.active a .tg-match h4,
.tg-matchtabnav li.active a .tg-match .team_name,
.tg-match:hover h3,
.tg-match:hover h4,
.tg-match:hover .team_name,
.tg-allmatchstatus .swiper-slide-active .tg-match h3,
.tg-allmatchstatus .swiper-slide-active .tg-match h4,
.tg-allmatchstatus .swiper-slide-active .tg-match .team_name {
	color: #fff;
}

.team_name {
	color: #000;
}




.tg-themebtnnext span,
.tg-themebtnprev span,
.tg-themebtnnext,
.tg-themebtnprev {
	color: #373542;
}

.tg-themebtnnext,
.tg-themebtnprev {
	width: 30px;
	height: 30px;
	bottom: 0;
	cursor: pointer;
	text-align: center;
	position: absolute;
	z-index: 2;
	border: 2px solid #373542;
}

.tg-themebtnnext {
	right: 50px;
}

.tg-themebtnprev {
	right: 15px;
}

.tg-themebtnnext span,
.tg-themebtnprev span {
	display: block;
	line-height: 26px;
	font-size: 17px;
}

.tg-themebtnnext:hover,
.tg-themebtnprev:hover {
	background: #373542;
}

/*=============================================
			Statistics
=============================================*/
.tg-statistics {
	width: 100%;
	float: left;
}

.tg-statistic {
	width: 25%;
	float: left;
	padding: 0 15px;
	text-align: center;
	position: relative;
}

.tg-statistic h2 {
	margin: 0;
	color: #fff;
	z-index: 2;
	font-size: 60px;
	line-height: 70px;
	font-weight: bold;
	position: relative;
	text-shadow: -6px -6px 0 #373542,
		-6px -3px 0 #373542,
		-6px 0px 0 #373542,
		-6px 3px 0 #373542,
		-6px 6px 0 #373542,
		-3px -6px 0 #373542,
		-3px -3px 0 #373542,
		-3px 0 0 #373542,
		-3px 3px 0 #373542,
		-3px 6px 0 #373542,
		0 -6px 0 #373542,
		0 -3px 0 #373542,
		0 0 0 #373542,
		0 3px 0 #373542,
		0 6px 0 #373542,
		3px -6px 0 #373542,
		3px -3px 0 #373542,
		3px 0 0 #373542,
		3px 3px 0 #373542,
		3px 6px 0 #373542,
		6px -6px 0 #373542,
		6px -3px 0 #373542,
		6px 0 0 #373542,
		6px 3px 0 #373542,
		6px 6px 0 #373542;
}

.tg-statistic span.tg-icon {
	top: -30px;
	right: 30px;
	z-index: 1;
	color: #9b9aa0;
	font-size: 80px;
	line-height: 80px;
	position: absolute;
}

.tg-statistic.tg-goals span.tg-icon,
.tg-statistic.tg-activeplayers span.tg-icon,
.tg-statistic.tg-activeteams span.tg-icon {
	right: 50px;
}

.tg-statistic.tg-earnedawards span.tg-icon {
	right: 66px;
}

.tg-statistic h2 span {
	display: block;
}

.tg-statistic h3 {
	margin: 0;
	font-weight: bold;
	font-size: 20px;
	line-height: 23px;
	text-transform: capitalize;
}

/*=============================================
			Fixtures Style
=============================================*/
.tg-upcomingmatch {
	width: 100%;
	float: left;
	height: 360px;
	overflow: hidden;
	margin: 0 0 50px;
}

.tg-upcomingmatch .tg-match {
	padding: 0;
	overflow: hidden;
	position: relative;
}

.tg-match address,
.tg-upcomingmatch .tg-match h3 {
	color: #fff;
}

.tg-matchdetail {
	width: 100%;
	float: left;
	padding: 20px;
	z-index: 1;
	position: relative;
}

.tg-matchhover {
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	padding: 30px;
	position: absolute;
	background: #373542;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}

.tg-upcomingmatch .tg-match:hover .tg-matchhover {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.tg-matchhover address {
	width: 170px;
	float: left;
	margin: 5px 0;
	font-style: normal;
}

.tg-matchhover .tg-btnbox {
	overflow: hidden;
	float: none;
	width: auto;
	z-index: 1;
	text-align: right;
	position: relative;
}

.tg-matchhover .tg-btnbox .tg-btn {
	padding: 0 30px;
}

.tg-upcomingmatch .tg-match h3 {
	color: #373542;
}

.tg-upcomingmatch .tg-match+.tg-match {
	margin: 10px 0 0;
}

.tg-upcomingmatch .tg-match .tg-box {
	width: 10%;
}

.tg-upcomingmatch .tg-match .tg-box:last-child,
.tg-upcomingmatch .tg-match .tg-box:first-child {
	width: 45%;
}

.tg-upcomingmatch .tg-match .tg-box h3 {
	margin: 23px 0;
}

/*=============================================
			Video Style
=============================================*/
.tg-videobox {
	height: 500px;
}

.tg-videobox figure {
	width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	position: relative;
}

.tg-videobox figure img {
	width: auto;
	height: 100%;
	display: block;
	z-index: 1;
	position: relative;
}

.tg-videobox figure figcaption {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	padding: 0 38%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.tg-playbtn {
	width: 100px;
	height: 100px;
	display: block;
	overflow: hidden;
	border-radius: 50px;
	margin: 0 0 30px;
	background: url(../images/icon-play.png) no-repeat;
}

.tg-videobox figure figcaption h2 {
	font-size: 24px;
	line-height: 27px;
	margin: 0;
	text-align: center;
}

/*=============================================
			Top Rated Player Style
=============================================*/
.tg-players {
	width: 100%;
	float: left;
	height: 466px;
}

.mCSB_inside>.mCSB_transfer-container {
	margin-right: 10px;
}

.mCSB_scrollTools {
	width: 6px;
}

.mCSB_scrollTools .mCSB_draggerRail {
	margin: 0;
	width: 6px;
	opacity: 1;
	border-radius: 0;
	background: #f7f7f7;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	margin: 0;
	opacity: 1;
	border-radius: 0;
	background-color: #373542;
}

.tg-player {
	width: 100%;
	float: left;
	height: 150px;
	overflow: hidden;
	background: #f7f7f7;
}

.tg-player+.tg-player {
	margin: 10px 0 0;
}

.tg-player:hover {
	height: 300px;
	background: #373542 url(../images/bg-pattran.png) no-repeat;
}

.tg-player figure {
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0 0;
}

.tg-player figure a {
	display: block;
}

.tg-player figure a img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.tg-playcontent {
	width: 100%;
	float: left;
	padding: 48px 0;
}

.tg-playcontent h3 {
	margin: 11px 0;
	width: 100%;
	float: left;
	font-size: 24px;
	line-height: 24px;
}

.tg-playcontent .tg-stars {
	margin: 0 0 20px;
}

.tg-playcontent .tg-description {
	color: #fff;
	padding: 20px 0;
	border-top: 1px solid #aeaeae;
}

.tg-playcontent .tg-description p {
	margin: 0;
}

.tg-playcontent .tg-socialicons {
	width: 100%;
	float: left;
}

.tg-playcontent .tg-socialicons li {
	display: block;
	float: left;
}

.tg-playcontent .tg-socialicons li:first-child {
	padding-left: 0;
}

/*=============================================
			Points Table
=============================================*/
.tg-pointstablewrapper {
	width: 100%;
	float: left;
}

.tg-pointstablewrapper figure {
	width: 100%;
	float: left;
	margin: 0;
	padding: 21px 0 24px 0;
}

.tg-pointstablewrapper figure img {
	max-width: none;
	width: none;
	display: block;
	margin: 0;
}

.tg-pointstable {
	width: 100%;
	float: left;
	padding: 80px 0 0;
}

.tg-pointstable h2 {
	color: #fff;
}

.tg-pointstable-slider {
	width: 100%;
	float: left;
	height: 375px;
	margin: 0 0 30px;
	overflow: hidden;
}

.tg-pointtable {
	width: 100%;
	float: left;
	border-bottom: solid;
	/* background:#f7f7f7; */
}

.tg-pointtable .tg-box:nth-child(10) {
	width: 7%;
}

.tg-pointtable .tg-box:nth-child(9) {
	width: 45%;
}

.tg-pointtable .tg-box {
	width: 6%;
	padding: 15px;
	text-align: right;
	font-size: 16px;
	line-height: 25px;
	text-transform: uppercase;
	font-family: 'Cairo', sans-serif;
}
.tg-pointtable a{
	color: #000000 !important;
}
.tg-pointtable:nth-child(even) {
	background: #00000012 !important
}

.tg-pointtable:nth-child(2),
.tg-pointtable:nth-child(3),
.tg-pointtable:nth-child(4),
.tg-pointtable:nth-child(5){
	background: #e8d01ed6 !important;
}
.tg-pointtable a:hover{
	color: #017da6  !important;
}
/* .tg-pointtable:nth-child(odd) {background: lightgreen;} */
/* .tg-pointtable .tg-box:nth-child(2n+1){background:#fff;} */
/* .tg-pointtable .tg-box + .tg-box{	
	float:left;
	text-align:center;
} */
.tg-pointstable-slider .tg-themebtnnext,
.tg-pointstable-slider .tg-themebtnprev {
	background: #373542;
}

/*=============================================
			Blog Style
=============================================*/
.tg-blogpost {
	width: 100%;
	float: left;
	margin: -15px 0;
}

.tg-post {
	width: 100%;
	float: left;
	padding: 15px 0;
	overflow: hidden;
	position: relative;
}

.tg-postimg {
	width: 100%;
	float: left;
	margin: 0 0 20px;
	overflow: hidden;
	position: relative;
	background: #373542;
}

.tg-postimg a {
	z-index: 1;
	display: block;
	position: relative;
}

.tg-postimg a img {
	width: 100%;
	height: auto;
	display: block;
}

.tg-post:hover .tg-postimg a img {
	opacity: 0.60;
}

.tg-postimg figcaption {
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
	position: absolute;
	background: rgba(55, 53, 66, 0.70);
}

.tg-postmetadata {
	width: 100%;
	float: left;
	padding: 0 13px;
	font-size: 14px;
	line-height: 14px;
	list-style: none;
	text-transform: uppercase;
	font-family: 'Cairo', sans-serif;
}

.tg-postmetadata li {
	float: left;
	padding: 0 13px;
	position: relative;
	list-style-type: none;
}

.tg-postmetadata li+li:before {
	top: 0;
	left: -2px;
	content: '/';
	color: #fff;
	position: absolute;
}

.tg-postmetadata li a {
	color: #fff;
	display: block;
}

.tg-posttitle {
	width: 100%;
	float: left;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #aeaeae;
}

.tg-posttitle h3 {
	margin: 0;
	font-size: 24px;
	line-height: 24px;
}

/*=============================================
			Footer Style
=============================================*/
.tg-footer {
	background: #373542;
}

.tg-footerinfobox {
	position: relative;
}

.tg-footerinfobox .tg-bgboxone {
	/* width:61.8%; */
	width: 100%;
	background: url(../images/bg-pattran.png);
}

.tg-footerinfobox .tg-bgboxfull {
	/* width:61.8%; */
	width: 100%;
	background: url(../images/bg-full.jpg);
}

.tg-footerinfobox .tg-bgboxone:before,.tg-footerinfobox .tg-bgboxfull:before {
	display: none;
}

.tg-footerinfobox .tg-bgboxtwo {
	width: 38.2%;
	background: url(../images/bg-footer.jpg);
	background-size: cover;
}

.tg-footerinfobox .tg-bgboxtwo:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	background: rgba(55, 53, 66, 0.80);
}

.tg-footerinfo {
	width: 100%;
	float: left;
	z-index: 3;
	padding: 80px 0;
	position: relative;
}

.tg-footercol {
	width: 100%;
	float: left;
	color: #fff;
}

.tg-footercol .tg-posttitle h3 {
	color: #fff;
	font-size: 18px;
	line-height: 18px;
}

.tg-form-newsletter {
	width: 100%;
	float: left;
	padding: 0 0 30px;
}

.tg-form-newsletter fieldset {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

.tg-form-newsletter fieldset .form-control {
	height: 40px;
	line-height: 38px;
	background: #fff;
	padding: 0 20px;
	border: 1px solid #ddd;
}

.tg-tags {
	overflow: hidden;
	clear: both;
	margin: -5px -3px;
	display: flex;
}

.tg-tag {
	float: left;
	height: 24px;
	color: #aeaeae;
	padding: 0 10px;
	margin: 5px 3px;
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
	background: #373542;
	text-transform: uppercase;
	border: 1px solid #aeaeae;
	font-family: 'Cairo', sans-serif;
}

.tg-tag:hover {
	color: #373542;
}

.tg-toprated {
	width: 100%;
	float: left;
}

.tg-toprated ul {
	width: 100%;
	float: left;
	list-style: none;
}

.tg-toprated ul li {
	width: 100%;
	float: left;
	list-style-type: none;
}

.tg-toprated ul li+li {
	padding: 20px 0 0;
}

.tg-toprated ul li figure {
	float: left;
	margin: 0;
}

.tg-toprated ul li figure a {
	display: block;
}

.tg-toprated ul li figure a img {
	display: block;
}

.tg-toprated ul li .tg-productcontent {
	overflow: hidden;
	padding: 18px 0 19px 20px;
}

.tg-productcontent h4 {
	font-size: 14px;
	line-height: 14px;
	margin: 0 10px 0 0;
}

.tg-productcontent h4 a {
	color: #fff;
}

.tg-productcontent h4,
.tg-productcontent .tg-stars {
	float: left;
}

.tg-price {
	width: 100%;
	float: left;
	display: block;
	font-size: 14px;
	line-height: 17px;
}

.tg-productcontent .tg-stars span,
.tg-productcontent .tg-stars span:after,
.tg-productcontent .tg-stars:before {
	height: 13px;
	font-size: 13px;
	line-height: 13px;
}

.tg-productcontent .tg-stars {
	width: 82px;
	height: 13px;
}

.tg-footercol .tg-logo {
	width: auto;
	height: auto;
	float: left;
	margin: 0 0 30px;
}

.tg-contactinfo {
	width: 100%;
	float: left;
	list-style: none;
	line-height: 17px;
}

.tg-contactinfo li {
	width: 100%;
	float: left;
	padding: 0 0 15px;
	line-height: inherit;
	list-style-type: none;
}

.tg-contactinfo li i {
	float: left;
	width: 50px;
}

.tg-contactinfo li a,
.tg-contactinfo li span,
.tg-contactinfo li address {
	float: left;
	margin: 0;
	font-style: normal;
}

.tg-contactinfo li address {
	float: none;
	overflow: hidden;
}

.tg-footercol .tg-btn {}

.tg-footercol .tg-description {
	padding: 0 0 20px;
}

.tg-footercol .tg-description p {
	margin: 0;
}

.tg-footerbar {
	width: 100%;
	float: left;
	background: #2c2b35;
}

.tg-copyright {
	color: #fff;
	float: left;
	padding: 20px 0;
	font-size: 12px;
	line-height: 20px;
}

.tg-footernav {
	float: right;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	padding: 20px 0;
	font-family: 'Cairo', sans-serif;
}

.tg-footernav ul {
	width: 100%;
	float: left;
	line-height: 20px;
	list-style: none;
}

.tg-footernav ul li {
	float: left;
	line-height: 20px;
	padding: 0 0 0 20px;
	list-style-type: none;
}

.tg-footernav ul li a {
	color: #fff;
	display: block;
	line-height: 20px;
}

#ascrail2000 {
	display: block !important;
}

/*=============================================
			Home Page Two
=============================================*/
.tg-btnnav {
	top: 50px;
	left: 50px;
	width: 50px;
	height: 50px;
	z-index: 1000;
	display: block;
	cursor: pointer;
	position: fixed;
	border-radius: 50%;
	background: #373542;
	border: 2px solid #fff;
	-webkit-transition: all 600ms ease-in-out 0.1s;
	-moz-transition: all 600ms ease-in-out 0.1s;
	-ms-transition: all 600ms ease-in-out 0.1s;
	-o-transition: all 600ms ease-in-out 0.1s;
	transition: all 600ms ease-in-out 0.1s;
}

.tg-sidenav .tg-nav ul li.tg-cart a em:before,
.tg-btnnav:before {
	top: -5px;
	right: -5px;
	width: 20px;
	height: 20px;
	display: block;
	color: #373542;
	position: absolute;
	text-align: center;
	border-radius: 50%;
	content: attr(data-product-count);
	font: bold 10px/20px 'Oswald', Arial, Helvetica, sans-serif;
}

.tg-sidenav .tg-nav ul li.tg-cart a em:before {
	top: 50%;
	right: 60px;
	margin: -10px 0 0 0;
}

.tg-btnnav span {
	width: 20px;
	height: 2px;
	display: block;
	margin: 0 auto;
	background: #fff;
	position: relative;
}

.tg-sidenavshow .tg-btnnav span {
	background: #373542;
}

.tg-btnnav span:after,
.tg-btnnav span:before {
	left: 0;
	width: 20px;
	height: 2px;
	content: '';
	background: #fff;
	position: absolute;
}

.tg-sidenavshow .tg-btnnav span:after,
.tg-sidenavshow .tg-btnnav span:before {
	top: 0;
	bottom: 0;
	width: 20px;
}

.tg-sidenavshow .tg-btnnav span:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.tg-sidenavshow .tg-btnnav span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tg-btnnav span:after {
	top: -7px;
}

.tg-btnnav span:before {
	bottom: -7px;
}

.tg-sidenavshow .tg-btnnav {
	left: 305px;
	position: fixed;
}

.tg-btnnav:focus,
.tg-btnnav:visited {
	outline: none;
}

.tg-sidenav {
	top: 0;
	left: 0;
	width: 350px;
	height: 100%;
	z-index: 999;
	position: fixed;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}

.tg-navscrollbar {
	top: 0;
	left: 0;
	height: 100%;
	width: 330px;
	padding: 30px 0;
	position: absolute;
	background: #373542;
	-webkit-box-shadow: 0 0 15px 5px rgba(55, 53, 66, 0.80);
	box-shadow: 0 0 15px 5px rgba(55, 53, 66, 0.80);
}

.tg-sidenavshow .tg-sidenav {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.tg-sidenav #tg-nav .tg-navigation {
	display: block;
}

















.tg-sidenav .tg-logo {
	margin: 0 auto 30px;
}

.tg-sidenav .tg-nav {
	background: #302e39;
	position: relative;
}

.tg-sidenav .tg-nav ul li {
	width: 100%;
	padding: 0;
	position: static;
}

.tg-sidenav .tg-nav ul li.tg-hasdropdown ul {
	top: 0;
	left: 80%;
	width: 330px;
	height: 100%;
	background: #373542;
	-webkit-box-shadow: 5px 5px 15px 1px rgba(55, 53, 66, 0.50);
	box-shadow: 5px 5px 15px 1px rgba(55, 53, 66, 0.50);
}

.tg-sidenav .tg-nav ul li.tg-hasdropdown>ul:before {
	top: 100%;
	left: 0;
	content: '';
	width: 100%;
	height: 261px;
	position: absolute;
	background: #373542;
}

.tg-sidenav .tg-nav ul li.tg-hasdropdown:hover ul {
	left: 100%;
}

.tg-sidenav .tg-nav ul li.tg-hasdropdown ul li a:hover,
.tg-sidenav .tg-nav ul li.tg-hasdropdown ul li a {
	background: none;
}

.tg-sidenav .tg-nav ul li.tg-hasdropdown ul li a:after {
	background: #302e39;
}

.tg-sidenav .tg-nav ul li:after {
	display: none;
}

.tg-sidenav .tg-nav ul li a {
	display: block;
	padding: 15px;
	position: relative;
}

.tg-sidenav .tg-nav ul li a em {
	font-style: normal;
	display: block;
	position: relative;
}

.tg-sidenav .tg-nav ul li a:after {
	top: 0;
	left: 0;
	width: 0;
	content: '';
	height: 100%;
	z-index: -1;
	position: absolute;
	background: #373542;
}

.tg-sidenav .tg-nav>div>ul>li:hover>a:after,
.tg-sidenav .tg-nav>div>ul>li>a:hover:after,
.tg-sidenav .tg-nav>div>ul>li.tg-hasdropdown>ul>li:hover>a:after,
.tg-sidenav .tg-nav>div>ul>li.tg-hasdropdown>ul>li>a:hover:after,
.tg-sidenav .tg-nav ul li.tg-hasdropdown ul li.tg-hasdropdown ul>li:hover>a:after,
.tg-sidenav .tg-nav ul li.tg-hasdropdown ul li.tg-hasdropdown ul>li>a:hover:after {
	width: 100%;
}

.tg-sidenav .tg-nav ul li.tg-hasdropdown>a:before {
	top: 0;
	right: 20px;
	content: '\f105';
	font-size: 16px;
	line-height: 46px;
	position: absolute;
	font-family: 'FontAwesome';
}

.tg-sidenav .tg-nav ul li.tg-hasdropdown ul li.tg-hasdropdown ul,
.tg-sidenav .tg-nav ul li.tg-hasdropdown ul li.tg-hasdropdown ul:before {
	background: #302e39;
}

.tg-sidenav .tg-nav ul li.tg-hasdropdown ul li.tg-hasdropdown ul>li>a:after {
	background: #373542;
}

.tg-socialiconslarge {
	width: 100%;
	float: left;
	display: table;
	margin: 0 0 30px;
	text-align: center;
	table-layout: fixed;
}

.tg-socialiconslarge li {
	padding: 0;
	float: none;
	background: #ddd;
	display: table-cell;
}

.tg-socialiconslarge li+li:before {
	display: none;
}

.tg-socialiconslarge li.tg-facebook a {
	background: #3b5998;
}

.tg-socialiconslarge li.tg-twitter a {
	background: #55acee;
}

.tg-socialiconslarge li.tg-linkedin a {
	background: #007bb5;
}

.tg-socialiconslarge li.tg-googleplus a {
	background: #dd4b39;
}

.tg-socialiconslarge li.tg-dribbble a {
	background: #ea4c89;
}

.tg-socialiconslarge li.tg-rss a {
	background: #ff6600;
}

.tg-socialiconslarge li a {
	color: #fff;
	display: block;
}

.tg-socialiconslarge li a i {
	font-size: 20px;
	display: block;
	line-height: 55px;
}

.tg-socialiconslarge li a:hover i {
	color: #fff;
}

.tg-sidenav .tg-playerbox {
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 30px;
	position: absolute;
	background: #ffcc33 100% 30px;
	/* background: #ffcc33 url(../images/player/img-04.png) no-repeat 100% 30px; */
}

.tg-playerbox .tg-playcontent {
	padding: 0;
}

.tg-playerbox .tg-playcontent h3 a:hover {
	color: #373542;
}

.tg-playerbox .tg-stars:before {
	content: '\f006\f006\f006\f006\f006';
}

.tg-playerbox .tg-socialicons li a i,
.tg-playerbox .tg-stars:before,
.tg-playerbox .tg-stars span:after {
	color: #373542;
}

.tg-playerbox .tg-socialicons li+li:before {
	background: #373542;
}

.tg-playerbox .tg-socialicons li a:hover i {
	color: #fff;
}

.tg-home-sliderfade {
	width: 100%;
	height: 100%;
	z-index: 1;
	position: relative;
}

.tg-home-sliderfade .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.tg-home-slidertwobg {
	top: 0;
	left: -60px;
	width: 70%;
	height: 100%;
	z-index: 2;
	position: absolute;
	-webkit-transform: skewX(-6deg);
	-moz-transform: skewX(-6deg);
	-ms-transform: skewX(-6deg);
	-o-transform: skewX(-6deg);
	transform: skewX(-6deg);
	background: #373542 url(../images/bg-pattran.png);
}

.tg-home-slidertwobg:after {
	bottom: 0;
	width: 0;
	height: 0;
	content: '';
	right: 5px;
	position: absolute;
	border-bottom: 900px solid;
	border-left: 30px solid transparent !important;
}

.tg-home-slidertwo {
	padding: 0;
	z-index: 3;
}

.tg-home-slidertwo .swiper-slide figure {
	z-index: 1;
}

.tg-home-slidertwo .swiper-slide figure img {
	max-width: none;
	margin: 0 0 0 -250px;
}

.tg-home-slidertwo .tg-slider-content {
	float: left;
	margin: 0;
	z-index: 2;
	text-align: left;
	position: relative;
}

.tg-home-slidertwo .tg-slider-content .tg-btnbox {
	text-align: left;
}

.tg-home-slidertwo .tg-slider-content .tg-btnbox .tg-btn {
	margin: 0 25px 0 0;
}

.tg-home-slidertwo .tg-slider-content h1 {
	margin: 0;
	font-size: 100px;
	line-height: 90px;
}

.tg-home-slidertwo .tg-slider-content .tg-description {
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	padding: 0 36% 0 0;
	font-family: 'Cairo', sans-serif;
}

.tg-sidenav .tg-nav ul li .tg-minicart li {
	padding: 20px 30px;
}

.tg-sidenav .tg-nav ul li .tg-minicart li figure {
	float: left;
	margin: 0 15px 0 0;
}

.tg-sidenav .tg-nav ul li .tg-minicart li figure a {
	padding: 0;
	display: block;
}

.tg-sidenav .tg-nav ul li .tg-minicart li figure a img {
	display: block;
}

.tg-sidenav .tg-nav ul li .tg-minicart li .tg-productinfo {
	width: auto;
	float: none;
	overflow: hidden;
	position: relative;
	padding: 9px 20px 8px 0;
}

.tg-sidenav .tg-nav a.tg-btndelete {
	top: 50%;
	right: 0;
	padding: 0;
	position: absolute;
}

.tg-sidenav .tg-nav a.tg-btndelete:after {
	display: none;
}

.tg-sidenav .tg-nav ul li .tg-minicart li .tg-productinfo h3 {
	margin: 0;
	font-size: 16px;
	line-height: 16px;
}

.tg-sidenav .tg-nav ul li .tg-minicart li .tg-productinfo h3 a {
	color: #fff;
	padding: 0;
}

.tg-sidenav .tg-nav ul li .tg-minicart li .tg-productinfo span {
	color: #fff;
	display: block;
	padding: 10px 0 0;
	font: 400 14px/17px 'Open Sans', Arial, Helvetica, sans-serif;
}

.tg-sidenav .tg-nav ul li .tg-minicart li .tg-minicarttotal {
	float: left;
	color: #fff;
	padding: 15px 0;
	font: 400 18px/21px 'Open Sans', Arial, Helvetica, sans-serif;
}

.tg-sidenav .tg-nav ul li .tg-minicart>li>a.tg-btn {
	float: right;
	width: 50%;
	padding: 0;
	line-height: 50px;
	text-align: center;
}













/*=============================================
			Blog Pages
=============================================*/
.tg-blogpostlist .tg-post,
.tg-blogpostgrid .tg-post {
	padding: 0;
}

.tg-blogpostlist div[class*="col-"]:nth-child(odd) .tg-post,
.tg-blogpostgrid div[class*="col-"]:nth-child(odd) .tg-post {
	padding: 0 15px 0 0;
}

.tg-blogpostlist div[class*="col-"]:nth-child(even) .tg-post,
.tg-blogpostgrid div[class*="col-"]:nth-child(even) .tg-post {
	padding: 0 0 0 15px;
}

.tg-blogpostlist div[class*="col-"],
.tg-blogpostgrid div[class*="col-"] {
	padding: 30px 0;
	border-bottom: 1px solid #aeaeae;
}

.tg-blogpostgrid.tg-blogpost {
	width: auto;
	float: none;
	margin: -30px 0;
}

.tg-blogpostgrid.tg-blogpost:after {
	content: '';
	clear: both;
	display: block;
}

.tg-twocolumns .tg-pagination {
	margin: 60px -15px 0 0
}

/*=============================================
			Blog Detail page
=============================================*/
.tg-postimg.tg-postimgdetail,
.tg-postdetail .tg-tags-social {
	margin: 0 0 30px;
}

.tg-authorbox {
	width: 100%;
	float: left;
	padding: 30px;
	color: #fff;
	margin: 0 0 80px;
	background: #373542 url(../images/bg-pattran.png);
}

.tg-authorpic {
	float: left;
	margin: -25px 30px -30px 0;
}

.tg-authorinfo {
	padding: 36px 0;
	overflow: hidden;
}

.tg-authorinfo .tg-theme-tag {
	color: #373542;
	margin: 0 0 10px;
}

.tg-authorinfo .tg-section-heading {
	border-color: #aeaeae;
}

.tg-authorinfo .tg-section-heading h3 {
	margin: 0;
	font-size: 24px;
	line-height: 24px;
}

.tg-authorinfo .tg-socialicons {
	width: 100%;
	float: left;
}

.tg-authorinfo .tg-socialicons li:first-child {
	padding-left: 0;
}

/*=============================================
			About Us Page
=============================================*/
.tg-border-top {
	padding: 60px 0 0;
	position: relative;
	overflow: hidden;
}

.tg-border-top:after {
	position: absolute;
	content: '';
	width: 97%;
	height: 1px;
	background: #aeaeae;
	top: 0;
	left: 15px;
}

.tg-prohistory .tg-post .tg-postimg {
	cursor: pointer;
}

.tg-prohistory .tg-post:hover .tg-postimg img {
	opacity: 0.5;
}

.tg-prohistory .tg-post .tg-description p {
	margin: 0;
}

.tg-prohistory .tg-post a.tg-playbtn {
	position: absolute;
	left: 50%;
	top: -50px;
	width: 40px;
	height: 40px;
	background: url(../images/icon-play1.png);
	margin: -20px 0 0 -20px;
}

.tg-prohistory .tg-post:hover a.tg-playbtn {
	top: 50%;
}

.tg-testimonial {
	padding: 80px 0;
}

.tg-testimonial-slider {
	overflow: hidden;
	position: relative;
}

.tg-testimonial-slider .swiper-slide {
	padding: 0 120px;
}

.tg-testimonial-slider .swiper-slide figure {
	float: left;
	margin: 0 50px 0 0;
	background: none;
}

.tg-testimonial-slider .swiper-slide figure img {
	width: 100%;
	height: auto;
	display: block;
}

.tg-testimonial-slider .swiper-slide .tg-contentbox {
	float: none;
	width: auto;
	overflow: hidden;
	padding: 80px 0;
}

.tg-testimonial-slider .swiper-slide .tg-contentbox h2 {
	font-size: 40px;
	line-height: 43px;
	color: #fff;
}

.tg-testimonial-slider .swiper-slide .tg-description p {
	color: #fff;
}

.tg-testimonial-slider .swiper-slide .tg-socialicons {
	float: left;
}

.tg-testimonial-slider .swiper-slide .tg-socialicons li:first-child {
	padding-left: 0;
}

.tg-testimonial-slider .tg-themebtnprev {
	left: 15px;
}

.tg-testimonial-slider .tg-themebtnnext {
	right: 15px;
}

.tg-testimonial-slider .tg-themebtnnext,
.tg-testimonial-slider .tg-themebtnprev {
	top: 50%;
	margin: -15px 0 0 0;
}

.tg-oursponsers .tg-upcomingmatch .tg-match .tg-matchdetail {
	padding: 30px;
}

.tg-oursponsers .tg-upcomingmatch .tg-match .tg-box:last-child,
.tg-oursponsers .tg-upcomingmatch .tg-match .tg-box:first-child {
	width: 40%;
	text-align: center;
}

.tg-oursponsers .tg-upcomingmatch .tg-match .tg-box:first-child {
	width: 60%;
}

.tg-oursponsers .tg-upcomingmatch .tg-match .tg-box span {
	float: left;
	font-size: 13px;
	line-height: 21px;
	font-family: 'Cairo', sans-serif;
	text-transform: uppercase;
	margin: 0 0 10px;
	padding: 0 10px;
	background: #373542;
}

.tg-oursponsers .tg-upcomingmatch .tg-match .tg-box h3 {
	width: 100%;
	float: left;
	text-align: left;
	margin: 0;
}

.tg-oursponsers .tg-match .tg-box:first-child .tg-teamlogo {
	padding: 10px 10px 0 0;
}

/*=============================================
			Player Grid 2 Page
=============================================*/
.tg-player-slider {
	overflow: hidden;
}

.tg-player-slider .swiper-slide .tg-postimg {
	width: 100%;
}

.tg-player-slider .swiper-slide .tg-postimg img {
	display: block;
	width: 100%;
	height: auto;
}

.tg-playerinfo {
	width: 100%;
	float: left;
}

.tg-player-slider .tg-postimg .tg-img-hover {
	width: 100%;
	height: 250px;
	padding: 20px;
	background: #373542;
	-webkit-transform: translateY(55%);
	-moz-transform: translateY(55%);
	-ms-transform: translateY(55%);
	-o-transform: translateY(55%);
	transform: translateY(55%);
}

.tg-player-slider .tg-postimg .tg-img-hover .tg-theme-tag {
	color: #373542;
}

.tg-player-slider .tg-postimg .tg-img-hover h3 a {
	color: #fff;
}

.tg-player-slider .tg-postimg .tg-img-hover .tg-description p {
	color: #fff;
}

.tg-player-slider .tg-postimg .tg-img-hover .tg-socialicons li:first-child {
	padding-left: 0;
}

.tg-player-slider .tg-postimg:hover .tg-img-hover {
	height: 100%;
	padding: 98px 20px;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	/*display:flex;
	flex-direction:column;
	justify-content: center;
	align-content: center;*/
}

.tg-player-slider .tg-postimg .tg-img-hover::after {
	border-bottom: 30px solid #373542;
	border-right: 260px solid transparent;
	width: 0;
	height: 0;
	content: '';
	position: absolute;
	top: -29px;
	left: 0;
}

.tg-player-slider .tg-themebtnnext,
.tg-player-slider .tg-themebtnprev {
	bottom: -20px;
}

/*=============================================
			Player Detail Page
=============================================*/
.tg-player-detail .tg-widget.tg-mapwidget {
	margin: 0;
}

.tg-widget .tg-map {
	height: 305px;
	overflow: hidden;
	position: relative;
}

.tg-widget .tg-map iframe {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.tg-player-data {
	width: 100%;
	float: left;
}

.tg-player-data .tg-playcontent {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #aeaeae;
}

.tg-player-data .tg-playcontent .tg-theme-tag {
	color: #373542;
}

.tg-player-data .tg-playcontent .tg-stars {
	margin: 0;
}

.tg-player-info {
	margin: 0 0 80px;
}

.tg-player-info ul {
	width: 100%;
	float: left;
	background: #fff;
	list-style: none;
	border: 1px solid #aeaeae;
}

.tg-player-info ul>li {
	width: 45%;
	float: left;
	padding: 20px 12px;
	line-height: normal;
	list-style-type: none;
	color: #666
}

.tg-player-info ul>li+li+li {
	border-top: 1px solid #aeaeae;
}

.tg-player-info ul>li:nth-child(even) {
	width: 55%;
	background: #f7f7f7;
	color: #373542;
}

.tg-player-info ul li .tg-socialicons {
	float: left;
	margin: 2px 0 1px 0;
	background: none;
	border: 0;
}

.tg-player-info ul li .tg-socialicons li {
	width: auto;
	line-height: 16px;
	padding: 0 18px;
}

.tg-player-info ul li ul.tg-socialicons li+li {
	border: 0;
}

.tg-player-info ul li .tg-socialicons li:first-child {
	padding-left: 0;
}

.tg-player-info ul li .tg-socialicons li a {
	color: #373542;
}

.tg-player-info ul li .tg-socialicons li+li:before {
	width: 2px;
	height: 2px;
	background: #373542;
}

.tg-player-description .tg-section-heading {
	width: auto;
	float: none;
	overflow: hidden;
}

.tg-player-description .tg-description p {
	margin: 0 0 30px;
}

.tg-playerslider {
	overflow: hidden;
	position: relative;
	margin: 0 0 30px;
}

.tg-playerslider figure {
	margin: 0;
	width: 100%;
	float: left;
}

.tg-playerslider .tg-videobox {
	height: auto;
}

.tg-playerslider .tg-themebtnnext,
.tg-playerslider .tg-themebtnprev {
	top: 50%;
	margin: -30px 0 0;
}

.tg-playerslider .tg-themebtnnext {
	right: 30px;
}

.tg-playerslider .tg-themebtnprev {
	left: 30px;
}

.tg-detail {
	width: 50%;
	float: left;
	margin: 0 0 30px;
	list-style: none;
}

.tg-detail li {
	width: 100%;
	float: left;
	list-style-type: none;
}

.tg-detail li i {
	font-size: 14px;
	line-height: 14px;
	margin: 0 5px 0 0;
}

.tg-themetabs {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 0 80px 100px;
}

.tg-themetabnav {
	top: 0;
	left: 31px;
	list-style: none;
	font-size: 16px;
	line-height: 56px;
	position: absolute;
	text-transform: uppercase;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: 20px 20px;
	-moz-transform-origin: 20px 20px;
	-ms-transform-origin: 20px 20px;
	-o-transform-origin: 20px 20px;
	transform-origin: 20px 20px;
	font: 16px/56px 'Oswald', Arial, Helvetica, sans-serif;
}

.tg-themetabnav li {
	float: left;
	line-height: inherit;
	list-style-type: none;
	padding: 0 10px 0 0;
}

.tg-themetabnav li a {
	color: #aeaeae;
	display: block;
	min-width: 150px;
	line-height: 54px;
	text-align: center;
	margin: 15px 0 0;
	padding: 0 20px;
	border: 1px solid #aeaeae;
}

.tg-themetabnav li.active a,
.tg-themetabnav li a:hover {
	color: #373542;
	margin: 0 0 15px;
}

.tg-themetabcontent {
	width: 100%;
	float: left;
	padding: 30px;
	min-height: 500px;
	border: 1px solid #aeaeae;
}

.tg-themetabcontent .tg-section-heading {
	width: auto;
	float: none;
	overflow: hidden;
}

.tg-oldmatchresult {
	width: 100%;
	float: left;
	padding: 20px;
	color: #373542;
	background: #f7f7f7;
}

.tg-oldmatchresult+.tg-oldmatchresult {
	margin: 10px 0 0;
}

.tg-oldmatchresult:hover {
	background: #373542;
}

.tg-matchdate {
	width: 76px;
	/* height: 76px; */
	float: left;
	color: #fff;
	padding: 13px;
	margin: 12px 10px 0 0;
	background: #373542;
	text-align: center;
	text-transform: uppercase;
	font: 36px/36px 'Oswald', Arial, Helvetica, sans-serif;
}

.tg-matchdate span {
	display: block;
	font-size: 14px;
	line-height: 14px;
}

.tg-oldmatchresult:hover .tg-matchdate,
.tg-oldmatchresult:hover .tg-matchdate span {
	color: #373542;
}

.tg-oldmatchresult .tg-matchdetail {
	width: auto;
	float: none;
	padding: 0;
	overflow: hidden;
}

.tg-oldmatchresult .tg-matchdetail .tg-theme-tag {
	float: left;
}

.tg-oldmatchresult:hover .tg-matchdetail .tg-theme-tag {
	color: #373542;
}

.tg-oldmatchresult .tg-matchdetail h4 {
	width: 100%;
	float: left;
	margin: 7px 0;
	font-size: 24px;
	line-height: 24px;
}

.tg-oldmatchresult .tg-matchdetail address {
	width: 100%;
	float: left;
	margin: 0;
	font-size: 14px;
	line-height: 17px;
	font-style: normal;
}

.tg-oldmatchresult:hover .tg-matchdetail address {
	color: #fff;
}

.tg-comments {
	width: 100%;
	float: left;
	padding: 0 0 80px;
}

.tg-comments ul {
	width: 100%;
	float: left;
	list-style: none;
}

.tg-comments ul li {
	width: 100%;
	float: left;
	padding: 30px;
	list-style-type: none;
	border: 1px solid #aeaeae;
}

.tg-comments ul li+li {
	margin: 10px 0 0;
}

.tg-comment {
	width: 100%;
	float: left;
}
.mr-5{
	margin: 5px;
}
.tg-comment figure {
	float: left;
	margin: 0 30px 0 0;
}

.tg-comment figure a {
	display: block;
}

.tg-comment figure a img {
	display: block;
}

.tg-commentdata {
	overflow: hidden;
	position: relative;
}

.tg-commentdata .tg-section-heading h3 {
	margin: 0;
	font-size: 24px;
	line-height: 24px;
}

.tg-btnreply {
	float: right;
	color: #272727;
	position: relative;
	padding: 0 0 0 20px;
	text-transform: uppercase;
	font: 14px/14px 'Oswald', Arial, Helvetica, sans-serif;
}

.tg-btnreply:before {
	top: 0;
	left: 0;
	content: '\f112';
	position: absolute;
	font-size: 12px;
	line-height: 14px;
	font-family: 'FontAwesome';
}

.tg-commentdata .tg-theme-tag {
	margin: 0 0 8px;
}

.tg-commentdata .tg-description p {
	margin: 0;
}

.tg-leavecomment {
	width: 100%;
	float: left;
}

.tg-commentform {
	width: 100%;
	float: left;
}

.tg-commentform fieldset {
	width: 100%;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

.tg-commentform fieldset .form-group {
	width: 100%;
	float: left;
}

.tg-commentform input {
	height: 70px;
	line-height: 68px;
	border-color: #ddd;
	line-height: 4;
}

.tg-commentform textarea {
	width: 100%;
	resize: none;
	height: 120px;
	line-height: 44px;
}

.tg-commentform textarea:focus,
.tg-commentform input:focus {
	background: #f7f7f7;
	box-shadow: none;
	border-color: #ddd;
}

/*=============================================
			Buy Tickets Page
=============================================*/
.tg-tickets {
	width: 100%;
	float: left;
}

.tg-ticket {
	width: 100%;
	float: left;
	padding: 20px;
	background: #f7f7f7;
}

.tg-ticket+.tg-ticket {
	margin: 10px 0 0;
}

.tg-ticket:hover {
	color: #fff;
	background: #373542;
}

.tg-ticket:hover .tg-matchdate span,
.tg-ticket:hover .tg-matchdate {
	color: #373542;
}

.tg-ticket .tg-matchdetail {
	width: 350px;
	padding: 0 30px 0 0;
}

.tg-ticket .tg-theme-tag {
	float: left;
	width: 100%;
}

.tg-ticket:hover .tg-theme-tag {
	color: #373542;
}

.tg-ticket h4 {
	/* width: 100%; */
	/* float: left; */
	/* margin: 7px 0; */
	/* font-size: 24px; */
	/* line-height: 24px; */
	width: 100%;
    display: ruby-text;
    padding: 7px 0;
}

.tg-matchmetadata {
	margin: 0;
	width: 100%;
	float: left;
	color: #373542;
	font-size: 14px;
	list-style: none;
	line-height: 17px;
}

.tg-ticket:hover .tg-matchmetadata {
	color: #fff;
}

.tg-matchmetadata li {
	float: left;
	line-height: 17px;
	position: relative;
	list-style-type: none;
}

.tg-matchmetadata li+li {
	padding: 0 0 0 10px;
}

.tg-matchmetadata li+li:before {
	left: 1px;
	bottom: 0;
	content: ',';
	position: absolute;
}

.tg-matchmetadata li address {
	margin: 0;
	line-height: 17px;
	font-style: normal;
}

.tg-btnsbox {
	float: right;
	padding: 12px 0;
}

.tg-btnsbox .tg-btn+.tg-btn {
	margin: 0 0 0 30px;
}

/*=============================================
			Match Result Page
=============================================*/
.tg-slider-matchresult {
	overflow: hidden;
	position: relative;
}

.tg-tabscontent .tg-teamscore,
.tg-slider-matchresult .tg-teamscore {
	min-height: auto;
}

.tg-slider-matchresult .tg-themebtnnext,
.tg-slider-matchresult .tg-themebtnprev {
	bottom: auto;
	top: 50%;
	margin-top: -15px;
}

.tg-slider-matchresult .tg-themebtnprev {
	left: 15px;
}

.tg-slider-matchresult .tg-themebtnnext {
	right: 15px;
}

.tg-tabnav {
	width: 100%;
	float: left;
	list-style: none;
	padding: 30px 0 0;
}

.tg-tabnav>li+li {
	padding: 10px 0 0;
}

.tg-tabnav>li {
	width: 100%;
	float: left;
	list-style-type: none;
}

.tg-tabnav>li>a {
	display: block;
	width: 100%;
	float: left;
}

/*=============================================
		Match Reslut Detail Page
=============================================*/
.tg-resultdetail {
	width: 100%;
	float: left;
}

.tg-resultdetail .tg-matchresult {
	margin: 0 0 30px;
}

.tg-mathtextbox {
	width: 100%;
	float: left;
}

.tg-mathtextbox .tg-section-heading {
	width: auto;
	float: none;
	overflow: hidden;
}

.tg-matchdetailslider {
	width: 370px;
	float: left;
	overflow: hidden;
	position: relative;
	margin: 0 30px 30px 0;
}

.tg-matchdetailslider figure {
	margin: 0;
	width: 100%;
	float: left;
}

.tg-matchdetailslider .tg-themebtnnext,
.tg-matchdetailslider .tg-themebtnprev {
	top: 50%;
	margin: -15px 0 0 0;
}

.tg-matchdetailslider .tg-themebtnnext {
	left: 30px;
}

.tg-matchdetailslider .tg-themebtnprev {
	right: 30px;
}

blockquote {
	background: #f7f7f7;
	border: 1px solid #ddd;
	margin: 10px 0 30px 0;
	padding: 55px 60px;
	overflow: hidden;
	position: relative;
	text-align: center;
	z-index: 1;
}

blockquote:after,
blockquote:before {
	position: absolute;
	font-size: 180px;
	line-height: 180px;
	font-family: 'FontAwesome';
	color: #f0efef;
}

blockquote:after {
	content: '\f10d';
	top: -45px;
	left: 0;
}

blockquote:before {
	content: '\f10e';
	bottom: -60px;
	right: 0;
}

blockquote q {
	quotes: none;
	width: 100%;
	float: left;
	z-index: 2;
	position: relative;
}

.tg-playerslider figure img {
	width: 100%;
	height: auto;
	display: block;
}

.tg-playerslider figure figcaption {
	padding: 0 28%;
}

.tg-playerslider .tg-themebtnnext,
.tg-playerslider .tg-themebtnprev {
	margin: -15px 0 0;
}

.tg-tags-social {
	margin: 0 0 30px;
	padding: 20px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.tg-tags-social .tg-tags {
	width: auto;
	margin: 0;
}

.tg-tags-social .tg-btn {
	margin: 0;
	line-height: 24px;
	background: #fff;
	color: #aeaeae;
	padding: 0 10px;
	border: 1px solid #aeaeae;
}

.tg-tags-social .tg-btn:hover {
	color: #373542;
}

.tg-tags-social .tg-btn:after {
	display: none;
}

.tg-tags-social i,
.tg-tags-social span {
	font-size: 14px;
	line-height: 14px;
	color: #272727;
	text-transform: uppercase;
}

.tg-tags-social i {
	margin: 0 5px 0 0;
}

.tg-tags-social span {
	margin: 0 10px 0 0;
	font-family: 'Cairo', sans-serif;
}

.tg-tags-social i,
.tg-tags-social span,
.tg-tags-social .tg-btn,
.tg-social-share i,
.tg-social-share a {
	display: inline-block;
	vertical-align: middle;
}
.tg-social-share span{
	line-height:55px;
	padding: 0px 20px;

}
.tg-social-share ul {
	width: auto;
	float: right;
	list-style: none;
}

.tg-social-share ul li {
	width: 30px;
	height: 24px;
	float: left;
	overflow: hidden;
	list-style-type: none;
}

.tg-social-share ul li+li {
	margin: 0 0 0 10px;
}

.tg-social-share ul li:hover {
	width: 120px;
}

.tg-social-share li a {
	width: 150px;
	height: 24px;
	display: block;
	position: relative;
}

.tg-social-share a i {
	width: 50px;
    height: 56px;
    display: block;
    float: left;
    border: 1px solid #ddd;
    margin: 0;
    font-size: 25px;
    line-height: 39px;
    color: #999;
    text-align: center;
}

.tg-social-share ul li a i:after {
	top: 0;
	left: 0;
	color: #fff;
	width: 120px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 24px;
	font-family: 'Cairo', sans-serif;
	position: absolute;
	background: #3b5998;
	content: attr(data-iconname);
	text-transform: uppercase;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}

.tg-social-share ul li:hover a i:after {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.tg-social-share ul li:nth-child(2) a i:after {
	background: #55acee;
}

.tg-social-share ul li:nth-child(3) a i:after {
	background: #007bb5;
}

.tg-social-share ul li:nth-child(4) a i:after {
	background: #cb2027;
}

/*=============================================
			Fixture Page
=============================================*/
.tg-otherfixtures-slider {
	height: 620px;
	margin: 0 0 50px;
	overflow: hidden;
}

/*=============================================
			Fixture Detail Page
=============================================*/
.tg-fixturedetail {
	width: 100%;
	float: left;
}

.tg-fixturecounter {
	width: 100%;
	float: left;
	color: #fff;
	padding: 30px;
	margin: 0 0 30px;
	background: #373542 url(../images/bg-pattran.png);
}

.tg-fixturecounter .tg-section-heading h2 {
	color: #fff;
}

.tg-fixturecounter .tg-btnbox .tg-btn {
	float: left;
}

.tg-fixturecounter .tg-btnbox .tg-btn+.tg-btn {
	margin: 0 0 0 30px;
}

/*=============================================
			Shop Grip Page
=============================================*/
.tg-shopbanner {
	width: 100%;
	float: left;
	margin: 0 0 70px;
	min-height: 250px;
	position: relative;
	background: #373542;
}

.tg-shopbanner:before {
	top: 0;
	right: 0;
	content: '';
	width: 270px;
	height: 100%;
	position: absolute;
}

.tg-shopbanner:after {
	top: 0;
	width: 0;
	height: 0;
	content: '';
	right: 200px;
	position: absolute;
	border-bottom: 250px solid #373542;
	border-right: 70px solid transparent;
}

.tg-bgpattran {
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
	background: url(../images/bg-pattran.png);
}

.tg-shopslider {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 20px 0 0;
	margin: -20px 0 0;
}

.tg-shopslider figure {
	width: 100%;
	float: left;
	margin: -20px 0 0 -34px;
}

.tg-shopslider figure img {
	max-width: none;
}

.tg-shopslider .tg-shopcontent {
	width: 100%;
	float: left;
	padding: 55px 0 55px 30px;
}

.tg-limitedoffer {
	width: 140px;
	height: 140px;
	float: left;
	color: #373542;
	margin: 0 30px 0 0;
	padding: 45px 35px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	font: 22px/25px 'Oswald', Arial, Helvetica, sans-serif;
}

.tg-limitedoffer:after {
	top: 20px;
	left: 20px;
	z-index: -1;
	content: '';
	width: 100px;
	height: 100px;
	display: block;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tg-shopcontent .tg-contentbox {
	width: auto;
	float: none;
	color: #fff;
	overflow: hidden;
	padding: 17px 0 16px 0;
}

.tg-shopcontent .tg-contentbox .tg-theme-tag {
	color: #373542;
}

.tg-shopcontent .tg-contentbox h2 {
	width: 100%;
	float: left;
	margin: 6px 0;
	font-size: 30px;
	line-height: 30px;
}

.tg-shopcontent .tg-contentbox .tg-price {
	padding: 0 0 6px;
	font: 22px/22px 'Oswald', Arial, Helvetica, sans-serif;
}

.tg-shopslider .tg-sliderpagination {
	bottom: auto;
}

.tg-shopslider .tg-sliderpagination .swiper-pagination-bullet {
	width: 9px;
	height: 9px;
	opacity: 1;
	margin: 0 3px;
	background: #fff;
	border: 2px solid #373542;
}

.tg-shopslider .tg-sliderpagination .swiper-pagination-bullet-active {
	background: #373542;
}

.tg-shophead {
	width: 100%;
	float: left;
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 1px solid #aeaeae;
}

.tg-shopviewnav {
	float: right;
	list-style: none;
	line-height: px;
}

.tg-shopviewnav li {
	float: left;
	width: 40px;
	height: 40px;
	list-style-type: none;
}

.tg-shopviewnav li+li {
	margin: 0 0 0 10px;
}

.tg-shopviewnav li a {
	color: #aeaeae;
	display: block;
	line-height: 38px;
	text-align: center;
	background: #f7f7f7;
	border: 1px solid #ddd;
}

.tg-shopviewnav li a:hover,
.tg-shopviewnav li.tg-active a {
	background: #373542;
	border-color: #373542;
}

.tg-formfilter {
	float: left;
}

.tg-formfilter fieldset {
	width: 100%;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
}

.tg-formfilter .tg-select {
	width: 270px;
}

.tg-formfilter .tg-select+.tg-select {
	margin: 0 0 0 30px;
}

.tg-formfilter .tg-select select {
	height: 40px;
	padding: 0 15px;
	line-height: 40px;
}

.th-products {
	width: 100%;
	float: left;
	margin: -15px 0 0;
}

.tg-product {
	width: 100%;
	float: left;
	margin: 15px 0;
	border: 1px solid #aeaeae;
}

.tg-productimg {
	width: 100%;
	float: left;
	margin: 0;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #aeaeae;
}

.tg-productimg img {
	z-index: 1;
	margin: 0 auto;
	display: block;
	position: relative;
}

.tg-productimg figcaption {
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	position: absolute;
	background: rgba(55, 53, 66, 0.80);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
	-webkit-transform: translateY(40%);
	-moz-transform: translateY(40%);
	-ms-transform: translateY(40%);
	-o-transform: translateY(40%);
	transform: translateY(40%);
}

.tg-product:hover .tg-productimg figcaption {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.tg-btncart {
	width: 40px;
	height: 40px;
	color: #fff;
	display: block;
	overflow: hidden;
	font-size: 14px;
	line-height: 36px;
	border-radius: 50%;
	text-align: center;
	background: #373542;
	border: 2px solid #fff;
}

.tg-btncart i {
	display: block;
	line-height: 36px;
}

.tg-productinfo {
	width: 100%;
	float: left;
	padding: 20px;
}

.tg-productinfo .tg-theme-tag {
	color: #373542;
}

.tg-producttitle {
	width: 100%;
	float: left;
	padding: 10px 0;
}

.tg-producttitle h2 {
	margin: 0;
	font-size: 24px;
	line-height: 24px;
}

.tg-producttitle h2 a {
	color: #000;
}

.tg-productprice {
	width: 100%;
	float: left;
	padding: 0 0 10px;
}

.tg-productprice h3 {
	margin: 0;
	color: #000;
	font-size: 18px;
	line-height: 18px;
}

.tg-twocolumns .th-products .tg-pagination {
	margin: 15px 0 0;
	padding: 30px 0 0;
	border-top: 1px solid #aeaeae;
}

.th-products .tg-pagination {
	width: 100%;
	float: left;
	text-align: right;
}

.th-products .tg-pagination li {
	float: none;
	display: inline-block;
}

/*=============================================
			Shop List Page
=============================================*/
.tg-shoplist .tg-productimg {
	width: auto;
	float: left;
	border: 0;
	background: #373542;
}

.tg-shoplist .tg-productimg a {
	display: block;
}

.tg-shoplist .tg-productimg a:hover img {
	opacity: 0.20;
}

.tg-shoplist .tg-productinfo {
	width: auto;
	float: none;
	padding: 35px;
	overflow: hidden;
	border-left: 1px solid #aeaeae;
}

.tg-product .tg-description {
	margin: 20px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid #aeaeae;
}

.tg-product .tg-description p {}

.tg-productcolorsize {
	width: 100%;
	float: left;
	padding: 0 0 30px;
}

.tg-productsize {
	float: left;
}

.tg-productcolor {
	float: right;
}

.tg-productsize span,
.tg-productcolor span {
	float: left;
	color: #272727;
	position: relative;
	padding: 0 5px 0 20px;
	font: 14px/26px 'Oswald', Arial, Helvetica, sans-serif;
}

.tg-productsize span:after,
.tg-productcolor span:after {
	top: 0;
	left: 0;
	position: absolute;
	font-family: 'FontAwesome';
}

.tg-productsize span:after {
	content: '\f065';
}

.tg-productcolor span:after {
	content: '\f040';
}

.tg-productsize .tg-checkbox,
.tg-productcolor .tg-checkbox {
	min-width: 26px;
	width: auto;
	height: 26px;
	float: left;
	margin: 0 0 0 5px;
}

.tg-productsize .tg-checkbox label {
	padding: 0 6px;
}

.tg-productcolor .tg-checkbox label {
	border: 1px solid #373542;
}

.tg-productcolor .tg-checkbox input[type=checkbox]+label.tg-colorone:before {
	background: #ffcc33;
	border-color: #ffcc33;
}

.tg-productcolor .tg-checkbox input[type=checkbox]+label.tg-colortwo:before {
	background: #ff336d;
	border-color: #ff336d;
}

.tg-productcolor .tg-checkbox input[type=checkbox]+label.tg-colorthree:before {
	background: #ff7633;
	border-color: #ff7633;
}

.tg-productcolor .tg-checkbox input[type=checkbox]+label.tg-colorfour:before {
	background: #339dff;
	border-color: #339dff;
}

.tg-productcolor .tg-checkbox input[type=checkbox]+label.tg-colorfive:before {
	background: #b033ff;
	border-color: #b033ff;
}

.tg-productcolor .tg-checkbox input[type=checkbox]:checked+label:before {
	border: 2px solid #fff;
}

.tg-btnaddtocart {
	float: right;
	height: 60px;
	line-height: 56px;
	border: 2px solid;
}

.tg-productquentity {
	width: 170px;
	float: left;
	height: 60px;
	line-height: 58px;
	position: relative;
	border: 1px solid #aeaeae;
}

.tg-productquentity .minus,
.tg-productquentity input,
.tg-productquentity .plus {
	width: auto;
	float: left;
	padding: 0;
	border: 0;
	height: 58px;
	text-align: center;
	font-style: normal;
	line-height: 58px;
}

.tg-productquentity .minus,
.tg-productquentity .plus {
	top: 0;
	width: 44px;
	z-index: 2;
	font-size: 18px;
	cursor: pointer;
	position: absolute;
	font-weight: bold;
}

.tg-productquentity .minus {
	left: 0;
}

.tg-productquentity .plus {
	right: 0;
}

.tg-productquentity input {
	width: 100%;
	z-index: 1;
	padding: 0 50px;
	position: relative;
	font: 14px/58px 'Oswald', Arial, Helvetica, sans-serif;
}

/*=============================================
			Shop Detail
=============================================*/
.tg-productdetail {
	border: 0;
	margin: 0;
	padding: 0 0 80px;
}

.tg-productsliderbox {
	width: 100%;
	float: left;
}

.tg-productsliderbox figure {
	width: 100%;
	float: left;
	margin: 0;
}

.tg-productsliderbox figure img {
	display: block;
	margin: 0 auto;
}

.tg-productlargeslider {
	width: 100%;
	float: left;
	overflow: hidden;
	margin: 0 0 15px;
	border: 1px solid #aeaeae;
}

.tg-productthumbslider {
	width: auto;
	clear: both;
	margin: 0 -8px;
	overflow: hidden;
}

.tg-productthumbslider .owl-item {
	padding: 0 8px;
	overflow: hidden;
}

.tg-productthumbslider .item {
	width: 100%;
	float: left;
	background: #373542;
	border: 1px solid #aeaeae;
}

.tg-productthumbslider figure:hover img,
.tg-productthumbslider .tg-active img {
	opacity: 0.20;
}

.tg-productdetail .tg-productinfo {
	padding: 0;
}

.tg-productinfo .tg-description ul {
	width: 100%;
	float: left;
	padding: 0 0 20px;
	list-style: none;
}

.tg-productinfo .tg-description ul li {
	width: 50%;
	float: left;
	position: relative;
	line-height: 17px;
	padding: 0 0 0 15px;
	list-style-type: none;
}

.tg-productinfo .tg-description ul li:before {
	top: 0;
	left: 0;
	content: '\f0da';
	position: absolute;
	font-family: 'FontAwesome';
}

.tg-productinfo .tg-description ul li+li+li {
	margin-top: 10px;
}

.tg-productdetail .tg-productcolorsize {
	padding: 26px 0;
	margin: 10px 0 26px;
	border-top: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
}

.tg-productdetail .tg-btnaddtocart {
	float: left;
	margin: 0 30px;
}

.tg-productdetail .tg-btncheckout {
	float: right;
	height: 60px;
	line-height: 56px;
	border: 2px solid;
}

.tg-productdetail .tg-btnaddtocart,
.tg-productdetail .tg-btncheckout {
	padding: 0 45px;
}

.tg-themetabcontent .tg-comments {
	padding: 0;
}

.tg-themetabcontent .tg-reviews .tg-section-heading {
	width: 100%;
	float: left;
}

.tg-youmayalsolike {
	width: 100%;
	float: left;
	padding: 0 0 80px;
}

.tg-relatedproductslider {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
}

.tg-relatedproductslider .tg-product {
	margin: 0;
}

.tg-fullcontrol {
	width: 100%;
	float: left;
	margin: 30px 0 0;
	padding: 30px 0 0;
	position: relative;
	text-align: right;
	border-top: 1px solid #aeaeae;
}

.tg-fullcontrol>div {
	position: static;
	display: inline-block;
}

.tg-fullcontrol>div.tg-pagination-slider {
	width: auto;
	padding: 0 30px;
}

/*=============================================
			Contact Us Page
=============================================*/
.tg-contactinfobox {
	width: 100%;
	float: left;
}

.tg-contactus .tg-contactinfo li a,
.tg-contactus .tg-contactinfo li i {
	color: #373542;
}

.tg-contactus .tg-contactinfo li i {
	line-height: 20px;
}

.tg-mapcontent {
	width: 100%;
	float: left;
}

.tg-officeaddressnav {
	width: 100%;
	float: left;
	overflow: hidden;
	background: none;
	border: 0;
	margin: 60px 0 -150px;
	position: relative;
	z-index: 2;
}

.tg-officeaddressnav a {
	width: 100%;
	float: left;
	padding: 30px;
	background: #373542;
}

.tg-officeaddressnav .tg-theme-tag {
	margin: 0 0 10px;
	color: #373542;
}

.tg-officeaddressnav .owl-item {
	padding: 0 15px;
}

.tg-officeaddressnav .item {
	width: 100%;
	float: left;
	padding: 15px;
}

.tg-officeaddressnav .tg-section-heading h2 {
	color: #fff;
}

.tg-officeaddressnav .tg-contactinfo>li>a {
	padding: 0;
}

.tg-officeaddressnav .tg-contactinfo>li span,
.tg-officeaddressnav .tg-contactinfo>li address {
	color: #fff;
}

.tg-officeaddressnav .item,
.tg-officeaddressnav .item:hover .tg-theme-tag,
.tg-officeaddressnav .owl-item.synced .item .tg-theme-tag {
	background: #373542;
}

.tg-officeaddressnav .item:hover .tg-section-heading,
.tg-officeaddressnav .owl-item.synced .item .tg-section-heading {
	border-bottom-color: #373542;
}

.tg-officeaddressnav .item:hover .tg-section-heading h2,
.tg-officeaddressnav .owl-item.synced .item .tg-section-heading h2 {
	color: #373542;
}

.tg-officeaddressnav .item:hover .tg-contactinfo>li i,
.tg-officeaddressnav .item:hover .tg-contactinfo>li span,
.tg-officeaddressnav .item:hover .tg-contactinfo>li address,
.tg-officeaddressnav .owl-item.synced .item .tg-contactinfo>li i,
.tg-officeaddressnav .owl-item.synced .item .tg-contactinfo>li span,
.tg-officeaddressnav .owl-item.synced .item .tg-contactinfo>li address {
	color: #373542;
}

.tg-mapcontent iframe {
	height: 450px;
}

/* =============================================
		Portfolio Style
============================================= */
.tg-portfolio {}

.tg-filterbale-nav {
	width: 100%;
	float: left;
	list-style: none;
	padding: 0 0 15px;
	text-align: center;
	text-transform: uppercase;
	line-height: 51px;
	font-family: 'Cairo', sans-serif;
}

.tg-filterbale-nav li {
	display: inline-block;
	vertical-align: middle;
	list-style-type: none;
	line-height: inherit;
	margin: 0 7px 0 0;
}

.tg-filterbale-nav li a {
	color: #aeaeae;
	display: block;
	padding: 0 19px;
	line-height: inherit;
	background: #fff;
	border: 1px solid #aeaeae;
}

.tg-filterbale-nav li a.active,
.tg-filterbale-nav li a:hover {
	color: #373542;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	opacity: 1;
	height: 6px;
	margin: 0;
	border-radius: 0;
	background: #f7f7f7;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	opacity: 1;
	height: 6px;
	margin: 0;
	border-radius: 0;
	background: #373542;
}

.masonry-grid {
	width: 335px;
	float: left;
	padding: 0;
}

.tg-project {
	float: left;
	width: 100%;
	overflow: hidden;
	background: #000;
	position: relative;
}

.tg-project figure {
	margin: 0;
	background: #373542;
	overflow: hidden;
	position: relative;
}

.tg-project figure .tg-playbtn {
	width: 40px;
	height: 40px;
	background: url(../images/icon-play1.png);
	position: absolute;
	margin: -20px 0 0 -20px;
	top: -100px;
	left: 50%;
	z-index: 5;
}

.tg-project figure:hover .tg-playbtn {
	top: 50%;
}

.tg-project figure img {
	z-index: 1;
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

.tg-project figure figcaption {
	background: none;
	padding: 0 30px;
	position: absolute;
	bottom: -50px;
	z-index: 9;
}

.tg-project figure figcaption .tg-theme-tag {
	margin: 0 5px 0 0;
	color: #373542;
	cursor: pointer;
}

.tg-project figure figcaption h3 {
	width: 100%;
	float: left;
	padding: 20px 0;
	text-align: left;
	margin: 0;
	color: #fff;
}

.tg-project figure:hover figcaption {
	bottom: 0;
}

.tg-project figure:hover figcaption h3 {
	padding-top: 0;
}

.tg-project figure:hover img {
	opacity: 0.40;
}

.tg-soccermedia-content2 {
	width: 100%;
	height: auto;
	float: left;
	overflow: visible;
	padding: 15px 0 0 0;
}

.tg-soccermedia-content2 .masonry-grid {
	width: 20%;
}

.tg-soccermedia-content2 .tg-project figure figcaption .tg-theme-tag {
	margin: 0 5px 10px 0;
}

.tg-soccermedia-content2 .tg-project figure figcaption h3 {
	padding: 0;
	font-size: 20px;
	line-height: 23px;
}

.tg-soccermedia-content2 .tg-project figure figcaption {
	bottom: -45px;
	padding: 0 20px;
}

.tg-soccermedia-content2 .tg-project figure:hover figcaption {
	bottom: 20px;
}

.tg-soccermedia-content2 .masonry-grid:hover .tg-project {
	z-index: 10;
	position: relative;
	border: 2px solid #fff;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-box-shadow: 1px 1px 8px 2px rgba(55, 53, 66, 0.7);
	box-shadow: 1px 1px 8px 2px rgba(55, 53, 66, 0.7);
}

/* =============================================
		404 Error Style
============================================= */
.tg-404 {
	width: 100%;
	float: left;
	text-align: center;
}

.tg-404 h2 {
	font-size: 400px;
	line-height: 370px;
	margin: 0;
	position: relative;
}

.tg-404 h2 span {
	width: 310px;
	height: 306px;
	background: url(../images/404-img.jpg);
	margin: 0 15px 0 0;
	display: inline-block;
	position: relative;
	left: 12px;
	background-position: bottom left;
	background-size: 100% auto;
	vertical-align: bottom;
}

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

.tg-404-content .tg-description p {
	margin: 0 0 30px;
}

.tg-404-content .tg-searcharea {
	display: block;
}

.tg-404-content .tg-searcharea fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.tg-404-content .tg-searcharea .form-group {
	margin: 0 0 30px;
}

.tg-404-content .tg-searcharea .form-group input {
	width: 100%;
	height: 68px;
}

/* =============================================
		Comming Soon Style
============================================= */
body.tg-comming-soon {
	background: url(../images/bg-commingsoon.jpg) 100% bottom;
	background-size: cover;
}

body.tg-comming-soon .tg-main {
	height: 100%;
	padding: 10%;
}

.tg-comming-sooncontent {
	width: 100%;
	height: 100%;
	float: left;
	background: rgba(255, 255, 255, 0.90);
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.tg-comming-sooncounter {
	width: 100%;
	float: left;
}

.tg-comming-sooncounter .timer_box {
	width: 33.33%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	align-content: flex-end;
}

.tg-comming-sooncounter .timer_box:first-child {
	width: 100%;
	margin: 0 0 20px;
}

.tg-comming-sooncounter .timer_box:first-child h1 {
	font-size: 350px;
	line-height: 325px;
	margin: 0
}

.tg-comming-sooncounter .timer_box:first-child p {
	font-size: 100px;
	line-height: 103px;
}

.tg-comming-sooncounter .timer_box h1 {
	float: left;
	font-size: 80px;
	line-height: 80px;
	margin: 0
}

.tg-comming-sooncounter .timer_box p {
	font-size: 25px;
	line-height: 28px;
	font-family: 'Cairo', sans-serif;
	text-transform: uppercase;
	margin: 0;
}

.tg-comming-sooncounter .timer_box h1,
.tg-comming-sooncounter .timer_box p {
	display: inline-block;
	vertical-align: bottom;
}







.tg-leaguedetail {
	width: 100%;
	float: left;
}

.points-table {
	width: 100%;
	float: left;
}

.top-head {
	background: #373542;
	color: #373542;
}

.second-head {
	background: #212121;
	color: #fff;
}

.points-table tr th {
	vertical-align: middle;
	border-bottom: 0;
	text-transform: uppercase;
}

.points-table .position {
	width: 7px;
	padding: 13px 20px;
}

.points-table .teamname {
	padding: 13px 20px;
	text-align: left;
}

.points-table tr .table-p {
	width: 5%;
	padding: 13px 0;
}

.points-table .home {
	padding: 13px 0;
}

.points-table .grid-score {
	width: 4%;
	padding: 13px 6px;
	border: 0;
}

.points-table tr th:nth-child(8),
.points-table tr th:nth-child(13),
.points-table tr th:last-child,
.table-body tr td:nth-child(8),
.table-body tr td:nth-child(13),
.table-body tr td:last-child {
	border-right: 1px solid #d2d2d2 !important;
}

.points-table .top-head th:nth-child(8),
.points-table .top-head th:nth-child(13),
.points-table .top-head th:last-child {
	border-color: #e2b01b !important;
}

.points-table .second-head th:nth-child(8),
.points-table .second-head th:nth-child(13),
.points-table .second-head th:last-child {
	border-color: #000 !important;
}

.table-body tr {
	background: #f7f7f7;
}

.table-body tr:nth-child(even) {
	background: #ebebeb;
}

.table-body tr td {
	font-weight: bold;
	color: #808080;
	text-transform: uppercase;
}

.table-body tr td figure {
	float: left;
	margin: 0 10px 0 0;
}

.points-table thead tr th,
.points-table .table-body tr td {
	border-top: 0;
	border-bottom: 0;
}

.table-body tr td.table-p {
	border-right: 1px solid #d2d2d2;
}

.top-head th {
	border-color: #e2b01b !important;
}

.second-head th {
	border-color: #000;
}

/*-------------------Sticky-------------------*/
.sticky-queue {
	z-index: 999996;
	position: fixed;
	width: 320px;
	overflow: hidden;
	border-radius: 5px;
	background: transparent;
}

.sticky-note {
	padding: 20px;
	margin: 0;
	line-height: 15px
}

.sticky {
	font-size: 12px;
	color: #555;
	position: relative
}

.sticky-close {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 11px;
	line-height: 11px;
	width: 11px;
	cursor: pointer;
	text-align: right
}

.sticky-close:before {
	content: "\2716"
}

.top-right {
	right: 20px
}

.top-center {
	top: 36px;
	left: 50%;
	margin-left: -125px
}

.top-left {
	left: 20px
}

.top-right,
.top-center,
.top-left {
	top: 36px
}

.bottom-right {
	right: 20px
}

.bottom-center {
	bottom: -2px;
	left: 50%;
	margin-left: -125px
}

.bottom-left {
	left: 20px
}

.bottom-right,
.bottom-center,
.bottom-left {
	bottom: 36px
}

.border-top-right,
.border-top-center,
.border-top-left {
	margin-top: 1px
}

.border-bottom-right,
.border-bottom-center,
.border-bottom-left {
	margin-top: 1px
}

.success {
	background: #52c27d;
	color: #fff
}

.warning {
	background: #f89406;
	color: #fff;
	padding: 2px 10px;
}

.important {
	background: #f15b5a;
	color: #fff
}

.system-site-wrap {
	width: 100%;
	height: 100%;
	z-index: 99999;
	position: fixed;
	background-color: rgba(12, 12, 12, 0.51);
}

.system-site-wrap .system-loader {
	top: 50%;
	left: 50%;
	position: absolute;
	margin: -23px 0 0 -70px;
}

div.system-loader-wrap {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.2);
}

.system-loader {
	top: 0;
	left: 45%;
	width: 70px;
	margin: 100px auto 0;
	text-align: center;
	position: absolute;
}

.system-loader>div {
	width: 18px;
	height: 18px;
	border-radius: 100%;
	display: inline-block;
	background-color: #5dc560;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.system-loader .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.system-loader .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

.sp-profile-brochure .file_icon {
	font-size: 20px;
	position: absolute;
	left: 10px;
	top: 10px;
}

.single-sp_jobs .tg-mapbox #location-pickr-map {
	height: 260px;
}

.mologo {
	margin: auto;
	display: table-caption;
}

@-webkit-keyframes sk-bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

@keyframes sk-bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}


/*
  *** fut-player-card styles ***
*/
.fut-player-card {
	position: relative;
	/* width: 300px; */
	/* height: 485px; */
	width: 215px;
	height: 300px;

	/* background-image: url(https://selimdoyranli.com/cdn/fut-player-card/img/card_bg.png); */
	/* background-image: url(https://fut-watch.com/img/20/card/goldtots.png?v=11); */
	background-image: url(../../images/tots.png);

	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 3.8rem 0;
	z-index: 2;
	margin: auto;
	transition: 200ms ease-in;
}

.fut-player-card .player-card-top {
	position: relative;
	display: flex;
	color: #e9cc74;
	padding: 0 1.5rem;
	font-weight: bold;
}

.fut-player-card .player-card-top .player-master-info {
	/* text-transform: uppercase; */
	/* margin:20px 0; */
	/* left: 37px; */
	/* position: absolute; */
	/* padding: 5px; */
	text-transform: uppercase;
	margin: 34px 135px;
	position: absolute;
	background: #00000030;
	border-radius: 10px 9px;
	text-align: -webkit-center;
}

.fut-player-card .player-card-top .player-master-info .player-nation {
	display: block;
	width: 2rem;
	height: 25px;
	margin: 0.3rem 0;
}

.fut-player-card .player-card-top .player-master-info .player-nation img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.fut-player-card .player-card-top .player-master-info .player-club {
	display: block;
	width: 2.1rem;
	height: 40px;
}

.fut-player-card .player-card-top .player-master-info .player-club img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.fut-player-card .player-card-top .player-picture {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	overflow: hidden;
}

.fut-player-card .player-card-top .player-picture img {
	/*
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	   */
	/* right: -1.5rem; */
	/* bottom: 10px; */
	position: relative;
	right: 0.5rem;
	width: 120px;
	height: 120px;
	margin: 15px;
}

.fut-player-card .player-card-top .player-picture .player-extra {
	position: absolute;
	right: 0;
	bottom: -0.5rem;
	overflow: hidden;
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	width: 100%;
	height: 2rem;
	padding: 0 1.5rem;
	text-align: right;
	background: none;
}

.fut-player-card .player-card-top .player-picture .player-extra span {
	margin-left: 0.6rem;
	text-shadow: 2px 2px #333;

}

.fut-player-card .player-card-bottom {
	position: relative;
	margin: -80px auto;
}

.fut-player-card .player-card-bottom .player-info {
	display: block;
	padding: 0.3rem 0;
	color: #e9cc74;
	width: 90%;
	margin: 0 auto;
	height: auto;
	position: relative;
	z-index: 2;
}

.fut-player-card .player-card-bottom .player-info .player-name {
	/* width: 100%;
	display: block;
	text-align: center;
	font-size: 1.6rem;
	text-transform: uppercase;
	border-bottom: 2px solid rgba(233, 204, 116, 0.1);
	padding-bottom: 0.3rem;
	padding-top: 3rem;
	overflow: hidden; */
	width: 100%;
	display: block;
	text-align: center;
	font-size: 2rem;
	text-transform: uppercase;
	border-bottom: 2px solid rgba(233, 204, 116, 0.1);
	padding-top: 5rem;
	/* overflow: hidden; */
	overflow: inherit;
	font-weight: 600;
	font-family: 'Cairo';
}

.fut-player-card .player-card-bottom .player-info .player-name span {
	display: block;
	text-shadow: 2px 2px #111;
}

.fut-player-card .player-card-bottom .player-info .player-features {
	margin: 0.5rem auto;
	display: flex;
	justify-content: center;
}

.fut-player-card .player-card-bottom .player-info .player-features .player-features-col {
	border-right: 2px solid rgba(233, 204, 116, 0.1);
	padding: 0 2.3rem;
}

.fut-player-card .player-card-bottom .player-info .player-features .player-features-col span {
	display: flex;
	font-size: 1.2rem;
	text-transform: uppercase;
}

.fut-player-card .player-card-bottom .player-info .player-features .player-features-col span .player-feature-value {
	margin-right: 0.3rem;
	font-weight: 700;
}

.fut-player-card .player-card-bottom .player-info .player-features .player-features-col span .player-feature-title {
	font-weight: 300;
}

.fut-player-card .player-card-bottom .player-info .player-features .player-features-col:last-child {
	border: 0;
}

/* match Header */
.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	background-color: #0a0a0a14;
	border-right: 1px solid #bcb9b9;
	border-left: 1px solid #bcb9b9;
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	/* opacity:0.5; */
	/* margin: 0px 0 30px 0; */
	/* Center slide text vertically */
}

.swiper-button-next,
.swiper-button-prev {
	/* margin :-58px -10px; */
	/* background-color:#474747; */
	/* height:117px; */
	/* background-image:url('') !important; */
	width: 11px;
	color: #fff
}




.swiper-slide>a {

	width: 100%;
}

.tg-match {
	background: #33323c3d;
}

.tg-box>h4,
.tg-box>h3 {
	color: #fff;
	font-size: 13px;
}

.tg-match .tg-box .tg-teamlogo,
.tg-match .tg-box span {
	margin: auto;
	display: table;
	float: none !important;

}

.tg-match h4 {
	text-align: center;
	overflow: inherit;
	margin: 7px 0;

}

.slide_championship_name {
	top: 10px;
	position: relative;
}

.tg-tag-result {
	color: #aeaeae;
	padding: 0 10px;
	font-size: 13px;
	text-transform: uppercase;
	border: 1px solid #ffcc33;
	font-family: 'Cairo', sans-serif;
}

.swiper-slide:hover .tg-tag-result {
	background: #ffcc33;
	color: #000;
}

.time {
	top: 4px;
	position: inherit;
	font-size: 13px;
	display: block;
}

.mCS_img_loaded {
	width: 25px;
	height: 25px;
	position: inherit;
    z-index: 2;
	/* margin-top: 12px; */
}

.tg-box .home,
.tg-box .away {
	width: 25% !important;

}

.tg-box .center {
	width: 50% !important;
}




@media (max-width: 760px) {}

/* end match header */
.header_img_championship {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 150px;
}

/* main list */

#section-links .list {
	display: inline-block;
	float: right;
	background-color: #2a2a2c;
	width: 100%;
	min-height: 61px;
	padding: 6px 10px;
	white-space: nowrap;
	max-width: 100%;
	overflow: auto;
}

#section-links .list a {
	color: #373542 !important;
	display: inline-block;
	font-size: 12px;
	padding: 0 15px;
	height: 40px;
	line-height: 37px;
	margin: 5px 2px;
	border: 1px solid #38393c;
	color: #fff;
}

#section-links .list a.active,
#section-links .list a:hover {
	color: #f0a306;
}

#section-links .list.active {
	height: auto;
}

#section-links .list #more {
	display: inline-block;
	padding: 0 20px;
	float: left;
	height: 40px;
	line-height: 46px;
	margin: 5px 0 0;
	cursor: pointer;
	border: 1px solid #38393c;
	background-color: #222225;
}

#section-links .list #more svg {
	fill: #f0a306;
	width: 20px;
	height: 20px;
}

#section-links .list .scrollbar {
	background: #787878;
}

#section-links .list {
	width: auto;
	height: auto;
	background-color: transparent;
	margin-right: 0;
	padding-bottom: 0;
}

#section-links .list a {
	font-size: 15px;
	height: 80px;
	line-height: 68px;
	border: none;
	margin: 0 0;
	padding: 0 16px;
	font-weight: bold;
}

#section-links .list a:first-child {
	margin-right: 0;
}

#section-links .list a.active {
	border-bottom: 5px solid #f0a305;
	background-color: transparent;
}

#section-links .list {
	background-color: transparent;
	position: relative;
}

#section-links .list a {
	/* height: 117px; */
	/* line-height: 104px; */
	margin: 0 12px;
	padding: 0 20px;
	border: none;
	margin: 0;
	font-weight: bold;
}

#section-links .list a.active {
	border-bottom: 5px solid #f0a305;
	color: #f0a305;
}

.highlight-container,
.highlight {
	position: relative;
	padding: 10px 0 0 0;
}

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

	.highlight-container,
	.highlight {
		font-size: 15px;
    	font-weight: bold;
	}
}

@media (max-width: 700px) {
	.transfer-section img{
		width: 70px !important;
	}
	
	.tg-matchtabnav .tg-match .team_name,.tg-matchtabnav .tg-match .time {
		font-size: 8px
	}
	.items-center{
		font-size:10px !important
	}

	.tg-pointtable .tg-box:nth-child(9) {
		width: 50% !important;
		display: block;

	}

	.tg-pointtable .tg-box {

		display: none;
	}

	.tg-pointtable .tg-box:nth-child(10),
	.tg-pointtable .tg-box:nth-child(1),
	.tg-pointtable .tg-box:nth-child(8) {
		width: 16% !important;
		padding: 15px;
		text-align: right;
		font-size: 16px;
		line-height: 25px;
		text-transform: uppercase;
		font-family: 'Cairo', sans-serif;
		display: block;
	}

}

.fg_rsp_tbl,
th,
td {
	border: 0 !important;
	border-collapse: collapse;
	font-family: 'CAIRO';
	font-weight: bold;


}

.fg_rsp_tbl thead tr {
	background-color: #2e2f31;
	color: #88898b;
}

tr {
	border-bottom: 1pt solid black;
}

.player_img_tbale {
	width: 43px;
	height: 43px;
	vertical-align: middle;
	border-radius: 50%;
	border: 3px solid #e7e7e7;
	margin-left: 10px;
}

.verified_mark {
    width: 23px;
    border-radius: 50%;
    border: 3px solid #e7e7e7;
    margin: 23px -32px 0 0;
    position: absolute;
}

figure .player_img_tbale {
	width: 100px;
	height: 100px;
}

.fg_rsp_tbl tbody tr td {
	padding: 10px 0px;
	border-bottom: 1px solid #ededed;
}

.fg_rsp_tbl td:nth-child(1),
.fg_rsp_tbl th:nth-child(1) {
	text-align: right !important;
	padding-right: 25px;
}




/* player_img_tbale  */




.fg_rsp_tbl,
th,
td {
	border: 0 !important;
	border-collapse: collapse;
	font-family: 'CAIRO';
	font-weight: bold;


}

.fg_rsp_tbl thead tr {
	background-color: #2e2f31;
	color: #88898b;
}

tr {
	border-bottom: 1pt solid black;
}

.player_img_tbale {
	width: 43px;
	height: 43px;
	vertical-align: middle;
	border-radius: 50%;
	border: 3px solid #e7e7e7;
	margin-left: 10px;
}

figure .player_img_tbale {
	width: 100px;
	height: 100px;
}

.fg_rsp_tbl tbody tr td {
	padding: 10px 0px;
	border-bottom: 1px solid #ededed;
}

.fg_rsp_tbl td:nth-child(1),
.fg_rsp_tbl th:nth-child(1) {
	text-align: right !important;
	padding-right: 25px;
}

.coach_div {
	/* background-image: url("{{env('UPLOAD_SOURCE').'/'.$Team->team_photo}}"); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	/* opacity: 0.8;
		background-position: center;
		height: 187px;
		background-attachment: fixed; */

}

.coach_name {
	color: #ffffff;
	font-size: 26px;
	font-weight: bold;
	text-shadow: 2px 7px 5px rgb(0 0 0 / 30%), 0px -4px 10px rgb(255 255 255 / 30%);
	background-color: #33333326;
	display: inline-block;
	padding: 6px;
	border-radius: 6px;
}

/* end main list */


/* Time Line */

#timeline {
	list-style: none;
	position: relative;
	/* margin: 0 0.5em; */
	background-color: #1c2a381c;
	/* border-radius: 1%; */
	/* padding: 0 10px; */

	flex-direction: column;
	min-width: 350px;
	/* border-radius: 10px; */
	box-shadow: 0 0 2px 0 rgba(#303030, 0.1), 0 4px 4px 0 rgba(#303030, 0.1);

}

#timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 2px;
	background-color: #4997cd;
	left: 50%;
	margin-left: -1.5px;
}

#timeline .clearFix {
	clear: both;
	height: 0;
}

/* #timeline .timeline-badge {
	color: #fff;
	width: 50px;
	height: 50px;
	font-size: 1.2em;
	text-align: center;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -25px;
	background-color: #4997cd;
	z-index: 100;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
} */
#timeline .timeline-badge {
	color: #fff;
	width: 30px;
	height: 30px;
	font-size: 0.8em;
	text-align: center;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -16px;
	background-color: #4997cd;
	z-index: 100;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%;
}



#timeline .timeline-badge span.timeline-balloon-date-day {
	font-size: 1.4em;
	position: relative;
	top: 2px;
}







#timeline .timeline-badge.timeline-future-movement {
	background-color: #ffffff;
	height: 35px;
	width: 35px;
	font-size: 1.7em;
	top: -16px;
	margin-left: -18px;
}



#timeline .timeline-badge.timeline-future-movement i {
	color: #4997cd;
	font-size: .9em;
	top: 2px;
	left: 1px;
}

#timeline .timeline-movement {
	/* border-bottom: dashed 1px #4997cd; */
	position: relative;
}

#timeline .timeline-movement.timeline-movement-top {
	height: 60px;
}

#timeline .timeline-movement .timeline-item {
	padding: 20px 0;
}



#timeline .timeline-panel-ul {
	list-style: none;
	padding: 0;
	margin: 0 20px;
}


.event-icon {
	width: 2em;
	margin: 0 1em;
}

.timeline-item-detail {
	text-align: center;
	z-index: 100;
	padding: 24px;
}

.match_detail_usb_type {
	color: #fff;
	text-align: center;
	background-color: #4997C5;
	border-radius: 4%;
	padding: 4px 20px;
}

/* end time line */

:root {
	--color-text-primary: #1c2a38;
	--color-text-secondary: #8A8F98;
	--color-text-alert: #d72641;
	--color-text-icon: #dbdade;
	--color-bg-primary: #fff;
	--color-bg-secondary: #f3f5f9;
	--color-bg-alert: #fdeaec;
	--color-theme-primary: #623ce6;
}






body {
	font-family: "Cairo";
	line-height: 1.5;
	color: var(--color-text-primary);
	background-color: var(--color-bg-secondary);
}

.match {
	background-color: var(--color-bg-primary);
	/* display: flex; */
	flex-direction: column;
	min-width: 350px;
	/* border-radius: 10px; */
	box-shadow: 0 0 2px 0 rgba(#303030, 0.1), 0 4px 4px 0 rgba(#303030, 0.1);
}

.match-header {
	/* display: flex; */
	border-bottom: 2px solid rgba(#303030, 0.1);
	padding: 16px;
}

.match-status {
	background-color: #ffcc33;
	color: #1b1a1a;
	/* color: var(--color-text-alert); */
	padding: 8px 12px;
	border-radius: 6px;
	font-weight: 600;
	font-size: 14px;
	/* display: flex; */
	display: flow-root;
	align-items: center;
	line-height: 1;
	margin-right: auto;
	/* &:before {
		content: "";
		display: block;
		width: 6px;
		height: 6px;
		background-color: currentColor;
		border-radius: 50%;
		margin-right: 8px;
	} */
}

.match-tournament {
	/* display: flex; */
	align-items: center;
	font-weight: 600;

	img {
		width: 20px;
		margin-right: 12px;
	}
}

.match-actions {
	display: flex;
	margin-left: auto;
}

.btn-icon {
	border: 0;
	background-color: transparent;
	color: var(--color-text-icon);
	display: flex;
	align-items: center;
	justify-content: center;
}

.match-content {
	display: flex;
	position: relative;
}

.column {
	padding: 32px;
	/* display: flex; */
	justify-content: center;
	align-items: center;
	/* width: calc(100% / 3); */
}

.team {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.team-logo {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: var(--color-bg-primary);
	box-shadow: 0 4px 4px 0 rgba(#303030, 0.15),
		0 0 0 15px var(--color-bg-secondary);

	img {
		width: 50px;
	}
}

.team-name {
	text-align: center;
	/* margin-top: 24px; */
	font-size: 20px;
	font-weight: 600;
}

.match-details {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.match-date,
.match-referee {
	font-size: 14px;
	color: var(--color-text-secondary);

	strong {
		color: var(--color-text-primary);
	}
}

.match-score {
	margin-top: 12px;
	display: flex;
	align-items: center;
}

.match-score-number {
	font-size: 48px;
	font-weight: 600;
	line-height: 1;

	&--leading {
		color: var(--color-theme-primary);
	}
}

.match-score-divider {
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	color: var(--color-text-icon);
	margin-left: 10px;
	margin-right: 10px;
}

.match-time-lapsed {
	color: #DF9443;
	font-size: 14px;
	font-weight: 600;
	margin-top: 8px;
}

.match-referee {
	margin-top: 12px;
}

.match-bet-options {
	/* display: flex; */
	margin-top: 8px;
	padding-bottom: 20px;
}

.match-bet-option {
	margin-left: 4px;
	margin-right: 4px;
	border: 1px solid var(--color-text-icon);
	background-color: #F9f9f9;
	border-radius: 2px;
	color: var(--color-text-secondary);
	font-size: 14px;
	font-weight: 600;
	padding: 4px 8px;
}

.match-bet-place {
	position: absolute;
	bottom: -16px;
	left: 50%;
	transform: translateX(-50%);
	border: 0;
	background-color: var(--color-theme-primary);
	border-radius: 6px;
	padding: 10px 48px;
	color: rgba(#fff, 0.9);
	font-size: 14px;
	box-shadow: 0 4px 8px 0 rgba(#303030, 0.25);
}

.player {
	width: 100%;
	min-height: 100px;	
	display: flex;
}

.player-image {
	display: flex;
	position: relative;
	width: 280px;
}

.img-badge {
	width: 6rem;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    left: -2.75rem;
    position: absolute;    
	z-index: 1;
    top: 2.5rem;
	background: #f2f2f2;
    border-radius: 50%;
    top: 24px;
    box-shadow: 0 0 30px #d9d5d5;
    z-index: 2;
}

.number-badge {
	width: 4rem;
	height: 4rem;
	font-size: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFF;
	border-radius: 50%;
	font-weight: 700;
	box-shadow: 3px 5px 10px 0 rgba(#3A141F,.15);
	right: 1.25rem;
	bottom: 1.25rem;
	position: absolute;
}
.player-image  img {
   width: 70%;
   bottom: 0;
} 
.team-image {
    position: relative;
	width: 80px;
    z-index: 1;
    opacity: 1;
    margin: 1.5em -1.5em 0em 3em;

}


.player-info-page {
	padding: 5rem;
	display: flex;
	flex-grow: 1;
	flex-shrink: 1;
	background-color:#3e3d4847;

}

.player-name {
	font-size: 2rem;
	font-weight: 700;

}

.player-team {
	font-size: 1.125rem;
	font-weight: 400;	
	display: block;
	margin-bottom: .5rem;
	text-transform: uppercase;
}
.player-info-div{
	background-color: #8d8d8d33;
    border-radius: 19px;
    padding: 29px;
}
.player-info-div-xs{
	background-color: #8d8d8dc4;
	border-radius: 19px;
	padding: 11px 11px;
	display: flex;
}

.player_an div{
	height: 7rem;
    line-height: 7rem;
}
.player_an span{
	font-size: 20px;
    font-weight: bold;
    margin: 1rem;
}
.player_an .red_card{
	background-color: #fc657e;
}
.player_an .yellow_card{
	background-color: #f5c84c;
}
.player_an .secondary_player{
	background-color: #99999b;
}
.player_an .goalnormal{	
	background-color: #8ab17a;
}




/* Total info */

.event-icon-player{
	width: 25%;
	border-left: 1px solid #bcb9b9;
	display: inline-block;
	line-height: 6rem;
	text-align:center;
}
.event-icon-player img{
	width: 30px;

}
.event-icon-player span p{
	font-size: 25px;
	margin: 0px 0 15px 0;
	font-weight: bold;

}

label.inline-flex.items-center span{
	color: #fff;
}

  /* upload img from profile */
.avatar-upload {
	position: relative;
	/* max-width: 35%; */
	margin: 0px auto;
	display: table;
  }
  .avatar-upload .avatar-edit {
	position: absolute;
	/* right: 12px; */
	z-index: 1;
	/* top: 10px; */
  }
  .avatar-upload .avatar-edit input {
	display: none;
  }
  .avatar-upload .avatar-edit input + label {
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-bottom: 0;
	border-radius: 100%;
	background: #FFFFFF;
	border: 1px solid transparent;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
  }
  .avatar-upload .avatar-edit input + label:hover {
	background: #f1f1f1;
	border-color: #d6d6d6;
  }
  .avatar-upload .avatar-edit input + label:after {
	content: "\f040";
	font-family: 'FontAwesome';
	color: #757575;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
  }
  .avatar-upload .avatar-preview {
	width: 130px;
	height: 130px;
	position: relative;
	border-radius: 100%;
	border: 6px solid #F8F8F8;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  }
  .avatar-upload .avatar-preview > div {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
  }

  .avatar-upload .preview-square {
	width: 37vh;
	height: 6.5vh;
	position: relative;
	/* border-radius: 100%; */
	border: 6px solid #F8F8F8;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  }
  .avatar-upload .preview-square  > div {
	width: 100%;
	height: 100%;
	/* border-radius: 100%; */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
  }
/* Edit icon */
/* .editinput {
    position: absolute;
    top: -10px;
    font-size: 16px;
    background-color: #dad8d8;
    border-radius: 50%;
    width: 25px;
    text-align-last: center;
	cursor: pointer;
} */
.editinput {
	position: absolute;
    top: 34px;
    font-size: 16px;
    background-color: #dad8d8;
    border-radius: 50%;
    width: 25px;
    text-align-last: center;
    cursor: pointer;
    right: 5px;
}
.editinput:hover{
	background-color: #e9b247;
    color: #100d0d70;
}

.edit-label-one{
    /* font-size: 85% !important; */
    /* border-bottom: 2px solid #c3c0c0 !important; */
}
.edit-label{
	background-color: #dcdcdc00;
    color: #dad8d8;
    border: 0;
    width: auto;
	display:block;
}
.edit-input {
    color: #ffcc33  !important;
    border-radius: 6px !important;
    background-color: #ffffff73 !important;
	display: none;
}
.disabled-input {
    color: #c6c6c6 !important;
    border-radius: 6px !important;
    background-color: #030303 !important;
    border: none !important;
}
.edit-input::placeholder {
    color: #ffffff !important;    
}

@media (max-width: 990px) {
	.event-icon-player img{
		display: none;
	}
	.event-icon-player{
		line-height:inherit;
	}
	.event-icon-player span{
		font-size:8px;
	}
	

	
}

/* Match result */
.simple-header .tg-btn{
	padding:5px 20px !important;
	display: revert !important;
	font: inherit !important;
}
.simple-header a{
	top: 15px;
	margin: 15px 0px 15px 15px;
	position: relative;
	display: inline-flex;
}	
.simple-header a .non-select{
	color: #f3f5f9 !important;
}
span.team_name_l, span.team_name_r {
    color: #f89406;
    position: absolute !important;
    top: 15px;
	font-weight: bold;
    font-size: 15px;
}
span.team_name_r {
	right: 	100%;
}
span.team_name_l {	
	left: 100%;
}

.team_name_margin_top{
	margin: -8px auto 0 auto !important; 
}

.img_team_name{
	margin:  auto -4px auto !important
}
.mCSB_container span.tg-tag-result{
	background-color: #f89406;
	color: white;
	border-color: #f89406;
}


  .my-img-container {
	position: relative;
	/* padding-top: 50%; */
	z-index: 1;
  }
  .btn-secondary{
	  color: #fff;
	  background-color: #6c757d;
	  border-color: #6c757d;
  }
  .btn-secondary:hover{
	background-color: #afafaf;
	border-color: #afafaf;
  }
  .p30{
	padding: 30px;
  }
  .p20{
	padding: 20px 0;
  }
  .my-img-container img{
	position: inherit;
  }
  .my-img-container:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border: 2px solid #f89406;
	border-color: transparent #f89406 transparent #f89406;
	border-radius: 50%;
	animation: loader 1s linear infinite;
  }
  .my-loader-container > img {
	position: inherit;
    z-index: 2;
	width: 25px;
	height: 25px;
  }
  @keyframes loader {
	0% {
	  transform: translate(-50%,-50%) rotate(0deg);
	}
	100% {
	  transform: translate(-50%,-50%) rotate(360deg);
	}
  }
  .tg-section-name-ads {
	top: 30%;
    left: 15px;
    z-index: 1;
    position: absolute;
    border-bottom: 0px solid #373542;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(340deg);
    -ms-transform: rotate(340deg);
    -o-transform: rotate(340deg);
    transform: rotate(340deg);
    -webkit-transform-origin: 20px 20px;
    -moz-transform-origin: 20px 20px;
    -ms-transform-origin: 20px 20px;
    -o-transform-origin: 20px 20px;
    transform-origin: 20px 20px;
    background-color: transparent;
  }
  .tg-section-name-ads h4{
	color:#f89406;
	text-shadow: 2px 4px 3px #000000;

  }

.transfer-section img{
	width: 100px;
}

.transfer-section span{
	position: absolute;
    margin: 104px -91px;
}
 .transfer-arrow{
	/* margin: 0px -15px; */
	margin:0px 0px 0 -5px;
    z-index: 7 !important;
    position: relative;
  }

  .bg-kashmer{
	background-color:#ff7c0029
  }
  /* #REDA */















  /* The container */
.transfer-container {
	display: block;
	position: relative;
	padding-left: 29px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  .transfer-container label{
	font-size: 15px;
    float: left;

  }
  
  /* Hide the browser's default radio button */
  .transfer-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
  }
  
  /* Create a custom radio button */
  .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
  .transfer-container:hover input ~ .checkmark{
	background-color: #ccc;
	cursor: pointer;
  }
  
  /* When the radio button is checked, add a blue background */
  .transfer-container input:checked ~ .checkmark, .tg-matchtabnav .active input ~ .checkmark {
	background-color: #FF9800;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after, .tg-matchtabnav .active input ~ .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }

  .match-bet-options .active{
	background-color: #000000;
	transition-property: all;
    transition-duration: 1s;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .transfer-container input:checked ~ .checkmark:after, .tg-matchtabnav .active input ~ .checkmark:after {
	display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .transfer-container .checkmark:after, .tg-matchtabnav .active input ~ .checkmark:after {
		top: 9px;
	  left: 9px;
	  width: 8px;
	  height: 8px;
	  border-radius: 50%;
	  background: white;
  }






  .tab-pane.transfer-section.active {
	min-height:130px
	animation: transfer 1s;
  }

  @keyframes transfer {
	0% {
		transform: translate(-100%,0%) rotate(5deg);
		transition: 1s;
		left: 0;
		
	}
	100% {
		transform: translate(0%,0%) rotate(0deg);
		transition: 1s;
		left: 0;
	
	}
  }

/* //news  */
figure.snip1237 {
	overflow: hidden;
	background: #ffffff;
	cursor: pointer;	
	box-shadow: 0px 0px 6px 2px rgb(175 175 175);
	-webkit-box-shadow: 0px 0px 6px 2px rgb(175 175 175);
	-moz-box-shadow: 0px 0px 6px 2px rgb(175 175 175);
	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
	
}
figure.snip1237 img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 118px;
	object-fit:cover;
}
figure.snip1237 .article{
	padding: 10px 50px 0 0  !important;
	/* text-align:justify; */
	color:#383742 ;
}

figure.snip1237 .article h4{
	font-size: 12px;
    color: #f0a306;
    line-height: 1.3;
    height: 20px;
    border-right: 3px solid #f0a306;
    padding-right: 7px;
}

.slug{
	font-size: 14px;
    color: #f0a306;
    line-height: 3.3;
    height: 45px;
    border-right: 3px solid #f0a306;
    padding-right: 7px;
    display: grid
;
}

figure.snip1237 .article p{
    font-size: 15px;
    line-height: 1.8;
	padding: 0px 15px;
}
figure.snip1237:before,
figure.snip1237:after {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  z-index: 1;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
figure.snip1237:before {
  background-color: #20638f;
  -webkit-transform: skew(-45deg) translateX(-150%);
  transform: skew(-45deg) translateX(-150%);
  border-right: 1px solid #20638f;
}
figure.snip1237:after {
  background-color: #962d22;
  -webkit-transform: skew(-45deg) translateX(-175%);
  transform: skew(-45deg) translateX(-175%);
  border-right: 1px solid #962d22;
}


figure.snip1237 .date {
  position: absolute;
  right: 30px;
  bottom: 10px;
  color: #fff;
  max-height: 48px;
  max-width: 48px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  z-index: 1;
}
figure.snip1237 .date span {
  display: block;
  line-height: 24px;
}
figure.snip1237 .date .month {
  font-size: 14px;
}

figure.snip1237:hover{
	/* background: #20638f; */
	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
	/* margin: 3px; */
	box-shadow: 0px 11px 26px 11px rgb(175 175 175);
	-webkit-box-shadow: 0px 11px 26px 11px rgb(175 175 175);
	-moz-box-shadow: 0px 11px 26px 11px rgb(175 175 175);
	
}

.news > .article{
    padding: 30px 0;
    text-align: justify;
    font-size: 20px !important;
	line-height: 40px;
}
.news  h3{
    font-weight: bold !important;
    line-height: 47px !important;
}

/* loading  */


#loader-wrapper {
	display:none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgb(0 0 0 / 70%);
    border-radius: 4%;

}
#loader {
    display: block;
    position: inherit;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #958989;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f09300;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #898dff;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
	
.check-player-card{
		background: #4acf0f;
		position:absolute;
		margin:-6px -7px 0 0;
}
.match-record{
	border-radius: 50%;
    box-shadow: 0 0 2px #18181833;
    padding: 0.4em 0.4em;
    position: absolute;
    background: #000000;
    font-size: 8px;
    margin: -5px -18px 0 0;
    color: #f09300;	
}
 
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

.fix_right_btn{
	/* position: inherit; */
    display: block;
    width: 100%;
    margin: -9px 0 8px 0;
}

.cardpost{
	position: relative;
	width: 330px;
	min-height: 400px;
	background: #fff;
	box-shadow: rgb(0 0 0 / 9%) 0px 5px 15px
	padding: 20px;
	margin-bottom: 30px;
	}
.post-card li{
	width: 33%;
}