body {
background: #F6F6F6 !important;
margin: 0 !important;
font-size: 14px !important;
font-family: 'Open Sans', Arial, sans-serif;
}
.home {
border-bottom: 3px solid #ddd;
}
.container > header {
margin: 0 auto;
padding: 10em 0em;
text-align: center;
}
.container > header h1 {
font-size: 70px;
margin: 0;
font-weight: bold;
font-family: 'Open Sans', Arial, sans-serif;
color: #212122;
}
.container > header span {
display: block;
font-size: 30px;
color: #89949A;
font-family: 'Open Sans', Arial, sans-serif;
width: 100%;
}
.smart-body {
margin-bottom: 20px;
}

.myp {
	height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.myp1 {
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

/* Margin
=================================================================== */
.smart-margin-5 {
margin: 5px !important;
}
.smart-margin-10 {
margin: 10px !important;
}
.smart-margin-15 {
margin: 15px !important;
}
.smart-margin-left-5 {
margin-left: 5px !important;
}
.smart-margin-right-5 {
margin-right: 5px !important;
}
.smart-margin-bottom-5 {
margin-bottom: 5px !important;
}
.smart-margin-top-5 {
margin-top: 5px !important;
}
.smart-margin-left-10 {
margin-left: 10px !important;
}
.smart-margin-right-10 {
margin-right: 10px !important;
}
.smart-margin-bottom-10 {
margin-bottom: 10px !important;
}
.smart-margin-top-10 {
margin-top: 10px !important;
}
.smart-margin-left-15 {
margin-left: 15px !important;
}
.smart-margin-right-15 {
margin-right: 15px !important;
}
.smart-margin-bottom-15 {
margin-bottom: 15px !important;
}
.smart-margin-top-15 {
margin-top: 15px !important;
}
.smart-margin-left-20 {
margin-left: 20px !important;
}
.smart-margin-right-20 {
margin-right: 20px !important;
}
.smart-margin-bottom-20 {
margin-bottom: 20px !important;
}
.smart-margin-top-20 {
margin-top: 20px !important;
}
.smart-margin-left-30 {
margin-left: 30px !important;
}
.smart-margin-right-30 {
margin-right: 30px !important;
}
.smart-margin-bottom-30 {
margin-bottom: 30px !important;
}
.smart-margin-top-30 {
margin-top: 30px !important;
}
.smart-margin-left-40 {
margin-left: 40px !important;
}
.smart-margin-right-40 {
margin-right: 40px !important;
}
.smart-margin-bottom-40 {
margin-bottom: 40px !important;
}
.smart-margin-top-40 {
margin-top: 40px !important;
}
.smart-margin-off {
margin: 0 !important;
}
.smart-margin-off-top {
margin-top: 0 !important;
}
.smart-margin-off-bottom {
margin-bottom: 0 !important;
}
.smart-margin-off-left {
margin-left: 0 !important;
}
.smart-margin-off-right {
margin-right: 0 !important;
}
/* Padding
=================================================================== */
.smart-padding-5 {
padding: 5px !important;
}
.smart-padding-10 {
padding: 10px !important;
}
.smart-padding-15 {
padding: 15px !important;
}
.smart-padding-20 {
padding: 20px !important;
}
.smart-padding-30 {
padding: 30px !important;
}
.smart-padding-40 {
padding: 40px !important;
}
.smart-padding-left-5 {
padding-left: 5px !important;
}
.smart-padding-right-5 {
padding-right: 5px !important;
}
.smart-padding-bottom-5 {
padding-bottom: 5px !important;
}
.smart-padding-top-5 {
padding-top: 5px !important;
}
.smart-padding-top-10 {
padding-top: 10px !important;
}
.smart-padding-left-10 {
padding-left: 10px !important;
}
.smart-padding-right-10 {
padding-right: 10px !important;
}
.smart-padding-bottom-10 {
padding-bottom: 10px !important;
}
.smart-padding-top-15 {
padding-top: 15px !important;
}
.smart-padding-left-15 {
padding-left: 15px !important;
}
.smart-padding-right-15 {
padding-right: 15px !important;
}
.smart-padding-bottom-15 {
padding-bottom: 15px !important;
}
.smart-padding-top-20 {
padding-top: 20px !important;
}
.smart-padding-left-20 {
padding-left: 20px !important;
}
.smart-padding-right-20 {
padding-right: 20px !important;
}
.smart-padding-bottom-20 {
padding-bottom: 20px !important;
}
.smart-padding-top-30 {
padding-top: 30px !important;
}
.smart-padding-left-30 {
padding-left: 30px !important;
}
.smart-padding-right-30 {
padding-right: 30px !important;
}
.smart-padding-bottom-30 {
padding-bottom: 30px !important;
}
.smart-padding-top-40 {
padding-top: 40px !important;
}
.smart-padding-left-40 {
padding-left: 40px !important;
}
.smart-padding-right-40 {
padding-right: 40px !important;
}
.smart-padding-bottom-40 {
padding-bottom: 40px !important;
}
.smart-padding-top-50 {
padding-top: 50px !important;
}
.smart-padding-left-50 {
padding-left: 50px !important;
}
.smart-padding-right-50 {
padding-right: 50px !important;
}
.smart-padding-bottom-50 {
padding-bottom: 50px !important;
}
.smart-padding-top-60 {
padding-top: 60px !important;
}
.smart-padding-left-60 {
padding-left: 60px !important;
}
.smart-padding-right-60 {
padding-right: 60px !important;
}
.smart-padding-bottom-60 {
padding-bottom: 60px !important;
}
.smart-padding-top-70 {
padding-top: 70px !important;
}
.smart-padding-left-70 {
padding-left: 70px !important;
}
.smart-padding-right-70 {
padding-right: 70px !important;
}
.smart-padding-bottom-70 {
padding-bottom: 70px !important;
}
.smart-padding-off {
padding: 0 !important;
}
.smart-padding-off-left {
padding-left: 0 !important;
}
.smart-padding-off-right {
padding-right: 0 !important;
}
.smart-padding-off-bottom {
padding-bottom: 0 !important;
}
.smart-padding-off-top {
padding-top: 0 !important;
}


/* Button
=================================================================== */
.btn{
font-family:'aileronthin'arial!important;
letter-spacing:.6px;
font-size:16px;
-webkit-font-smoothing:subpixel-antialiased;
-webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;
transition:border .25s linear,color .25s linear,background-color .25s linear
}
.btn-default{
color:#212122;
border:none;
border-radius:0;
}
.btn-default:hover{
color:#212122;
border:none;
}
.btn-primary{
color: #fff;
border:none;
border-radius:0;
}
.btn-primary:hover{
color:#fff;
border:none;
}
.btn-success{
color:#fff;
border:none;
border-radius:0;
}
.btn-success:hover{
color:#fff;
border:none;
}
.btn-warning{
color:#fff;
border:none;
border-radius:0;
}
.btn-warning:hover{
color:#fff;
border:none;
}
.btn-danger{
color:#fff;
border:none;
border-radius:0;
}
.btn-danger:hover{
color:#fff;
border:none;
}
.btn-info{
color:#fff;
border:none;
border-radius:0;
}
.btn-info:hover{
color:#fff;
border:none;
}
.btn-dark{
color:#fff;
border:none;
border-radius:0;
background-color:#414142
}
.btn-dark:hover{
color:#fff;
border:none;
background-color:#212122
}
.btn.btn-icon i{
position:absolute;
right:0;
top:0;
height:100%
}
.btn-primary.btn-icon{
position:relative;
padding-right:39px;
border:0
}
.btn-lg.btn-primary.btn-icon i{
background-color:#286090;
padding:12px 13px;
font-size:14px
}
.btn-danger.btn-icon{
position:relative;
padding-right:39px;
border:0
}
.btn-lg.btn-danger.btn-icon i{
background-color:#c9302c;
padding:12px 13px;
font-size:14px
}
.btn-lg.btn-success.btn-icon{
position:relative;
padding-right:39px;
border:0
}
.btn-lg.btn-success.btn-icon i{
background-color:#449d44;
padding:12px 13px;
font-size:14px
}
.btn-lg.btn-warning.btn-icon{
position:relative;
padding-right:39px;
border:0
}
.btn-lg.btn-warning.btn-icon i{
background-color:#ec971f;
padding:12px 13px;
font-size:14px
}
.btn-lg.btn-info.btn-icon{
position:relative;
padding-right:39px;
border:0
}
.btn-lg.btn-info.btn-icon i{
background-color:#31b0d5;
padding:12px 13px;
font-size:14px
}
.btn-lg.btn-dark.btn-icon{
position:relative;
padding-right:39px;
border:0
}
.btn-lg.btn-dark.btn-icon i{
background-color:#212122;
padding:12px 13px;
font-size:14px
}
.btn-sm.btn-primary.btn-icon i{
background-color:#286090;
padding:7px 12px;
font-size:14px
}
.btn-sm.btn-danger.btn-icon i{
background-color:#B11B1B;
padding:7px 12px;
font-size:14px
}
.btn-sm.btn-success.btn-icon{
position:relative;
padding-right:39px;
border:0
}
.btn-sm.btn-success.btn-icon i{
background-color:#007D3D;
padding:7px 12px;
font-size:14px
}
.btn-sm.btn-warning.btn-icon{
position:relative;
padding-right:39px;
border:0
}
.btn-sm.btn-warning.btn-icon i{
background-color:#e5b51c;
padding:7px 12px;
font-size:14px
}
.btn-sm.btn-info.btn-icon{
position:relative;
padding-right:39px;
border:0
}
.btn-sm.btn-info.btn-icon i{
background-color:#1A8FBF;
padding:7px 12px;
font-size:14px
}
.btn-sm.btn-dark.btn-icon{
position:relative;
padding-right:39px;
border:0
}
.btn-sm.btn-dark.btn-icon i{
background-color:#212122;
padding:7px 12px;
font-size:14px
}
.btn-xs.btn-primary.btn-icon i{
background-color:#286090;
padding:5px 14px;
font-size:14px
}
.btn-xs.btn-danger.btn-icon i{
background-color:#B11B1B;
padding:5px 14px;
font-size:14px
}
.btn-xs.btn-success.btn-icon{
position:relative;
padding-right:39px;
border:0
}
.btn-xs.btn-success.btn-icon i{
background-color:#007D3D;
padding:5px 14px;
font-size:14px
}
.btn-xs.btn-warning.btn-icon{
position:relative;
padding-right:39px;
border:0
}
.btn-xs.btn-warning.btn-icon i{
background-color:#e5b51c;
padding:5px 14px;
font-size:14px
}
.btn-xs.btn-info.btn-icon{
position:relative;
padding-right:39px;
border:0
}
.btn-xs.btn-info.btn-icon i{
background-color:#1A8FBF;
padding:5px 14px;
font-size:14px
}
.btn-xs.btn-dark.btn-icon{
position:relative;
padding-right:39px;
border:0
}
.btn-xs.btn-dark.btn-icon i{
background-color:#212122;
padding:5px 14px;
font-size:14px
}

/* Navbar
=================================================================== */
.navbar {
border-radius: 0;
}
@media (min-width: 768px) {
.navbar.open-hover .navbar-nav > .dropdown:hover > .dropdown-menu,
.navbar.open-hover .navbar-nav > .dropdown > .dropdown-menu:hover {
display: block;
margin-top: 0;
visibility: visible;
opacity: 1;
}
}

/* Form
=================================================================== */
.form-control {
border-radius: 0;
}
.c-checkbox,
.c-radio {
margin-right: 4px;
}
.c-checkbox *,
.c-radio * {
cursor: pointer;
}
.c-checkbox input,
.c-radio input {
opacity: 0;
position: absolute;
margin-left: 0 !important;
}
.c-checkbox span,
.c-radio span {
position: relative;
display: inline-block;
vertical-align: top;
margin-left: -20px;
width: 20px;
height: 20px;
border-radius: 0;
border: 1px solid #ccc;
margin-right: 5px;
}
.c-checkbox:hover span,
.c-radio:hover span {
border-color: #337ab7;
}
.form-inline .c-checkbox span,
.form-inline .c-radio span {
margin-left: 0;
}
.c-checkbox.c-checkbox-rounded span,
.c-radio.c-checkbox-rounded span,
.c-checkbox.c-radio-rounded span,
.c-radio.c-radio-rounded span {
border-radius: 500px;
}
/* override for radio */
.c-radio span {
border-radius: 500px;
}
/* the icon */
.c-checkbox span:before,
.c-radio span:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
text-align: center !important;
font-size: 12px;
line-height: 18px;
vertical-align: middle;
}
/* Checked state */
input[type=checkbox]:checked + span:before,
input[type=radio]:checked + span:before {
color: #fff;
opacity: 1;
transition: color 0.3 ease-out;
}
input[type=checkbox]:checked + span,
input[type=radio]:checked + span {
border-color: #337ab7;
background-color: #337ab7;
}
/* override for radio */
input[type=radio]:checked + span {
background-color: #fff;
}
input[type=radio]:checked + span:before {
color: #337ab7;
}
/* Disable state */
input[type=checkbox]:disabled + span,
input[type=radio]:disabled + span {
border-color: #dddddd !important;
background-color: #dddddd !important;
}
/* override for radio */
input[type=radio]:disabled + span {
background-color: #fff !important;
}
input[type=radio]:disabled + span:before {
color: #dddddd;
}
.form-control-rounded {
border-radius: 100px;
}

/* Panels
=================================================================== */
.panel {
border-radius: 0;
}
.panel-heading {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/* Nav-Tabs
=================================================================== */
.nav-tabs.default.bordered+.tab-content{
border:1px solid #E0E8EC;
border-top:0;
min-height:161px;
-webkit-border-radius:0 0 1px 1px;
-webkit-background-clip:padding-box;
-moz-border-radius:0 0 1px 1px;
-moz-background-clip:padding;
border-radius:0 0 1px 1px;
background-clip:padding-box;
padding:20px;
margin-bottom:20px;
background-color:#FFF;
line-height:24px;
color:#414142
}

.nav-tabs.default > li > a{
margin-right:2px;
line-height:1.42857143;
border-radius:1px 1px 0 0;
background-color:#e3e4e4;
color:#212122
}

.nav-tabs.default > li > a:hover{
background-color:#efefef;
color:#212122
}

.nav-tabs.default > li.active > a{
background-color:#fff;
border:solid 1px #E0E8EC;
border-bottom:solid 1px #FFF;
color:#212122
}

.nav-tabs.primary.bordered+.tab-content{
border:1px solid #337ab7;
border-top:0;
min-height:161px;
-webkit-border-radius:0 0 1px 1px;
-webkit-background-clip:padding-box;
-moz-border-radius:0 0 1px 1px;
-moz-background-clip:padding;
border-radius:0 0 1px 1px;
background-clip:padding-box;
padding:20px;
margin-bottom:20px;
background-color:#337ab7;
line-height:24px;
color:#fff
}

.nav-tabs.primary > li > a{
margin-right:2px;
line-height:1.42857143;
border-radius:1px 1px 0 0;
background-color:#60c2e8;
color:#FFF
}

.nav-tabs.primary > li > a:hover{
background-color:#286090;
color:#fff
}

.nav-tabs.primary > li.active > a{
background-color:#337ab7;
border:solid 1px #337ab7;
color:#fff
}
/* Popover & Tooltips
=================================================================== */
.popover,
.popover-title{
border-radius: 0;
}
.tooltip-inner {
border-radius: 0;
}
/* Badge
=================================================================== */
.badge{
display:inline-block;
min-width:10px;
padding:4px 6.5px;
font-size:12px;
font-weight:700;
line-height:1;
color:#FFF;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
background-color:#999;
border-radius:10px
}
.badge.badge-default{
background-color:#fff;
color:#212122;
margin:0 6px
}
.badge.badge-dark{
background-color:#212122;
color:#fff;
margin:0 6px
}
.badge.badge-success{
background-color:#5cb85c;
color:#fff;
margin:0 6px
}
.badge.badge-warning{
background-color:#f0ad4e;
color:#fff;
margin:0 6px
}
.badge.badge-danger{
background-color:#d9534f;
color:#fff;
margin:0 6px
}
.badge.badge-info{
background-color:#60C2E8;
color:#fff;
margin:0 6px
}
.badge.badge-primary{
background-color:#337ab7;
color:#fff;
margin:0 6px
}
/* Label
=================================================================== */
.label{
display:inline;
padding:5px 10px;
font-size:75%;
font-weight:400;
line-height:1;
background-color:#EBEBEB;
color:#FFF;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:1px
}
.label.label-default{
background-color:#fff;
color:#212122
}
.label.label-dark{
background-color:#212122;
color:#fff
}
.label.label-success{
background-color:#5cb85c;
color:#fff
}
.label.label-warning{
background-color:#f0ad4e;
color:#fff
}
.label.label-danger{
background-color:#d9534f;
color:#fff
}
.label.label-info{
background-color:#60C2E8;
color:#fff
}
.label.label-primary{
background-color:#337ab7;
color:#fff
}

/* Progress bars
=================================================================== */
.progress{
height:20px;
margin-bottom:20px;
overflow:hidden;
background-color:#FFF;
border-radius:1px
}
.animation-sm{
height:5px
}
.animation-md{
height:12px
}
.animation-lg{
height:20px
}
.progress-bar-success{
background-color:#5cb85c
}
.progress-bar-info{
background-color:#60C2E8
}
.progress-bar-warning{
background-color:#f0ad4e
}
.progress-bar-danger{
background-color:#d9534f
}
.progress-bar-primary{
background-color:#337ab7
}
.progress-bar-dark{
background-color:#212122
}
.progress .progress-bar.six-sec-ease-in-out{
-webkit-transition:width 6s ease-in-out;
-moz-transition:width 6s ease-in-out;
-ms-transition:width 6s ease-in-out;
-o-transition:width 6s ease-in-out;
transition:width 6s ease-in-out
}

.footer{
background:#111;
padding-top:25px;
padding-bottom:0;
text-align:center;
color: #fff;
}

.jwplayer {outline:0;}

.jw-rightclick { display: none !important; }

.player-title-bar {
	display:none;
	background-color:black;
	color:#c0c0c0;
	padding:5 10 5 10
}

.player-status-bar {
	display:none;
	background-color:#1a1a1a;
	color:#c0c0c0;
	padding:5 10 5 10
}

.img-group { position: relative;  display: inline-block; }

.thumbnail .img-group {
	display: block;
	height: 0;
	padding-top: 150%;
}
.thumbnail .img-group img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.img-tip { position: absolute; top: 5px; right:5px; color: #fff;  opacity: 1; display: block; }

.img-update-tip { position: absolute; top: -5px; right:-5px; color: #fff;  opacity: 1; display: block; padding:3; border-radius:3px;}

.img-right-bottom-tip { position: absolute; bottom: 5; right:5; color: #fff;  opacity: 1; display: block; padding:3 3 3 3; border-radius:3px;}

.divDark
{
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    z-index:1;
    background-color:black;
    opacity:0.98;-moz-opacity:0.5;filter:alpha(opacity=50);
}

.status-panel-btn {
	border-radius:2px;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	background-color:#444444;
	color:#bbbbbb;
	cursor:hand
}

.status-panel-btn:hover
{
	text-decoration:none;
	background-color:#666666;
	color:#dddddd;
}

.panel-player {
	position:relative;
}

.panel-state-control {
	display:none;margin: auto;position:absolute;top:0;left:0;bottom:0;right:0;background-color:black;width:100%;line-height:100%;text-align:center;
}

.panel-state-control-btn {
	position:absolute;margin: auto;top:0;left:0;bottom:0;right:0;width:190px;height:100px;
}

@media (max-width: 767px) {
	.panel-state-error-btn {
		position:absolute;margin: auto;top:0;left:0;bottom:0;right:0;width:210px;height:100px;
	}
}
@media (min-width: 768px) {
	.panel-state-error-btn {
		position:absolute;margin: auto;top:0;left:0;bottom:0;right:0;width:260px;height:100px;
	}
}

.state-control-btn {
	border-radius:2px;width:190px;
}

.modern-pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.modern-pagination .pagin-btn, .modern-pagination .pages {
	display: inline-block;
	vertical-align: middle;
}
.modern-pagination .pagin-btn > span { display: none; }
.modern-pagination .pagin-btn > a, .modern-pagination .pages > a, .modern-pagination .pages > span {
	position: relative;
	display: inline-block;
	padding: 5px 10px 7px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #999;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin: 2px 0;
}


.modern-pagination .pagin-btn > a:hover, .modern-pagination .pages > a:hover {
	background: #f8f5f0;
}
.modern-pagination .pages > span {
	background: #9eeae7;
	border-color: #9eeae7;
	color: #fff;
}
.modern-pagination .pages > .nav_ext {
	background-color: #fff;
	border-color: #ddd;
	color: #999;
}
.panel-player {
	background-color: #000;
}
.panel-player-inner {
	position: relative;
	padding-top: 56.25%;
}
.panel-player-inner iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.panel-player-mirrors {
	padding-left: 20px;
}
.panel-player-mirrors li {
	position: relative;
	margin-bottom: 5px;
	vertical-align: middle;
}
.panel-player-mirrors li a {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	padding: 8px 16px;
	border-radius: 4px;
	background-color: #313131;
	opacity: .65;
	-webkit-transition: all .15s;
	-o-transition: all .15s;
	transition: all .15s;
	color: #fff;
	text-decoration: none;
}
.panel-player-mirrors li a:hover,
.panel-player-mirrors li a.active {
	opacity: 1;
}




.panel-player-series {
	padding-left: 20px;
}
.panel-player-series .list-inline > li {
	position: relative;
	margin-bottom: 5px;
	vertical-align: top;
}
.panel-player-series .list-inline > li > a {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	padding: 8px 16px;
	height: 36px;
	border-radius: 4px;
	background-color: #313131;
	-webkit-transition: all .15s;
	-o-transition: all .15s;
	transition: all .15s;
	color: #fff;
	text-decoration: none;
}
.panel-player-series .dropdown-menu{
	background-color: #313131;
	max-height: 300px;
	overflow: auto;
	margin-left: 4px;
}
.panel-player-series .dropdown-menu > li > a {
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	opacity: .65;
	-webkit-transition: all .15s;
	-o-transition: all .15s;
	transition: all .15s;
}
.panel-player-series .dropdown-menu > li > a:hover,
.panel-player-series .dropdown-menu > li > a:focus,
.panel-player-series .dropdown-menu > li.active > a {
	background-color: #444;
	opacity: 1;
}
.panel-player-series .caret {
	margin-left: 5px;
}


.mli-eps{ position: absolute; top: 5px; left: 5px; width: 40px; padding-top: 8px; text-align: center; height: 40px; border-radius: 50%; background: rgba(211,183,223,0.85); color: #5c3270; font-size: 10px; text-transform: uppercase; line-height: 1em; z-index: 4;}
.mli-eps i{ display: block; font-weight: bold; font-size: 16px; font-style: normal; margin-top: 3px;}


#media-player, #content-embed{ width: 100%; position: relative;}
#media-player.active, #content-embed.active{z-index: 101; margin-top:0;}
#media-player{ height: auto !important; padding-bottom: 56.25%;}
#media-player iframe{ height: 100% !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
#xmain.active{ padding-left: 175px !important; padding-right: 175px !important;}
#bar-player{ background: #322E2D; position: relative; font-size: 0;}
#bar-player .bp-view{ position: relative; float: right; color: #ddd; padding: 10px 10px; font-size: 14px;}
#bar-player .bp-btn-light span:after{ content: "Turn off light";}
#bar-player .bp-btn-light.active span:after{ content: "Turn on light";}
#bar-player .bp-btn-auto span:after{ content: "Off";}
#bar-player .bp-btn-auto.active span:after{ content: "On";}
#bar-player .btn{ color: #ccc; padding: 10px 20px; margin-right: 0px; margin-right: 2px; font-weight: bold; border-radius: 0;}
#bar-player .btn:hover{ color: #fff;}
#bar-player .btn.active{ background: #333; color: #fff;}
#bar-player .bp-btn-light.active{ background: #666; color: #fff;}
#bar-player .btn i{ margin-right: 5px;}
#overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: -1;}
#overlay.active{ z-index: 100; background: rgba(0,0,0,0.98)}
#player-area{ margin-bottom: 20px; position: relative; background: #111;}

#player-area .pa-server{ background: #242424; position: relative;}
@media(min-width:1200px){
#player-area .pa-main{ width: calc(100% - 300px);}
#player-area .pa-server{ position: absolute; top: 0; width: 300px; right: 0; bottom: 0; }

}


.page-watch, #main.active .container, #main.active .main-detail .md-top{ z-index:auto !important;}
#main.active .main-detail .md-top #bar-player{ z-index: 101; position: relative;}
#main.active .type-tvseries #player-area .pa-server{ z-index: 101; opacity: 0.3;}
#main.active .type-tvseries #player-area .pa-server:hover{ opacity: 1;}
#main.active .type-tvseries #player-area .pa-server .pas-header{ background: none;}
.pas-header{ height: 50px; color: #ccc; display: block; border-bottom: 1px solid #2E2E2E; background: rgba(0,0,0,0.2); position: relative;}
.pas-header .pash-title{  padding-left: 20px; line-height: 50px; font-weight: 500; font-size: 13px;}
.pas-header .pash-title i{ font-style:normal;}
.pas-header .pash-choose{ position: absolute; top: 9px; right: 5px;}
.pas-header .pash-choose .btn{ background: none !important; color: #fff !important;}
.pas-header .pash-choose .dropdown-menu{ left: auto; right: 0;}
.pas-header .pash-choose .dropdown-menu li.active a{ background: #E75A3A;}
.pas-header .pash-choose .dropdown-toggle{ font-size: 12px;}
.pas-header .pash-choose .dropdown-toggle .caret{ color: #E75A3A;}
.type-tvseries .pas-list{ display: block; position: absolute; top: 50px; left: 0; right: 0; bottom: 0;}
.type-tvseries .pas-list ul{ height: 100%; overflow: hidden; position: absolute; bottom: 0; top: 0; left: 0; right: 0;}
.type-movies .pas-header{ position: static;}
.type-movies .pas-header .pash-choose .btn-group{ width: 100%; height: auto;}
.type-movies .pas-header .pash-choose{ top: 50px; left: 0; right: 0; bottom: 0; overflow: hidden; width: 100%;}
.type-movies .pas-header .pash-choose .dropdown-toggle{ display: none;}
.type-movies .pas-header .pash-choose .dropdown-menu{ display: block; position: relative; top: 0; left: 0; right: 0; background: none; border-radius: 0; box-shadow: none; width: 100%; min-width: inherit; margin: 0; padding: 0; border: none;}
.type-movies .pas-header .pash-choose .dropdown-menu li a{ padding: 0 20px 0 40px; height: 46px; line-height: 44px; border-bottom: 1px solid rgba(255,255,255,0.05); background: none !important; color: #aaa; position: relative;}
.type-movies .pas-header .pash-choose .dropdown-menu li a:before{ content: "\f10c"; font-family: "FontAwesome"; position: absolute; left: 20px; top: 0px; font-size: 10px;}
.type-movies .pas-header .pash-choose .dropdown-menu li.active a:before{ content: "\f04b"; color: #E75A3A; }
.type-movies .pas-header .pash-choose .dropdown-menu li a:hover{ color: #fff; background: rgba(255,255,255,0.02) !important;}
.pas-list ul{ list-style: none; padding: 0;}
.pas-list ul li{ display: block;}
.pas-list ul li a{ display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 46px; line-height: 44px; border-bottom: 1px solid rgba(255,255,255,0.05); padding: 0 20px 0 40px; color: #aaa; position: relative;}
/*.pas-list ul li:last-of-type a{ border-bottom: none;}*/
.pas-list ul li a i{ position: absolute; top: 12px; left: 12px; font-size: 20px;}
.pas-list ul li a:hover, .pas-list ul li.active a, .type-movies .pas-header .pash-choose .dropdown-menu li.active a{ background: rgba(255,255,255,0.03) !important; color: #fff;}
.pas-list ul li a:hover i:before{ color: #E75A3A;}
.pas-list ul li.active a i:before{ content: "\e034" !important; color: #E75A3A;}
.pas-list ul li.active a{ padding-right: 40px;}
.pas-list ul li.active a:after, .type-movies .pas-header .pash-choose .dropdown-menu li.active a:after{ content: "ON AIR"; font-size: 8px; width: 20px; padding-top: 2px; height: 20px; position: absolute; top: 12px; right: 10px; white-space: normal; line-height: 1em; text-align: center; display: inline-block; border-radius: 3px; background: #E75A3A; font-family: Arial, Helvetica, sans-serif;}

.pas-list ul li a { padding:0 10px !important;  }
.pas-list ul li a .lb { float:left; padding:0 10px; line-height:22px; border-radius:3px; font-weight:bold; font-size:13px; margin:10px 0; }
.pas-list ul li a .lb2 { float:right; padding:0 10px; display:block; position:relative;}
.pas-list ul li.active a .lb2:before { width:100%; position:absolute; left:0; bottom:-1px; height:1px; background-color:#9EEAE7; content:""; }
.pas-list ul li.active .lb {background-color:#9EEAE7; color:#fff; }

.pas-list ul li a i:before, .pas-list ul li a:after, .pas-list ul li a:before { display: none !important; }
.pas-list ul li a:hover, .pas-list ul li.active a, .type-movies .pas-header .pash-choose .dropdown-menu li.active a{ background: rgba(0,0,0,0.15) !important; color: #fff;}
.pas-list ul li a img { opacity:.5; -webkit-transition:.15s linear; transition:.15s linear; }
.pas-list ul li a:hover img { opacity:.75; }
.pas-list ul li.active a img { opacity:1; }

.season-select .owl-next,
.season-select .owl-prev { font-size: 0; }
.season-select .owl-prev,
.season-select .owl-next { position: absolute; top: 0; right: -67px; height: 49px; width: 34px; border-left: 1px solid #2C2C2C; background-color: #303030; z-index: 1000; -webkit-background-clip: padding-box; background-clip: padding-box; }
.season-select .owl-prev { right: -33px; }
.season-select .owl-prev:hover,
.season-select .owl-next:hover { background-color: rgba(255,255,255,.20); }
.season-select .owl-next:after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; content: ''; display: block; height: 10px; margin-top: -5px; pointer-events: none; position: absolute; right: 15px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 10px; }
.season-select .owl-prev:after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; content: ''; display: block; height: 10px; margin-top: -5px; pointer-events: none; position: absolute; right: 15px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 10px; }
.scrollbar-inner { max-height: 400px; overflow: auto; }
@media(min-width:1200px){
.scrollbar-inner { max-height: 100%; }
}
.scrollbar-inner
{
scrollbar-color:#31708F #141416;
scrollbar-width:thin
}

.scrollbar-inner::-webkit-scrollbar
{
width:4px;
background-color:#141416
}

.scrollbar-inner::-webkit-scrollbar-thumb
{
background-color:#31708F
}


.season-select { height: 50px; border-bottom: 1px solid #2C2C2C; padding-left: 0px; line-height: 49px;  position:absolute; top:0; left:0; right:0; }
.season-title { float: left; color: #777; margin-left: -64px; border-right: 1px solid #2C2C2C; padding-right: 15px; }
.seasons,
.seasons ul { margin: 0; padding: 0; list-style: none; }
.seasons li a { padding: 0 10px; border-right: 1px solid rgba(255,255,255,.10); display: block; color: #f0f0f0; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center; }
.seasons li a:hover { background-color: rgba(255,255,255,.10); }
.seasons li.active a { background-color: #fbaa19; color: #333; }
.episode-list { margin: 0; padding: 0; list-style: none; display: table; width: 100%; color: #777; }
.episode-list li { display: table-row; }
.episode-list li > span { display: table-cell; vertical-align:middle; border-bottom: 1px solid rgba(255,255,255,.10); text-align: right; }
.episode-list li > span:first-child { padding-left: 15px; padding-right: 20px; text-align: left; }
.episode-list li > span:last-child { padding-right: 10px; }
.episode-list li:hover > span,
.episode-list li.active > span { background-color: rgba(255,255,255,.05); }
.episode-list li a { outline: none; user-select: none; padding: 10px 5px; display: inline-block; vertical-align:middle; height:40px; opacity: .5; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; position: relative; }
.episode-list li a.active { opacity: 1; }
.episode-list li a:hover { opacity: .85; }
.episode-list li.active { color: #f0f0f0; }
.episode-list li a.active:after { position: absolute; left: 0; right: 0; bottom: -1px; content: ""; height: 1px; }
.episode-list li a.active:after { background-color: #9EEAE7; }
.series-list { padding-top:50px; }
@media(min-width:1200px){
.series-list { height:100%; }

}


.epinum { line-height:22px;  border-radius:3px; font-weight:bold; font-size:13px; float:left; padding:0 10px; display:block; }
li.active .epinum {background-color:#9EEAE7; color:#31708F; }

.player-box {
	position: relative;
}
.background {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-size: cover;
	cursor: pointer;
}
.background::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.45);
	content: '';
}
.background svg {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -40px;
	height: -40px;
	border-radius: 50%;
	z-index: 101;
}
.background svg {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -40px;
	margin-left: -40px;
	box-shadow: 0 0 0 rgba(158, 234, 231, 0.4);
  animation: pulse 2s infinite;
	border-radius: 50%;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(158, 234, 231, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(158, 234, 231, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(158, 234, 231, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(158, 234, 231, 0.4);
    box-shadow: 0 0 0 0 rgba(158, 234, 231, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(158, 234, 231, 0);
      box-shadow: 0 0 0 20px rgba(158, 234, 231, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(158, 234, 231, 0);
      box-shadow: 0 0 0 0 rgba(158, 234, 231, 0);
  }
}