/* dropdown */
.dropdown-backdrop
{
	position: static;
}
.dropdown .btn-default
{
	color: #000;
	text-align: left;
	padding: 0px 34px 0 14px;
	height: 33px;
	border: none;
	width: 100%;
	position: relative;
}
.dropdown.open > .dropdown-toggle.btn-default
{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.dropdown .btn-default .text
{
	float: left;
	overflow: hidden;
	width: 100%;
}
.dropdown .btn-default .fa
{
	font-size: 20px;
	color: #000;
	position: absolute;
	right: 14px;
}
.dropdown .dropdown-menu
{
	margin-top: 0;
	min-width: 100%;
	border: none;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	padding: 0;
	z-index: 101;
}
.dropdown .dropdown-menu > li > a
{
	padding: 0px 34px 0 14px;
	line-height: 30px;
	height: 30px;
}
.dropdown .dropdown-menu > li > a .fa
{
	display: none;
	float: right;
	margin-right: -20px;
	line-height: 30px;
}
.dropdown .dropdown-menu > li.selected > a .fa
{
	display: inline-block;
}
.dropdown .dropdown-menu > li > a:hover,
.dropdown .dropdown-menu > li > a:focus,
.dropdown .dropdown-menu > li.selected > a
{
	background-color: #f9f9f9;
	color: #e22e2e;
}
/* Purchase as a gift */
.check-box
{
	height: 33px;
	line-height: 33px;
	float: left;
}
.check-box *
{
	cursor: pointer;
}
.check-box .check
{
	position: relative;
	width: 20px;
	height: 20px;
	background-color: #dadada;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 8px 1px 0;
}
.check-box .check .fa-check
{
	color: #000;
	width: 100%;
	height: 100%;
	line-height: 20px;
	text-align: center;
	display: none;
}
.check-box.selected .check .fa-check
{
	display: block;
}
.check-box .input
{
	width: 20px;
	height: 20px;
	margin: 0;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.check-box.no-gift
{
	display: none;
}
.check-box .text
{
	font-size: 14px;
}
/*tool tip*/
a.show-tip
{
	position: relative;
	color: #1F7EAA;
}
.tool-tip
{
	width: 326px;
	height: 325px;
	position: absolute;
	z-index: 9999;
}
.tool-tip.loading
{
	background-image: url("../images/thumbs/loading.gif");
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(0, 0, 0, 0.3);
	box-shadow: -2px 2px 10px 0px;
	background-size: 50px;
}
.tool-tip .close-tip
{
	position: absolute;
	top: 0;
	right: 0;
	background-image: url("../images/thumbs/close.jpg");
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	width: 30px;
	height: 30px;
	z-index: 10;
}
/* icon reference(hover click and etc.) start*/
.view-fighter-common
{
	font-size: 12px;
	font-family: "Arial";
	font-weight: bold;
	color: #ffffff;
	margin-right: 35px;
	margin-bottom: 5px;
	float: left;
	cursor: pointer;
	background-image: url("../images/thumbs/icon_follow_fighter_white.png");
	background-repeat: no-repeat;
	padding-left: 18px;
	white-space: nowrap;
	background-size: 14px;
	line-height: 28px;
	background-position: left center;
}
.view-fighter-common.follow-fighter
{
	display: none;
}
a.view-fighter-common
{
	color: #ffffff;
	text-decoration: none;
}
.view-fighter-common.followed
{
	background-image: url("../images/thumbs/icon_following.png");
}
.view-fighter-common.followed :last-child
{
	display: inline-block;
}
.view-fighter-common.followed :first-child
{
	display: none;
}
.view-fighter-common :last-child
{
	display: none;
}
.hover-icon
{
	background-image: url("../images/thumbs/icon_play.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	width: 35px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
}
.hover-icon.watch-later
{
	background-image: url("../images/thumbs/clock.png");
}
.hover-icon:hover
{
	cursor: pointer;
	opacity: 0.75;
}
.program-cover .program-hover .hover-icon:hover:before
{
	display: inline-block;
}
.program-cover.cover .program-progress-bar
{
	height: 6px;
	bottom: 0;
	position: absolute;
	width: 100%;
	background-color: #3e3e3e;
}
.program-cover.cover .program-progress-bar .program-progress
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #ba0505;
}
.hover-icon:before
{
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	background-color: #000000;
	opacity: 0.5;
	display: none;
	position: relative;
	content: "";
}
.hover-icon.icon-black
{
	background-image: url("../images/thumbs/icon_play_black.png");
}
.hover-icon.watch-later.icon-black
{
	background-image: url("../images/thumbs/clock_black.png");
}
.hover-icon.favor-icon.on
{
	transition-duration: 0ms !important;
}
.icon
{
	height: 30px;
	width: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	cursor: pointer;
}
.icon:hover
{
	opacity: 0.5;
}
.icon.favor-icon
{
	display: none;
	background-image: url(../images/thumbs/fav.png);
}
.icon.favor-icon.on
{
	background-image: url(../images/thumbs/fav_on.png);
}
.icon.favor-icon.on:hover
{
	opacity: 1;
}
.isSubscriber .icon.favor-icon
{
	display: block;
}
.icon.watchlater-icon
{
	display: none;
	background-image: url(../images/thumbs/clock.png);
}
.icon.watchlater-icon.on
{
	background-image: url(../images/thumbs/clock_on.png);
}
.icon.watchlater-icon.on:hover
{
	opacity: 1;
}
.collection-buttons a.collection-button:hover .icon
{
	opacity: 0.5;
}
.isSubscriber .icon.watchlater-icon
{
	display: block;
}
.icon.watchnow-icon
{
	background-image: url(../images/thumbs/icon_play.png);
}
.icon.watchnow-icon.icon-black
{
	background-image: url(../images/thumbs/icon_play_black.png);
}
.icon.share-icon
{
	background-image: url(../images/thumbs/share.png);
}
.icon.facebook-icon
{
	background-image: url(../images/thumbs/share_facebook.png);
}
.icon.twitter-icon
{
	background-image: url(../images/thumbs/share_twitter.png);
}
.event-icons .icon
{
	float: right;
	margin-top: 17px;
	height: 40px;
	width: 40px;
	background-size: 40px 40px;
}
.user-function
{
	float: right;
}
.user-function .icon
{
	clear: both;
}
.event-icons .shares
{
	clear: both;
	float: right;
}
.event-icons .shares .share-icons
{
	opacity: 0;
	transition: margin-right 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: margin-right 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: margin-right 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: margin-right 0.3s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	margin-right: 0px;
	cursor: default;
}
.shares.on .share-icons
{
	opacity: 1;
	margin-right: 25px;
	cursor: pointer;
}
.program-cover .shares.on .share-icons
{
	margin-right: 10px;
}
.shares.on .icon.share
{
	background-image: url(../images/thumbs/share_on.png);
}
.shares.on .icon.share:hover
{
	opacity: 1;
}
/* icon reference end*/

.collection-featured-fixed
{
	height: 450px;
	background-color: #000000;
	overflow: hidden;
}
.collection-long
{
	height: 594px;
}
.collection-featured-fixed .prev, .collection-featured-fixed .next
{
	top: 200px;
	position: relative;
}
.collection-featured-fixed .desc-pad div:first-child
{
	font-family: "RefrigeratorDeluxe";
	font-size: 75px;
	color: #E22E2E;
	font-style: italic;
}
.collection-featured-fixed .desc-pad div:last-child
{
	color: #ffffff;
	font-size: 16px;
	font-family: "Arial";
	margin-right: 30px;
}
.collection-featured-fixed .desc-pad
{
	height: 220px;
	padding-top: 20px;
}
.collection-featured-fixed .prev-pad
{
	height: 50px;
	width: 32px;
	background-image: url("../images/thumbs/nav_prev.png");
	float: left;
	color: #ffffff;
	position: relative;
	top: 180px;
	z-index: 5;
	cursor: pointer;
	transition: 0.3s all;
}
.collection-featured-fixed .prev-pad:hover
{
	background-color: rgba(24, 24, 24, 0.8);
}
/*
 OWL reference dom
*/
.category-program .navigation-layout,
.fightlibrary-showchildren .navigation-layout
{
	top: 50px;
	height: 0;
}
.prev
{
	float: left;
	left: 0;
	background-image: url("../images/thumbs/nav_prev.png");
}
.next
{
	float: right;
	right: 0;
	background-image: url("../images/thumbs/nav_next.png");
}
.next, .prev
{
	width: 32px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.2);
	height: 50px;
	transition: 0.3s all;
	position: absolute;
	z-index: 10;
}
.prev:hover, .next:hover
{
	background-color: rgba(24, 24, 24, 0.8);
}
.owl-carousel .item
{
	width: 330px;
}
.collection-long .owl-carousel .item
{
	width: 240px;
}
.owl-carousel
{
	width: 100%;
	float: left;
	margin-top: 155px;
}
.fightlibrary-showchildren .owl-carousel
{
	margin-top: 0px;
}
.owl-nav .owl-prev
{
	float: left;
	margin-top: -80px;
}
.owl-nav .owl-next
{
	float: right;
	margin-top: -80px;
}
.owl-nav
{
	color: #ffffff;
	font-size: 14px;
}
.collection-featured-fixed.category-program .owl-carousel
{
	margin-top: 80px;
}
/***
playList
*/
.collection-featured-inline
{
	background-color: #000000;
	height: 450px;
	background-position: top;
	background-repeat: no-repeat;
	overflow: hidden;
}
.collection-featured-inline .left
{
	width: 435px;
	height: 450px;
	float: left;
	padding-right: 50px;
	padding-top: 65px;
}
.collection-featured-inline .left .title
{
	font-size: 75px;
	font-family: "RefrigeratorDeluxe";
	color: #e51b24;
	margin-bottom: 25px;
	line-height: 75px;
}
.collection-featured-inline .left .seasons
{
	font-size: 16px;
	font-family: "Arial";
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 25px;
}
.collection-featured-inline .left .desc
{
	font-size: 16px;
	font-family: "Arial";
	color: #ffffff;
}
.collection-featured-inline .right
{
	width: 1365px;
	height: 100%;
	float: left;
	position: relative;
}
.collection-featured-inline .prev, .collection-featured-inline .next
{
	top: 200px;
	position: absolute;
}
.collection-featured-inline .prev-layout .prev
{
	display: none;
}
/*
*layout reference
*/
.mid-out
{
	width: 1529px;
	margin: 0 auto;
}
.category-collection .large
{
	height: 280px;
	padding-left: 30px;
	padding-right: 10px;
	position: relative;
	overflow: hidden;
}
.category-collection .large.large-back
{
	height: auto;
	min-height: 280px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.category-collection .large.large-back:before
{
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.8);
}
.category-collection .large .large-info
{
	padding-left: 30px;
	padding-right: 10px;
	overflow: hidden;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	z-index: 2;
}
.category-collection .collection-button:hover
{
	opacity: 0.65;
}
.category-collection .collection-button .icon:hover
{
	opacity: 1;
}
.category-collection .bottom-layout
{
	position: absolute;
	bottom: 30px;
}
.category-collection .bottom-layout img
{
	width: 35px;
}
.section
{
	padding-top: 60px;
	padding-bottom: 60px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.section.category-post.request-post,
.section.category-post.request-fighter
{
	display: none;
}
.section.category-post.request-post .show-more.showed
{
	text-decoration: none;
	cursor: default;
}
.section.category-post .program-code
{
	color: #000000;
	font-size: 14px;
	font-family: "Arial";
	padding: 5px 0;
}
.section.category-post .program-name
{
	color: #000000;
	font-size: 18px;
	font-family: "Arial";
	font-weight: bold;
	word-break: break-word;
}
.section.category-post .toggle-video
{
	float: right;
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
}
.section.category-post .toggle-video a
{
	cursor: pointer;
	text-decoration: underline;
}
.section.category-post .toggle-video a.selected
{
	color: #ff0000;
}
.section.category-post .toggle-video .toggle-event
{
	margin-right: 20px;
}
.section.category-shows.fightlibrary-showchildren
{
	padding-top: 40px;
	padding-bottom: 10px;
}
@media (max-width: 767px)
{
	.section.category-shows.fightlibrary-showchildren:first-child
	{
		padding-top: 10px;
	}
}
.section.category-shows,
.section.category-post,
.section.category-fighters
{
	padding-bottom: 0px;
}
.section.category-shows,
.section.category-post
{
	font-size: 0;
}
.section.category-post .page-change
{
	display: none;
}
.section.category-shows .bottom-sapcing > div,
.section.category-post .bottom-sapcing > div
{
	display: inline-block;
	float: none;
	vertical-align: top;
}
.section.collection-featured-fixed,
.section.collection-featured-inline,
.section.fighter-collection-right,
.section.fighter-collection-left,
.section.search-fighter-individual
{
	padding-bottom: 0px;
	padding-top: 0px;
	border-bottom: none;
}
.bottom-sapcing > div
{
	margin-bottom: 60px;
}
.mid
{
	width: 1800px;
	margin: 0 auto;
}
.image-text > div:first-child
{
	display: table;
	width: 100%;
}
.image-text
{
	overflow: hidden;
}
.hidden-title
{
	color: #000000;
	font-size: 18px;
	font-family: "Arial";
	font-weight: bold;
	overflow: hidden;
	padding: 5px 0;
}
.hidden-desc
{
	color: #000000;
	font-size: 14px;
	font-family: "Arial";
	overflow: hidden;
}
.category-collection-title
{
	font-size: 45px;
	color: #E51B24;
	font-family: "RefrigeratorDeluxe";
	font-style: italic;
	line-height: 45px;
	margin-top: 30px;
	display: inline-block;
}
a.category-collection-title:hover
{
	color: #E51B24;
}
.purchase-ref span
{
	display: block;
}
.purchase-ref a
{
	font-weight: bold;
	text-decoration: underline;
	float: left;
}
.marquee .hover-icon
{
	height: 40px;
	width: 40px;
	margin-top: 20px;
	display: block;
}
.cover .transparent:before
{
	position: absolute;
	content: url("../images/transparent.png");
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	image-rendering: auto;
}
.cover
{
	position: relative;
	overflow: hidden;
	text-align: center;
	display: block;
}
.program-content
{
	padding-top: 10px;
}
.program-content .code,
.program-content .date
{
	color: #000;
	font-size: 14px;
	line-height: 22px;
}
.program-content .name
{
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}
.program-content .name a
{
	color: #000;
}
/*
 thumb hover animation
*/
.program-cover .program-hover
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgb(0, 0, 0);
	z-index: 2;
	opacity: 0;

}
.program-cover .program-hover .play-layout
{
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
}
.program-cover .program-hover .play-icon
{
	display: table-cell;
	vertical-align: middle;
}
.program-cover .program-hover .icon-play
{
	cursor: pointer;
	margin: 0 auto;
	width: 50px !important;
	height: 50px;
	top: -10px;
}
.program-cover .program-hover .icon-play.hover-icon:hover
{
	opacity: 1;
	cursor: inherit;
}
.program-cover .program-hover .icon-play.hover-icon:before
{
	opacity: 0;
}
.program-cover .program-hover .icon-top
{
	float: right;
	margin-right: 10px;
	margin-top: 10px !important;
	position: relative;
	width: 30px !important;
	height: 30px;
	opacity: 0;
	top: -10px;
	position: relative;
}
.program-cover .hover-title
{
	position: absolute;
	right: 35px;
	background-color: rgba(255,255,255,0.7);
	width: 65px;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	display: none;
	top: 0;
	color: #000000;
	font-weight: bold;
}
.program-cover .program-hover .watchlater-icon .hover-title
{
	width: 90px;
}
.program-section.completed .hover-title.program-completed-icon
{
	display: block;
	left: 14px;
	top: 14px;
	color: rgba(255,255,255,0.7);
	background: rgba(0,0,0,0.7);
	width: 72px;
	text-align: center;
	line-height: 22px;
	height: 22px;
	z-index: 3;
}
.program-cover .program-hover .favor-icon:hover .hover-title,
.program-cover .program-hover .watchlater-icon:hover .hover-title
{
	display: block;
}
.program-cover .program-hover .icon-center
{
	margin-right: 10px;
	clear: both;
	margin-top: 10px !important;
	position: relative;
	opacity: 0;
	top: -10px;
}
.program-cover .event-icons .icon
{
	float: right;
	margin-top: 0;
	height: 30px;
	width: 30px;
	background-size: 30px;
}
.program-cover .program-hover img
{
	width: auto !important;
}
.program-cover .program-hover-on
{
	transition-duration: 420ms;
	opacity: 0.75;
}
.program-cover .program-hover-on + img
{
	transition-duration: 160ms;
	transform: scale(1.1, 1.1);
}
.program-cover .program-hover-on .icon-top
{
	transition: top 160ms ease-out 210ms, opacity 160ms ease-out 210ms;
	top: 0;
	opacity: 1;
	cursor: pointer;
}
.program-cover .program-hover-on .icon-center
{
	transition: top 160ms ease-out 260ms, opacity 160ms ease-out 260ms;
	top: 0;
	opacity: 1;
	cursor: pointer;
}
.program-cover .program-hover-on .icon-bottom
{
	transition: top 160ms ease-out 310ms, opacity 160ms ease-out 310ms;
	top: 0;
	opacity: 1;
	cursor: pointer;
}
.program-cover .program-hover-leave
{
	transition-duration: 160ms;
	opacity: 0;
}
.program-cover .program-hover-leave + img
{
	transition-duration: 160ms;
	transform: scale(1, 1);
}
.program-cover .program-hover-leave .icon-top,
.program-cover .program-hover-leave .icon-center,
.program-cover .program-hover-leave .icon-bottom
{
	transition: opacity 160ms, top 0ms 160ms;
	opacity: 0;
	top: -10px;
}
.cover .transparent
{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
.cover .cover-title
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	color: #ffffff;
	font-weight: bold;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 20%;
	font-size: 18px;
}
.img-responsive
{
	width: 100%;
}
.mid .category-item-info
{
	height: 450px;
	width: 465px;
	position: relative;
	float: left;
	transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-webkit-transform: skew(-10deg, 0deg);
	-ms-transform: skewX(-10deg);
	margin-left: -50px;
	background-color: rgba(0, 0, 0, 0.9);
}
.mid .category-item-info:before
{
	position: absolute;
	content: "";
	right: 0px;
	top: 0;
	height: 100%;
	width: 3px;
	background: -moz-linear-gradient(top, #000000, #181818, #000000);
	background: -webkit-linear-gradient(top, #000000, #181818, #000000);
	background: linear-gradient(to bottom, #000000, #181818, #000000);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#000000, endColorstr=#e2181818) box-shadow : #000000;
	box-shadow: 0px -2px 1px 0px #181818;
	z-index: 10;
}
.mid-in
{
	position: absolute;
	z-index: 5;
	width: 500px;
	overflow: hidden;
}
.scroll-div .title
{
	color: #ffffff;
	font-size: 14px;
	font-family: "Arial";
}
.scroll-div .sub-title
{
	color: #ffffff;
	font-size: 16px;
	font-family: "Arial";
	font-weight: bold;
}
/*
*  category / common
*/
.category-show .desc-top
{
	max-height: 120px;
	font-size: 16px;
	color: #ffffff;
	padding: 10px 0 10px 0;
	overflow: hidden;
}
.category-show .desc-top a
{
	color: #ffffff;
	cursor: pointer;
}
.category-show .desc-bottom
{
	font-size: 16px;
	color: #ffffff;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}
.category-show .show-program
{
	margin-bottom: 10px;
}
.category-show .category-show-feature
{
	margin-bottom: -10px;
	overflow: hidden;
}
.category-show .category-show-feature .large
{
	min-height: 160px;
}
.category-show .category-show-feature .category-program-small a
{
	color: #ffffff;
}
.category-program-small
{
	position: relative;
	overflow: hidden;
	display: block;
}
.category-item-cover
{
	position: absolute;
	width: 100%;
	display: block;
	z-index: 1;
	bottom: 0;
	box-shadow: 0px -10px 18px 0px rgba(0, 0, 0, 0.3);
	padding-left: 10px;
	padding-bottom: 5px;
}
.category-item-cover:before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.3;
	z-index: 2;
	left: 0;
}
.category-item-cover div:first-child
{
	font-size: 14px;
	color: #ffffff;
	font-family: "Arial";
	position: relative;
	z-index: 3;
	max-height: 35px;
	overflow: hidden;
	line-height: 16px;
}
.category-item-cover div:last-child
{
	font-size: 14px;
	color: #ffffff;
	font-family: "Arial";
	font-weight: bold;
	position: relative;
	z-index: 3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.category-item-cover div:last-child a
{
	color: #ffffff;
}
.category-title
{
	font-family: "Klavika Light";
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 25px;
	overflow: hidden;
	display: table;
	width: 100%;
}
.category-title .arrow
{
	background-position: center center;
	display: inline-block;
}
.category-title.no-video
{
	text-align: center;
	padding-top: 80px;
	height: 200px;
}
.marquee
{
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: top;
	height: 400px;
}
.marquee .addition, .marquee .addition .row
{
	text-shadow: 1px 1px 1px #000000;
	height: 100%;
	position: relative;
}
.marquee .position
{
	position: absolute;
	bottom: 40px;
}
.marquee .start-btn-common
{
	margin: 20px 0 0 0;
	float: left;
}
.marquee .title
{
	color: #ffffff;
	font-family: "Klavika Light";
	font-size: 60px;
	padding-right: 20%;
}
.marquee .learn-more
{
	padding-top: 35px;
	display: block;
	padding-left: 20px;
	float: left;
	color: #ffffff;
}
.marquee .desc
{
	font-family: "Arial";
	color: #ffffff;
	font-size: 16px;
	max-height: 220px;
	max-width: 50%;
	text-overflow: ellipsis;
	overflow: hidden;
}
.marquee .fav
{
	height: 0;
	float: right;
	margin-right: 20px;
	position: relative;
	z-index: 9;
}
.marquee .maxwidth
{
	margin: 0 auto;
	max-width: 2100px;
	position: relative;
	z-index: 2;
}
.marquee .fav img
{
	display: block;
	margin-top: 20px;
	cursor: pointer;
}
.marquee .fav img:hover
{
	opacity: 0.8;
}
.marquee-playlist
{
	background-image: url(../images/playlist_bg.jpg);
}
.navigation-layout
{
	margin: 0 auto;
	max-width: 1599px;
	position: relative;
	z-index: 2;
	top: 180px;
}
.category-item-info div:first-child
{
	display: block;
	font-family: "RefrigeratorDeluxe";
	font-size: 75px;
	margin-left: 40px;
	color: #E22E2E;
	margin-top: 30px;
}
.category-item-info div:last-child
{
	color: #ffffff;
	font-size: 16px;
	font-family: "Arial";
	margin-left: 50px;
	display: block;
	transform: skewX(10deg);
	-moz-transform: skewX(10deg);
	-webkit-transform: skew(10deg, 0deg);
	-ms-transform: skewX(10deg);
	margin-right: 30px;
}
.collection-long .category-item-info
{
	height: 594px;
}
.prev-layout
{
	margin: 0 auto;
	max-width: 2100px;
	position: relative;
}
.clear-margin
{
	margin-bottom: 0 !important;
}
.fighter
{
	height: 325px;
	background-color: #000000;
	background-position: 100% 20px;
	background-repeat: no-repeat;
	background-size: 60%;
	padding-left: 8%;
	color: #ffffff;
	position: relative;
	overflow: hidden;
}
.fighter .follow-view
{
	position: absolute;
	bottom: 20px;
}
.fighter .top
{
	font-family: "Klavika Bold";
}
.fighter .ranking
{
	color: #ffffff;
	font-size: 14px;
	font-family: "Klavika Bold";
	margin-right: 5px;
}
.fighter .weight
{
	color: #909191;
	font-size: 14px;
	font-family: "Klavika Regular";
	margin-left: 5px;
}
.fighter .top
{
	padding-top: 20px;
	font-size: 12px;
}
.fighter .fighter-pfp-rank
{
	margin-bottom: 20px;
}
.fighter .fighter-name
{
	text-decoration: none;
}
.fighter .fighter-firstname,
.fighter .fighter-lastname
{
	font-size: 28px;
	color: #e22e2e;
	font-family: "Klavika Bold";
	line-height: 30px;
	display: block;
}
.fighter .info-record
{
	font-size: 18px;
	color: #ffffff;
	font-family: "Klavika Regular";
	padding-bottom: 30px;
}
.fighter .fighter-nickname
{
	font-size: 14px;
	color: #ffffff;
	font-family: "Klavika Medium";
	padding-bottom: 30px;
	height: 50px;
}
.fighter .view-profile
{
	margin-right: 200px;
}
.fighter .fighterlink
{
	display: inline-block;
}
.fighter a.fighterlink:hover
{
	color: #e22e2e;
}
.search-fighter-individual .fight-info .view-fighter-common,
.fighter .view-fighter-common
{
	background-color: red;
	background-position: 10px center;
	padding-left: 28px;
	width: 140px;
	border-radius: 3px;
}
.fighter-champion
{
	background-image: url(../images/thumbs/champ-icon.png);
	display: inline-block;
	width: 20px;
	height: 14px;
	margin-right: 5px;
}
.isSubscriber .fighter-section .view-fighter-common
{
	display: block;
}
.view-fighter-common.view-profile
{
	background-image: url("../images/thumbs/icon_view_profile_white.png");
	color: #ffffff;
}
.category-fighter .owl-carousel .item
{
	width: auto;
}
.category-program .owl-carousel .item
{
	width: auto;
}
.category-program .owl-carousel
{
	margin-top: auto;
}
.category-fighter .owl-carousel
{
	margin-top: auto;
}
.category-program
{
	position: relative;
}
.start-btn-common
{
	width: 274px;
	padding-top: 16px;
	cursor: pointer;
	margin-top: 40px;
	font-size: 14px;
	margin-bottom: 45px;
	line-height: normal;
}
.start-btn-common .num-location
{
	position: relative;
	top: 2px;
}
.countdown div
{
	float: left;
	margin-left: 20px;
	text-align: center;
	width: 42px;
}
.countdown div span:first-child
{
	display: block;
	font-size: 40px;
	color: #ffffff;
	font-family: "Klavika Bold";
	line-height: 40px;
}
.countdown div span:last-child
{
	font-size: 14px;
	font-family: "Klavika Bold";
	color: #909191;
}
.category-schedule-info
{
	padding: 10px 0 10px 0;
	border-bottom: solid 1px #535353;
	float: left;
	width: 100%;
	line-height: 20px;
	position: relative;
}
.category-schedule-info:last-child
{
	border-bottom: none;
}
.category-schedule-info .date
{
	font-size: 14px;
	font-family: "Arial";
	font-weight: bold;
	float: left;
}
.category-schedule-info .versus
{
	float: right;
	width: 70%;
}
.category-schedule-info .desc
{
	font-size: 14px;
	font-family: "Arial";
	float: right;
	width: 70%;
	line-height: 30px;
}
.category-schedule-info .versus .title
{
	font-size: 14px;
	font-family: "Arial";
	font-weight: bold;
	float: left;
}
.category-schedule-info .title .separator
{
	display: none;
}
.category-schedule-info .media-type
{
	float: right;
	font-size: 14px;
	font-family: "Arial";
	font-weight: bold;
	margin-right: 20px;
}
.category-schedule-show
{
	width: 100%;
	color: #ffffff;
}
.category-show-all
{
	font-family: "Arial";
	font-weight: bold;
	font-size: 16px;
	padding: 30px 0 0 0;
	clear: both;
	text-align: right;
}
.category-show-all a
{
	color: #ffffff;
}
.category-show-all a:hover
{
	color: #ffffff;
}
.purchase-info .explain a
{
	font-weight: bold;
	text-decoration: underline;
	float: left;
	margin-top: 10px;
	clear: both;
}
.fighter-rating
{
	margin-top: 30px;
	font-family: "Klavika Regular";
	font-size: 18px;
	line-height: 20px;
	color: #909191;
}
.fighter-rating span
{
	font-family: "Klavika Bold";
	color: #ffffff;
}
.fighter-rating img
{
	margin-top: -7px;
	margin-right: 5px;
}
.fighter-pfp-rank
{
	color: #000000;
	background-color: #ffffff;
	font-family: "Klavika Bold";
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
	padding: 0 10px;
	display: table;
}
.fighter-nickname
{
	font-family: "Klavika Medium";
	font-size: 30px;
	color: #ffffff;
}
.fighter-record
{
	font-family: "Klavika Regular";
	font-size: 36px;
	color: #ffffff;
	margin-top: 10px;
}
.playlist .quantity
{
	font-family: Arial;
	font-size: 16px;
	color: #000000;
}
.playlist .row
{
	padding: 30px 0 30px 0;
	border-bottom: 1px solid #dbdbdb;
}
.playlist .row:last-child
{
	border-bottom: none;
	padding-bottom: 0;
}
.playlist .Jump-Fight
{
	color: #000000;
	font-size: 16px;
	font-family: "Arial";
	font-weight: bold;
	margin-top: 20px;
	cursor: pointer;
	display: table;
}
.playlist .title
{
	display: block;
	color: #000000;
	font-size: 16px;
	font-family: "Arial";
}
.playlist .versus
{
	display: inline-block;
	color: #000000;
	font-size: 24px;
	font-family: "Klavika Medium";
}
.playlist .when
{
	display: block;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
	font-family: "Arial";
}
.playlist .desc
{
	display: block;
	color: #000000;.
	font-size: 16px;
	font-family: "Arial";
}
.playlist .category-program
{
	overflow: hidden;
}
.category-fighter-big .fighter
{
	background-size: auto;
}
.category-fighter-big .fighter .fighter-firstname,
.category-fighter-big .fighter .fighter-lastname
{
	font-size: 45px;
	line-height: 40px;
}
.category-fighter-big .fighter .fighter-nickname
{
	font-size: 16px;
	padding-top: 10px;
}
.category-fighter-big .fighter .info-record
{
	font-size: 22px;
}
.category-fighter-big .fighter .weight
{
	color: #979797;
}
.playlist-bigpicture
{
	background-color: #000000;
	max-width: 2100px;
	margin: 0 auto;
	height: 750px;
	background-position: top;
	background-repeat: no-repeat;
}
.playlist-bigpicture .next
{
	right: 0;
}
.playlist-bigpicture .prev, .playlist-bigpicture .next
{
	position: absolute;
	top: 50px;
}
.playlist-bigpicture .prev
{
	left: 0;
}
.playlist-bigpicture .navigation-layout
{
	position: relative;
}
.playlist-bigpicture .backimg
{
	margin: 0 auto;
	max-width: 2100px;
	position: relative;
	height: 100%;
}
.playlist-bigpicture .owl-carousel .item .container
{
	height: 750px;
}
.playlist-bigpicture .backimg .container
{
	height: 100%;
	display: table;
}
.playlist-bigpicture .backimg .container .row
{
	display: table-cell;
	vertical-align: middle;
}
.playlist-bigpicture .speak
{
	float: none;
	margin: 0 auto;
}
.playlist-bigpicture .quotation-front
{
	font-family: "Klavika Bold";
	font-size: 125px;
	color: #ffffff;
	float: left;
	display: block;
	line-height: 0;
	margin-top: 20px;
}
.playlist-bigpicture .quotation-behind
{
	font-family: "Klavika Bold";
	font-size: 125px;
	color: #ffffff;
	line-height: 0;
	position: relative;
	top: 60px;
}
.playlist-bigpicture .quotation-context
{
	font-family: "Klavika Light";
	font-size: 36px;
	color: #ffffff;
}
.playlist-bigpicture .owl-carousel .item
{
	width: auto;
}
.owl-carousel .owl-item
{
	-webkit-backface-visibility: visible !important;
}
.playlist-bigpicture .owl-carousel
{
	margin-top: auto;
}
.liveevent-common
{
	overflow: hidden;
}
.liveevent-common .introduce .fight-night
{
	font-size: 20px;
	font-family: "Klavika Medium";
	color: #000000;
}
.liveevent-common .introduce .versus
{
	font-size: 65px;
	font-family: "RefrigeratorDeluxe";
	font-style: italic;
	line-height: 60px;
	margin-bottom: 10px;
	color: #e22e2e;
	display: inline-block;
}
.liveevent-common .introduce .versus a
{
	color: #e22e2e;
}
.liveevent-common .introduce .when
{
	font-size: 17px;
	font-family: "Arial";
	color: #000000;
	font-weight: bold;
}
.liveevent-common .introduce .name
{
	font-size: 17px;
	font-family: "Arial";
	color: #000000;
}
.liveevent-common .introduce .display
{
	font-family: "Arial";
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	float: left;
	cursor: pointer;
}
.liveevent-common .introduce .display img
{
	width: 22px;
}
.liveevent-common .display
{
	font-family: "Arial";
	font-weight: bold;
	font-size: 16px;
	color: #000000;
}
.liveevent-common .purchase-info
{
	margin: 10px 0 30px 0;
	float: left;
	width: 100%;
}
.liveevent-common .purchase-info .purchase-btn
{
	width: 240px;
	padding-top: 16px;
	font-size: 14px;
	float: left;
	margin-right: 15px;
	clear: both;
	line-height: normal;
}
.liveevent-common .purchase-info .blackout-change-content
{
	font-size: 18px;
}
.liveevent-common .purchase-info .blackout-change-content .big
{
	font-size: 26px;
}
.liveevent-common .special-modify
{
	color: #000000;
	display: none;
}
.liveevent-common .special-modify .category-show-all a
{
	color: #000000;
}
.owl-carousel .item
{
	width: auto !important;
}
.select-season
{
	display: table;
}
.select-season .dropdown-season
{
	padding-bottom: 30px;
}
.select-season .dropdown-toggle
{
	background-color: #cccccc;
}
.select-season .dropdown
{
	display: table-cell;
}
.select-season .dropdown .list-pannel .list span
{
	display: inline-block;
	width: 100%;
	overflow: hidden;
}
.select-season .season
{
	font-family: "Klavika Medium";
	font-size: 16px;
	color: #000000;
	display: table-cell;
	vertical-align: middle;
	padding-right: 30px;
}
.select-season .desc
{
	font-family: "Arial";
	font-size: 16px;
	color: #000000;
}
.section.page-change
{
	padding-top: 0px;
	padding-bottom: 0px;
}
.page-change .page-turning
{
	text-align: center;
	padding: 40px 0;
	font-size: 18px;
	color: #878888;
}
.page-change .page-turning a.pagenum
{
	color: #878888;
	cursor: pointer;
	padding: 0 5px;
	font-weight: bold;
}
.page-change .page-turning a.pagenum.select
{
	color: #000000;
	cursor: text;
	text-decoration: none;
}
.page-change .page-turning a.pagenum.select:hover
{
	text-decoration: none;
}
.page-change .page-turning a.next-page,
.page-change .page-turning a.prev-page
{
	cursor: pointer;
	position: relative;
}
.page-change .page-turning a.prev-page
{
	right: 15px;
}
.page-change .page-turning a.next-page
{
	left: 15px;
}
@media (max-width: 1569px)
{
	.mid-out
	{
		width: 1270px;
		margin: 0 auto;
	}
	.navigation-layout
	{
		max-width: 1340px;
	}
}
@media (max-width: 1329px)
{
	.mid-out
	{
		width: 1012px;
	}
	.category-fighter-big .fighter
	{
		background-size: auto;
	}
	.navigation-layout
	{
		max-width: 1082px;
	}
}
@media (max-width: 1039px)
{
	.liveevent-common .category-show-all
	{
		padding: 30px 0 30px 0;
	}
	.section
	{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.bottom-sapcing > div
	{
		margin-bottom: 30px;
	}
	.mid
	{
		width: 720px;
	}
	.owl-carousel .item
	{
		width: 224px;
	}
	.collection-long .owl-carousel .item
	{
		width: 163px;
	}
	.owl-carousel
	{
		margin-top: 0;
	}
	.collection-featured-fixed.category-program .owl-carousel
	{
		margin-top: 0;
	}
	.collection-featured-fixed .prev
	{
		top: 260px;
	}
	.collection-featured-fixed .prev-pad, .collection-featured-fixed .next
	{
		top: 280px;
	}
	.mid-out
	{
		width: auto;
	}
	.category-collection .large
	{
		height: 264px;
	}
	.category-collection .large.large-back
	{
		height: auto;
		min-height: 264px;
	}
	.category-show .show-program
	{
		margin-bottom: 12px;
	}
	.collection-featured-inline .left
	{
		float: none;
		width: 100%;
		height: auto;
		padding-right: 0;
		padding-bottom: 25px;
		padding-top: 30px;
	}
	.collection-featured-inline .right
	{
		width: 100%;
		height: 100%;
	}
	.collection-featured-inline .left .title
	{
		font-size: 45px;
	}
	.collection-featured-inline .prev, .collection-featured-inline .next
	{
		top: 280px;
	}
	.collection-featured-inline .prev-layout .prev
	{
		display: block;
	}
	.collection-featured-inline .right .prev
	{
		display: none;
	}
	.category-show-all
	{
		text-align: center;
	}
	.special-modify .back-color-lightgrey
	{
		background-color: #f3f3f3;
	}
	.special-modify .back-color-grey
	{
		background-color: #EAEAEA;
	}
	.category-fighter-big .fighter
	{
		background-size: 60%;
	}
	.navigation-layout
	{
		max-width: 790px;
	}
	.category-title
	{
		font-size: 28px;
		line-height: 28px;
		margin-bottom: 20px;
	}
	.playlist-bigpicture .backimg,
	.playlist-bigpicture,
	.playlist-bigpicture .owl-carousel .item .container
	{
		height: 565px;
	}
	.marquee .title
	{
		font-size: 45px;
		line-height: 45px;
	}
	.start-btn-common
	{
		margin-top: 20px;
	}
}
@media (max-width: 767px)
{
	.mid
	{
		width: 472px;
	}
	.collection-long .owl-carousel .item
	{
		width: 140px;
	}
	.fighter
	{
		background-position: 100% top;
	}
	.category-fighter-big .fighter
	{
		background-size: 60%;
	}
	.liveevent-common .introduce
	{
		padding-left: 9px;
	}
	.liveevent-common .introduce .versus
	{
		font-size: 45px;
		line-height: 45px;
	}
	.category-collection .category-collection-title
	{
		font-size: 26px;
		line-height: 26px;
	}
	.category-collection .bottom-layout img
	{
		width: 22px;
	}
	.playlist .row
	{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.category-show .category-show-feature
	{
		margin-bottom: auto;
	}
	.page-change .page-turning
	{
		padding: 18px 0;
	}
	.category-collection .large.large-back
	{
		height: auto;
		min-height: 243px;
		max-height: 400px;
	}
	.playlist .program-cover .program-hover .icon-play
	{
		width: 35px !important;
		height: 35px;
	}
	.playlist .program-cover .event-icons .icon
	{
		height: 18px;
		background-size: 18px;
		width: 18px;
	}
	.playlist .program-cover .program-hover .icon-top
	{
		width: 18px !important;
		margin-top: 5px !important;
		margin-right: 5px;
	}
	.playlist .program-cover .program-hover .icon-center
	{
		margin-top: 5px !important;
		margin-right: 5px;
	}
	.playlist .program-cover .shares.on .share-icons
	{
		margin-right: 5px;
	}
	.marquee .desc
	{
		max-width: 100%;
	}
}
@media (max-width: 483px)
{
	.mid
	{
		width: 306px;
	}
	.owl-carousel .owl-item
	{
		width: 306px;
	}
	.owl-carousel .item
	{
		width: 267px;
		margin: 0 auto;
	}
	.collection-featured-fixed .desc-pad div:first-child
	{
		font-size: 35px;
	}
	.collection-featured-fixed .prev
	{
		top: 260px;
	}
	.category-show
	{
		margin-bottom: 0px;
	}
	.bottom-sapcing > div
	{
		margin-bottom: 10px;
	}
	.section
	{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collection-featured-inline .left
	{
		padding-bottom: 5px;
		padding-top: 20px;
	}
	.collection-featured-inline .left .title
	{
		font-size: 35px;
		line-height: 35px;
	}
	.collection-featured-inline .left .title, .collection-featured-inline .left .seasons
	{
		margin-bottom: 5px;
	}
	.category-schedule-info .versus
	{
		float: left;
	}
	.category-schedule-info .desc
	{
		float: left;
	}
	.category-schedule-info .title .separator
	{
		display: inline;
	}
	.category-schedule-info .media-type
	{
		float: left;
	}
	.category-schedule-info .date
	{
		width: 100%;
	}
	.category-show-all
	{
		text-align: left;
	}
	.category-collection .large.large-back
	{
		height: auto;
		min-height: 174px;
	}
	.marquee .title
	{
		font-size: 35px;
		line-height: 35px;
		margin-bottom: 10px;
	}
	.marquee .learn-more
	{
		display: block;
		clear: both;
	}
	.category-fighter-big .fighter
	{
		background-size: 60%;
	}
	.playlist-bigpicture .quotation-front
	{
		font-size: 100px;
	}
	.playlist-bigpicture .quotation-behind
	{
		font-size: 100px;
	}
	.playlist-bigpicture .quotation-context
	{
		font-size: 18px;
	}
	.playlist-bigpicture
	{
		height: 430px;
	}
	.fighter-rating
	{
		font-size: 12px;
	}
	.fighter-record
	{
		font-size: 20px;
	}
	.liveevent-common .introduce
	{
		padding-left: 3px;
	}
	.playlist-bigpicture .backimg,
	.playlist-bigpicture,
	.playlist-bigpicture .owl-carousel .item .container
	{
		height: 565px;
	}
	.category-title
	{
		font-size: 22px;
		line-height: 22px;
		margin-bottom: 18px;
		margin-top: 18px;
	}
	.category-show .desc-top
	{
		max-height: 80px;
		overflow: hidden;
	}
	.category-collection .large.large-back
	{
		max-height: 253px;
	}
	.playlist .program-cover .program-hover .icon-play
	{
		width: 20px !important;
		height: 20px;
	}
	.playlist .program-cover .program-hover .icon-top
	{
		margin-top: 2px !important;
		margin-right: 2px;
	}
	.playlist .program-cover .program-hover .icon-center
	{
		margin-top: 2px !important;
		margin-right: 2px;
	}
	.playlist .program-cover .shares.on .share-icons
	{
		margin-right: 2px;
	}
	.category-collection-title
	{
		margin-top: 20px;
	}
}
@media (min-width: 768px)
{
	.category-collection .large.large-back .img-responsive
	{
		max-width: 100%;
		width: auto;
	}
}
/* collection components start */
.fighter-collection
{
	width: 100%;
	height: 750px;
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
}
.fighter-collection a.href-void
{
	color: #fff;
}
.fighter-collection a.href-void:hover,
.fighter-collection a.href-void:focus
{
	opacity: 0.65;
}
.collection-container
{
	height: 100%;
	position: relative;
}
.collection-content
{
	width: 100%;
	bottom: 55px;
	position: absolute;
}
.collection-content .collection-text
{
	margin-bottom: 40px;
}
.collection-content .collection-name
{
	font-family: 'RefrigeratorDeluxe';
	font-size: 75px;
	font-style: italic;
	line-height: 70px;
	display: block;
	color: #fff;
}
.collection-content .collection-link
{
	display: inline-block;
	font-weight: bold;
	margin-top: 5px;
	color: #fff;
}
.collection-content .collection-link:hover
{
	color: #fff;
	text-decoration: underline;
}
.collection-content .collection-buttons
{
	margin-top: 20px;
}
.collection-buttons a.collection-button
{
	color: #fff;
	display: inline-block;
	margin-right: 20px;
	margin-top: 8px;
}
a.collection-button span
{
	float: left;
}
a.collection-button .text
{
	margin-left: 10px;
	margin-top: 5px;
	font-size: 16px;
	font-weight: bold;
}
a.collection-button.watchlater
{
	display: none;
}
.isSubscriber .collection-buttons a.collection-button.watchlater
{
	display: inline-block;
}
.fighter-collection.left .collection-text
{
	float: left;
	margin-left: 70px;
}
.fighter-collection.right .collection-text
{
	margin-right: 70px;
	float: right;
}
.collection-content .collection-program
{
	float: left;
	width: 100%;
}
/* [320px, 1039px], common for sm, xp, xs */
@media (max-width: 1039px)
{
	.fighter-collection
	{
		height: 600px;
	}
}
/* [320px, 767px], common for xp, xs*/
@media (max-width: 767px)
{
	.fighter-collection .collection-container
	{
		padding: 0;
	}
	.fighter-collection.left .collection-text
	{
		margin-left: 30px;
	}
	.fighter-collection.right .collection-text
	{
		margin-right: 30px;
	}
}
/* [320px, 483px], only for xs */
@media (max-width: 483px)
{
	.fighter-collection
	{
		height: 300px;
	}
	.collection-content .collection-name
	{
		font-size: 46px;
		line-height: 40px;
	}
	.collection-content .collection-program
	{
		font-size: 46px;
		line-height: 40px;
	}
	.collection-content .collection-text
	{
		margin-bottom: 0px;
	}
	.fighter-collection.left .collection-content
	{
		bottom: 35px;
	}
	.fighter-collection .collection-name
	{
		display: inline-block;
		margin-right: 5px;
		font-size: 32px;
	}
	.fighter-collection.left .collection-text
	{
		margin-left: 30px;
	}
	.fighter-collection.right .collection-text
	{
		margin-left: 30px;
		float: left;
	}
	.collection-content a.collection-button .icon
	{
		background-size: 25px 25px;
		height: 25px;
		width: 25px;
	}
	.collection-content a.collection-button .text
	{
		font-size: 14px;
		margin-top: 3px;
	}
}
/* collection components end */
/* packages in ppv and unauth fightpass page */
.packages
{
	position: relative;
	overflow: visible;
	padding-top: 72px;
	padding-bottom: 80px;
	background-size: 100% 433px;
	background-repeat: no-repeat;
	background-position: center top;
}
.packages ul
{
	list-style: none;
	padding: 0;
}
.packages .name
{
	font-size: 36px;
	text-align: center;
	color: #000;
	font-family: 'Klavika Light';
	margin-bottom: 80px;
}
.packages .name .title
{
	margin-top: 0;
	font-size: 36px;
}
.packages .name .sub-title
{
	font-size: 18px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	color: #fff;
	width: 100%;
}
.packages .packages-list
{
	display: table;
	margin: 0 auto;
}
.packages .packages-item
{
	float: left;
	width: 270px;
	height: 310px;
	color: #000;
	margin-left: 18px;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
}
.packages .packages-item:first-child
{
	margin-left: 0;
}
.packages .packages-item .item-wrap
{
	height: 100%;
	padding: 50px 16px 0;
	position: relative;
}
.packages h5.title
{
	font-size: 18px;
	line-height: 22px;
	margin: 5px 0;
	font-weight: bold;
	padding: 0 20px;
}
.packages .desc
{
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
body.ppvPFOfferDisabled .packages .desc
{
	display: none;
}
.packages .price-wrapper
{
	font-family: 'Klavika Light';
	position: absolute;
	left: 0;
	width: 100%;
	top: 125px;
}
.packages .price
{
	font-size: 44px;
	font-family: 'Klavika Light';
	font-weight: normal;
}
.packages .select-icon
{
	font-size: 40px;
	position: absolute;
	right: 7px;
	bottom: -3px;
	display: none;
}
.packages .packages-item.selected .select-icon
{
	display: block;
}
.packages .special-deal
{
	background-repeat: no-repeat;
	width: 107px;
	height: 107px;
	position: absolute;
	right: -5px;
	top: -5px;
}
.packages .packages-item.selected .fa
{
	color: #24b05c;
}
.packages .custom-desc
{
	width: 400px;
	margin: 20px auto -20px;
	text-align: center;
}
body.ppvPFOfferDisabled .packages .custom-desc
{
	display: none;
}
/* PPV:select */
.packages .packages-select
{
	margin: 0 auto;
	padding-top: 52px;
	display: table;
}
.packages .packages-options
{
	float: left;
	margin: 10px 142px 0 -30px;
}
.packages .continue
{
	float: right;
}
.packages .packages-select-item
{
	float: left;
	margin-left: 30px;
}
.packages .select-pannel
{
	background-color: #eee;
}
/* SD and HD */
.packages .quality
{
	height: 33px;
	line-height: 33px;
	text-align: center;
}
.packages .quality.packages-quality
{
	margin-left: 30px;
}
.packages .quality .item
{
	width: 50px;
	text-align: center;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	background-color: #eee;
	box-shadow: 2px 3px 0 #dbdbdb;
	cursor: pointer;
}
.packages .quality .item.selected
{
	color: #fff;
	box-sizing: border-box;
	background-color: #1d1d1d;
	box-shadow: 0px -1px 0px #b2b2b2;
	cursor: default;
}
.packages .quality.no-quality
{
	display: none;
}
.packages .no-quality + .packages-gift
{
	width: 190px;
	text-align: center;
}
/* Fightpass:select */
.packages .price-unit
{
	display: block;
	margin: -18px auto 0;
}
.packages .price-desc
{
	display: block;
	margin: 15px 10px 0;
	line-height: 16px;
}
.packages .free-time
{
	text-align: center;
	font-size: 16px;
	color: #000;
	display: inline-block;
	width: 100%;
	margin-top: 24px;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	-moz-transform: translate(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.packages .continue a
{
	width: 238px;
}
/* ppv-packages */
.ppv-packages.packages
{
	background-image: url(../images/ppv/ppv_packages.jpg);
}
.ppv-packages.packages .price-wrapper
{
	top: auto;
	bottom: 45px;
}
.ppv-packages.packages .name .title
{
	font-family: 'Klavika Medium';
	color: #fff;
}
.ppv-packages.packages .packages-item
{
	border: 5px solid #d2ae4b;
}
.ppv-packages.packages .packages-item .item-wrap
{
	background-color: #d2ae4b;
}
.ppv-packages.packages .packages-item.selected
{
	border-color: rgba(210, 174, 75, 0.6);
}
.ppv-packages.packages .packages-item.selected .item-wrap
{
	background-color: #fff;
}
.ppv-packages.packages .special-deal
{
	background-image: url(../images/ppv/special_deal.png);
}
.ppv-packages.packages .packages-item.selected .special-deal
{
	background-image: url(../images/ppv/special_deal_mo.png);
}
/* fightpass-packages */
.fightpass-packages.packages
{
	background-image: url(../images/home/unauth_packages.png);
}
.fightpass-packages.packages h5.title
{
	font-size: 24px;
}
.fightpass-packages.packages .packages-select
{
	padding-top: 74px;
}
.fightpass-packages.packages .check-box
{
	height: 50px;
	line-height: 50px;
	margin-right: 44px;
}
.fightpass-packages.packages .name .title
{
	color: #fff;
	font-family: 'Klavika Light';
	font-weight: normal;
}
.fightpass-packages.packages .packages-item
{
	border: 5px solid #d20a0a;
	color: #fff;
}
.fightpass-packages.packages .packages-item .item-wrap
{
	background-color: #d20a0a;
}
.fightpass-packages.packages .packages-item .item-wrap .desc
{
	color: #fff;
}
.fightpass-packages.packages .packages-item.selected
{
	border-color: rgba(78, 7, 25, 0.6);
	color: #000;
}
.fightpass-packages.packages .packages-item.selected .item-wrap
{
	background-color: #fff;
}
.fightpass-packages.packages .special-deal
{
	background-image: url(../images/home/best_value.png);
}
.fightpass-packages.packages .packages-item.selected .special-deal
{
	background-image: url(../images/home/best_value_mo.png);
}
.fightpass-packages.packages .ios-note
{
	display: none;
	margin: 0 auto 30px;
	width: 800px;
}
.fightpass-packages.packages .ios-note ul
{
	list-style-type: disc;
	font-style: italic;
}
.fightpass-packages.packages .ios-note .links
{
	text-align: center;
}
.fightpass-packages.packages .ios-note .links a
{
	margin: 0 20px;
	text-decoration: underline;
}
.inpagepurchase-payflow
{
	display: none;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* [320px, 1329px], common for md, sm, xp, xs */
@media (max-width: 1329px)
{
	.packages .packages-item
	{
		width: 220px;
	}
	.ppv-packages .packages-item
	{
		width: 270px;
	}
	.fightpass-packages.packages .ios-note
	{
		width: 650px;
	}
}
/* [320px, 1039px], common for sm, xp, xs */
@media (max-width: 1039px)
{
	.packages .packages-item
	{
		width: 171px;
		height: 260px;
		margin-left: 12px;
	}
	.packages .packages-item .item-wrap
	{
		padding-top: 40px;
	}
	.packages h5.title
	{
		font-size: 20px;
		line-height: 21px;
		padding: 5px 5px 0;
	}
	.packages .desc
	{
		line-height: 14px;
	}
	.packages .price-wrapper
	{
		top: 122px;
	}
	.packages .price
	{
		font-size: 32px;
	}
	.packages .price-unit
	{
		margin-top: -18px;
	}
	.packages .special-deal
	{
		width: 88px;
		height: 88px;
	}
	.packages .packages-item.selected .select-icon
	{
		color: #24b05c;
	}
	.packages .packages-select
	{
		padding-top: 45px;
	}
	.packages .packages-options
	{
		float: none;
		display: table;
		margin: 10px auto 0;
	}
	.packages .free-time
	{
		font-size: 14px;
	}
	.packages .continue a
	{
		width: 345px;
		margin: 0 auto;
	}
	/* ppv-packages */
	.ppv-packages .packages-item
	{
		width: 240px;
	}
	.ppv-packages.packages .price-wrapper
	{
		bottom: 20px;
	}
	.ppv-packages.packages .special-deal
	{
		background-image: url(../images/ppv/special_deal_phone.png);
	}
	.ppv-packages.packages .packages-item.selected .special-deal
	{
		background-image: url(../images/ppv/special_deal_phone_mo.png);
	}
	.ppv-packages.packages .continue
	{
		float: none;
		padding-top: 50px;
	}
	/* fightpass-packages */
	.fightpass-packages.packages h5.title
	{
		font-size: 20px;
	}
	.fightpass-packages.packages .special-deal
	{
		background-image: url(../images/home/best_value_phone.png);
	}
	.fightpass-packages.packages .packages-item.selected .special-deal
	{
		background-image: url(../images/home/best_value_phone_mo.png);
	}
	.fightpass-packages.packages .check-box
	{
		margin-right: 22px;
	}
	.fightpass-packages.packages .continue
	{
		padding-top: 0;
	}
	.fightpass-packages.packages .ios-note
	{
		width: 500px;
	}
}
/* [320px, 767px], common for xp, xs */
@media (max-width: 767px)
{
	.packages
	{
		padding-bottom: 50px;
		background-size: cover;
	}
	.packages .name
	{
		margin: 0 auto;
		padding-bottom: 83px;
	}
	.packages .name .title
	{
		font-size: 24px;
		line-height: 26px;
		margin: 0;
	}
	.packages .name .sub-title
	{
		font-size: 14px;
		width: 100%;
	}
	.packages .packages-item
	{
		width: 410px;
		height: 170px;
		float: none;
		margin: 0 auto 14px;
	}
	.packages h5.title
	{
		padding: 0 30px;
	}
	.packages .packages-item:first-child
	{
		margin-left: auto;
	}
	.packages .packages-item .item-wrap
	{
		padding: 25px 20px 0;
	}
	.packages .custom-desc
	{
		width: 100%;
		margin-top: 5px;
		margin-bottom: 0;
		color: #fff;
	}
	.packages .packages-select
	{
		padding: 0;
		margin: 10px auto 0;
		width: 100%;
	}
	.packages .packages-dropdown-list
	{
		position: absolute;
		top: 122px;
		left: 0;
		right: 0;
		margin: auto;
		width: 410px;
	}
	.packages .price-wrapper
	{
		top: auto;
		bottom: 22px;
	}
	.packages .price
	{
		margin: 0;
	}
	.packages .price-unit,
	.packages .price-desc
	{
		display: inline;
		margin: 0 auto;
	}
	.packages .quality.packages-quality
	{
		width: auto;
		margin-left: 0;
	}
	.packages .packages-gift
	{
		padding-left: 0;
		text-align: center;
		float: none;
	}
	.packages .free-time
	{
		margin-top: 0;
	}
	.packages .continue
	{
		float: none;
		padding-top: 30px;
	}
	.packages .continue a
	{
		width: 410px;
		height: 44px;
		line-height: 44px;
	}
	/* ppv-packages */
	.ppv-packages.packages .quality .item.selected
	{
		background-color: #d2ae4b;
		color: #000;
	}
	.ppv-packages.packages .packages-gift
	{
		float: left;
		color: #fff;
		margin-left: 17px;
	}
	.ppv-packages.packages .continue
	{
		padding-top: 30px;
	}
	.ppv-packages.packages .continue a
	{
		background-color: #d2ae4b;
		color: #000;
	}
	.ppv-packages.packages .continue a:hover
	{
		background-color: #ebb729;
	}
	/* fightpass-packages */
	.fightpass-packages.packages .name
	{
		margin-bottom: 44px;
		padding-bottom: 0;
	}
	.fightpass-packages.packages .packages-select
	{
		padding: 0;
	}
	.fightpass-packages.packages .continue
	{
		padding-top: 40px;
	}
	.fightpass-packages.packages .free-time
	{
		color: #fff;
	}
	.fightpass-packages.packages .check-box
	{
		color: #fff;
		height: 80px;
		line-height: 50px;
		padding-top: 30px;
		margin-bottom: -25px;
	}
	.fightpass-packages.packages .ios-note
	{
		margin-top: 40px;
		margin-bottom: 0;
		width: 350px;
		color: #b2b2b2;
	}
	.fightpass-packages.packages .ios-note .links a
	{
		color: #b2b2b2;
	}
}
/* [320px, 483px], only for xs */
@media (max-width: 483px)
{
	.packages .name
	{
		max-width: 385px;
		padding-bottom: 89px;
	}
	.packages .packages-list
	{
		width: 100%;
	}
	.packages .packages-item
	{
		width: 100%;
		margin: 0 auto 8px;
	}
	.packages .packages-dropdown-list
	{
		top: 146px;
		width: 100%;
		padding: 0 6px;
	}
	.packages .price-wrapper
	{
		bottom: 15px;
	}
	.packages .continue a
	{
		width: 100%;
	}
	/* ppv-packages */
	.ppv-packages.packages .price-wrapper
	{
		bottom: 15px;
	}
	.ppv-packages.packages .dropdown-menu
	{
		position: relative;
	}
	.fightpass-packages.packages .ios-note
	{
		width: 100%;
	}
	.fightpass-packages.packages .ios-note ul
	{
		padding-left: 20px;
	}
}
/* packages in ppv and fightpass page end */
/* collectiom in fightpass and fightlibrary page start */
.collection
{
	color: #000;
	background-color: #eee;
	padding: 38px 0 58px;
}
.collection h2.title
{
	color: #231f20;
	margin-bottom: 25px;
	font-family: 'Klavika Light';
	font-size: 36px;
}
.collection .form-inline
{
	text-align: center;
}
.collection .form-group
{
	margin-right: 16px;
	float: left;
}
.collection .form-group:last-child
{
	margin-right: 0;
}
.collection .form-group.go-button
{
	float: right;
}
.collection .dropdown
{
	display: inline-block;
}
.collection .name
{
	font-family: 'Klavika Medium';
	font-size: 16px;
	margin-right: 10px;
}
.collection .types .dropdown
{
	width: 191px;
}
.collection .filters .dropdown
{
	width: 184px;
}
.collection .duration .dropdown
{
	width: 142px;
}
.collection .go-button .button
{
	width: 66px;
	height: 33px;
	line-height: 33px;
	border-style: none;
}
@media (max-width: 1039px)
{
	.collection .form-group
	{
		margin-right: 20px;
	}
	.collection .name
	{
		font-size: 14px;
		display: block;
		text-align: left;
	}
	.collection .duration
	{
		margin-right: 8px;
	}
	.collection .types .dropdown
	{
		width: 224px;
	}
	.collection .filters .dropdown
	{
		width: 224px;
	}
	.collection .duration .dropdown
	{
		width: 146px;
	}
	.collection .go-button .button
	{
		width: 66px;
		margin: 25px auto 0;
	}
}
@media (max-width: 767px)
{
	.collection .form-group,
	.collection .form-group.go-button
	{
		margin-right: 0;
		float: none;
	}
	.collection .types .dropdown,
	.collection .filters .dropdown,
	.collection .duration .dropdown
	{
		width: 100%;
	}
	.collection .name
	{
		width: 100%;
		text-align: left;
	}
	.collection .go-button .button
	{
		width: 100%;
		height: 43px;
		line-height: 43px;
	}
}
/* collection in fightpass and fightlibrary page end */
/* schedule */
/* liveevents */
.schedule .name
{
	font-family: 'Klavika Medium';
	font-size: 36px;
	text-align: center;
	padding: 73px 0 36px;
	margin: 0;
}
.schedule
{
	overflow: hidden;
}
.schedule .table
{
	margin-bottom: 25px;
}
.schedule .table.full-schedule
{
	margin-bottom: 0;
}
.schedule .table td
{
	vertical-align: middle;
}
.schedule .table.full-schedule tr:last-child td
{
	border-bottom: none;
}
.schedule .playicon
{
	font-size: 30px;
	width: 6%;
	text-align: right;
	padding-right: 15px;
}
.schedule .playicon .playicon-link
{
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
}
.schedule .date
{
	font-family: 'Klavika Medium';
	font-size: 26px;
	width: 13%;
	font-weight: bold;
	padding-left: 30px;
}
.schedule .info
{
	width: 48%;
	background-color: transparent;
	font-size: 16px;
	padding-top: 25px;
	padding-bottom: 25px;
}
.schedule .info span
{
	font-weight: bold;
	font-size: 24px;
}
.schedule .info .desc
{
	margin-bottom: 0;
}
.schedule .auth-state
{
	width: 33%;
	text-align: right;
	font-size: 14px;
	box-sizing: content-box;
}
.schedule .auth-state .auth
{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0;
	display: block;
}
.liveevents .auth-state .auth i
{
	font-size: 25px;
	vertical-align: bottom;
}
.schedule .state
{
	display: block;
}
.schedule .more
{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 50px;
}
.schedule .more a
{
	text-decoration: none;
}
.schedule .more i
{
	font-size: 20px;
	vertical-align: top;
}
/* [320px, 1039px], common for sm, xp, xs */
@media (max-width: 1039px)
{
	.schedule .table
	{
		width: 100%;
	}
	.schedule .date
	{
		padding-left: 24px;
		font-size: 22px;
		width: 14%;
	}
	.schedule .info span
	{
		font-size: 18px;
	}
	.schedule .info .desc
	{
		font-size: 14px;
	}
	.schedule .auth-state
	{
		width: 39%;
		min-width: 277px;
		padding-right: 24px;
	}
	.schedule .auth-state .auth
	{
		font-size: 14px;
	}
}
/* [320px, 767px], common for xp, xs */
@media (max-width: 767px)
{
	.schedule .name
	{
		font-size: 24px;
		line-height: 26px;
	}
	.schedule .table td
	{
		border-top: none;
	}
	.schedule tr:last-child td
	{
		border-bottom: none;
	}
	.schedule .playicon,
	.schedule .date,
	.schedule .info,
	.schedule .auth-state
	{
		width: 100%;
		float: left;
		text-align: left;
		font-family: 'Arial';
		font-size: 14px;
		line-height: 18px;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 8px;
	}
	.schedule .auth-state
	{
		min-width: auto;
	}
	.schedule .date
	{
		padding-top: 25px;
		padding-bottom: 0;
	}
	.schedule .info
	{
		padding-top: 0;
		padding-bottom: 0;
	}
	.schedule .date,
	.schedule .info span
	{
		font-size: 16px;
	}
	.schedule .auth-state
	{
		padding-bottom: 25px;
		box-sizing: border-box;
	}
	.schedule .auth-state .auth
	{
		font-size: 14px;
	}
	.schedule .auth-state .auth i
	{
		font-size: 20px;
		vertical-align: bottom;
	}
	.schedule .auth-state .state
	{
		line-height: 15px;
	}
	.schedule .more
	{
		padding: 10px 0 30px;
	}
}
@media (min-width: 1039px)
{
	.category-show .category-show-feature .category-program-small,
	.category-collection .category-program-small
	{
		height: 135px;
	}
}
/*Text show tip start*/
.show-text-tooltip
{
	position: relative;
}
.show-text-tooltip .tooltip-content
{
	display: none;
	position: absolute;
	background-color: rgba(34, 34, 34, 1);
	width: 286px;
	font-size: 14px;
	padding: 25px 35px;
	color: #fff;
	line-height: normal;
	z-index: 1000;
	text-align: left;
}
.show-text-tooltip .tooltip-content.center
{
	left: 50%;
	margin-left: -143px;
}
.show-text-tooltip .tooltip-content.right
{
	right: -10px;
}
.show-text-tooltip .tooltip-content.left
{
	left: -10px;
}
.show-text-tooltip .tooltip-content.top
{
	top: -10px;
	transform:translateY(-100%);
}
.show-text-tooltip .tooltip-content.bottom
{
	top: 100%;
	transform:translateY(5px);
}
.show-text-tooltip .tooltip-content:after
{
	content:" ";
	display:block;
	clear:both;
	width:0;
	height:0;
	position:absolute;
}
.show-text-tooltip .tooltip-content.center:after
{
	left: 50%;
	margin-left: -3px;
}
.show-text-tooltip .tooltip-content.right:after
{
	right: 20px;
}
.show-text-tooltip .tooltip-content.left:after
{
	left: 20px;
}
.show-text-tooltip .tooltip-content.top:after
{
	top: 100%;
	border-width:5px 5px 0;
	border-style:solid;
	border-color:rgba(34, 34, 34, 1) transparent transparent;
}
.show-text-tooltip .tooltip-content.bottom:after
{
	top: -5px;
	border-width:0 5px 5px;
	border-style:solid;
	border-color:transparent transparent rgba(34, 34, 34, 1);
}