@color_1;
@color_2;
@color_4;
@color_5;
@color_14;
@color_6;
@color_7;
@color_8;
@color_10;
@color_11;
@color_12;
@color_13;
@color_15;
@color_16;
@color_17;
@color_18;
@color_19;
@color_20;
@color_21;
@color_22;
@color_23;
@color_24;
@color_25;
@color_26;
@font_family_1;
@border_color_1: transparent;
@font_family_5: 'FontAwesome';
@r_color_24: red(@color_24);
@g_color_24: green(@color_24);
@b_color_24: blue(@color_24);
@color_27: rgba(@r_color_24,@g_color_24,@b_color_24,.8);
@color_28;
@color_29;
@color_30;
@color_31;
#head {
	text-align: center;
	padding-top: 53px;
	color: @color_1;
	font-family: @font_family_1;
	font-weight: 300;
	.lead {
		font-family: @font_family_1;
		font-size: 44px;
		margin-bottom: 6px;
		color: @color_1;
		line-height: 1.15em;
	}
	.tagline {
		color: @color_2;
		margin-bottom: 25px;
		a {
			color: @color_1;
		}
	}
	.btn {
		margin-bottom: 10px;
	}
	.btn-default {
		text-shadow: none;
		background: transparent;
		color: @color_4;
		-webkit-box-shadow: inset 0px 0px 0px 3px @color_4;
		-moz-box-shadow: inset 0px 0px 0px 3px @color_4;
		box-shadow: inset 0px 0px 0px 3px @color_4;
		background: transparent;
		&:hover {
			color: @color_5;
			-webkit-box-shadow: inset 0px 0px 0px 3px @color_5;
			-moz-box-shadow: inset 0px 0px 0px 3px @color_5;
			box-shadow: inset 0px 0px 0px 3px @color_5;
			background: transparent;
		}
		&:focus {
			color: @color_5;
			-webkit-box-shadow: inset 0px 0px 0px 3px @color_5;
			-moz-box-shadow: inset 0px 0px 0px 3px @color_5;
			box-shadow: inset 0px 0px 0px 3px @color_5;
			background: transparent;
		}
		&:active {
			color: @color_1;
			-webkit-box-shadow: inset 0px 0px 0px 3px @color_1;
			-moz-box-shadow: inset 0px 0px 0px 3px @color_1;
			box-shadow: inset 0px 0px 0px 3px @color_1;
			background: transparent;
		}
	}
	.btn-default.active {
		color: @color_1;
		-webkit-box-shadow: inset 0px 0px 0px 3px @color_1;
		-moz-box-shadow: inset 0px 0px 0px 3px @color_1;
		box-shadow: inset 0px 0px 0px 3px @color_1;
		background: transparent;
	}
}
#head.secondary {
	height: 100px;
	min-height: 100px;
	padding-top: 0px;
}
.navbar-header {
	max-height: 53px;
}
.slideUp {
	top: -100px;
}
.headroom {
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.highlight {
	margin-top: 40px;
}
.h-caption {
	text-align: center;
	i {
		display: block;
		font-size: 54px;
		color: @color_6;
		margin-bottom: 36px;
	}
	h4 {
		color: @color_6;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 20px;
	}
}
h1 {
	font-family: @font_family_1;
	margin-top: 30px;
}
h2 {
	font-family: @font_family_1;
	margin-top: 30px;
	color: @color_30;
}
h3 {
	font-family: @font_family_1;
	margin-top: 30px;
}
h4 {
	font-family: @font_family_1;
}
h5 {
	font-family: @font_family_1;
}
h6 {
	font-family: @font_family_1;
}
.h1 {
	margin-top: 30px;
}
.h2 {
	margin-top: 30px;
}
.h3 {
	margin-top: 30px;
}
blockquote {
	font-style: italic;
	font-family: @font_family_1;
	color: @color_7;
	margin: 30px 0 30px;
}
label {
	color: @color_8;
}
.thin {
	font-weight: 300;
}
.page-title {
	margin-top: 20px;
	font-weight: 300;
}
.text-muted {
	color: @color_11;
}
.breadcrumb {
	background: none;
	padding: 0;
	margin: 30px 0 0px 0;
}
ul.list-spaces {
	li {
		margin-bottom: 10px;
	}
}
.container-full {
	margin: 0 auto;
	width: 100%;
}
.top-space {
	margin-top: 60px;
	bottom: 0;
}
.top-margin {
	margin-top: 20px;
}
img {
	max-width: 100%;
}
img.pull-right {
	margin-left: 10px;
}
img.pull-left {
	margin-right: 10px;
}
#map {
	width: 100%;
	height: 280px;
}
#social {
	margin-top: 50px;
	margin-bottom: 50px;
	.wrapper {
		width: 340px;
		margin: 0 auto;
	}
}
.sidebar {
	padding-top: 36px;
	padding-bottom: 30px;
	.widget {
		margin-bottom: 20px;
	}
	h1 {
		margin-top: 20px;
	}
	.h1 {
		margin-top: 20px;
	}
	h2 {
		margin-top: 20px;
	}
	.h2 {
		margin-top: 20px;
	}
	h3 {
		margin-top: 20px;
	}
	.h3 {
		margin-top: 20px;
	}
}
.footer1 {
	background: @color_23;
	padding: 30px 0 0 0;
	font-size: 12px;
	color: @color_7;
	a {
		color: @color_7;
		&:hover {
			color: @color_7;
		}
	}
	.widget {
		margin-bottom: 30px;
	}
	.widget-title {
		font-size: 17px;
		font-weight: bold;
		color: @color_10;
		margin: 0 0 20px;
	}
	.entry-meta {
		border-top: 1px solid @color_10;
		border-bottom: 1px solid @color_10;
		margin: 0 0 35px 0;
		padding: 2px 0;
		color: @color_11;
		font-size: 12px;
		font-size: 0.75rem;
		a {
			color: @color_12;
		}
		.meta-in {
			border-top: 1px solid @color_10;
			border-bottom: 1px solid @color_10;
			padding: 10px 0;
		}
	}
}
.follow-me-icons {
	font-size: 30px;
	i {
		float: left;
		margin: 0 10px 0 0;
	}
}

.widget-simplenav {
	margin-left: -5px;
	a {
		margin: 0 5px;
	}
}
.logo {
	max-height: 100px;
	overflow: visible;
}
.logo100 {
	max-height: 100px;
}
.logohome {
	max-height: 250px;
}
.rosa {
	margin-bottom: 20px;
	min-height: 490px;
}
.margin-top-10 {
	margin-top: 1.0em;
}
.margin-bottom-10 {
	margin-top: 1.0em;
}
.margin-top-05 {
	margin-top: .5em;
}
.margin-top-02 {
	margin-top: .2em;
}
.grid-item {
	margin-bottom: 5px;
}
.imtip {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #ffffff;
}
.video-content {
	max-width: 80%;
	max-height: 80%;
}
.piccola {
	max-width: 100px;
}
.media {
	max-width: 500px;
}
.massimo300px {
	max-height: 300px;
}
.ulno {
	padding-left: 0;
	list-style: none;
}
.jssorb03 {
	position: absolute;
	div {
		position: absolute;
		width: 21px;
		height: 21px;
		text-align: center;
		line-height: 21px;
		color: @color_1;
		font-size: 12px;
		background: url('assets/img/b03.png') no-repeat;
		overflow: hidden;
		cursor: pointer;
		background-position: -5px -4px;
		&:hover {
			position: absolute;
			width: 21px;
			height: 21px;
			text-align: center;
			line-height: 21px;
			color: @color_1;
			font-size: 12px;
			background: url('assets/img/b03.png') no-repeat;
			overflow: hidden;
			cursor: pointer;
			background-position: -35px -4px;
		}
	}
	.av {
		position: absolute;
		width: 21px;
		height: 21px;
		text-align: center;
		line-height: 21px;
		color: @color_1;
		font-size: 12px;
		background: url('assets/img/b03.png') no-repeat;
		overflow: hidden;
		cursor: pointer;
		background-position: -65px -4px;
		&:hover {
			background-position: -35px -4px;
		}
	}
	.dn {
		background-position: -95px -4px;
		&:hover {
			background-position: -95px -4px;
		}
	}
}
.jssora03l {
	display: block;
	position: absolute;
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url('img/a03.png') no-repeat;
	overflow: hidden;
	background-position: -3px -33px;
	&:hover {
		background-position: -123px -33px;
	}
}
.jssora03r {
	display: block;
	position: absolute;
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url('img/a03.png') no-repeat;
	overflow: hidden;
	background-position: -63px -33px;
	&:hover {
		background-position: -183px -33px;
	}
}
.jssora03l.jssora03ldn {
	background-position: -243px -33px;
}
.jssora03r.jssora03rdn {
	background-position: -303px -33px;
}
.jssora03l.jssora03lds {
	background-position: -3px -33px;
	opacity: .3;
	pointer-events: none;
}
.jssora03r.jssora03rds {
	background-position: -63px -33px;
	opacity: .3;
	pointer-events: none;
}
.stagione_a {
	display: block;
	font-family: @font_family_1;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 7px 0;
	z-index: 5;
}
.stagione_li {
	padding-right: 5px;
	width: 50%;
	float: left;
	margin: 2.5px 0;
}
.stagione_ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
.matchSchedule_details {
	margin: 40px 0;
}
.match_next {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	display: table;
}
.wrap_match_next {
	background-color: @color_16;
	padding: 20px 0;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	p {
		padding: 20px 0;
		color: @color_14;
	}
}
.match_versus-wrap {
	overflow: hidden;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.match_timing {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.match_versus {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.match_versus02 {
	background-color: @color_17;
	height: 400px;
}
.match_dtls {
	padding: 2px 0 !important;
	color: @color_26;
	text-transform: uppercase;
}
.matchSchedule_details2 {
	margin: 0;
}
.counter-wrap {
	li {
		position: relative;
		float: left;
		width: 25%;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		background-image: url("img/counterBg.jpg");
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
		padding: 15px 0;
		border-right: 2px solid @color_16;
		text-align: center;
		font-family: @font_family_1;
		font-size: 15px;
		color: @color_26;
		list-style-type: none;
		font-weight: 400;
		span {
			display: block;
			font-family: @font_family_1;
			font-size: 30px;
			color: @color_26;
			font-weight: 400;
		}
	}
	padding: 0px;
	margin-top: 0;
	margin-bottom: 10px;
}
.home_tInfo {
	background-image: url("img/counterBg.jpg");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	li {
		padding: 15px 0 9px;
		background: transparent;
		&:nth-of-type(even) {
			background-color: @color_17;
		}
	}
}
.match_info01 {
	.paragraph02 {
		text-align: center;
		padding: 5px 0;
	}
}
.point_table {
	background-image: url("img/counterBg.jpg");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	li {
		padding: 10px 0;
		&:nth-of-type(even) {
			background: @color_17;
		}
	}
}

.logo-match {
	position: relative;
	float: left;
	width: 41.6666666667%;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}
.logo-match2 {
	position: relative;
	float: left;
	width: 35%;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}
.match_vs {
	position: relative;
	float: left;
	width: 16.6666666667%;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	font-family: @font_family_1;
	font-size: 50px;
	color: @color_26;
	font-weight: 400;
	padding: 45px 0;
	text-align: center;
}
.match_vs2 {
	position: relative;
	float: left;
	width: 30%;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	font-family: @font_family_1;
	font-size: 50px;
	color: @color_26;
	font-weight: 400;
	padding: 45px 0;
	text-align: center;
}
.widgetinfowrap {
	padding: 0 0 30px;
	position: relative;
	float: left;
	width: 50%;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	.bg-blackimg {
		padding: 20px 0;
		text-align: center;
		font-family: @font_family_1;
		font-size: 16px;
		color: @color_1;
		font-weight: 300;
		text-transform: uppercase;
	}
	a {
		text-transform: uppercase;
		font-family: @font_family_1;
		font-size: 13px;
		color: @color_16;
		font-weight: 400;
		padding: 5px 0px 10px 50px;
	}
}
.vm-book {
	font-family: @font_family_1;
	font-size: 14px;
	color: @color_17;
	font-weight: 400;
	display: inline-block;
	text-transform: uppercase;
	margin: 20px 0;
	position: relative;
	&:hover {
		color: @color_17;
		text-decoration: none;
	}
	&:focus {
		color: @color_17;
		text-decoration: none;
	}
	&:after {
		position: absolute;
		font-family: @font_family_5;
		content: '\f078';
		top: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		color: @color_16;
	}
}
.buymatchticket {
	padding: 80px 0 40px;
	h5 {
		font-family: @font_family_1;
		font-size: 20px;
		color: @color_1;
		font-weight: 400;
		text-transform: uppercase;
	}
	p {
		margin-top: 20px;
	}
	.ticktbody {
		padding-left: 50px;
	}
	.social_link {
		color: @color_16;
		border: 1px solid @color_16;
		&:hover {
			border-color: @border_color_1;
			color: @color_1;
		}
	}
	.socialTicket {
		padding: 30px 0;
	}
}

.info01 {
	li {
		&:after {
			position: absolute;
			content: '\f00c';
			font-family: @font_family_5;
			top: 5px;
			left: 20px;
			color: @color_16;
			font-size: 18px;
			-webkit-font-smoothing: antialiased;
		}
	}
}
.info02 {
	li {
		border-bottom: 1px solid #e7e7e7;
	}
}
a.blacklrnmore {
	background: @color_17;
	font-family: @font_family_1;
	font-size: 12px;
	color: @color_1;
	font-weight: 400;
	text-transform: uppercase;
	padding: 5px 0;
	display: block;
	margin: 0 auto;
	border: 1px solid @color_17;
	width: 100px;
	text-align: center;
	transition: all 0.3s ease-in-out;
	&:hover {
		color: @color_17;
		border: 1px solid @color_17;
		background: transparent;
		text-decoration: none;
	}
	&:focus {
		color: @color_17;
		border: 1px solid @color_17;
		background: transparent;
		text-decoration: none;
	}
}
.contentinner {
	.bg-red {
		padding: 16px 0 16px 40px;
	}
}
.ticketInfo {
	li {
		padding: 5px 40px;
		margin: 5px 0;
		&:nth-of-type(odd) {
			background: #454c54;
			.vs {
				color: @color_16;
			}
		}
		&:nth-of-type(even) {
			background: #868f98;
		}
	}
}
.t_info {
	li {
		background: transparent !important;
		&:nth-of-type(1) {
			position: relative;
			float: left;
			width: 25%;
			min-height: 1px;
			padding-left: 15px;
			padding-right: 15px;
			position: relative;
			min-height: 1px;
			padding-left: 15px;
			padding-right: 15px;
			text-align: center;
			font-size: 30px;
		}
		&:nth-of-type(2) {
			position: relative;
			float: left;
			width: 75%;
			min-height: 1px;
			padding-left: 15px;
			padding-right: 15px;
			position: relative;
			min-height: 1px;
			padding-left: 15px;
			padding-right: 15px;
			.headline01 {
				span {
					width: 100%;
					text-align: center;
					display: block;
				}
			}
		}
		&:nth-of-type(3) {
			position: relative;
			float: left;
			width: 100%;
			min-height: 1px;
			padding-left: 15px;
			padding-right: 15px;
			position: relative;
			min-height: 1px;
			padding-left: 15px;
			padding-right: 15px;
			padding-top: 22px;
			a {
				margin: 0 auto;
			}
		}
	}
}
.ticketInner_info {
	width: 100%;
	text-align: center;
	span {
		&:first-of-type {
			border-right: 1px solid @color_1;
			padding-right: 5px;
			margin-right: 5px;
		}
		&:last-of-type {
			display: block;
			text-align: center;
		}
	}
}
.headline03 {
	font-family: @font_family_1;
	font-size: 30px;
	color: @color_26;
	font-weight: 400;
	text-transform: uppercase;
}
.bg-blackimg {
	background-image: url("img/blackbg.jpg");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
.latestResult {
	padding: 0;
	background-size: cover;
	background-position: center;
	.team-logo {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 150px;
		height: 150px;
		margin-left: -75px;
		margin-top: -75px;
		overflow: hidden;
		transition: all 0.8s ease-in-out;
	}
	.teamLogoImg {
		height: 100%;
		background-size: contain !important;
		background-position: top center !important;
		background-repeat: no-repeat !important;
	}
	.result {
		padding: 5px 0;
		.figure {
			position: relative;
			min-height: 1px;
			padding-left: 15px;
			padding-right: 15px;
			position: relative;
			min-height: 1px;
			padding-left: 15px;
			padding-right: 15px;
			background-image: url("img/resultlogo.png");
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
			height: 340px;
			padding: 0;
			transition: all 0.6s ease-in-out;
			&:after {
				position: absolute;
				content: '';
				height: 340px;
				width: 100%;
				z-index: -1;
				left: 60%;
				top: 50px;
				transition: all 0.9s ease;
				background: url("img/resultBoard.png") top right no-repeat;
			}
		}
		.content {
			position: relative;
			min-height: 1px;
			padding-left: 15px;
			padding-right: 15px;
			position: relative;
			min-height: 1px;
			padding-left: 15px;
			padding-right: 15px;
			transition: all 0.8s ease-in-out;
			margin-top: 80px;
			&:first-of-type {
				text-align: right;
				h4 {
					&:after {
						left: 50%;
					}
				}
			}
			h4 {
				color: @color_14;
				position: relative;
				&:after {
					position: absolute;
					content: '';
					width: 50%;
					height: 3px;
					background-color: @color_16;
					top: 100%;
					left: 0;
				}
			}
			p {
				font-family: @font_family_1;
				font-size: 16px;
				color: @color_14;
				font-weight: 400;
				padding: 2px 0;
				@color_1-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				text-transform: capitalize;
				&:first-of-type {
					color: @color_16;
					text-transform: uppercase;
					font-weight: 700;
					padding: 10px 0;
				}
			}
		}
		.count-number {
			text-align: center;
			padding: 40px 0 30px;
			span {
				font-family: @font_family_1;
				font-size: 60px;
				font-weight: 700;
				display: inline-block;
				padding: 0 5px;
			}
		}
		.dateTime {
			font-family: @font_family_1;
			font-size: 16px;
			font-weight: 400;
			text-align: center;
			.country-wrap {
				text-transform: uppercase;
				span {
					font-family: @font_family_1;
					font-size: 16px;
					font-weight: 400;
				}
			}
		}
		.dateTime-container {
			span {
				text-transform: capitalize;
				&:last-of-type {
					text-transform: uppercase;
					position: relative;
				}
			}
		}
		.score-btn {
			margin: 50px 0 0;
		}
	}
	.result-details {
		position: relative;
		float: left;
		width: 100%;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		z-index: 20;
		.figure {
			&:after {
				-webkit-transform: scaleX(-1);
				-ms-transform: scaleX(-1);
				transform: scaleX(-1);
				left: 50%;
			}
		}
	}
	.result-count {
		position: relative;
		float: left;
		width: 100%;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		padding: 0;
	}
}
.latestResult-wrap {
	padding: 10px 0;
	text-align: center;
}
.width100 {
	width: 100%!important;
}
.h2latest {
	margin: 0;
	color: @color_26;
	text-transform: uppercase;
	margin-bottom: 15px;
}
table.scroll {
	border-spacing: 0;
	tbody {
		display: block;
		height: 600px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	thead {
		display: block;
	}
}
thead {
	tr {
		th {
			height: 30px;
			line-height: 30px;
		}
	}
	th {
		&:last-child {
			
		}
	}
}
tbody {
	td {
		&:last-child {
			
		}
	}
}
.news {
	background: @color_25;
	position: relative;
	overflow: hidden;
	z-index: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	.img-figure {
		position: relative;
		img {
			position: relative;
			overflow: hidden;
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-ms-transition: all 1s ease;
			-o-transition: all 1s ease;
			transition: all 1s ease;
		}
	}
	&:hover {
		.img-figure {
			img {
				-webkit-transform: scale(1.10);
				-moz-transform: scale(1.10);
				-ms-transform: scale(1.10);
				-o-transform: scale(1.10);
				transform: scale(1.10);
			}
		}
		.title {
			margin-top: -90px;
			background: @color_25;
		}
		p.description {
			opacity: 1;
		}
		a {
			&:after {
				width: 30px;
			}
		}
	}
	.title {
		padding: 29px 30px;
		position: absolute;
		left: 0;
		background: @color_25;
		width: 100%;
		height: 100%;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		h1 {
			margin: 0;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 19px;
			text-align: center;
		}
	}
	p.description {
		position: relative;
		font-weight: normal;
		line-height: 22px;
		opacity: 0;
		text-align: center;
		padding: 15px 30px 0px 30px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
}
p.more {
	text-align: center;
}
.more {
	a {
		position: relative;
		font-size: 13px;
		margin-top: 30px;
		display: block;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		display: inline-block;
		&:after {
			width: 18px;
			height: 1px;
			position: absolute;
			left: 55px;
			top: 9px;
			background: #28998b;
			vertical-align: middle;
			margin-left: 10px;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
	}
}
.cat {
	background: @color_25;
	color: @color_18;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 1;
	padding: 3px 15px;
}
.logonext {
	max-height: 150px;
}
.logoprev {
	max-height: 240px;
}
.logoclassifica {
	max-height: 50px;
}
.sqname {
	min-height: 50px;
}
.sqnameprev {
	min-height: 30px;
}
&::-webkit-scrollbar {
	width: 12px;
	width: 12px;
}
&::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
&::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(red(@color_31), green(@color_31), blue(@color_31),0.8);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	-webkit-border-radius: 10px;
	&:window-inactive {
		background: rgba(red(@color_31), green(@color_31), blue(@color_31),0.4);
	}
}
.playerDetailsPage-info {
	li {
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		height: auto;
		&:first-of-type {
			padding: 25px;
			h2 {
				font-family: @font_family_1;
				font-size: 80px;
				color: @color_16;
				font-weight: 400;
				line-height: 80px;
			}
			h3 {
				font-family: @font_family_1;
				font-size: 40px;
				color: @color_19;
				font-weight: 400;
				text-transform: capitalize;
			}
		}
		&:nth-of-type(2) {
			height: auto;
		}
		&:last-of-type {
			padding: 25px;
			background-size: cover;
			background-position: top center;
			background-repeat: no-repeat;
			h2 {
				font-family: @font_family_1;
				font-size: 80px;
				color: @color_16;
				font-weight: 400;
				line-height: 80px;
			}
			h3 {
				font-family: @font_family_1;
				font-size: 40px;
				color: @color_19;
				font-weight: 400;
				text-transform: capitalize;
			}
			p {
				color: @color_20;
				padding: 10px 50px;
			}
		}
		.playersocial {
			padding: 15px 0;
			text-align: center;
			a {
				border: none;
			}
		}
	}
	background-image: url("img/heroesBg.jpg");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 15px;
}
.nolist {
	list-style-type: none;
}
.bio_player {
	div {
		span {
			margin-right: 20px;
			color: @color_20;
		}
		font-family: @font_family_1;
		font-size: 16px;
		color: @color_19;
		font-weight: 400;
		text-transform: uppercase;
		padding: 10px 0;
	}
}
.powered {
	color: @color_21 !important;
	transition: all 0.3s ease-in-out;
}
.gallery-home {
	padding-left: 30px;
}
.minuscolo {
	font-size: 10px;
	color: @color_22;
}
.bannertop {
	padding-top: 60px;
}
.navbar {
	background: @color_24;
	border: none;
	a {
		color: @color_1;
	}
}
.dropdown-menu {
	background: @color_24;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	>li {
		>a {
			&:focus {
				border-bottom: 3px solid transparent;
				border-bottom: 3px solid transparent;
				background: none;
				color: @color_1;
			}
			&:hover {
				border-bottom: 3px solid transparent;
				border-bottom: 3px solid transparent;
				background: none;
				color: @color_1;
			}
			border-bottom: 3px solid transparent;
			color: @color_1;
		}
		border-bottom: 3px solid transparent;
	}
}
.nav {
	>li {
		>a {
			border-bottom: 3px solid transparent;
			&:focus {
				border-bottom: 3px solid transparent;
				background: none;
			}
			&:hover {
				border-bottom: 3px solid transparent;
				background: none;
			}
		}
	}
	.open {
		>a {
			border-bottom: 3px solid transparent;
			background: none;
			&:focus {
				border-bottom: 3px solid transparent;
				background: none;
			}
			&:hover {
				border-bottom: 3px solid transparent;
				background: none;
			}
		}
	}
}
.navbar-toggle {
	color: @color_1;
	.icon-bar {
		color: @color_1;
		background: @color_1;
	}
}
.floatright {
	float: right !important;
}
.floatleft {
	float: left !important;
}
.menusport {
	color: @color_1;
	font-weight: 800;
	text-align: center;
}
@media (min-width: 768px) {
	.match_next {
		float: left;
		width: 25%;
	}
	.match_versus-wrap {
		float: left;
		width: 75%;
	}
	.match_timing {
		float: left;
		width: 100%;
	}
	.container>.navbar-collapse{
	max-width: 85%;
	float:right;
	}
	.container>.navbar-header{
	max-width: 15%;
	float:left;
	}
	.match_versus {
		float: left;
		width: 75%;
	}
	.t_info {
		li {
			&:nth-of-type(1) {
				float: left;
				width: 16.6666666667%;
			}
			&:nth-of-type(2) {
				float: left;
				width: 58.3333333333%;
			}
			&:nth-of-type(3) {
				float: left;
				width: 25%;
			}
		}
	}
}
@media (min-width: 992px) {
	.match_timing {
		float: left;
		width: 100%;
	}
	.match_versus {
		float: left;
		width: 75%;
	}
	.widgetinfowrap {
		float: left;
		width: 100%;
	}
	.latestResult {
		.result {
			.figure {
				float: left;
				width: 33.3333333333%;
			}
			.content {
				float: left;
				width: 33.3333333333%;
			}
		}
	}
	.playerDetailsPage-info {
		li {
			float: left;
			width: 33.3333333333%;
		}
	}
}
@media (min-width: 1200px) {
	.match_timing {
		float: left;
		width: 16.6666666667%;
	}
	.match_versus {
		float: left;
		width: 58.3333333333%;
	}
	.match_versus2 {
		float: left;
		width: 81%;
	}
	.counter-wrap {
		li {
			float: left;
			width: 100%;
		}
	}
	.latestResult {
		.result-details {
			float: left;
			width: 41.6666666667%;
		}
		.result-count {
			float: left;
			width: 16.6666666667%;
		}
		.result {
			.figure {
				float: left;
				width: 58.3333333333%;
			}
			.content {
				float: left;
				width: 41.6666666667%;
			}
		}
	}
}
@media screen and (min-width: 768px) {
	.right-padding {
		padding: 0px 0px 0px 20px;
	}
	.left_padding {
		padding: 0px 0px 0px 20px;
	}
	.match_versus {
		padding: 0;
	}
	.match_timing {
		padding: 0px;
		background-color: @color_16;
	}
	.home_tInfo {
		&::-webkit-scrollbar {
			background: @color_16;
		}
		overflow-y: scroll;
		height: 400px;
	}
	.match_versus-wrap {
		padding: 0;
		background: @color_17;
	}
	.match_next {
		padding: 0;
		height: 400px;
	}
	.wrap_match_next {
		height: 400px;
		text-align: left;
		padding: 0;
		p {
			text-align: left;
		}
	}
	.point_table {
		overflow-y: scroll;
		height: 400px;
	}
}
@media screen and (min-width: 992px) {
	.right-padding {
		padding: 0px 0px 0px 60px;
	}
	.left_padding {
		padding: 0px 30px 0px 0px;
	}
	.nextmatchDetails {
		padding: 20px 60px 20px 200px;
		p {
			padding: 10px 0;
		}
	}
	.nextmatchDetails2 {
		padding: 20px 20px 20px 20px;
	}
	.home_tInfo {
		&::-webkit-scrollbar {
			background: @color_16;
		}
	}
	.subPoint_table {
		padding: 0px 50px 0 200px;
	}
	.wrap_match_next {
		padding-left: 0;
		padding-right: 0;
		&:after {
			position: absolute;
			content: '';
			width: 0;
			height: 0;
			top: 0;
			z-index: 2;
		}
	}
	.right-triangle {
		&:after {
			border-bottom: 400px solid transparent;
			border-top: 0px solid transparent;
			border-left: 175px solid @color_16;
			left: 100%;
		}
	}
	.left_triangle {
		&:after {
			right: 100%;
			border-bottom: 400px solid transparent;
			border-top: 0px solid transparent;
			border-right: 175px solid @color_16;
		}
	}
}
@media screen and (min-width: 1200px) {
	.match_timing {
		height: 400px;
	}
	.width19 {
		width: 19%;
	}
	.counter-wrap {
		li {
			border-bottom: 2px solid @color_16;
			border-right: 0px;
		}
	}
	.latestResult {
		.result-details {
			.figure {
				background-image: url("img/resultlogo.png");
				background-size: inherit;
				background-position: center;
				background-repeat: no-repeat;
				opacity: 0;
				background-position-y: 340px;
				&:after {
					width: 0;
				}
			}
			.figure.animatefig-before {
				&:after {
					width: 335px;
				}
			}
			.addfigure {
				background-position-y: center;
				opacity: 1;
			}
			&:first-of-type {
				.figure {
					&:after {
						right: 58%;
						left: auto;
					}
				}
			}
			.figresult {
				&:after {
					-webkit-transform: scaleX(1);
					-ms-transform: scaleX(1);
					transform: scaleX(1);
				}
			}
			.contentresult {
				float: right;
				text-align: left !important;
				h4 {
					&:after {
						left: 0 !important;
					}
				}
			}
		}
		.team-logo {
			opacity: 0;
		}
		.content {
			opacity: 0;
		}
	}
}
@media screen and (max-width: 479px) {
	.widgetinfowrap {
		width: 100%;
	}
}
@media screen and (min-width: 600px) {
	.t_info {
		li {
			&:nth-of-type(2) {
				.headline01 {
					span {
						width: 35%;
						float: left;
					}
					span.vs {
						width: 20%;
						font-size: 30px;
						line-height: 30px;
						text-align: center;
					}
				}
			}
		}
	}
	.ticketInner_info {
		width: 100%;
		span {
			margin: 5px 0;
			padding: 0 5px;
			border-right: 1px solid @color_1;
			&:last-of-type {
				border: none;
				display: inline-block;
			}
			&:first-of-type {
				padding-left: 0;
			}
		}
	}
}
@media screen and (max-width: 499px) {
	.latestResult {
		.result {
			.figure {
				width: 100%;
				&:after {
					content: initial;
				}
			}
			.content {
				display: none;
			}
		}
	}
	#head {
		padding-top: 85px;
	}
}
@media screen and (min-width: 500px) and (max-width: 1199px) {
	.latestResult {
		.result-details {
			.figure {
				width: 50%;
				float: left;
				&:after {
					left: -220px;
					width: 138%;
				}
			}
			.content {
				width: 50%;
				float: left;
			}
		}
	}
	#head {
		padding-top: 85px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.latestResult {
		.result-details {
			.figure {
				width: 40%;
				float: left;
				background-position: center;
				&:after {
					width: 200%;
					left: -98%;
				}
			}
			.content {
				width: 50%;
				float: left;
			}
		}
	}
	#head {
		padding-top: 53px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.latestResult {
		.result-details {
			.figure {
				width: 30%;
				float: left;
				&:after {
					left: -104%;
				}
			}
			.content {
				width: 40%;
				float: left;
			}
		}
	}
}
body {
    font-family: @font_family_1;
	background-color: @color_28;
	color: @color_29;
	}
.dropdown-menu{
	background-color: @color_27;
}
.maxheight{
	max-height: 1024px;
	overflow: auto;
}
.min421{
min-height: 421px;
}