html { color: #333; font-size: 14px; font-family: 'Josefin Sans', sans-serif; }

.clr { clear: both; }

.tac { text-align: center; }

ul { padding: 0; margin: 0; }
ul li { list-style: none; }

a { text-decoration: none; }

figure { margin: 0; height:0; padding-bottom: 140%; overflow: hidden; }

select,
textarea,
input[type=text],
input[type=button],
input[type=submit] { outline: none; }

h1 { font-family: 'Josefin Sans'; font-size: 22px; font-weight: 500; margin: 0; }
h2 { font-family: 'Josefin Sans'; font-size: 20px; font-weight: 600; text-transform: uppercase; color: #0b00b1; margin: 0; }
h3 { font-family: 'Josefin Sans'; font-size: 13px; font-weight: 500; margin: 0; }
h4 { font-family: 'Josefin Sans'; }
h5 { font-family: 'Josefin Sans'; }
h6 { font-family: 'Josefin Sans'; }
strong { font-family: 'Josefin Sans'; }

.none { background: none; }

.fa-search:before { content: '\f002'; font-size: 17px; }
.fa-plus:before { content: '\f067'; }
.fa-caret:before { content: '\f0da'; }
.fa-facebook:before { content: '\f09a'; }
.fa-twitter:before { content: '\f099'; }
.fa-information:before { content: '\f06a'; }
.fa-download:before { content: '\f019'; }
.fa-server:before { content: '\f233'; }
.fa-report:before { content: '\f071'; }
.fa-eye:before { content: '\f06e'; }
.fa-alpha:before { content: '\f15d'; }
.fa-fire:before { content: '\f06d'; }
.fa-calendar:before { content: '\f073'; }

.view-more { background: #aaa; color: #fff !important; font-size: 12px; position: absolute; top: 0; right: 0; }

.border { border-bottom: 1px solid #0b00b1; position: relative; }
.border:after { border-bottom: 1px solid #eee; position: absolute; left: 260px; right: 0; bottom: -1px; content: ''; }

.breadcrumb { color: #0b00b1; font-weight: 100; margin: 20px 0; }
.breadcrumb a { color: #848484; }
.breadcrumb li { float: left; }
.breadcrumb li:first-child:before { content: ""; padding: 0; }
.breadcrumb li:before { content: "/ "; color: #848484; padding: 0 5px; }

header { background: #333; z-index: 9999; min-height: 55px; }
header.none { position: absolute; top: 0; left: 0; width: 100%; background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0)); }
header.none #search { background: none !important; }

.logo { margin: 15px 0; }

#menu { font-size: .95rem; }
#menu ul { z-index: 9999; }
#menu a { color: #f6f6f6; font-weight: lighter; }
#menu a:hover { color: #f6f6f6; border-bottom: 1px solid #0b00b1; }
#menu .sub-menu { background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,.4); }
#menu .sub-menu a { color: #777 !important; }
#menu .sub-menu a:hover { border-bottom: none; font-weight: 400; }

#auth a { background: #0b00b1; color: #fff; border-radius: 3px; }

#search { background: #333; }
#search form { border: 1px solid #f6f6f6; border-radius: 3px; }
#search input[type=text] { background: none; border: none; color: #f6f6f6}
#search input[type=text]::-webkit-input-placeholder,
#search input[type=text]::-moz-placeholder,
#search input[type=text]:-moz-placeholder,
#search input[type=text]:-ms-input-placeholder { color: #f6f6f6; }
#search button { background: none; border: none; color: #f6f6f6; }

/* banner */
.slides { cursor: default; position: relative; top: 0px; left: 0px; width: 1280px; height: 400px; overflow: hidden; }
#banner::before {position:absolute;bottom:0;display:block;width:100%;height:25%;content:"";background-color:rgba(255,255,255,0);background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#1e2129));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),#1e2129);background-image:-moz-linear-gradient(top,rgba(255,255,255,0),#1e2129);background-image:-ms-linear-gradient(top,rgba(255,255,255,0),#1e2129);background-image:-o-linear-gradient(top,rgba(255,255,255,0),#1e2129);background-image:linear-gradient(top,rgba(255,255,255,0),#1e2129);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 0)', endColorStr='#1e2129');z-index:2;}
.jssorb01 { position: absolute; }
.jssorb01 div,
.jssorb01 div:hover,
.jssorb01 .av { position: absolute; width: 12px; height: 12px; border-radius: 50%; overflow: hidden; cursor: pointer; }
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover,
.jssorb01 .av:hover { background: #c909c2; }
.jssorb01 .av { background: #fff; }
.jssorb01 .dn,
.jssorb01 .dn:hover { background: #555555; }

.filter { background: #333; color: #fff; font-weight: 300; display: none; }
.filter a { color: #fff; }
.col2 .fa-filter { background: #333; color: #ddd; text-transform: uppercase; padding: 5px 8px; border-top-left-radius: 3px; border-top-right-radius: 3px; position: absolute; right: 0; top: 5px; z-index: 1; }
.filter .heading { font-size: 1.3rem; font-weight: 400; margin-bottom: 10px; }
.filter .content { margin: 1%; }
.filter .content label:hover { color: #0b00b1; }
.filter .content:nth-of-type(1) li:hover,
.filter .content:nth-of-type(1) li.selected { background: #0b00b1; }
.filter .note { color: #737373; }
.filter button { background: #0b00b1; color: #fff; border: 1px solid #0b00b1; text-transform: uppercase; font-weight: 500; font-size: 1.2rem; padding: 7px 10%; margin: 10px; }

.home-socials { margin: 20px 0; }

.col1 { background: #c909c2; margin-bottom:10px;  border-radius: 3px; color: #fff; font-size: 16px; padding: 10px 15px; line-height: 1.5;}
.col1 h1 { margin-bottom: 3px; }
.col1 .symbol { background: #fff; color: #333; font-size: 12px; border: 1px solid #ccc; cursor: pointer; padding: 1px 5px; }
.col1 .symbol:hover { background: #d4d4d4; }

.col2 { position: relative; }
.col2 h2 { margin-top: 15px; margin-bottom: 15px; }
.col2 .suggestion { margin: 10px 0; font-weight: lighter; line-height: 2; }
.col2 .suggestion a { color: #aaa; border-radius: 3px; padding: 5px 7px; }
.col2 .suggestion a:hover { background: #848484; color: #fff; }
.col2 .suggestion a.selected { background: #0b00b1; color: #fff; }
.col2 ul li { position: relative; }
.col2 ul li img { width: 100%; }
.col2 h3 { color: #fff; text-align: center; width: 100%; min-height: 20px; }
.col2 .quanlity { background: rgba(51,51,51,.95); color: #e2e2e2; font-size: .8rem; font-weight: 200; text-transform: uppercase; position: absolute; top: 10px; right: 10px; padding: 2px 5px; border-radius: 3px; }
.col2 .eps { background: #c909c2; color: #fff; font-size: 10px; text-transform: uppercase; text-align: center; line-height: 1; width: 40px; height: 33px; border-radius: 50%; position: absolute; top: 10px; right: 10px; padding-top: 7px; }
.col2 .eps div { font-size: 18px; }
.col2 .tooltip { background: #fff; color: #808080; font-weight: 200; z-index: 1; box-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 6px; }
.col2 .tooltip a { color: #c909c2; }
.col2 .tooltip a:hover { color: #808080; }
.col2 .tooltip .title { color: #c909c2; font-size: 18px; font-weight: 500; width: 75%; margin: 10px 0 0 10px; }
.col2 .tooltip .title span { color: #a2a2a2; }
.col2 .tooltip .inner { position: absolute; top: 10px; right: 10px; }
.col2 .tooltip .inner span:nth-of-type(1) { font-size: 15px; color: #808080; }
.col2 .tooltip .inner span:nth-of-type(1):hover { color: #c909c2; }
.col2 .tooltip .inner span:nth-of-type(2) { background: #c909c2; color: #fff; font-size: 10px; font-weight: 500; text-transform: uppercase; border-radius: 3px; padding: 3px 5px; }
.col2 .tooltip .time { margin: 7px 10px; }
.col2 .tooltip .desc { margin: 0 10px 7px 10px; text-align: justify; }
.col2 .tooltip .meta { margin: 0 10px; }
.col2 .tooltip .meta a:not(:last-child):after {content: ","}
.col2 .tooltip .watch-now { background: #c909c2; color: #fff; text-transform: uppercase; text-align: center; font-weight: 500; padding: 10px 0; margin-top: 10px; cursor: pointer}

.col3-l .eps { border: 1px solid #eee; border-radius: 3px; font-size: .9rem; padding: 10px; }
.col3-l .ranger { background: #eee; border-radius: 3px; padding: 7px; }
.col3-l .ranger a { color: #888; border: 1px solid #bbb; background: #fff; padding: 2px 5px; border-radius: 3px; margin-right: 5px; }
.col3-l .ranger a.selected,
.col3-l .ranger a:hover { color: #fff; border: 1px solid #0b00b1; background: #0b00b1; }
.col3-l .server { color: #848484; padding: 10px 7px; border-bottom: 1px solid #f1f1f1; }
.col3-l .server:last-child { border-bottom: none; }
.col3-l .server .title { width: 100%; padding: 5px 10px; position: relative; }
.col3-l .server .choose-this-server { float: right; padding: 5px 10px; cursor: pointer; }
.col3-l .server .choose-this-server.current { background: #2519af; color: #fff; border-radius: 2px; }
.col3-l .server ul { float: left; width: 100%; }
.col3-l .server ul li { width: 96%; padding: 4px 2%; border-radius: 3px; }
.col3-l .server ul li:nth-of-type(2n) { background: #f3f3f3; }
.col3-l .server ul li.selected .name,
.col3-l .server ul li.selected .year,
.col3-l .server ul li:hover .name,
.col3-l .server ul li:hover .year { color: #fff; }
.col3-l .server ul li.selected,
.col3-l .server ul li:hover { background: #0b00b1; }
.col3-l .server .name { color: #888; font-weight: 400; padding: 2px 5px; border-radius: 3px; margin-right: 5px; text-overflow: ellipsis; display: inline-block; overflow: hidden; white-space: nowrap; }
.col3-l .server .year { color: #888; float: right; padding-top: 4px; }
.col3-l .server .more { color: #0b00b1; float: right; border-bottom: none; cursor: pointer; padding-top: 4px; }
.col3-l .detail-l { color: #333; }
.col3-l .detail-l a { color: #919191; }
.col3-l .detail-l a:hover { color: #6a6a6a; font-weight: 400; }
.col3-l .detail-l img { width: 100%; }
.col3-l .detail-r { color: #888; }
.col3-l .detail-r .title { color: #0b00b1; font-size: 1.5rem; font-weight: 400; }
.col3-l .detail-r .time { color: #848484; font-size: .86rem; margin-bottom: 10px; }
.col3-l .detail-r .desc { margin: 10px 0; line-height: 1.5; }
.col3-l .detail-r .more { background: #f3f3f3; padding: 2px; text-align: center; margin: 5px 0; }
.col3-l .detail-r .more a { color: #0b00b1; }
.col3-l .detail-r .more a:hover { color: #2a7b66; }
.col3-l .detail-r .meta { font-size: 11px; line-height: 2; }
.col3-l .detail-r .meta a { color: #0b00b1; }
.col3-l .detail-r .meta a:hover { color: #2a7b66; }
.col3-l .detail-r .meta .quanlity { background: #666; color: #eee; padding: .2em .5em; border-radius: 3px; }
.col3-btn { background: #2519af; padding: 7px; text-align: center; border-radius: 3px; margin-bottom: 5px; }
.col3-btn a { color: #fff; }

.player { width: 700px; background: #000; display: none; }
.player.current { display: block; width: 100% }
.server-ads { position: absolute; top: 20%; width: 100%; }
.player .close-server-ads { background: rgba(255,255,255,0.5); text-align: center; padding: 5px; width: 300px; margin-left: auto; margin-right: auto; cursor: pointer; }
#player { width: 100%; height: 57%; padding-top: 56.25%; }
.player .big-cover { width: 100%; height: 57%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.player .big-player { width: 100%; height: 57%; position: absolute; top: 0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);cursor:pointer;}
.player .big-player > i { background:#c909c2;color:#fff;font-size:50px;text-align:center;border:7px solid #fff;border-radius:50%;padding:21px 27px;position:absolute;left:calc(50% - 53px);top:calc(50% - 53px);box-shadow:0 0 40px 5px #c909c2; }
.player .big-player > i:after {position: absolute;top: 50%;left: 50%;z-index: 2;display: block;content: '';width: 0;height: 0;background: rgba(255,255,255,.2);border-radius: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;}
.player .big-player > i:hover::after {-webkit-animation: 12s .75s;animation: 12s .75s;}
@-webkit-keyframes 12s {
  0% {opacity: 1;}
  40% {opacity: 1;}
  100% {width: 200%;height: 200%;opacity: 0;}
}
@keyframes 12s {
  0% {opacity: 1;}
  40% {opacity: 1;}
  100% {width: 200%;height: 200%;opacity: 0;}
}

.ads-728 {}
.ads-728 h2 { margin-bottom: 10px; }
.ads-728 .content { text-align: center; }

.pagination { text-align: center; margin: 20px 0; line-height: 2.5; width: 100%}
.pagination li{width: auto !important;display: inline-block;float: inherit !important;margin-right:2px !important;}
.pagination li.selected a,
.pagination li a:hover { background: #0b00b1 !important; color: #fff; }
.pagination li a{ color: #bfbfbf; padding: 5px 10px; border: 1px solid #d9d9d9; width: 30px }
.pagination li:nth-of-type(2n) a{ background: #f5f5f5; }

footer { background: #262626; color: #969696; font-weight: 200; padding: 40px 0 0; }
footer .heading { color: #0b00b1; font-size: 1.5rem; font-weight: 400; margin-bottom: 8px; }
footer .sitename { color: #0b00b1; letter-spacing: .15em; }
footer .sitename:hover { color: #71ceb5; }
footer .text-lighter { color: #c4c4c4; }
footer a { color: #969696; }
footer a:hover { color: #fff; }
footer .fa { font-size: 25px; margin-right: 10px; }
footer form { position: relative; }
footer form { background: #4d4d4d; }
footer input[type=text] { background: #4d4d4d; color: #d0d0d0; border: none; border-radius: 3px; width: 70%; padding: 7px; }
footer input[type=submit] { background: #37a185; color: #fff; border: none; border-radius: 3px; position: absolute; top: 0; right: 0; padding: 7px 10px; }

.page-not-found { text-align: center; }
.page-not-found .line1 { font-size: 140px; margin: 10px 0; }
.page-not-found .line2 { margin-bottom: 30px; }
.page-not-found .line3 { background: #0b00b1; color: #fff; border-radius: 3px; padding: 6px 10px; }
.page-not-found img { margin-bottom: -3px; }

#disqus_thread a { color: rgb(62, 180, 149); }

.ui-autocomplete{
    background: #FFF !important;
    position: absolute !important;
    width: calc(100% - 4px);
}
.ui-menu-item {
    width: calc(100% - 30px);
}
.ui-menu-item:hover{
    background: gray;
}
.ui-menu-item a{
    cursor: pointer;
}
.ui-menu-item a:hover{
    color: #0EA8D1 !important;
}
.social .social-shared{
    cursor: pointer;
}
.social li{
    display: inline-block;
}
.home-socials .social {
    float: left;
    margin-top: -4px;
    margin-right: 15px;
	font-size: 20px;
}
.player{
    position: relative;
    width: 100%;
    padding-top: 57%;
    overflow: auto;
}
.player iframe{
    border: none;
    display: block;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#M280078ScriptRootC160662{
    max-height: 300px;
    overflow: hidden;
}
.adsheader{
    padding-top: 15px;
    clear: both;
    max-height: 300px;
    overflow: hidden;
}

.col2 .tooltip .watch-now a{color: #fff;}


.cssload span, .cssload span::before, .cssload span::after {
    top: 0;
    left: 0;
    position: absolute;
    border-bottom: 2px solid transparent !important;
    border: 2px solid #39bc96;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: rgb(57, 188, 150);
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 100% !important;
    height: 100% !important;
    display: inline-block;
}
   .cssload-center {
    position: relative;
    text-align: center;
    width: 100%;
    min-height: 70px;
    background: #f2f2f2;
}
   .cssload {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    margin: auto;
}
   .cssload span {
    margin: -2px 0 0 -2px;
    animation: cssload-rotate 1150ms linear infinite;
    -o-animation: cssload-rotate 1150ms linear infinite;
    -ms-animation: cssload-rotate 1150ms linear infinite;
    -webkit-animation: cssload-rotate 1150ms linear infinite;
    -moz-animation: cssload-rotate 1150ms linear infinite;
}
   .cssload span::before {
    content: "";
    margin: 5% 0 0 5%;
    height: 90% !important;
    width: 90% !important;
    animation: cssload-rotate 1150ms linear infinite;
    -o-animation: cssload-rotate 1150ms linear infinite;
    -ms-animation: cssload-rotate 1150ms linear infinite;
    -webkit-animation: cssload-rotate 1150ms linear infinite;
    -moz-animation: cssload-rotate 1150ms linear infinite;
}
.cssload span::after {
    content: "";
    position: absolute;
    top: 15%;
    left: 15%;
    height: 70% !important;
    width: 70% !important;
    animation: cssload-rotate 2300ms linear infinite;
    -o-animation: cssload-rotate 2300ms linear infinite;
    -ms-animation: cssload-rotate 2300ms linear infinite;
    -webkit-animation: cssload-rotate 2300ms linear infinite;
    -moz-animation: cssload-rotate 2300ms linear infinite;
}
.tags-tab{top: 35px !important;}
.watch{position: relative;}
#content-embed{width: 100%;height: 100%;position: absolute;z-index: 100;display: none;}
#content-embed .cssload-center{position: inherit;height: 100%;background-color: #000;}
#content-embed .cssload{width: 80px;height: 80px;}

@keyframes cssload-rotate { 100% { transform: rotate(360deg); } } 
@-o-keyframes cssload-rotate { 100% { -o-transform: rotate(360deg); } } 
@-ms-keyframes cssload-rotate { 100% { -ms-transform: rotate(360deg); } } 
@-webkit-keyframes cssload-rotate { 100% { -webkit-transform: rotate(360deg); } } 
@-moz-keyframes cssload-rotate { 100% { -moz-transform: rotate(360deg); } } 

    

    

        .vjs-fullscreen {
            padding-top: 0px
        }

        .vjs-tech {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: absolute;
        }
        .vjs-poster {
            width: 100%;
            height: auto;
        }


        /*New design*/
        .video-js .vjs-big-play-button{
            border:none;
        }

        .video-js:hover .vjs-big-play-button  {
            background-color: #c909c2 !important;
        }
        


        .video-js .vjs-tech, .video-js{
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: absolute;
        }

        .video-js .vjs-control-bar{
            background-color: rgba(33, 31, 29, 0.8);
        }

        /*.video-js .vjs-button:hover{
            background-color:#c909c2;
        }*/

        .vjs-loading-spinner {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px;
        opacity: 0.85;
        text-align: left;
        border: 6px solid rgba(43, 51, 63, 0.7);
        box-sizing: border-box;
        background-clip: padding-box;
        width: 50px;
        height: 50px;
        border-radius: 25px; }

        .vjs-seeking .vjs-loading-spinner,
        .vjs-waiting .vjs-loading-spinner {
        display: block; }

        .vjs-loading-spinner:before{
        content: "";
        position: absolute;
        margin: -6px;
        box-sizing: inherit;
        width: inherit;
        height: inherit;
        border-radius: inherit;
        opacity: 1;
        border: inherit;
        border-color: transparent;
        border-top-color: white; }

        .vjs-seeking .vjs-loading-spinner:before,
        .vjs-waiting .vjs-loading-spinner:before{
        -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
        animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

        .vjs-seeking .vjs-loading-spinner:before,
        .vjs-waiting .vjs-loading-spinner:before {
        border-top-color: white; }

        @keyframes vjs-spinner-spin {
        100% {
            transform: rotate(360deg); } }

        @-webkit-keyframes vjs-spinner-spin {
        100% {
            -webkit-transform: rotate(360deg); } }

        @keyframes vjs-spinner-fade {
        0% {
            border-top-color: #c909c2; }
        20% {
            border-top-color: #c909c2; }
        35% {
            border-top-color: white; }
        60% {
            border-top-color: #c909c2; }
        100% {
            border-top-color: #c909c2; } }

        @-webkit-keyframes vjs-spinner-fade {
        0% {
            border-top-color: #c909c2; }
        20% {
            border-top-color: #c909c2; }
        35% {
            border-top-color: white; }
        60% {
            border-top-color: #c909c2; }
        100% {
            border-top-color: #c909c2; } }


        .vjs-loading-spinner:after {
            content: "Loading video.. Please wait a moment!";
            padding-top: 50px;
            color: #FFF;
            position: absolute;
            top: 15px;
            width: 600px;
            text-align: center;
            left: -280px;
            font-style: italic;
        }
        .video-js .vjs-progress-control .vjs-load-progress, .video-js .vjs-progress-control .vjs-play-progress{
            background-color: #c909c2 !important;
        }

        .video-js .vjs-volume-menu-button .vjs-volume-level{
            height: 100%;
            background-color: #c909c2!important;
        }

        .vjs-captions-button .vjs-menu .vjs-menu-content li:hover, .vjs-chapters-button .vjs-menu .vjs-menu-content li:hover, .vjs-descriptions-button .vjs-menu .vjs-menu-content li:hover, .vjs-subtitles-button .vjs-menu .vjs-menu-content li:hover{
            background-color: #c909c2 !important;
        }

        .vjs-menu-item.vjs-selected{
            background-color: #c909c2 !important;
        }
        

        /*Rounded btns*/
        .video-js .vjs-control.vjs-play-control{
            border-radius: 50%;
            background-color: #c909c2 !important;
            margin: 5px;
            width: 40px;
            height: 40px;
        }

        .video-js .vjs-fullscreen-control:hover{
            background-color: #c909c2 !important; 
        }

        /*TIME*/

        

        .video-js .vjs-play-progress {
        background-color: #fff; }
        .video-js .vjs-play-progress:before {
            position: absolute;
            top: -0.333333333333333em;
            right: -0.5em;
            font-size: 0.9em; }

        .video-js .vjs-time-tooltip,
        .video-js .vjs-mouse-display:after,
        .video-js .vjs-play-progress:after {
        visibility: hidden;
        pointer-events: none;
        position: absolute;
        top: -3.4em;
        right: -1.9em;
        font-size: 14px!important;
        color: #000;
        content: attr(data-current-time);
        padding: 6px 8px 8px 8px;
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.8);
        -webkit-border-radius: 0.3em;
        -moz-border-radius: 0.3em;
        border-radius: 0.3em; }

        .video-js .vjs-progress-control .vjs-mouse-display {
        display: none;
        position: absolute;
        width: 1px;
        height: 100%;
        background-color:transparent;
        z-index: 1; }

        .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
        z-index: 0; }

        .video-js .vjs-progress-control:hover .vjs-mouse-display {
        display: block; }

        .video-js .vjs-progress-control:hover .vjs-mouse-display::after, .vjs-mouse-display, .vjs-progress-control .vjs-mouse-display {
            /*font-size: 0.95em !important;*/
            font-size: 14px !important;
        }

        .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
        .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: visibility 1s, opacity 1s;
        -moz-transition: visibility 1s, opacity 1s;
        -o-transition: visibility 1s, opacity 1s;
        transition: visibility 1s, opacity 1s; }

        .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
        .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
        display: none; }

        .vjs-mouse-display .vjs-time-tooltip,
        .video-js .vjs-progress-control .vjs-mouse-display:after {
        color: #fff;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.8); }


        .video-js .vjs-progress-control .vjs-mouse-display, .video-js .vjs-progress-control .vjs-play-progress:after {
            display: block !important;
        }
        .video-js .vjs-time-control {
            display: block;
            padding: 0 2px;
        }

        /*IE FIX*/
        .player-dimensions, .video-js .vjs-tech, .video-js{
            width: 100% !important;
            height: 100% !important;
        }

        /*End New Design*/
        
        
     .ep1 {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    padding-top: 8px;
    background: #c909c2;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: .8rem;
  
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
  }