/* liveNotification widget start */
.no-player .edl-round
{
	background: #fff none repeat scroll 0 0;
	font-family: "Klavika Medium", Arial, Sans-serif;
	font-weight: 500;
	font-size: 18px;
	height: 38px;
	left: 50%;
	line-height: 38px;
	min-width: 1540px;
	position: absolute;
	top: 0;
	text-align: center;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
	transform: translate(-50%);
}
/* liveNotification widget end */
/* edl widget start */
.edl-timeline
{
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
}
.edl-timeline .owl-carousel
{
	margin-top: 0;
}
.edl-timeline .edl-timeline-line
{
	width: 100%;
	height: 1px;
	background-color: #909191;
	position: absolute;
	bottom: 57px;
}
.edl-timeline .edl-timeline-event
{
	background-color: transparent;
	padding-bottom: 18px;
	overflow: hidden;
	white-space: nowrap;
	outline: 1px solid transparent;
}
.edl-timeline .owl-stage-outer .owl-stage
{
	outline: 1px solid transparent;
}
.edl-timeline-event .owl-item
{
	opacity: 0;
	float: none;
	vertical-align: bottom;
	display: inline-block;
	-webkit-transform: translate(30%, 0);
	transform: translate(30%, 0);
}
.edl-timeline-event .owl-item.in
{
	opacity: 1;
	-webkit-transition: -webkit-transform 0.56s cubic-bezier(0.19, 1, 0.22, 1), opacity .15s linear;
	transition: transform 0.56s cubic-bezier(0.19, 1, 0.22, 1), opacity .15s linear;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.edl-timeline-event .event
{
	font-family: "klavika Regular", Arial, Sans-serif;
	font-weight: 400;
	font-size: 16px;
	filter: alpha(opacity=90);
	opacity: .9;
	margin-left: 10px;
	outline: 1px solid transparent;
}
.edl-timeline-event .event .event-inner
{
	color: #fff;
	text-align: left;
	background-color: #333333;
	border-radius: 2px;
	white-space: normal;
	width: auto;
	display: inline-block;
}
.edl-timeline-event .event .event-content
{
	overflow: hidden;
	padding: 15px 15px;
	word-wrap: break-word;
	text-transform: uppercase;
	/*max-height: 67px;*/
	line-height: 17px;
	font-family: "Klavika Bold", Arial, Sans-serif;
	font-weight: 700;
}
.edl-timeline-event .event .event-arrow
{
	border-color: #333333 transparent transparent;
	border-style: solid;
	border-width: 10px 6px 0;
	height: 0;
	left: 20%;
	margin-left: 25px;
	margin-top: -8px;
	width: 0;
}
.edl-timeline-event .event .event-point
{
	color: #d20a0a;
	width: 4px;
	height: 5px;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6);
	margin: 8px 0 19px 25px;
}
.edl-timeline-event .event .event-time
{
	color: #fff;
	font-family: "Klavika Bold", Arial, Sans-serif;
	font-weight: 700;
	width: 60px;
	text-align: center;
}
@media (max-width: 767px)
{
	.edl-timeline-event .event
	{
		margin-left: 15px;
	}
}
/* edl widget end */
/* player widget Fanscoring start */
.playerwidget .button-close
{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
.playerwidget .button-close:hover
{
	opacity: 0.5;
}
.user-score-playerwidget .user-score-title
{
	background-color: #fff;
	font-family: "Klavika Regular", Arial, Sans-serif;
	font-weight: 400;
	font-size: 24px;
	height: 97px;
	line-height: 115px;
	text-align: center;
}
.playerwidget .user-score-msg
{
	font-family: "Klavika Regular", Arial, Sans-serif;
	font-weight: 400;
	font-size: 25px;
	margin-top: 160px;
	padding: 0px 20px;
	text-align: center;
}
.user-score-playerwidget .user-score-image
{
	overflow: hidden;
	background-color: #000;
}
.video-container.event-mma .user-score-playerwidget .user-score-image
{
	display: none;
}
.user-score-playerwidget .user-score-image img
{
	width: 50%;
	float: left;
}
.user-score-playerwidget .user-score-image img.right
{
	float: right;
}
.user-score-playerwidget .user-score-header
{
	margin-top: 40px;
	margin-bottom: 15px;
	overflow: hidden;
}
.user-score-playerwidget .user-score-header .title
{
	padding: 0;
	text-align: center;
	font-family: "Klavika Medium", Arial, Sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #000;
}
.user-score-playerwidget .user-score-header .title.fighter-vs
{
	font-family: "Klavika Regular", Arial, Sans-serif;
	font-weight: 400;
}
.user-score-playerwidget .user-score-content .score
{
	float: left;
	width: 20%;
	position: relative;
	text-align: center;
	color: #000;
	font-family: "Klavika Regular", Arial, Sans-serif;
	font-weight: 400;
	font-size: 16px;
}
.user-score-playerwidget .user-score-top .score
{
	font-family: "Klavika Medium", Arial, Sans-serif;
	font-weight: 500;
}
.user-score-playerwidget .user-score-top .score-round,
.user-score-playerwidget .user-score-line .score-total
{
	font-size: 14px;
}
.user-score-playerwidget .user-score-line .score-round
{
	font-family: "Klavika Medium", Arial, Sans-serif;
	font-weight: 500;
}
.user-score-playerwidget .user-score-line
{
	border-bottom: 1px solid #dadada;
	height: 36px;
	line-height: 36px;
}
.user-score-playerwidget .user-score-content .score .select-icons
{
	top: 10px;
}
.user-score-playerwidget .user-score-content .score .list-select
{
	background-color: #dadada;
}
.user-score-playerwidget .user-score-content .score .list-select .option:hover
{
	background-color: #fff;
}
.user-score-playerwidget .user-score-content .user-score-about
{
	font-weight: bold;
	height: 80px;
	line-height: 80px;
	text-align: center;
}
.user-score-playerwidget .user-score-content .user-score-about
{
	font-weight: bold;
	height: 80px;
	line-height: 80px;
	text-align: center;
}
/* player widget Fanscoring end */
/* player widget livestats start */
.live-stats-playerwidget,
.live-stats-playerwidget .stats-header .stats-item.top
{
	display: none;
}
.live-stats-playerwidget .stats-header
{
	margin-top: 80px;
	height: auto;
	border: 0;
}
.live-stats-playerwidget .stats-header .name
{
	background: none;
	width: 50%;
	padding: 0;
	float: left;
}
.live-stats-playerwidget .stats-header .stats-item.first-item
{
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-family: "Klavika Medium", Arial, Sans-serif;
	font-weight: 500;
}
.live-stats-playerwidget .stats-header .name.fighter-red
{
	color: #d20a0a;
}
.live-stats-playerwidget .stats-header .name.fighter-blue
{
	color: #14416a;
}
.live-stats-playerwidget .stats-content
{
	height: auto;
	border: 0;
}
.live-stats-playerwidget .stats-content .line
{
	margin-bottom: 10px;
}
.live-stats-playerwidget .stats-content .line .container
{
	width: 100%;
	color: #000;
}
.live-stats-playerwidget .stats-content .stats-item
{
	border: 0 none;
	font-family: "Klavika Light", Arial, Sans-serif;
	font-weight: 300;
	font-size: 14px;
	text-align: center;
}
/* player widget livestats end */
/* live stats components start */
.new-bout
{
	display: none;
}
.stats-item
{
	opacity: 0;
	transition: opacity 0.33s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: opacity 0.33s cubic-bezier(0.19, 1, 0.22, 1);
}
.stats-item.show
{
	opacity: 1;
}
.stats-header
{
	width: 100%;
	height: 50px;
	border-top: 2px solid #dadada;
	background-color: #f2f2f2;
}
.stats-content
{
	width: 100%;
	height: 70px;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.stats-content.fighter-red,
.stats-header .fighter-red
{
	background-color: #d20a0a;
}
.stats-content.fighter-blue,
.stats-header .fighter-blue
{
	background-color: #14416a;
}
.stats-container
{
	height: 100%;
	line-height: 70px;
}
.stats-header .stats-container
{
	line-height: 50px;
	font-family: 'Klavika Regular', Arial, Sans-serif;
	font-weight: 400;
}
.stats-container .stats-item,
.stats-container .other-item
{
	height: 100%;
	float: left;
	text-align: center;
}
.stats-header .stats-item
{
	font-size: 16px;
	width: 9.54725%;
}
.stats-content .stats-item
{
	border-right: 1px solid #000;
	font-size: 20px;
	font-family: 'Klavika Medium', Arial, Sans-serif;
	font-weight: 500;
}
.stats-container .stats-item.first-item
{
	font-family: 'Klavika Medium', Arial, Sans-serif;
	font-weight: 500;
	font-size: 18px;
	text-align: left;
}
.stats-header .glyphicon-info-sign
{
	font-size: 15px;
	margin-left: 7px;
}
.stats-container.average-stats .stats-item,
.stats-header.average-stats .stats-item
{
	width: 9.54725%;
}
.stats-container.live-stats .stats-item,
.stats-header.live-stats .stats-item
{
	width: 10.911%;
}
.stats-container.average-stats .stats-item.first-item
{
	width: 23.622%;
}
.stats-container.live-stats .stats-item.first-item
{
	width: 23.622%;
}
/* [320px, 1039px], common for sm, xp, xs */
@media (max-width: 1039px)
{
	.stats-header
	{
		height: 70px;
	}
	.stats-header .stats-item
	{
		border: 0;
		padding-top: 15px;
		line-height: 17px;
	}
	.stats-container.average-stats .stats-item
	{
		width: 10.625%;
	}
	.stats-container.live-stats .stats-item
	{
		width: 12.143%;
	}
	.stats-container.average-stats .stats-item.first-item
	{
		width: 15%;
	}
	.stats-container.live-stats .stats-item.first-item
	{
		width: 15%;
	}
}
/* [320px, 767px], common for xp, xs*/
@media (max-width: 767px)
{
	.stats-header
	{
		background-color: #fff;
		border-top: 1px solid #dadada;
		height: 95px;
		width: 100%;
		text-align: center;
		font-family: 'Klavika Medium', Arial, Sans-serif;
		font-weight: 500;
		font-size: 18px;
	}
	.stats-header .stats-item.top
	{
		width: 100%;
		height: 60px;
		line-height: 60px;
		padding: 0;
		font-size: 18px;
	}
	.stats-header .name
	{
		float: left;
		width: 50%;
		height: 35px;
		line-height: 35px;
		color: #fff;
	}
	.stats-header .name.fighter-blue
	{
		float: left;
		width: 50%;
		border-left: 1px solid #fff;
	}
	.stats-header .name.fighter-blue .stats-item,
	.stats-header .name.fighter-red .stats-item
	{
		padding: 0;
		line-height: 35px;
		font-size: 18px;
		width: 100%;
	}
	.stats-content .stats-item
	{
		border: 0;
	}
	.stats-content
	{
		height: auto;
		color: #000;
		border-bottom: 1px solid #dadada;
	}
	.stats-content
	{
		height: auto;
		color: #000;
		background-color: #f2f2f2;
		padding: 16px 0;
		border-bottom: 1px solid #dadada;
	}
	.stats-content .stats-name
	{
		font-family: 'Klavika Regular', Arial, Sans-serif;
		font-weight: 400;
		font-size: 15px;
	}
	.stats-content .line
	{
		width: 100%;
		height: 28px;
		line-height: 28px;
		text-align: center;
	}
	.stats-content .line.even
	{
		background-color: #fff;
	}
}
/* live stats components end */
/* single bout start */
.single-bout
{
	position: relative;
}
.head-to-head
{
	width: 100%;
	height: 830px;
	position: relative;
	display: block;
	overflow: hidden;
	background-color: #fff;
	border-top: 1px solid #dadada;
}
.head-to-head.fight-card-section
{
	margin-top: 0;
}
.head-to-head.no-weight-class-title
{
	height: 808px;
}
.head-to-head .hth-top-title
{
	text-align: center;
	padding-top: 35px;
	background-color: #f2f2f2;
}
.head-to-head .hth-top-title .hth-title
{
	font-family: "Klavika Light", Arial, Sans-serif;
	font-weight: 300;
	font-size: 36px;
	line-height: 51px;
}
.head-to-head .hth-top-title .bout-title
{
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	opacity: 1;
	-webkit-transition: opacity 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Safari and Chrome */
	transition: opacity 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.head-to-head.changing .hth-top-title .bout-title
{
	opacity: 0;
}
.head-to-head .bout-info
{
	position: absolute;
	width: 100%;
}
.head-to-head.current-bout .hth-top-title > div,
.head-to-head.current-bout .bout-info .fighter-photo > img,
.head-to-head.current-bout .bout-info .fighter-photo .winner-show,
.head-to-head.current-bout .bout-info .fighter-photo .score-info,
.head-to-head.current-bout .bout-info .fighter-info-container > div,
.head-to-head.current-bout .fighter-CTAs
{
	opacity: 1;
}
.head-to-head.current-bout.changing .hth-top-title > div,
.head-to-head.current-bout.changing .bout-info .fighter-photo > img,
.head-to-head.current-bout.changing .bout-info .fighter-photo .winner-show,
.head-to-head.current-bout.changing .bout-info .fighter-photo .score-info,
.head-to-head.current-bout.changing .bout-info .fighter-info-container > div,
.head-to-head.current-bout.changing .fighter-CTAs
{
	opacity: 0;
	-webkit-transition: opacity 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Safari and Chrome */
	transition: opacity 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.head-to-head.next-bout
{
	position: absolute;
	top: 0;
}
.head-to-head.next-bout,
.head-to-head.next-bout .hth-top-title,
.head-to-head.next-bout .bout-info .fighter-photo,
.head-to-head.next-bout .bout-info .fighter-info-container
{
	background-color: transparent;
}
.head-to-head.next-bout .hth-top-title > div,
.head-to-head.next-bout .bout-info .fighter-photo .fighter-red-photo,
.head-to-head.next-bout .bout-info .fighter-photo .fighter-blue-photo,
.head-to-head.next-bout .bout-info .fighter-photo .winner-show,
.head-to-head.next-bout .bout-info .fighter-photo .score-info,
.head-to-head.next-bout .bout-info .fighter-info-container > div,
.head-to-head.next-bout .fighter-CTAs
{
	opacity: 0;
}
.head-to-head.next-bout.changing .hth-top-title > div,
.head-to-head.next-bout.changing .bout-info .fighter-info-container > div,
.head-to-head.next-bout.changing .fighter-CTAs
{
	opacity: 1;
	-webkit-transition: opacity 0.33s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Safari and Chrome */
	transition: opacity 0.33s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.head-to-head .fighter-photo
{
	height: 736px;
	width: 100%;
	overflow: hidden;
	position: absolute;
	background-color: #f2f2f2;
}
.head-to-head .fighter-photo .fighter-red-photo
{
	float: left;
	position: absolute;
	left: -75px;
}
.head-to-head .fighter-photo .fighter-blue-photo
{
	float: right;
	position: absolute;
	right: -75px;
}
/* Transition for Exchange of current bout(Left-red-card-disappear) */
.head-to-head.current-bout.changing .bout-info .fighter-photo .fighter-red-photo
{
	opacity: 0;
	outline: 1px solid transparent;
	-webkit-transform: translate(10px);
	transform: translate(10px);
	-webkit-transition: opacity 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Safari and Chrome */
	transition: opacity 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s, transform 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.head-to-head.current-bout.changing .bout-info .fighter-info-container .fighter-red-info,
.head-to-head.current-bout.changing .bout-info .fighter-info-container .fighter-red-btn,
.head-to-head.current-bout.changing .fighter-CTAs .fighter-red-btn
{
	outline: 1px solid transparent;
	-webkit-transform: translate(10px);
	transform: translate(10px);
	-webkit-transition: -webkit-transform 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Safari and Chrome */
	transition: transform 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
/* Transition for Exchange of current bout(Right-blue-card-disappear) */
.head-to-head.current-bout.changing .bout-info .fighter-photo .fighter-blue-photo
{
	opacity: 0;
	outline: 1px solid transparent;
	-webkit-transform: translate(-10px);
	transform: translate(-10px);
	-webkit-transition: opacity 0.36s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Safari and Chrome */
	transition: opacity 0.36s cubic-bezier(0.19, 1, 0.22, 1) 0s, transform 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.head-to-head.current-bout.changing .bout-info .fighter-info-container .fighter-blue-info,
.head-to-head.current-bout.changing .bout-info .fighter-info-container .fighter-blue-btn,
.head-to-head.current-bout.changing .fighter-CTAs .fighter-blue-btn
{
	outline: 1px solid transparent;
	-webkit-transform: translate(-10px);
	transform: translate(-10px);
	-webkit-transition: -webkit-transform 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Safari and Chrome */
	transition: transform 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
/* Transition for Exchange of next bout(Left-red-card-disappear) */
.head-to-head.next-bout .bout-info .fighter-photo .fighter-red-photo,
.head-to-head.next-bout .bout-info .fighter-photo .fighter-blue-photo
{
	opacity: 0;
}
.head-to-head.next-bout .bout-info .fighter-photo .fighter-red-photo,
.head-to-head.next-bout .bout-info .fighter-info-container .fighter-red-info,
.head-to-head.next-bout .bout-info .fighter-info-container .fighter-red-btn,
.head-to-head.next-bout .fighter-CTAs .fighter-red-btn
{
	outline: 1px solid transparent;
	-webkit-transform: translate(-30px);
	transform: translate(-30px);
}
/* Transition for Exchange of next bout(Right-blue-card-disappear) */
.head-to-head.next-bout .bout-info .fighter-photo .fighter-blue-photo,
.head-to-head.next-bout .bout-info .fighter-info-container .fighter-blue-info,
.head-to-head.next-bout .bout-info .fighter-info-container .fighter-blue-btn,
.head-to-head.next-bout .fighter-CTAs .fighter-blue-btn
{
	outline: 1px solid transparent;
	-webkit-transform: translate(30px);
	transform: translate(30px);
}
.head-to-head.next-bout.changing .bout-info .fighter-photo .fighter-red-photo,
.head-to-head.next-bout.changing .bout-info .fighter-photo .fighter-blue-photo
{
	opacity: 1;
	-webkit-transform: translate(0px);
	transform: translate(0px);
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0.33s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Safari and Chrome */
	transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0.33s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.head-to-head.next-bout.changing .bout-info .fighter-info-container .fighter-red-info,
.head-to-head.next-bout.changing .bout-info .fighter-info-container .fighter-red-btn,
.head-to-head.next-bout.changing .bout-info .fighter-info-container .fighter-blue-info,
.head-to-head.next-bout.changing .bout-info .fighter-info-container .fighter-blue-btn
{
	-webkit-transform: translate(0px);
	transform: translate(0px);
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Safari and Chrome */
	transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.head-to-head.next-bout.changing .fighter-CTAs .fighter-red-btn,
.head-to-head.next-bout.changing .fighter-CTAs .fighter-blue-btn
{
	-webkit-transform: translate(0px);
	transform: translate(0px);
	-webkit-transition: -webkit-transform 0.33s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Safari and Chrome */
	transition: transform 0.33s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.head-to-head .bout-info .fighter-info-container .info-more .fighter-red-info,
.head-to-head .bout-info .fighter-info-container .info-more .fighter-blue-info
{
	max-height: 440px;
	overflow: hidden;
}
.head-to-head .fighter-photo .hth-top-title
{
	display: none;
}
.head-to-head .fighter-info-container
{
	width: 100%;
	position: absolute;
	top: 35px;
}
.head-to-head .info-more
{
	display: none;
}
.head-to-head .fighter-info,
.head-to-head .info-more .info-more-detail,
.head-to-head .winner-show .winner-tag
{
	padding: 0 23%;
}
.head-to-head .fighter-info
{
	padding-top: 58px;
}
.head-to-head .fighter-CTAs .view-fighter-common
{
	color: #000;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
}
.head-to-head .fighter-CTAs .follow-fighter.view-fighter-common
{
	margin-right: 10px;
	background-image: url('../images/event/icon_follow_fighter.png');
}
.head-to-head .fighter-CTAs .follow-fighter.view-fighter-common.followed
{
	background-image: url('../images/event/icon_follow_fighter_ok.png');
}
.head-to-head .fighter-CTAs .view-fighter-common.view-profile
{
	margin-right: 0;
	background-image: url('../images/event/icon_view_profile.png');
}
.head-to-head .fighter-info-main,
.head-to-head .info-more-detail
{
	font-size: 0;
}
.head-to-head .fighter-red-info
{
	text-align: left;
}
.head-to-head .fighter-blue-info
{
	text-align: right;
}
.head-to-head .fighter-red-info,
.head-to-head .fighter-blue-info
{
	display: block;
	width: 50%;
	float: left;
}
.head-to-head .info-more .fighter-red-info,
.head-to-head .info-more .fighter-blue-info
{
	vertical-align: top;
}
.head-to-head .fighter-info .fighter-rating
{
	font-size: 14px;
	display: block;
	width: 100%;
	margin-top: 0;
}
.head-to-head .fighter-info .fighter-rating .fighter-rank
{
	font-family: "Klavika Bold", Arial, Sans-serif;
	font-weight: 700;
	color: #000;
}
.head-to-head .fighter-info .fighter-rating .fighter-rank.fighter-champion
{
	background: transparent url("../images/event/icon_champion.png") no-repeat scroll 0 35%;
	padding-left: 20px;
	display: inline;
}
.head-to-head .fighter-info .fighter-rating .fighter-weight-class
{
	font-family: "Klavika Regular", Arial, Sans-serif;
	font-weight: 400;
	color: #000;
}
.head-to-head .fighter-info .fighter-pfp-rank
{
	margin: 15px 0;
	display: block;
	width: 100%;
	background-color: transparent;
	line-height: normal;
	padding: inherit;
}
.head-to-head .fighter-info .fighter-pfp-rank span
{
	background-color: #000;
	padding: 2px 9px;
	font-family: "Klavika Bold", Arial, Sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.head-to-head .fighter-info .fighter-name
{
	font-family: "Klavika Bold", Arial, Sans-serif;
	font-weight: 700;
	font-size: 40px;
	line-height: 35px;
	display: block;
	width: 100%;
	cursor: pointer;
}
.head-to-head .fighter-info .fighter-name:hover
{
	text-decoration: underline;
}
.head-to-head .fighter-info .fighter-red-info .fighter-name
{
	color: #d20a0a;
}
.head-to-head .fighter-info .fighter-blue-info .fighter-name
{
	color: #214362;
}
.head-to-head .fighter-info .fighter-name span
{
	display: block;
}
.head-to-head .info-more .info-more-btn,
.head-to-head .info-more .hide-more-btn
{
	border-top: 1px solid #dadada;
	font-weight: bold;
	margin-top: 20px;
}
.head-to-head .info-more .container .fighter-CTAs
{
	display: none;
}
.head-to-head .info-more .info-more-title
{
	text-align: center;
	line-height: 50px;
	display: none;
}
.head-to-head .fighter-nickname
{
	font-family: "Klavika Medium", Arial, Sans-serif;
	font-weight: 500;
	font-size: 16px;
	padding-top: 5px;
	display: block;
	color: #000000;
}
.head-to-head .fighter-record
{
	font-family: "Klavika Regular", Arial, Sans-serif;
	font-weight: 400;
	font-size: 22px;
	color: #000000;
}
.head-to-head .fighter-country
{
	font-family: "Klavika Bold", Arial, Sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	display: block;
	padding: 13px 0;
}
.head-to-head .fighter-country.non-country
{
	padding: 0;
}
.head-to-head .fighter-facts
{
	font-size: 14px;
	max-height: 140px;
	display: inline-block;
	overflow: hidden;
}
.head-to-head .fighter-facts span
{
	display: block;
}
.head-to-head .info-more .fighter-red-btn,
.head-to-head .info-more .fighter-blue-btn
{
	display: none;
}
.head-to-head .winner-show
{
	width: 100%;
	color: #fff;
	position: absolute;
	z-index: 1;
	top: 70%;
	display: none;
}
.score-on .head-to-head .bout-result-on .winner-show
{
	display: block;
}
.head-to-head .winner-show .winner-tag > span > span
{
	font-family: "Klavika Bold", Arial, Sans-serif;
	font-weight: bold;
	font-size: 22px;
	color: #fff;
	padding: 6px 10px 3px;
	border-radius: 2px;
	text-decoration: none;
}
.head-to-head .winner-show,
.head-to-head .score-info .score-title
{
	opacity: 0;
	-webkit-transition: opacity 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Safari and Chrome */
	transition: opacity 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.score-on .head-to-head .bout-result-on .winner-show,
.score-on .head-to-head .bout-result-on .score-info .score-title
{
	opacity: 1;
}
.head-to-head .bout-result-on .winner-show .tag-red
{
	float: left;
}
.head-to-head .bout-result-on .winner-show .tag-blue
{
	float: right;
}
.head-to-head .winner-show .tag-win
{
	background-color: #24b05c;
}
.head-to-head .winner-show .tag-draw
{
	background-color: #a3a3a3;
}
.head-to-head .winner-show .tag-win,
.head-to-head .winner-show .tag-draw
{
	display: none;
}
.score-on .head-to-head .bout-result-on .winner-show .winner-draw .tag-draw,
.score-on .head-to-head .bout-result-on .winner-show .tag-red.winner-red .tag-win,
.score-on .head-to-head .bout-result-on .winner-show .tag-blue.winner-blue .tag-win
{
	display: block;
}
.head-to-head .score-info
{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 18%;
	z-index: 1;
}
.head-to-head.noaccess .score-info
{
	bottom: 25%;
}
.head-to-head .score-info .score-title,
.head-to-head .score-info .watch-link
{
	opacity: 0;
}
.head-to-head .bout-result-on .score-info .watch-link
{
	opacity: 1;
	-webkit-transition: opacity 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0.49s; /* Safari and Chrome */
	transition: opacity 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0.49s;
}
.head-to-head.changing .score-info .watch-link
{
	opacity: 0;
	-webkit-transition: opacity 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Safari and Chrome */
	transition: opacity 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.head-to-head .score-info .score-title
{
	width: 350px;
	line-height: 26px;
	font-family: "Klavika Medium", Arial, Sans-serif;
	font-weight: 500;
	font-size: 30px;
	margin: 0 auto;
	padding-bottom: 65px;
}
.head-to-head .score-info .watch-link
{
	width: 200px;
	height: 45px;
	line-height: 48px;
	margin: 0 auto;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	opacity: 1;
	display: none;
}
.head-to-head .score-info.bout-end .watch-link,
.head-to-head .score-info.bout-live.show-watch-btn .watch-link
{
	display: inline-block;
}
.head-to-head.noaccess .score-info .watch-link
{
	cursor: default;
}
.head-to-head .bout-prev,
.head-to-head .bout-next
{
	width: 32px;
	height: 50px;
	display: inline-block;
	cursor: pointer;
	position: absolute;
	top: 40%;
	opacity: 1;
}
.head-to-head .fighter-photo .bout-prev,
.head-to-head .fighter-photo .bout-next,
.head-to-head .bout-prev.hide-btn,
.head-to-head .bout-next.hide-btn
{
	display: none;
}
.head-to-head .bout-next
{
	right: 0;
}
.head-to-head .bout-prev
{
	float: left;
	margin-left: 25px;
	background: transparent url("../images/event/arrow_left.png") no-repeat center center;
}
.head-to-head .bout-next
{
	float: right;
	margin-right: 25px;
	background: transparent url("../images/event/arrow_right.png") no-repeat center center;
}
.head-to-head .bout-prev:hover,
.head-to-head .bout-next:hover
{
	background-color: rgba(0, 0, 0, 0.2);
}
.head-to-head.current-bout.changing .bout-prev,
.head-to-head.current-bout.changing .bout-next,
.head-to-head.next-bout.changing .bout-prev,
.head-to-head.next-bout.changing .bout-next
{
	opacity: 0;
}
.head-to-head .fighter-CTAs
{
	width: 100%;
	font-weight: bold;
	padding: 14px 0;
	position: absolute;
	bottom: 0;
	text-align: center;
	overflow: hidden;
	filter: alpha(opacity=90);
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.9);
}
.head-to-head .fighter-CTAs .fighter-CTAs-a
{
	float: left;
	min-width: 15px;
	font-size: 14px;
}
.head-to-head .fighter-CTAs .fighter-red-btn
{
	float: left;
}
.head-to-head .fighter-CTAs .fighter-blue-btn
{
	float: right;
}
@media (min-width: 1569px)
{
	.head-to-head
	{
		background-color: #f2f2f2;
	}
	.head-to-head .fighter-photo
	{
		left: 50%;
		max-width: 1870px;
		-webkit-transform: translate(-50%);
		-moz-transform: translate(-50%);
		-ms-transform: translate(-50%);
		-o-transform: translate(-50%);
		transform: translate(-50%);
	}
	.head-to-head .fighter-photo .fighter-red-photo
	{
		left: 75px;
	}
	.head-to-head .fighter-photo .fighter-blue-photo
	{
		right: 75px;
	}
	.head-to-head .fighter-info,
	.head-to-head .info-more .info-more-detail,
	.head-to-head .winner-show .winner-tag
	{
		padding-left: 534px;
		padding-right: 534px;
	}
}
@media (min-width: 1429px) and (max-width: 1569px)
{
	.head-to-head .fighter-photo .fighter-red-photo
	{
		left: 0;
	}
	.head-to-head .fighter-photo .fighter-blue-photo
	{
		right: 0;
	}
}
@media (min-width: 1170px) and (max-width: 1429px)
{
	.head-to-head .fighter-photo .fighter-red-photo
	{
		left: -115px;
	}
	.head-to-head .fighter-photo .fighter-blue-photo
	{
		right: -115px;
	}
}
@media (min-width: 1040px) and (max-width: 1170px)
{
	.head-to-head .fighter-photo .fighter-red-photo
	{
		left: -130px;
	}
	.head-to-head .fighter-photo .fighter-blue-photo
	{
		right: -130px;
	}
}
@media (min-width: 1040px) and (max-width: 1569px)
{
	.head-to-head .fighter-info,
	.head-to-head .info-more .info-more-detail,
	.head-to-head .winner-show .winner-tag
	{
		padding-left: 30%;
		padding-right: 30%;
	}
}
/* common for lg */
/* [320px, 1569px], common for mp/mp10, md, sm, xp, xs */
@media (max-width: 1569px)
{

}
/* [320px, 1329px], common for md, sm, xp, xs */
@media (max-width: 1329px)
{

}
/* [320px, 1039px], common for sm, xp, xs */
@media (max-width: 1039px)
{
	.head-to-head
	{
		height: auto;
		overflow: hidden;
	}
	.head-to-head.no-weight-class-title
	{
		height: auto;
	}
	.head-to-head .card
	{
		position: relative;
	}
	.head-to-head .bout-info
	{
		position: relative;
	}
	.head-to-head .hth-top-title
	{
		display: none;
	}
	.head-to-head .fighter-photo
	{
		height: 305px;
		position: relative;
	}
	.head-to-head .fighter-photo .fighter-red-photo
	{
		left: -40px;
	}
	.head-to-head .fighter-photo .fighter-blue-photo
	{
		right: -40px;
	}
	.head-to-head .fighter-photo .fighter-red-photo,
	.head-to-head .fighter-photo .fighter-blue-photo
	{
		margin-top: 7px;
		max-width: 400px;
	}
	.head-to-head .fighter-photo .hth-top-title
	{
		position: absolute;
		width: 100%;
		background-color: transparent;
		display: block;
	}
	.head-to-head .fighter-photo .bout-prev,
	.head-to-head .fighter-photo .bout-next
	{
		display: block;
		z-index: 10;
	}
	.head-to-head .fighter-info-container .bout-prev,
	.head-to-head .fighter-info-container .bout-next,
	.head-to-head .fighter-photo .bout-prev.hide-btn,
	.head-to-head .fighter-photo .bout-next.hide-btn
	{
		display: none;
	}
	.head-to-head .score-info
	{
		bottom: 20px;
	}
	.head-to-head .fighter-info-container
	{
		top: 0;
		position: relative;
		background-color: #fff;
		padding-bottom: 72px;
	}
	.head-to-head.next-bout .fighter-info-container
	{
		background-color: transparent;
	}
	.head-to-head .bout-info .fighter-info-container .info-more .fighter-red-info,
	.head-to-head .bout-info .fighter-info-container .info-more .fighter-blue-info
	{
		max-height: none;
	}
	.head-to-head .fighter-info
	{
		padding: 20px 0 0;
	}
	.head-to-head .info-more .info-more-detail
	{
		display: block;
		padding: 0;
	}
	.head-to-head .info-more .info-more-detail .hide
	{
		display: none;
	}
	.head-to-head .fighter-facts
	{
		overflow: visible;
		max-height: none;
	}
	.head-to-head .winner-show
	{
		display: block;
		top: 85%;
	}
	.head-to-head .winner-show .winner-tag
	{
		padding: 0;
	}
	.head-to-head .score-info
	{
		bottom: 18px;
	}
	.head-to-head .fighter-CTAs
	{
		padding: 26px 0;
		background: rgba(255, 255, 255, 0);
	}
}
/* [320px, 767px], common for xp, xs*/
@media (max-width: 767px)
{
	.head-to-head.fight-card-section
	{
		border-top: 1px solid #dadada;
	}
	.head-to-head .fighter-photo
	{
		height: 230px;
		overflow: hidden;
	}
	.head-to-head .fighter-photo .fighter-red-photo
	{
		max-width: 300px;
	}
	.head-to-head .fighter-photo .fighter-blue-photo
	{
		max-width: 300px;
	}
	.head-to-head .winner-show
	{
		top: 80%;
	}
	.head-to-head .score-info .score-title
	{
		font-size: 18px;
		line-height: 18px;
		width: 130px;
		padding-bottom: 30px;
	}
	.head-to-head .score-info .watch-link
	{
		height: 40px;
		line-height: 40px;
		width: 140px;
		margin: 0 auto;
	}
	.head-to-head .fighter-info-container
	{
		overflow-x: hidden;
	}
	.head-to-head .fighter-info-container
	{
		padding-bottom: 50px;
	}
	.head-to-head .bout-prev
	{
		margin-left: 5px;
	}
	.head-to-head .bout-next
	{
		margin-right: 5px;
	}
	.head-to-head .fighter-CTAs
	{
		padding: 10px 0;
	}
	.head-to-head .fighter-CTAs .fighter-red-btn,
	.head-to-head .fighter-CTAs .fighter-blue-btn
	{
		line-height: 35px;
	}
	.head-to-head .fighter-CTAs .view-fighter-common
	{
		font-size: 12px;
	}
}
/* [320px, 483px], only for xs */
@media (max-width: 483px)
{
	.head-to-head
	{
		height: auto;
	}
	.head-to-head.fight-card-section .fa
	{
		font-size: inherit;
		margin-right: 0;
	}
	.head-to-head.no-weight-class-title
	{
		height: auto;
	}
	.head-to-head .hth-top-title
	{
		padding-top: 16px;
		padding-bottom: 20px;
		display: block;
		border-bottom: 1px solid #dadada;
		background-color: #fff;
	}
	.head-to-head.next-bout .hth-top-title
	{
		background-color: transparent;
	}
	.head-to-head .hth-top-title .hth-title
	{
		line-height: 40px;
		font-size: 24px;
	}
	.head-to-head .fighter-photo
	{
		height: 185px;
		position: relative;
		overflow: hidden;
	}
	.head-to-head .fighter-photo .fighter-red-photo
	{
		left: -90px;
		margin-top: 7px;
		max-width: 280px;
	}
	.head-to-head .fighter-photo .fighter-blue-photo
	{
		right: -90px;
		margin-top: 7px;
		max-width: 280px;
	}
	.head-to-head .fighter-photo .hth-top-title
	{
		display: none;
	}
	.head-to-head .bout-prev,
	.head-to-head .bout-next
	{
		background-color: rgba(0, 0, 0, 0.2);
	}
	.head-to-head .fighter-info-container
	{
		top: 0;
		padding-bottom: 0;
		position: relative;
	}
	.head-to-head .fighter-info
	{
		padding: 20px 13px 0;
	}
	.head-to-head .fighter-info .fighter-rating
	{
		font-size: 12px;
		line-height: normal;
	}
	.head-to-head .fighter-info .fighter-rating .fighter-rank
	{
		/*display: block;*/
	}
	.head-to-head .fighter-info .fighter-rating .fighter-weight-class
	{
		display: block;
		line-height: 12px;
	}
	.head-to-head .fighter-info .fighter-pfp-rank
	{
		margin: 10px 0 10px;
	}
	.head-to-head .fighter-info .fighter-pfp-rank span
	{
		font-size: 12px;
		padding: 4px 7px 3px;
	}
	.head-to-head .fighter-info .fighter-name
	{
		font-size: 20px;
		line-height: 20px;
	}
	.head-to-head .fighter-red-info,
	.head-to-head .fighter-blue-info
	{
		display: inline-block;
		float: none;
		vertical-align: top;
	}
	.head-to-head .fighter-info .fighter-detail-info
	{
		display: none;
	}
	.head-to-head .info-more
	{
		display: block;
	}
	.head-to-head .info-more .fighter-red-btn,
	.head-to-head .info-more .fighter-blue-btn
	{
		display: block;
	}
	.head-to-head .fighter-country
	{
		padding: 0;
	}
	.head-to-head .fighter-CTAs
	{
		padding: 0;
	}
	.head-to-head .fighter-CTAs .container
	{
		display: none !important;
	}
	.head-to-head .info-more .container .fighter-CTAs
	{
		display: block;
		position: inherit;
		padding: 10px 13px 0;
	}
	.head-to-head .info-more .toggle-detail
	{
		display: none;
	}
	.head-to-head .info-more .info-more-btn,
	.head-to-head .info-more .hide-more-btn
	{
		font-size: 16px;
	}
	.head-to-head .info-more .info-more-title
	{
		display: block;
		line-height: 38px;
	}
	.head-to-head .info-more .info-more-title .info-more-btn
	{
		display: block;
	}
	.head-to-head .info-more .info-more-title span
	{
		vertical-align: middle;
	}
	.head-to-head .info-more .info-more-title.fold-show .info-more-btn
	{
		display: none;
	}
	.head-to-head .info-more .info-more-title .hide-more-btn
	{
		display: none;
	}
	.head-to-head .info-more .info-more-title.fold-show .hide-more-btn
	{
		display: block;
	}
	.head-to-head .info-more .info-more-detail
	{
		display: block;
		padding: 0 13px;
	}
	.head-to-head .fighter-nickname
	{
		font-size: 14px;
	}
	.head-to-head .fighter-record
	{
		font-size: 16px;
	}
	.head-to-head .fighter-facts
	{
		font-size: 12px;
	}
	.head-to-head .winner-show
	{
		top: 150px;
	}
	.head-to-head .winner-show .winner-tag
	{
		padding: 0 13px;
	}
	.head-to-head .winner-show .winner-tag > span > span
	{
		font-size: 16px;
		padding: 4px 8px;
	}
	.head-to-head .score-info .score-title
	{
		width: 100px;
		line-height: 16px;
		font-size: 16px;
	}
	.head-to-head .score-info .watch-link
	{
		width: 120px;
		display: none;
		height: 30px;
		line-height: 30px;
		font-size: 10px;
	}
	.head-to-head .fighter-CTAs .fighter-red-btn,
	.head-to-head .fighter-CTAs .fighter-blue-btn
	{
		line-height: 35px;
	}
	.head-to-head .fighter-CTAs .follow-fighter.view-fighter-common
	{
		margin-right: 0;
	}
	.head-to-head .fighter-CTAs .follow-fighter
	{
		display: block;
		float: none;
		margin-right: 0;
	}
	.head-to-head .fighter-CTAs .view-profile
	{
		margin-left: 0;
		display: block;
	}
	.head-to-head .fighter-CTAs .fighter-blue-btn .view-profile
	{
		float: right;
	}
}
@media (min-width: 483px)
{
	.head-to-head .info-more .toggle-detail
	{
		display: block !important;
	}
}
.prediction
{
	display: block;
	height: 226px;
	text-align: center;
	color: #fff;
	position: relative;
	padding: 49px 0 30px;
	box-sizing: border-box;
	background: #000 url("../images/event/prediction_background.jpg") no-repeat scroll center center;
}
.prediction .prediction-title
{
	font-family: "Klavika Light", Arial, Sans-serif;
	font-weight: 300;
	font-size: 36px;
	line-height: 36px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.prediction .prediction-subtitle
{
	font-size: 16px;
	position: relative;
}
.prediction.made .prediction-subtitle
{
	opacity: 0;
}
.prediction .prediction-vote
{
	position: relative;
}
.prediction .prediction-vote .prediction-vote-btn
{
	width: 288px;
	margin: auto;
	position: relative;
	top: 0;
}
.prediction .prediction-vote .prediction-vote-btn a
{
	font-size: 14px;
	margin: 26px 0 5px;
	width: 139px;
	height: 45px;
	line-height: 45px;
	text-decoration: none;
	position: absolute;
	z-index: 0;
}
.prediction.make .prediction-vote .prediction-vote-btn a,
.prediction.made .prediction-vote .prediction-vote-btn a
{
	border: 1px solid #000;
	cursor: default;
}
.prediction .prediction-vote .prediction-vote-btn a.prediction-vote-btnA,
.prediction.make .prediction-vote .prediction-vote-btn a.prediction-vote-btnA:hover,
.prediction.made .prediction-vote .prediction-vote-btn a.prediction-vote-btnA:hover
{
	background-color: #f32a2a;
	left: 0;
}
.prediction .prediction-vote .prediction-vote-btn a.prediction-vote-btnB,
.prediction.make .prediction-vote .prediction-vote-btn a.prediction-vote-btnB:hover,
.prediction.made .prediction-vote .prediction-vote-btn a.prediction-vote-btnB:hover
{
	background-color: #214362;
	right: 0;
}
.prediction .prediction-vote .prediction-vote-btn a.prediction-vote-btnA:hover
{
	background-color: #f54c4a;
}
.prediction .prediction-vote .prediction-vote-btn a.prediction-vote-btnB:hover
{
	background-color: #23527c;
}
.prediction.make .prediction-vote .prediction-vote-btn a.prediction-vote-btnA,
.prediction.made .prediction-vote .prediction-vote-btn a.prediction-vote-btnA
{
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right-width: 0;
}
.prediction.make .prediction-vote .prediction-vote-btn a.prediction-vote-btnB,
.prediction.made .prediction-vote .prediction-vote-btn a.prediction-vote-btnB
{
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left-width: 0;
}
.prediction.make.min-max .prediction-vote .prediction-vote-btn a.prediction-vote-btnA,
.prediction.made.min-max .prediction-vote .prediction-vote-btn a.prediction-vote-btnA
{
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-right-width: 1px;
}
.prediction.make.min-max .prediction-vote .prediction-vote-btn a.prediction-vote-btnB,
.prediction.made.min-max .prediction-vote .prediction-vote-btn a.prediction-vote-btnB
{
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-left-width: 1px;
}
.prediction .prediction-vote .prediction-vote-btn .prediction-red-name,
.prediction .prediction-vote .prediction-vote-btn .prediction-blue-name
{
	opacity: 1;
}
.prediction.make .prediction-vote .prediction-vote-btn .prediction-red-name,
.prediction.make .prediction-vote .prediction-vote-btn .prediction-blue-name
{
	opacity: 0;
	-webkit-transition: opacity 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Safari and Chrome */
	transition: opacity 0.16s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.prediction.made .prediction-vote .prediction-vote-btn .prediction-red-name,
.prediction.made .prediction-vote .prediction-vote-btn .prediction-blue-name
{
	opacity: 0;
}
.prediction .prediction-forward
{
	position: absolute;
	width: 100%;
	top: 67px;
	visibility: hidden;
	opacity: 0;
}
.prediction.make .prediction-forward
{
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.16s ease-in 0.72s; /* Safari and Chrome */
	transition: opacity 0.16s ease-in 0.72s;
}
.prediction.made .prediction-forward
{
	visibility: visible;
	opacity: 1;
}
.prediction .prediction-forward > a
{
	padding: 5px 22px;
	cursor: pointer;
	height: 24px;
}
.prediction .facebook-icon
{
	background: url('../images/event/facebook_white.png') no-repeat center;
}
.prediction .twitter-icon
{
	background: url('../images/event/twitter_white.png') no-repeat center;
}
/* [320px, 767px],only xp */
@media (max-width: 767px)
{
	.prediction
	{
		background: url("../images/event/prediction_background_mobile.png") no-repeat top center;
	}
}
.judge-score
{
	display: none;
}
.score-on .judge-score,
.score-on .judge-score.round5
{
	background: #292929 url("../images/event/judge_score_bg_rd5.png") repeat-x top center;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	border-top: 1px solid #dadada;
	display: block;
}
.score-on .judge-score.round1
{
	background: #292929 url("../images/event/judge_score_bg_rd1.png") repeat-x top center;
}
.score-on .judge-score.round2
{
	background: #292929 url("../images/event/judge_score_bg_rd2.png") repeat-x top center;
}
.score-on .judge-score.round3
{
	background: #292929 url("../images/event/judge_score_bg_rd3.png") repeat-x top center;
}
.score-on .judge-score.round4
{
	background: #292929 url("../images/event/judge_score_bg_rd4.png") repeat-x top center;
}
.judge-score th,
.judge-score td
{
	text-align: center;
	vertical-align: middle;
}
.judge-score .judge-tablet-header
{
	display: none;
}
.judge-score .judge-score-table
{
	background-color: #383838;
	padding: 0 0;
	margin-bottom: 0;
	border: 0 solid transparent;
	overflow: hidden;
	float: left;
	width: 25%;
	-webkit-transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1); /* Safari and Chrome */
	transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.judge-score .judge-score-table.select
{
	width: 50%;
	background-color: #3f3f3f;
}
.judge-score .judge-score-header
{
	font-size: 14px;
	height: 66px;
	background-color: #2a2a2a;
	border-bottom: 1px solid #121212;
	cursor: pointer;
	-webkit-transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.judge-score .select .judge-score-header
{
	background-color: #fff;
}
.judge-score .judge-score-header .judge-title
{
	line-height: 66px;
}
.judge-score .judge-left .judge-score-header .judge-title
{
	color: #909191;
}
.judge-score .judge-middle .judge-score-header
{
	border-left: 1px solid #1a1a1a;
	border-right: 1px solid #1a1a1a;
}
.judge-score .judge-score-table.judge-middle .judge-fighters
{
	border-left: 1px solid #292929;
	border-right: 1px solid #292929;
}
.judge-score .judge-middle .judge-score-header .judge-title
{
	color: #1F7EAA;
}
.judge-score .judge-right .judge-score-header .judge-title
{
	color: #DE5A8C;
}
.judge-score .select .judge-score-header .judge-title
{
	font-family: "Klavika Bold", Arial, Sans-serif;
	font-weight: 700;
}
.judge-score .judge-score-header .judge-title
{
	font-family: "Klavika Medium", Arial, Sans-serif;
	font-weight: 500;
}
.judge-score .select .judge-score-header .judge-name
{
	color: #000;
	line-height: 64px;
}
.judge-score .judge-score-header .judge-name
{
	font-family: "Klavika Medium", Arial, Sans-serif;
	font-weight: 500;
}
.judge-score .judge-score-table .table-title
{
	height: 55px;
	font-family: "Klavika Medium", Arial, Sans-serif;
	font-weight: 500;
	font-size: 16px;
	visibility: hidden;
	margin: auto;
}
.judge-score .judge-score-table .table-title th
{
	line-height: 43px;
	vertical-align: bottom;
}
.judge-score .judge-score-table .table-title .label-VS
{
	font-family: "klavika Regular", Arial, Sans-serif;
	font-weight: 400;
	font-size: 16px;
}
.judge-score .judge-score-table.select .table-title
{
	visibility: visible;
	width: 100%;
}
.judge-score .judge-score-table .table-content
{
	width: 100%;
	margin: auto;
}
.judge-score .judge-score-table.select .table-content
{
	/*margin: auto;*/
}
.judge-score .judge-score-table .table-content th
{
	height: 50px;
}
.judge-score .judge-score-table .table-content tr
{
	border-top: 1px solid #292929;
}
.judge-score .judge-score-table .table-content .final-score-style
{
	height: 62px;
}
.judge-score .judge-score-table .table-content .final-score-style td
{
	line-height: 31px;
	vertical-align: top;
}
.judge-score .judge-score-table .table-content td
{
	height: 36px;
}
.judge-score .judge-score-table .table-content th > div
{
	font-family: Arial, serif;
	font-size: 12px;
	color: #dadada;
	word-break: normal;
	max-width: 58px;
	margin: 0 auto;
}
.judge-score .judge-score-table .table-content tr > td
{
	font-family: "Klavika Medium", Arial, Sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #909191;
}
.judge-score .judge-score-table .table-content .judge-score-round
{
	font-weight: bold;
	padding-top: 17px;
}
.judge-score .judge-score-table .judge-score-detail
{
	display: none;
}
.judge-score .judge-score-table.select .judge-score-detail
{
	display: table-cell;
}
.judge-score .judge-score-table .table-content .judge-round
{
	font-family: "Klavika Bold", Arial, Sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #fff;
}
.judge-score .judge-score-table .table-content .final-score-red,
.judge-score .judge-score-table .table-content .final-score-blue
{
	font-family: Arial, Sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}
.judge-score .judge-score-table .table-content .final-score-red
{
	text-align: right;
	padding-right: 5%;
}
.judge-score .judge-score-table .table-content .final-score-blue
{
	text-align: left;
	padding-left: 5%;
}
.judge-score .judge-score-table .table-content .final-score-value
{
	color: #fff;
}
/* [320px, 1039px], common for sm, xp, xs */
@media (max-width: 1039px)
{
	.score-on .judge-score,
	.score-on .judge-score.round5
	{
		background: url("../images/event/judge_score_tablet_bg_rd5.png") repeat-x top center;
	}
	.score-on .judge-score.round1
	{
		background: url("../images/event/judge_score_tablet_bg_rd1.png") repeat-x top center;
	}
	.score-on .judge-score.round2
	{
		background: url("../images/event/judge_score_tablet_bg_rd2.png") repeat-x top center;
	}
	.score-on .judge-score.round3
	{
		background: url("../images/event/judge_score_tablet_bg_rd3.png") repeat-x top center;
	}
	.score-on .judge-score.round4
	{
		background: url("../images/event/judge_score_tablet_bg_rd4.png") repeat-x top center;
	}
	.judge-score .container
	{
		padding: 0;
		width: 100%;
		overflow: hidden;
	}
	.judge-score .judge-score-table
	{
		width: 0;
		background-color: #3F3F3F;
		opacity: 0;
		-webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s; /* Safari and Chrome */
		transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	}
	.judge-score .judge-score-table.select
	{
		width: 70%;
		margin: 0 15%;
		opacity: 1;
		-webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; /* Safari and Chrome */
		transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
	}
	.judge-score .judge-score-table .judge-score-header
	{
		display: none;
	}
	.judge-score .judge-score-table .table-content tr
	{
		border-top: 1px solid #202020;
	}
	.judge-score .judge-score-table.judge-middle .judge-fighters
	{
		border-left: none;
		border-right: none;
	}
	.judge-score .judge-tablet-header
	{
		display: block;
		overflow: hidden;
	}
	.judge-score .judge-tablet-header .judge-tablet-header-item
	{
		width: 25%;
		float: left;
		-webkit-transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1); /* Safari and Chrome */
		transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.judge-score .judge-tablet-header .judge-tablet-header-item.select
	{
		width: 50%;
	}
}
/* [320px, 767px],only xp */
@media (max-width: 767px)
{
	.score-on .judge-score
	{
		background: none;
	}
	.judge-score .judge-tablet-header
	{
		display: none;
	}
	.judge-score .container
	{
		padding: 0;
	}
	.judge-score .judge-score-table
	{
		opacity: 1;
	}
	.judge-score .judge-score-table .judge-score-header,
	.judge-score .judge-score-table .judge-fighters
	{
		width: 100%;
		display: block;
	}
	.judge-score .judge-score-table
	{
		width: 100%;
		-webkit-transition: none; /* Safari and Chrome */
		transition: none;
	}
	.judge-score .judge-score-table.select
	{
		margin: 0;
		background-color: #292929;
		width: 100%;
		-webkit-transition: none; /* Safari and Chrome */
		transition: none;
	}
	.judge-score .judge-score-table.select .judge-score-header .judge-title
	{
		font-family: "Klavika Medium", Arial, Sans-serif;
		font-weight: 500;
	}
	.judge-score .judge-score-table.select .judge-score-header .judge-name
	{
		color: #fff;
	}
	.judge-score .judge-score-table .judge-score-detail
	{
		display: table-cell;
	}
	.judge-score .judge-score-table.select .judge-score-header
	{
		box-shadow: none;
	}
	.judge-score .judge-score-table .judge-score-header
	{
		line-height: 68px;
	}
	.judge-score .judge-score-table .table-title
	{
		height: 53px;
	}
	.judge-score .judge-score-table .table-title th
	{
		line-height: 33px;
		vertical-align: bottom;
	}
	.judge-score .judge-score-table.judge-middle .judge-score-header
	{
		border-left: none;
		border-right: none;
	}
	.judge-score .judge-score-table .judge-score-header
	{
		background-color: #000;
		-webkit-transition: border-bottom-width 0.1s linear 0.5s;
		transition: border-bottom-width 0.1s linear 0.5s;
	}
	.judge-score .judge-score-table:not(.judge-right) .judge-score-header
	{
		border-bottom: 1px solid #fff;
	}
	.judge-score .judge-score-table.select .judge-score-header
	{
		border-bottom-width: 0;
		-webkit-transition: border-bottom-width 0.1s linear 0s;
		transition: border-bottom-width 0.1s linear 0s;
	}
	.judge-score .judge-score-table .judge-fighters
	{
		overflow-y: hidden;
		opacity: 0;
		max-height: 0;
		-webkit-transition: max-height 0.56s cubic-bezier(1, 0, 0, 1), opacity 0.56s cubic-bezier(1, 0, 0, 1); /* Safari and Chrome */
		transition: max-height 0.56s cubic-bezier(1, 0, 0, 1), opacity 0.56s cubic-bezier(1, 0, 0, 1);
	}
	.judge-score .judge-score-table.select .judge-fighters
	{
		opacity: 1;
		max-height: 332px;
	}
	.judge-score .judge-score-table .table-title
	{
		visibility: visible;
		width: 100%;
	}
	.judge-score .judge-score-table .judge-fighters .label-VS
	{
		font-family: "Klavika Regular", Arial, Sans-serif;
		font-weight: 400;
	}
	.judge-score .judge-score-table .table-content th
	{
		line-height: 13px;
	}
	.judge-score .judge-score-table .table-content tr > th > div
	{
		font-size: 11px;
	}
	.judge-score .judge-score-table .table-content .judge-score-round
	{
		font-size: 12px;
	}
	.judge-score .judge-score-table .table-content tr > td
	{
		font-family: "Klavika Medium", Arial, Sans-serif;
		font-weight: 500;
		font-size: 18px;
	}
	.judge-score .judge-score-table .table-content .final-score-style
	{
		height: 48px;
	}
	.judge-score .judge-score-table .table-content .final-score-style .judge-score-detail
	{
		font-weight: bold;
		font-size: 12px;
	}
	.judge-score .judge-score-table .table-content .final-score-style .judge-score-detail,
	.judge-score .judge-score-table .table-content .final-score-style .final-score-value
	{
		vertical-align: top;
		line-height: 40px;
	}
	.judge-score .judge-score-table .table-content .final-score-red
	{
		padding-right: 0;
	}
	.judge-score .judge-score-table .table-content .final-score-blue
	{
		padding-left: 0;
	}
}
/* user Scoring start */
.user-score
{
	color: #fff;
	margin-top: 1px;
}
.user-score .user-score-header
{
	background-color: #1a1a1a;
	height: 65px;
	line-height: 65px;
	font-family: 'Klavika Medium', Arial, Sans-serif;
	font-weight: 500;
	text-align: center;
}
.user-score .user-score-container
{
	height: 100%;
}
.user-score .user-score-header .user-scoring
{
	background-color: #2a2a2a;
}
.user-score .user-score-content .user-scoring
{
	background-color: #383838;
	color: #909191;
}
.user-score .user-score-header .audience-scoring
{
	background-color: #212121;
}
.user-score .user-score-content .audience-scoring
{
	background-color: #303030;
	color: #909191;
}
.user-score .user-score-content
{
	background-color: #292929;
	height: 90px;
	text-align: center;
}
.user-score .user-score-content .score-item
{
	padding: 0;
	height: 100%;
}
.user-score .user-score-content .score-item div:first-child
{
	border-bottom: 1px solid #202020;
}
.user-score .user-score-content .user-score-fighter
{
	font-family: 'Klavika Medium', Arial, Sans-serif;
	font-weight: 500;
	font-size: 16px;
}
.user-score .user-score-content .fighter-name
{
	height: 45px;
	line-height: 45px;
}
.user-score .user-score-content .scores
{
	height: 45px;
	line-height: 45px;
	font-family: 'Klavika Medium', Arial, Sans-serif;
	font-weight: 500;
	font-size: 18px;
}
.user-score .user-score-content .scores .total
{
	font-family: 'Klavika Medium', Arial, Sans-serif;
	font-weight: 500;
	font-size: 12px;
}
.user-score .user-score-content .scores .total
{
	color: #fff;
	font-family: 'Klavika Medium', Arial, Sans-serif;
	font-weight: 500;
	font-size: 12px;
	margin-left: 8px;
}
.user-score .user-score-content .scores.round-five .score
{
	width: 15.714%; /* 55/350 = 0.157142 */
	float: left;
	height: 100%;
}
.user-score .user-score-content .scores.round-five .total-score
{
	width: 21.428%; /* 75/350 = 0.2142857 */
}
.user-score .user-score-content .scores.round-three .score
{
	width: 22.9167%; /* 55/240 = 0.2291666 */
	float: left;
	height: 100%;
}
.user-score .user-score-content .scores.round-three .total-score
{
	width: 31.25%; /* 75/240 = 03125 */
}
.user-score .user-score-content .scores .score.current
{
	color: #fff;
}
.user-score .user-score-content .scores .score.current.selectbox
{
	color: #fff;
	cursor: pointer;
}
.user-score .user-score-round
{
	height: 100%;
	line-height: 90px;
	font-family: 'Klavika Regular', Arial, Sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 30px;
}
.user-score-content .score.current
{
	position: relative;
	cursor: pointer;
}
.user-score-content .score .select-icons
{
	position: absolute;
	top: 15px;
	width: 18px;
}
.user-score-content .score .select-icon
{
	width: 100%;
	height: 5px;
	display: block;
	cursor: pointer;
}
.user-score-content .score .select-icon.up
{
	background: url(../images/event/arrow_up.png) no-repeat center center;
}
.user-score-content .score .select-icon.up:hover
{
	background: url(../images/event/arrow_up_mo.png) no-repeat center center;
}
.user-score-content .score .select-icon.down
{
	background: url(../images/event/arrow_down.png) no-repeat center center;
	margin-top: 5px;
}
.user-score-content .score .select-icon.down:hover
{
	background: url(../images/event/arrow_down_mo.png) no-repeat center center;
}
.user-score-content .score .list-select
{
	display: none;
	background-color: #1a1a1a;
	margin: 0;
	padding: 15px 0;
	position: absolute;
	top: -2px;
	width: 100%;
	z-index: 999;
}
.user-score-content .score .list-select .option
{
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
	height: 23px;
	line-height: 23px;
}
.user-score-content .score .list-select .option:hover
{
	background-color: #292929;
}
.user-score-content .score .list-select .option.select
{
	color: #d20a0a;
}
/* [320px, 767px], common for xp, xs*/
@media (max-width: 767px)
{
	.user-score
	{
		height: auto;
		overflow: hidden;
	}
	.user-score .user-score-top
	{
		background-color: #292929;
		border: 0;
		font-family: "Klavika Medium", Arial, Sans-serif;
		font-weight: 500;
		font-size: 20px;
		height: 40px;
		line-height: 40px;
		text-align: center;
	}
	.user-score .user-score-round
	{
		line-height: 40px;
		font-size: 20px;
	}
	.user-score .user-score-header
	{
		background-color: #292929;
		border-bottom: 1px solid #121212;
		font-family: "Klavika Medium", Arial, Sans-serif;
		font-weight: 500;
		font-size: 15px;
		height: 38px;
		line-height: 38px;
	}
	.user-score .user-score-header .container,
	.user-score .user-score-header .user-scoring,
	.user-score .user-score-header .audience-scoring,
	.user-score .user-score-content .user-scoring,
	.user-score .user-score-content .audience-scoring
	{
		padding: 0;
		height: 100%;
	}
	.user-score .user-score-content .user-score-fighter
	{
		font-size: 15px;
	}
	.user-score .user-score-content
	{
		background-color: #383838;
		border: 0;
		font-family: "Klavika Medium", Arial, Sans-serif;
		font-weight: 500;
		font-size: 14px;
		height: 50px;
		line-height: 50px;
		border-bottom: 1px solid #121212;
	}
	.user-score .user-score-content .scores .score
	{
		color: #909191;
		padding: 0;
	}
	.user-score .user-score-content .scores .score-round
	{
		color: #fff;
		font-size: 14px;
	}
	.user-score .user-score-content .scores .total
	{
		margin: 0;
		color: #fff;
	}
}
/* user Scoring end */
/* single bout end */
/* fight card start */
.hasApp .fight-card-section .watch-link,
.hasApp .fight-card-section .watch-live,
.hasApp .fight-card-section .watch-event,
.isMobile .fight-card-section .watch-link,
.isMobile .fight-card-section .watch-live,
.isMobile .fight-card-section .watch-event,
.fight-card-section.noaccess .watch-link,
.fight-card-section.noaccess .watch-live
{
	display: none !important;
}
.fight-card-section.noaccess .event-live .button.watch-event,
.fight-card-section.noaccess .event-live-dvr .button.watch-event,
.fight-card-section.noaccess .event-archive .button.watch-event
{
	display: inline-block !important;
}
.fight-card-content
{
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 60px;
}
.fight-card-section
{
	margin-top: 47px;
}
.fight-card-section .title
{
	font-family: 'Klavika Light', Arial, Sans-serif;
	font-weight: 300;
	font-size: 30px;
	float: left;
}
.fight-card-section .title .pruchase-ppv
{
	color: #000;
	font-size: 15px;
	text-decoration: underline;
	margin-left: 5px;
}
.fight-card-section .title .black-text
{
	color: #000;
	font-size: 17px;
	margin-left: 5px;
}
.fight-card-section .time
{
	font-size: 17px;
	font-weight: bold;
	float: right;
}
.fight-card-section .content
{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.fight-card-section .program-item-noevent
{
	width: 100%;
	background-color: #eaeaea;
	border: 1px solid #e2e2e2;
	margin-top: 7px;
	overflow: hidden;
}
.fight-card-section .program-item-noevent .video-img
{
	padding: 0px;
}
.fight-card-section .program-item-noevent .video-img img
{
	width: 194px;
	margin: 6px;
}
.fight-card-section .program-item-noevent.event-upcoming .video-img img
{
	opacity: 0.5;
}
.fight-card-section .program-item-noevent .text
{
	height: 100%;
}
.fight-card-section .program-item-noevent .text .name
{
	font-family: 'Klavika Medium', Arial, Sans-serif;
	font-weight: 500;
	font-size: 22px;
	margin-top: 20px;
	display: block;
}
.fight-card-section .program-item-noevent .text .desc
{
	font-size: 16px;
}
.fight-card-section .program-item-noevent .video-watch
{
	padding: 0;
}
.fight-card-section .program-item-noevent .video-watch .button
{
	float: right;
	margin-right: 15px;
}
.fight-card-section .video-watch .button
{
	display: none;
	width: 115px;
	height: 31px;
	line-height: 31px;
	margin: 0 auto;
	margin-top: 50px;
}
.fight-card-section .bout-end .button.watch-link,
.fight-card-section .event-archive .program-item-noevent .watch-link
{
	display: inline-block;
}
.fight-card-section .program-item-event.bout-live .watch-live,
.fight-card-section .event-live .program-item-noevent .watch-live
{
	display: inline-block;
}
.fight-card-section .event-live-dvr .button.watch-link,
.fight-card-section .event-archive .button.watch-link,
.fight-card-section .event-live .program-item-event.bout-upcoming .button.watch-event
{
	display: inline-block;
}
.fight-card-section .fa
{
	font-size: 28px;
	margin-right: 5px;
}
.fight-card-section .program-item-event
{
	width: 100%;
	min-height: 190px;
	overflow: hidden;
	background-color: #eaeaea;
	border: 1px solid #e2e2e2;
	margin-top: 7px;
	cursor: pointer;
}
.fight-card.event-mma .fight-card-section .program-item-event
{
	min-height: 155px;
	cursor: default;
}
.fight-card-section .program-item-event.bout-live
{
	background-color: #fff;
	border: 1px solid #000;
}
.fight-card-section .program-item-event .fight-desc
{
	float: left;
	width: 100%;
	height: 65px;
	background-color: #f3f3f3;
	border-bottom: 1px solid #e2e2e2;
	overflow: hidden;
}
.fight-card-section .program-item-event.bout-live .fight-desc
{
	background-color: #fff;
	border: 0;
}
.fight-card-section .program-item-event.bout-live .fighter-img
{
	background-color: #fff;
}
.fight-card-section .program-item-event.bout-upcoming .fighter-img
{
	opacity: 0.5;
}
.fight-card-section .event-live-dvr .program-item-event.bout-upcoming .fighter-img,
.fight-card-section .event-archive .program-item-event.bout-upcoming .fighter-img
{
	opacity: 1;
}
.fight-card-section .program-item-event .fight-title
{
	float: left;
	margin-top: 11px;
	margin-left: 16px;
}
.fight-card-section .program-item-event .fight-title .fight-name
{
	font-family: 'Klavika Medium', Arial, Sans-serif;
	font-weight: 500;
	font-size: 18px;
}
.fight-card-section .program-item-event .fight-title .fight-round
{
	margin-top: -5px;
	display: none;
}
.score-on .fight-card-section .program-item-event .fight-title .fight-round
{
	display: block;
}
.fight-card-section .program-item-event .video-watch
{
	float: right;
}
.fight-card-section .program-item-event .video-watch .button
{
	margin-top: 16px;
	margin-right: 16px;
}
.fight-card-section .program-item-event .fight-fighter
{
	padding: 0;
}
.fight-card-section .program-item-event .fighter-img
{
	float: left;
	background-color: #000;
	margin: 7px;
	position: relative;
}
.fight-card-section .program-item-event .fighter-img img
{
	height: 110px;
	width: 168px;
}
.fight-card.event-mma .fight-card-section .program-item-event .fighter-img img
{
	display: none;
}
.fight-card-section .program-item-event .fighter-img .result
{
	display: none;
	bottom: 0;
	color: white;
	font-family: "Klavika Bold", Arial, Sans-serif;
	font-weight: 700;
	font-size: 16px;
	height: 28px;
	line-height: 28px;
	position: absolute;
	text-align: center;
	padding: 0 8px;
}
.fight-card-section .program-item-event .fighter-img .result.win
{
	background-color: #24b05c;
}
.fight-card-section .program-item-event .fighter-img .result.draw
{
	background-color: #a3a3a3;
}
.fight-card-section .program-item-event .fight-fighter.left .result
{
	left: 0;
}
.fight-card-section .program-item-event .fight-fighter.right .result
{
	right: 0;
}
.score-on .program-item-event .fight-fighter.winner .result.win,
.score-on .program-item-event .fight-fighter.draw .result.draw
{
	display: block;
}
.fight-card-section .program-item-event .fight-fighter.left .fight-info
{
	margin-left: 15px;
}
.fight-card-section .program-item-event .fight-fighter.right .fight-info
{
	margin-right: 15px;
}
.fight-card-section .program-item-event .rank-type
{
	margin-top: 11px;
}
.fight-card-section .program-item-event .rank
{
	font-family: 'Klavika Bold', Arial, Sans-serif;
	font-weight: 700;
}
.fight-card-section .program-item-event .rank.champion
{
	background: transparent url("../images/event/icon_champion.png") no-repeat scroll 0 35%;
	padding-left: 20px;
	display: inline-block;
}
.fight-card-section .program-item-event .type
{
	font-family: 'Klavika Regular', Arial, Sans-serif;
	font-weight: 400;
}
.fight-card-section .program-item-event .pfp
{
	background-color: #000;
	border-radius: 1px;
	color: #fff;
	font-family: "Klavika Bold", Arial, Sans-serif;
	font-weight: 700;
	font-size: 12px;
	padding: 2px 5px;
}
.fight-card-section .program-item-event .name
{
	font-family: 'Klavika Medium', Arial, Sans-serif;
	font-weight: 500;
	font-size: 24px;
}
.fight-card-section .program-item-event .nick-name
{
	font-family: 'Klavika Medium', Arial, Sans-serif;
	font-weight: 500;
}
.fight-card-section .program-item-event .record
{
	font-family: 'Klavika Regular', Arial, Sans-serif;
	font-weight: 400;
	font-size: 18px;
	margin-top: 5px;
}
.fight-card-section .program-item-event .left .record
{
	float: left;
}
.fight-card-section .program-item-event .right .record
{
	float: right;
}
.fight-card-section .program-item-event .fight-fighter.left .name
{
	color: #d20a0a;
}
.fight-card-section .program-item-event .fight-fighter.right .name
{
	color: #14416a;
}
.fight-card-section .program-item-event .fight-fighter.left .fighter-img,
.fight-card-section .program-item-event .fight-fighter.left .fight-info
{
	float: left;
}
.fight-card-section .program-item-event .fight-fighter.right .fighter-img,
.fight-card-section .program-item-event .fight-fighter.right .fight-info
{
	float: right;
	text-align: right;
}
.fight-card-section .program-item-event .view-fighter-common
{
	color: #000;
	margin: 0;
	margin-top: 2px;
	font-size: 14px;
	font-weight: bold;
}
.fight-card-section .program-item-event .left .view-fighter-common
{
	margin-left: 7px;
	float: left;
}
.fight-card-section .program-item-event .right .view-fighter-common
{
	margin-right: 7px;
	float: right;
}
.fight-card-section .follow-fighter.view-fighter-common
{
	background-image: url('../images/event/icon_follow_fighter.png');
}
.fight-card-section .follow-fighter.view-fighter-common.followed
{
	background-image: url('../images/event/icon_follow_fighter_ok.png');
}
/* [320px, 1039px], common for sm, xp, xs */
@media (max-width: 1039px)
{
	.fight-card-section .program-item-noevent .video-img
	{
		width: 211px;
	}
	.fight-card-section .program-item-noevent .text
	{
		padding: 0;
	}
	.fight-card-section .program-item-noevent .video-watch
	{
		padding: 0;
		float: right;
		margin-right: 16px;
		width: 115px;
	}
	.fight-card-section .program-item-noevent .text .desc
	{
		font-size: 13px;
	}
	.fight-card.event-mma .fight-card-section .program-item-event .fight-fighter
	{
		padding-top: 10px;
	}
	.fight-card-section .program-item-event .rank-type
	{
		max-width: 160px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.fight-card-section .program-item-event .nick-name
	{
		max-width: 160px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.fight-card-section .program-item-event .name
	{
		font-size: 18px;
		max-width: 160px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.fight-card-section .program-item-event .pfp
	{
		display: block;
		width: 50px;
		text-align: center;
		padding: 0;
		height: 17px;
	}
	.fight-card-section .program-item-event .right .pfp
	{
		float: right;
		margin-left: 2px;
		margin-top: 2px;
	}
	.fight-card-section .program-item-event .record
	{
		margin-top: 0;
	}
	.fight-card-section .program-item-event .left .record,
	.fight-card-section .program-item-event .right .record
	{
		float: none;
	}
	.fight-card-section .program-item-event .fighter-section
	{
		display: block;
	}
	.fight-card-section .program-item-event .left .view-fighter-common
	{
		margin: 0;
		margin-top: -5px;
		float: left;
	}
	.fight-card-section .program-item-event .right .view-fighter-common
	{
		margin: 0;
		margin-top: -5px;
		float: right;
	}
}
/* [320px, 767px], common for xp, xs*/
@media (max-width: 767px)
{
	.fight-card-content
	{
		border-top: 0;
		padding-bottom: 0;
	}
	.fight-card-section
	{
		position: relative;
		margin: 0;
		padding: 0;
		width: 100%;
		border-top: 1px solid #d0d0d0;
	}
	.fight-card-section .content
	{
		display: none;
	}
	.fight-card-section .title
	{
		position: relative;
		font-size: 20px;
		float: none;
		margin-top: 25px;
		margin-left: 15px;
	}
	.fight-card-section .time
	{
		font-size: 15px;
		float: none;
		margin-bottom: 30px;
		margin-left: 15px;
	}
	.fight-card-section .dropdown
	{
		background-image: url(../images/event/plus.png);
		position: absolute;
		right: 15px;
		top: 40px;
		height: 22px;
		width: 22px;
		cursor: pointer;
	}
	.fight-card-section .fold-show.dropdown
	{
		background-image: url(../images/event/minus.png);
	}
	.fight-card-section .content
	{
		margin: 0;
	}
	.fight-card-section .title .pruchase-ppv
	{
		position: absolute;
		right: 0;
		top: 50px;
	}
	.fight-card-section .program-item-noevent .text .name
	{
		font-size: 14px;
		margin-top: 13px;
	}
	.fight-card-section .program-item-noevent .text .desc
	{
		font-size: 12px;
		margin-top: 3px;
	}
	.fight-card-section .program-item-noevent .video-img
	{
		width: 33.3333%;
	}
	.fight-card-section .program-item-noevent .video-img img
	{
		width: 98px;
		margin: 6px;
		margin-top: 13px;
	}
	.fight-card-section .program-item-noevent .video-watch
	{
		margin: 0;
		width: 100%;
	}
	.fight-card-section .program-item-noevent .video-watch .button
	{
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.fight-card-section .program-item-event
	{
		min-height: 225px;
		border: 0;
		margin: 0;
	}
	.fight-card-section .program-item-event .video-watch .button
	{
		margin-top: 7px;
	}
	.fight-card-section .program-item-event .fight-fighter
	{
		width: 100%;
		float: left;
	}
	.fight-card.event-mma .fight-card-section .program-item-event .fight-fighter
	{
		min-height: 78px;
	}
	.fight-card-section .program-item-event .fight-fighter.left
	{
		border-bottom: 1px solid #dadada;
	}
	.fight-card-section .program-item-event.live .fight-fighter
	{
		border: 0;
		border-top: 1px solid #000;
	}
	.fight-card-section .program-item-event .fight-fighter.right .fight-info
	{
		margin: 0;
		margin-left: 15px;
	}
	.fight-card-section .program-item-event .fight-fighter.right .fighter-img,
	.fight-card-section .program-item-event .fight-fighter.right .fight-info
	{
		float: left;
		text-align: left;
	}
	.fight-card-section .program-item-event .fight-fighter.right .result.draw
	{
		left: 0;
		right: auto;
	}
	.fight-card-section .program-item-event .fight-desc
	{
		height: 45px;
		background-color: #000;
		color: #fff;
	}
	.fight-card-section .program-item-event.bout-live .fight-desc
	{
		color: #000;
	}
	.fight-card-section .program-item-event .fight-title .fight-name
	{
		font-size: 14px;
		margin-top: -5px;
	}
	.fight-card-section .program-item-event .fight-title .fight-round
	{
		font-size: 12px;
		margin-top: -3px;
	}
	.fight-card-section .program-item-event .rank-type
	{
		font-size: 13px;
		margin-top: 8px;
		max-width: 100%;
	}
	.fight-card-section .program-item-event .record
	{
		margin-top: 0px;
		font-size: 16px;
	}
	.fight-card-section .program-item-event .fighter-img img
	{
		height: 75px;
		width: 115px;
	}
	.fight-card-section .program-item-event .nick-name
	{
		max-width: 100%;
	}
	.fight-card-section .program-item-event .name
	{
		font-size: 14px;
		max-width: 100%;
	}
	.fight-card-section .program-item-event .pfp
	{
		display: inline-block;
		width: auto;
		text-align: center;
		padding: 2px 5px;
		height: auto;
	}
	.fight-card-section .program-item-event .right .pfp
	{
		float: none;
		margin: 0;
	}
	.fight-card-section .program-item-event .right .view-fighter-common
	{
		float: left;
	}
}
/* [320px, 483px], only for xs */
@media (max-width: 483px)
{
	.fight-card-section .program-item-event .nick-name
	{
		max-width: 160px;
	}
	.fight-card-section .program-item-event .name
	{
		max-width: 160px;
	}
	.fight-card-section .program-item-event .rank-type
	{
		max-width: 160px;
	}
	.fight-card-section .program-item-event
	{
		min-height: 249px;
	}
	.fight-card-section .fight-fighter
	{
		min-height: 102px;
	}
	.fight-card-section .program-item-event .fighter-img
	{
		margin: 13px 7px;
	}
	.fight-card-section .program-item-event .pfp
	{
		display: block;
		width: 50px;
		text-align: center;
		padding: 0;
		height: 17px;
	}
	.fight-card-section .program-item-event .fight-title .fight-name
	{
		max-width: 165px;
		max-height: 30px;
		line-height: 15px;
		overflow: hidden;
	}
}
/* [320px, 767px], common for xp, xs*/
@media (min-width: 767px)
{
	.fight-card-section .content
	{
		display: block !important;
	}
}
/* fight card end */