html{ margin: 0; padding: 0; position: relative;}
body {background: #232122;font-size: 14px; font-weight: normal; color: #dfdfdf;margin: 0px;padding: 0px; -webkit-text-size-adjust: none; position: relative;}
h1, h2, h3, h4, h5, h6{ font-weight: bold;}
a {color: #dfdfdf; text-decoration:none !important; outline:none; -moz-outline: none; }
a:hover {color: #fff; text-decoration: none; }
a:focus, a:hover{ color: #fff;}
a:active, a:focus{outline:none;}
.mt5 {margin-top: 5px !important; }
.mt10 {margin-top: 10px !important; }
.mt20 {margin-top: 20px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb5 {margin-bottom: 5px; }
.mr5{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr20{ margin-right: 20px; }
.ml10{ margin-left: 10px !important;}
.ml5{ margin-left: 5px;}
.dlb{ display: block; }
.dib{ display: inline-block; }
.fll{ float: left; }
.flr{ float: right; }
.color-one{ color: #aaa;}
input[type=text],input[type=password],input[type=email]{ background: #444; border: #111; color: #eee}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus{ box-shadow: 0 0 3px rgba(255,255,255,0.2); background: #555; color: #eee;}
.form-control{ background: #555; color: #eee; border: none;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: #666;}
.btn-block{ border-radius: 3px;}
.btn-success{ background: #ff0000!important; border: none;}
.btn-success:hover, .btn-success:active, .btn-success:focus{ background: #a70000 !important;}
.btn-default{ background: #444 !important; color: #fff !important; border: none;}
.btn-default:hover,.btn-default:active, .btn-default:focus{ background: #4a4a4a !important; }
.btn-primary{ background: #3598DB; border: none;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus { background: #2D94D9;}
.btn-danger{ background: #DF091E; border: none; border-bottom: 3px solid #CC091C !important;}
.btn-danger:hover,.btn-danger:active,.btn-danger:focus { background: #D9091E;}
.btn-login{ height: 34px; line-height: 32px; padding: 0 15px;}
.btn-facebook, .btn-google, .btn-twitter, .btn-mail{ background: #176BCE !important; color: #fff !important; border: none; opacity: 1}
.btn-google{ background: #DD4337 !important;}
.btn-twitter{ background: #57AAEE !important;}
.btn-mail{ background: #86ABB4 !important;}
.btn-facebook:hover, .btn-google:hover, .btn-twitter:hover{ opacity: 0.9;}
.thumb{background-position: 50% 25%; background-size: cover; display: inline-block;}
.cluetip-inner .btn-danger{ background: #ccc !important; border: none; border-bottom: 3px solid #c0c0c0 !important;}
.container{ width: 100% !important;}
body #xmain{ padding-right: 350px !important; position: relative; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
#toggle-xsidebar{ display: none; text-align: center; cursor: pointer;}
#toggle-xsidebar i{ color: #FC3; font-size: 24px;}
#xsidebar{ position: fixed; top: 0; right: 0; bottom: 0; width: 350px; background: #1d1b1c; border-left: 1px solid #151515; z-index: 3;}
#xsidebar:before{ content: ""; width: 1px; height: 100%; position: absolute; left: 0px; top: 0; background: #333;}
#xsidebar .xsblock{ padding: 20px; border-bottom: 1px solid #3a3a3a; position: relative; margin-left: 1px;}
#xsidebar .xsblock:before{ content: ""; width: 100%; height: 1px; background: #111; position: absolute; bottom: 0px; left: 0;}
.header-pad{ height: 70px;}
#top-news{ display: block; padding: 20px 0 20px;}
#top-news .top-news-title{ background: rgba(255,255,255,0.1); color: #eee; font-size: 12px; padding: 5px 10px; display: inline-block; border-radius: 3px; border-right: 2px solid #cc0000; border-left: 2px solid #cc0000; margin-bottom: 15px;}
#top-news .top-news-wrap{ margin:0 -1%;}
#top-news .tnw-item{ float: left; display: inline-block; width: 14.66%; margin: 0 1%; color: #aaa; font-size: 12px;}
#top-news .tnw-item .tnw-thumb{ width: 100%; padding-bottom: 50%; background-size: cover; background-position: 50% 25%; display: inline-block;}
#top-news .tnw-item .tnw-title{ margin: 5px 0 8px; font-size: 14px; font-weight: normal; max-height: 32px; overflow: hidden; display: block;}
/* xsidebar */
#xsidebar .xside-content{ padding-top: 70px;}
.xc-via-social .btn{ border-bottom: none !important; background: #227FCF; padding: 10px 15px 12px; font-size: 14px; position: relative;}
.xc-via-social .btn i{ position: absolute; top: 10px; left: 15px; font-size: 20px;}
/* film type list */
.film-type-list{ display: block;}
.film-type-list .ftl-item{ display: block; padding: 12px 20px;}
.film-type-list .ftl-item:hover{ background: rgba(255,255,255,.05);}
.film-type-list .ftl-item:hover a{ color: #fff;}
.film-type-list .ftl-item .ftl-thumb{ width: 90px; max-height: 120px; overflow: hidden; float: left;}
.film-type-list .ftl-item .ftl-thumb img{ width: 100%; height: auto;}
.film-type-list .ftl-item .info{ padding-left: 105px;}
.film-type-list .ftl-item .info .ftli-title{ font-size: 15px; font-weight: 400; margin-top: 0; margin-bottom: 8px;}
.film-type-list .ftl-item .info .desc{ font-size: 12px; line-height: 1.3em !important; color: #aaa; font-weight: 300;}
.film-type-list .ftl-item .info .desc a.more{ color: #e02d68;}
.xlist .ftl-item .ftl-thumb{ width: 60px; max-height: 75px; float: right;}
.xlist .ftl-item .info{ padding-right: 70px; padding-left: 0;}
.xlist .ftl-item .info .btn-success{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 200px;}
.sb-xtitle{ font-size: 18px; color: #fff; font-weight: 500; display: block; margin-bottom: 10px;}
.xc-feed{ position: relative; overflow: hidden;}
.xc-feed .xcf-tabs{ margin-bottom: 0px; margin-top: -20px; position: relative}
.xc-feed .xcf-tabs:before{ content: ""; width: 1px; height: 20px; background: #444; position: absolute; top: 10px; left: 50%;}
.xc-feed .xcf-tabs .nav-tabs{ border-bottom: 2px solid #333;}
.xc-feed .xcf-tabs .nav-tabs > li{ width: 50%; text-align: center; padding: 0 10px; margin-bottom: -2px !important;}
.xc-feed .xcf-tabs .nav-tabs > li a{ border: none; border-bottom: 2px solid rgba(0,0,0,0); background: none !important;}
.xc-feed .xcf-tabs .nav-tabs > li.active a{ color: #ccc; border: none; border-bottom: 2px solid #e02d68}
.xc-subs{ padding: 20px; color: #888}
.xc-subs .xcs-icon{ font-size: 80px; color: #555;}
.xc-subs .desc{ font-size: 13px; font-weight: 300; margin-bottom: 15px;}
.xc-subs .ubc-input{ float: left; width: 68%; margin-right: 4%; position: relative;}
.xc-subs .ubc-input .form-control{ height: 32px; padding-left: 50px; border: none; background: #3c3c3c; font-size: 12px;}
.xc-subs .ubc-input .form-control:focus{ background: #444;}
.xc-subs .ubc-input i{ position: absolute; top: 6px; left: 10px; font-size: 20px; color: #888}
.xc-subs form .btn{ width: 50%;}
.xlist{ overflow: hidden; margin-bottom: -20px; margin-left: -20px; margin-right: -20px; position: relative; height: 590px;}
.xlist .x-list-shadow{ width: 140%; height: 30px; position: absolute; bottom: -30px; left: -20%; right:-20%; z-index: 3; box-shadow: 0 0 70px 20px rgba(0,0,0,1);}
/* layout */
header{ background: #323232; height: 70px; width: 100%; display: table; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; z-index: 99;}
header:before{ content: ""; width: 100%; height: 1px; background: #3c3c3c; position: absolute; bottom: 0; left: 0;}
header .header-logo{ float: left; height: 100%; display: inline-block; background: #cc0000 url(../img/logo-shadow.png) top center no-repeat; text-align: center; position: relative; z-index: 2; font-size: 0; margin: 0;}
header .container{ width: 100% !important; margin: 0; padding: 0;}
#logo{ background-image: url(../img/logo.png); background-position: 50% 25%; background-size: cover; height: 38px; width: 180px; margin: 16px 20px; display: inline-block;}
#menu{ float: left;}
#menu ul.top-menu{ list-style: none; padding: 0; margin: 0; display: block;}
#menu ul.top-menu li{ display: inline-block; float: left; margin:0; position: relative}
#menu ul.top-menu li a{ height: 70px; margin: 0; padding: 12px 15px; text-align: center; font-size: 14px; font-weight: 400; color: #b1b1b1; display: inline-block; border-left: none; position: relative; min-width: 100px;}
#menu ul.top-menu li a [class^="icon-"]{ font-size: 24px; margin-bottom: 5px;}
#menu ul.top-menu li a [class^="fa fa-"]{ font-size: 24px !important; margin-bottom: 5px;}
#menu ul.top-menu li a span.li-text{ display: block; text-align: center;}
#menu ul.top-menu li:hover a{color: #fff;}
#menu .sub-container{ position: absolute; top: 70px; left: 0px; width: 500px; background: rgba(33,33,33,0.9); border: none; z-index: 5; box-shadow: 0 0 3px rgba(0,0,0,0.1)}
#menu .sub-container ul.sub-menu{ padding: 10px; overflow: hidden;}
#menu .sub-container ul.sub-menu li{ width: 30%; float: left; margin: 0 1.65%;}
#menu .sub-container ul.sub-menu li a{ height: 30px; line-height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0 10px; display: block; border-bottom: none !important; border: none; min-width: inherit; text-align: left;}
#menu .sub-container ul.sub-menu li a:before{ display: none;}
#menu .sub-container ul.sub-menu li:hover a{ background: #cc0000; color: #fff !important;}
#menu ul.top-menu li:hover .sub-container ul.sub-menu li a{ color: #ccc;}
#search{ float: right; width:295px; margin-top: 19px; position: relative;}
#search input.search-input{ padding-right: 50px; background: #232323; border: 1px solid #111; border-radius: 3px;}
#search .search-submit{ display: inline-block; font-size: 18px; position: absolute; top: 0; right: 0; height: 34px; width: 34px; text-align: center;}
#search .search-submit i{ line-height: 30px;}
#top-user{ float: right; height: 70px; padding: 15px 25px; margin-left: 25px; position: relative; z-index: 2}
#top-user .top-user-content.guest{ margin-top: 10px;}
#top-user .top-user-content.guest i{ font-size: 20px; vertical-align: sub; margin-right: 3px;}
#main{ position: relative; min-height: 700px;}
.page-category .pad{ height: 20px !important;}
.top-content{position: relative; clear: both; margin-bottom: 20px; border-bottom: 1px solid #333; overflow-x: hidden;}
.top-content:before{ width: 80%; content: ""; height: 100px; position: absolute; bottom: 300px; left: 10%; box-shadow: 0 0 70px 0 rgba(0,0,0,0.8);}
.top-content:before{ width: 120%; position: absolute; left: -10%; right: -10%; bottom: auto; top: -100px; box-shadow: 0 50px 50px 0 rgba(0,0,0,0.9);}
#slider{background: #111; overflow: hidden; z-index: 1; position: relative; display: block; padding-right: 0; width: 100%; font-size: 0; padding-bottom: 34%;}
#slider .swiper-slide{ background-position: 50% 25%; background-size: cover; font-size: 0; position: relative; overflow: hidden;}
/*#slider .swiper-slide:before{ content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; top: 0; left: 0; right: 0; background: url(../img/mask-slide.png) bottom repeat-x;}*/
#slider .swiper-slide .slide-link{ position: absolute; width: 100%; height: 100%;}
#slider .slide-caption{ position: absolute; left: 45px; bottom: 30px; width: 600px; color: #fff; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; z-index: 3; font-size: 16px; font-weight: 300; background: rgba(33,33,33,0.6); padding: 15px 20px 20px; border-left: none;}
#slider .slide-caption h2{ margin: 0 0 10px 0; font-size: 24px; color: #fff;}
#slider .slide-caption p{ font-size: 13px; color: #333; font-weight: 300;}
#slider .slide-caption .btn{ font-size: 14px; padding: 6px 18px;}
#slider .swiper-wrapper{ font-size: 0; position: absolute; top: 0; left: 0;}
.pad{ height: 40px; width: 100%; display: block;}
/* movies list*/
.movies-list-wrap{ display: block; overflow:hidden; margin: 0 0 40px;}
.movies-list-wrap .ml-title{ display: block; margin-bottom: 5px; overflow: hidden;}
.movies-list-wrap .ml-title span{font-size: 18px; font-weight: 400; display: inline-block; height: 40px; line-height: 40px; color: #fff; margin-right: 20px; position: relative;}
.movies-list-wrap .ml-title span:before{ content: ""; width: 50px; height: 2px; background: #cc0000; display: inline-block; position: absolute; bottom: 0; left: 0;}
.movies-list-wrap .ml-title span.title-cate{ border: none; font-size: 22px; font-weight: 400;}
.movies-list-wrap .ml-title span.title-cate:before{ display: none;}
.movies-list-wrap .ml-title span i{ font-size: 14px;}
.movies-list-wrap .ml-title .nav-tabs{ display: inline-block; margin-left: 0px; margin-top: 8px; border-bottom: none;}
.movies-list-wrap .ml-title .nav-tabs li.active a{ border-radius: 2px; background: #cc0000 !important; color: #fff;}
.movies-list-wrap .ml-title .nav-tabs li a{ border: none; height: 32px; line-height: 32px; background: none !important; padding: 0 15px; text-align: center; min-width: 60px;}
.movies-list{ display: block; margin: 0 -1%;}
.movies-list .ml-item{ width: 10.5%; margin: 1%; float: left; position: relative; padding-bottom: 15.33% ;overflow: hidden;}
.movies-list .ml-item .mli-thumb{ min-width: 100%; width: auto; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.movies-list .ml-item .mli-unfav{ position: absolute; top: 0; left: 0; width: 100%; height: auto; padding: 5px; background: url(../img/mask-title.png) bottom repeat-x; z-index: 5;text-align: center;}
.movies-list .ml-item .mli-info{ position: absolute; bottom: 0; left: 0; width: 100%; height: auto; padding: 10px; background: url(../img/mask-title.png) top repeat-x; z-index: 5;}
.movies-list .ml-item .mli-info h2{ font-size: 14px; margin: 0; font-weight: normal; text-align: center; color: #fff; text-shadow: 0 0 2px rgba(0,0,0,0.6);}
.movies-list .ml-item .mli-eps{ position: absolute; top: 5px; right: 5px; width: 40px; padding-top: 8px; text-align: center; height: 40px; border-radius: 50%; background: rgba(204, 0, 0,0.9); color: #fff; font-size: 10px; text-transform: uppercase; line-height: 1em; text-shadow: 0 0 2px rgba(0,0,0,0.3); z-index: 4;}
.movies-list .ml-item .mli-eps i{ display: block; font-weight: bold; font-size: 16px; font-style: normal; margin-top: 3px;}
.movies-list .ml-item .mli-quality{ position: absolute; top: 5px; right: 5px; line-height: 1em; width: auto; border-radius: 3px; padding: 4px 5px; font-size: 11px; font-weight: 500; height: auto; background: rgba(204, 0, 0,0.9); color: #fff; z-index: 4;}
.movies-list .ml-item .ml-mask{ display: inline-block; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.movies-list .ml-item .ml-mask:before{ content: ""; background: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0}
.movies-list .ml-item .ml-mask:hover:before{ opacity: 1;}
.movies-list .ml-item .ml-mask:after{ content: ""; width: 55px; height: 55px; background-image: url(../img/btn-overlay.png); background-position: 50% 25%; background-size: cover; opacity: 0; position: absolute; top: 50%; left: 50%; margin-top: -27.5px; margin-left: -27.5px;}
.movies-list .ml-item .ml-mask:hover:after{ opacity: 1;}
.movies-list .ml-item .ml-mask:after, .movies-list .ml-item .ml-mask:before{transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; z-index: 4;}
.movies-list .ml-item .ml-mask2{ display: inline-block; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.movies-list .ml-item .ml-mask2:before{ content: ""; background: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0}
.movies-list .ml-item .ml-mask2:hover:before{ opacity: 1;}
.movies-list .ml-item .ml-mask2:after{ content: ""; width: 55px; height: 55px; background-image: url(../img/btn-overlay-link.png); background-position: 50% 25%; background-size: cover; opacity: 0; position: absolute; top: 50%; left: 50%; margin-top: -27.5px; margin-left: -27.5px;}
.movies-list .ml-item .ml-mask2:hover:after{ opacity: 1;}
.movies-list .ml-item .ml-mask2:after, .movies-list .ml-item .ml-mask2:before{transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; z-index: 4;}
.movies-list .ml-item .ml-mask3{ display: inline-block; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.movies-list .ml-item .ml-mask3:before{ content: ""; background: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0}
.movies-list .ml-item .ml-mask3:hover:before{ opacity: 1;}
.movies-list .ml-item .ml-mask3:after{ content: ""; width: 55px; height: 55px; background-image: url(../img/btn-overlay.png); background-position: 50% 25%; background-size: cover; opacity: 0; position: absolute; top: 50%; left: 50%; margin-top: -27.5px; margin-left: -27.5px;}
.movies-list .ml-item .ml-mask3:hover:after{ opacity: 1;}
.movies-list .ml-item .ml-mask3:after, .movies-list .ml-item .ml-mask3:before{transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; z-index: 4;}
.mlnew-list .table-striped{ background: rgba(255,2555,255,0.03); margin-top: 10px; color: #bbb;}
.mlnew-list a{ color: #bbb;}
.mlnew-list .table-striped > tbody > tr:nth-of-type(2n+1){ background: rgba(255,2555,255,0.02);}
.mlnew-list .table-striped > tbody > tr > td{ border-color: rgba(255,2555,255,0.1); vertical-align: middle;}
.mlnew-list .mlnew-head td{ font-weight: 600;}
.mlnew-list .mlnew h2{ margin: 0; font-weight: 600; font-size: 14px; line-height: 1.42857;}
.mlnew-list .mlnh-1{ width: 40px; text-align: center;}
.mlnew-list .mlnew .mlnh-thumb .thumb{ width: 40px; height: 50px; overflow: hidden; display: inline-block;}
.mlnew-list .mlnew .mlnh-thumb .thumb img{ width: 100%; height: auto; min-height: 100%;}
.mlnew-list .mlnew .mlnh-thumb{ width:56px !important;}
.mlnew-list .mlnew .mlnh-6 span{ background: #E2BC00 !important; color: #000 !important; display: inline-block; margin-bottom: 5px;}
.mlnew-list .mlnew .d-rating{ width: 80px; margin-top: 5px;}
.mlnew-list .mlnew .dr-stars:before{ font-size: 12px;}
.mlnew-more{ padding: 12px !important; background: rgba(255,2555,255,0.05) !important; border: none !important; display: block; cursor: pointer; margin-top: -20px; font-size: 13px;}
.mlnew-more i{ margin-right: 5px;}
.page-detail{ position: relative;}
.page-detail .pad{ height: 20px;}
.page-detail .container{ position: relative; z-index: 3;}
.page-cover{ background-size: cover; background-position: 50% 25%; position: absolute; top: 0; left: 0; width: 100%; height: 600px; overflow-x: hidden;}
.page-cover:after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(35,33,34,0.7);}
.page-cover:before{ content: ""; width: 100%; height: 217px; position: absolute; bottom: 0; left: 0; display: block; background: url(../img/page-cover-shadow.png) bottom repeat-x;}
.main-detail .md-top{ min-height: 400px; position: relative; z-index: 2; margin-bottom: 20px;}
#bread{ position: relative; z-index: 4;}
#bread .breadcrumb{ padding: 0; background: none; color: #aaa;}
#bread .breadcrumb a, .breadcrumb > .active{ color: #aaa;}
#mv-info{ margin-bottom: 0; position: relative;}
#mv-info .mvi-content{ position: relative; width: 100%; font-weight: 300;}
#mv-info .mvi-content h3{ font-size: 36px; color: #fff; line-height: 50px;
margin: 0 0 20px;
display: block;}
#mv-info .mvi-content .block-trailer{ display: inline-block;}
#mv-info .mvi-content .block-trailer a{cursor: pointer;}
#mv-info .mvi-content .mvic-desc{ width: 620px; min-height: 210px; padding-top: 20px; position: relative; z-index: 9;}
.page-watch #mv-info .mvi-content .mvic-desc{ padding-top: 10px;}
.page-watch #mv-info .mvi-content .mvic-desc{ width: 50%; float: left;}
.page-watch .mv-rating{ display: inline-block; margin-right: 20px; margin-bottom: 10px !important}
.page-watch #mv-info .mvi-content .mvic-stats{ display: inline-block;}
.page-watch #mv-info .mvi-content .mvic-stats .block-trailer{ margin-right: 20px;}
.page-watch .pw-comment{ width: 45%; float: right; margin-top: 20px;}
.page-watch .pw-comment .content{ padding: 30px; background: #282627; border: 1px solid #302E2F; min-height: 200px; text-align: left;}
#mv-info .mvi-content .mvic-desc .desc{ width: 100%; margin-bottom: 20px; font-style: italic; color: #aaa; font-weight: 300;}
#mv-info .mvi-content .mvic-info{ width: 100%; display: block;}
#mv-info .mvi-content .mvic-info p{ margin-bottom: 3px;}
#mv-info .mvi-content .mvic-info .mvici-left{ float: left; width: 48%; margin-right: 2%}
#mv-info .mvi-content .mvic-info .mvici-right{ float: left; width: 50%;}
#mv-info .mvi-content .mvic-thumb{ width: 140px; height: 210px; float: left; margin-right: 20px;}
#mv-info .mvi-content .mvic-btn{ position: absolute; top: 10px; right: 20px; left: 900px; bottom: 20px;}
#mv-info .mvi-content .mvic-btn .btn{ margin: 8px 0;}
#mv-info .mvi-content .quality{ display: inline-block; font-size: 11px; text-transform: uppercase; background: #FFCC00; color: #111; margin-left: 2px; padding: 2px 5px; border-radius: 3px;}
#mv-info .mvi-content .mvic-stats{ font-size: 16px; margin-bottom: 10px;}
#mv-info .mvi-content .mvic-stats i{ font-size: 18px; vertical-align: text-top;}
#mv-info .mvi-content .mvic-stats .block-view, #mv-info .mvi-content .mvic-stats .block-fav, #mv-info .mvi-content .mvic-stats .block-trailer{ display: inline-block; margin-right: 20px;}
#mv-info .mvi-content .mvic-stats .block-fav .active i{ color: #cc0000;}
#mv-info .mvi-content .mvic-stats .block-trailer{ padding: 5px 12px; border: 1px solid #666; border-radius: 30px; background: rgba(0,0,0,0.2); font-size: 14px; margin-right: 0;}
#mv-info .mvi-content .block-social{ display: block; margin-bottom: 20px; margin-top: 20px;}
#mv-keywords{ margin-bottom: 20px; display: block; clear: both; margin-top: 30px;}
#mv-keywords a{ margin: 5px 10px 5px 0; color: #888; height: 26px; line-height: 24px; display: inline-block; border-radius: 13px; border: 1px solid #666; padding: 0 10px; background: rgba(33,33,33, 0.6)}
#mv-keywords a:hover{ background: #cc0000; border-color: #cc0000; color: #fff;}
#mv-keywords a h5{ font-size: 12px; font-weight: normal; white-space: nowrap; display: inline-block; margin: 0;}
#mv-keywords a h5:before{ content: '#';}
.btn01 {background-color: transparent !important;border: 1px solid;border-color: #cc0000;}
.btn01:hover {background-color: #cc0000 !important;border: none;}
.btn02 {background-color: #cc0000 !important;border: none;}
.btn02:hover {background-color: #800000 !important;border: none;}
.btn03 {background-color: #009900 !important;border: none;}
.btn03:hover {background-color: #006600 !important;border: none;}
.btn01,.btn02,.btn03 {width:70%;text-align:center;padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px;}
.btn-watch-area{ position: absolute; width: 100%; height: 100%; padding-left: 640px; text-align: center; top: 0; left: 0; bottom: 0;}
.btn-watch-area .bwa-content{ text-align: center; bottom: 0; top: 0; right: 0; left: 600px; position: absolute;}
.btn-watch-area .bwa-content .bwac-btn{ width: 120px; height: 120px; color: #fff; border-radius: 50%; background: #cc0000 url("../img/logo-shadow.png") 30% 0% no-repeat; position: absolute; top: 50%; margin-top: -120px; left: 50%; margin-left: -60px; border: 5px solid #fff; display: inline-block; box-shadow: 0 0 40px 5px rgba(153, 0, 0,1);}
.btn-watch-area .bwa-content .bwac-btn:before{ content: ""; width: 110px; height: 110px; border-radius: 50%; display: inline-block; position: absolute; top: 0px; left: 0px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3) inset;}
.btn-watch-area .bwa-content .bwac-btn:after{ content: "Click to play"; position: absolute; bottom: -40px; width: 120px; text-align: center; left: 50%; margin-left: -60px; color: #fff; font-weight:500; font-size: 16px;}
.loader{ width: 180px; height: 180px; line-height: 180px; box-sizing: border-box; text-align: center;z-index: 0;position: absolute; top: 50%; margin-top: -150px; left: 50%; margin-left: -90px;}
.loader:before, .loader:after{ opacity: 0; box-sizing: border-box; content: "\0020"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; border: 5px solid #fff; box-shadow: 0 0 50px #fff, inset 0 0 50px #fff; }
.loader:after{ z-index: 1; -webkit-animation: gogoloader 2s infinite 1s; -moz-animation: gogoloader 2s infinite 1s; -o-animation:gogoloader 2s infinite 1s; animation:gogoloader 2s infinite 1s; }
.loader:before{ z-index: 2; -webkit-animation: gogoloader 2s infinite; -moz-animation: gogoloader 2s infinite; -o-animation:gogoloader 2s infinite; animation:gogoloader 2s infinite; }
@-webkit-keyframes gogoloader{ 0%{ -webkit-transform: scale(0); opacity: 0; }
50%{ opacity: 1; }
100%{ -webkit-transform: scale(1); opacity: 0; }
}
@-moz-keyframes gogoloader{ 0%{ -moz-transform: scale(0); opacity: 0; }
50%{ opacity: 1; }
100%{ -moz-transform: scale(1); opacity: 0; }
}
@-o-keyframes gogoloader{
0%{ -o-transform: scale(0); opacity: 0; }
50%{ opacity: 1; }
100%{ -o-transform: scale(1); opacity: 0; }
}
@keyframes gogoloader{
0%{ transform: scale(0); opacity: 0; }
50%{ opacity: 1; }
100%{ transform: scale(1); opacity: 0; }
}
.cssload-container{
position:relative;
}
.cssload-center{ position: relative; text-align: center; width: 100%; min-height: 70px; background: rgba(255,255,255,0.1);}
.cssload-2x{ min-height: 100px;}
.cssload-3x{ min-height: 160px;}
.cssload{ width: 40px; height: 40px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: inline-block; margin: auto;}
/*.cssload:before{ content: "Loading..."; width: 100px; text-align: center; font-size: 12px; color: #888; position: absolute; bottom: -25px; left: 50%; margin-left: -50px;}*/
.cssload-2x .cssload{ width: 60px; height:60px;}
.cssload-3x .cssload{ width: 120px; height:120px;}
.cssload-3x .cssload span, .cssload-3x .cssload span:before,.cssload-3x .cssload span:after{ border-width: 3px !important;}
.cssload *{ box-sizing: content-box;}
.cssload span, .cssload span:before, .cssload span:after{
top: 0; left: 0;
position: absolute;
border-bottom: 2px solid transparent !important;
border: 2px solid #cc0000;
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 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;
}
.cssload-2x .cssload span::after, .cssload-3x .cssload span::after{
top: 13%;
left: 13%;
height: 74% !important;
width: 74% !important;
}
@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);
}
}
.type-tvseries .play-eps{ display: inline-block;}
.play-eps{ display: none; width: 196px; height: auto; position: absolute; top: 50%; margin-top: -130px; left: 50%; margin-left: 100px; background: url(../img/play-eps.png) top right repeat-y; padding: 0 20px;}
.play-eps:before, .play-eps:after{ content: ""; width: 196px; height: 90px; position: absolute; left: 0; top: -90px; background: url(../img/play-eps.png) top left no-repeat;}
.play-eps:after{ background: url(../img/play-eps.png) bottom left no-repeat; top: auto; bottom: -90px;}
.play-eps ul{ list-style: none; text-align: left; padding: 0; margin: -60px 0 -30px 0; position: relative; z-index: 9;}
.play-eps ul li{ padding-left: 20px; position: relative; padding: 0; display: block;}
.play-eps ul li i{ position: absolute; top: 14px; left: 0; font-size: 12px; color: #ff206a}
.play-eps ul li a{ font-weight: 500; color: #fff; display: block; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 10px 0 10px 20px;}
.play-eps ul li:hover a{ color: #fff; background: #ff206a; margin: 0 -19px; padding-left: 39px; padding-right: 20px;}
.play-eps ul li:hover a i{ color: #fff;}
.play-eps ul li.pe-bottom a{ font-weight: 300; text-decoration: underline !important; padding-bottom: 0; border-bottom: none; background: none !important;}
.play-eps ul li.pe-bottom a:hover{color: #ff206a;}
.play-eps ul li.pe-top{ font-size: 20px; margin-top: -30px; font-weight: 500; color: #ff206a; display: block; text-align: center; padding-top: 0; padding-bottom: 10px;}
.btn-watch-area .bwa-content .bwac-btn i{ font-size: 60px; position: absolute; top: 24px; left: 35px;}
.mv-rating{ text-align: left; font-size: 14px; position: relative; margin-top: 5px; margin-bottom: 10px;}
.mv-rating .star-rating .caption{ font-size: 12px; text-transform: uppercase;}
.mv-rating .star-rating{ display: inline-block; height: 24px !important; font-size: 20px !important;}
.mv-rating label{ display: block; margin-bottom: -2px; font-size: 10px; font-weight: normal; text-transform: uppercase; padding-top: 2px; padding-left: 2px;}
.mv-rating .clear-rating-active{ display: none !important;}
.mv-rating .rating-container .rating-stars::before{ text-shadow: none;}
.mv-rating .rating-active .rating-container{ cursor: pointer;}
.mv-rating .btn{ float: left; margin: 0 !important; margin-right: 10px !important; padding: 4px 10px !important; font-weight: bold; font-size: 24px; cursor: default;}
#media-player, #content-embed{ width: 100%; position: relative;background: #0b0b0b;}
#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: rgba(255,255,255,0.1); 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: absolute; 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-main{ width: 75%;}
#player-area .pa-server{ position: absolute; top: 0; left: 75%; right: 0; bottom: 0; background: #141414;}
.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; display: block; border-bottom: 1px solid #2E2E2E; background: rgba(0,0,0,0.2); position: relative;}
.pas-header .pash-title{ padding-right: 60px; padding-left: 20px; line-height: 50px; font-weight: 500;}
.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: #cc0000;}
.pas-header .pash-choose .dropdown-menu li a:hover{ background: #cc0000;}
.pas-header .pash-choose .dropdown-toggle{ font-size: 12px;}
.pas-header .pash-choose .dropdown-toggle .caret{ color: #cc0000;}
.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: #cc0000; }
.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: #cc0000;}
.pas-list ul li.active a i:before{ content: "\e034" !important; color: #cc0000;}
.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: "Play Now"; 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: #cc0000; font-family: Arial, Helvetica, sans-serif;}
.page-blank p{ margin-bottom: 0;}
.page-blank .page-title{ font-size: 28px; margin-top: 0; margin-bottom: 20px;}
.page-blank a{ color: #e02d68;}
.page-blank ul li{ margin-bottom: 10px;}
.page-split{ margin-bottom: -30px; font-size: 16px;}
.page-dmca ul li{ margin-bottom: 20px;}
.page-split .page-split-left, .page-split .page-split-right{ width: 50%; padding: 40px 50px;}
.page-split .page-split-right{ position: absolute; top: 0; right: 0; bottom: 0; height: 100%;}
.page-split .page-split-left form .form-control{ background: #fff; color: #111;}
.page-split .page-split-left form textarea{ resize: none;}
.page-split .page-split-left form .btn{ border-radius: 6px; height: 46px;}
.page-dmca .page-split-right .message_area{ background: #fff; color: #111; padding: 20px; border-radius: 10px; margin-bottom: 30px;}
.page-dmca .page-split-right .message_area h3{ margin-top: 0; font-size: 20px;}
.page-dmca .page-split-right .dr-form{ margin-top: 20px;}
.page-dmca .page-split-right .dr-form .row{ margin-bottom: 10px;}
.page-dmca .page-split-right .dr-form .form-control{ background: #fff; color: #111; border: none !important; font-size: 16px;}
.page-dmca .page-split-right .dr-form .form-control:focus{ box-shadow: 0 0 5px #e02d68 !important;}
.page-dmca .page-split-right .dr-form select{ font-size: 16px; height: 46px; border-radius: 6px; padding: 10px 16px;}
.page-dmca .page-split-right .dr-form textarea{ resize: none;}
.page-dmca .page-split-right .dr-form .dr-checkbox{ float: left;}
.page-dmca .page-split-right .dr-form .dr-checkbox-text{ padding-left: 30px;}
.page-dmca .page-split-right .dr-form .btn{ border-radius: 6px; height: 46px;}
.page-split .container{ padding: 0; margin: 0; padding-bottom: 30px; width: 100% !important; position: relative;}
.page-split .page-split-right{ background: #fff; color: #111;}
.page-dmca .page-split-right{ color: #fff; background: rgba(255,255,255,0.2); }
.page-request .page-split-left{ float: left; }
.page-request .page-split-right{ position: relative; float: right; min-height: 800px; background: rgba(255,255,255,0.1); color: #fff;}
.page-request .container{ padding-bottom: 0;}
.page-news .pad{ height: 20px !important;}
.logged{ position: relative; margin: 0 -10px;}
.logged .logged-feed{ display: inline-block; position: relative; margin-right: 10px;}
.logged .btn-feed{ position: relative;}
.logged .btn-logged i{ font-size: 24px; color: #DFDFDF;}
.logged .btn-logged.active i{ color: #cc0000;}
.logged .btn-logged span.feed-number{ position: absolute; top: 3px; right: 7px; background: #C00; width: 10px; height: 10px; border-radius: 5px;}
.logged .logged-user{ float: right;}
.logged .avatar{ margin-left: 10px; position: relative; padding-right: 20px; display: inline-block; overflow: hidden;}
.logged .avatar img{ width: 40px; height: 40px;}
.logged .avatar .fa{ font-size: 12px; color: #555; width: 16px; height: 16px; border-radius: 50%; position: absolute; top: 50%; margin-top: -8px; right: 0; text-align: center; line-height: 12px;}
.logged .logged-user .user-class{ float: left; margin-right: 5px; position: relative;}
.logged .logged-user .user-class span.uc-type:before{ content: "Upgrade"; font-size: 12px;}
.logged .logged-user .user-class span.uc-type{ display: inline-block; width: 100%; padding: 0 12px; height: 30px; line-height: 26px; margin-top: 5px; border: 1px solid #666; background: #555; border-radius: 3px;}
.logged .logged-user .user-class .uc-pop{ display: none;}
.logged .user-vip .user-class span.uc-type:before{ content: "V.I.P"; font-weight: 600;}
.logged .user-vip .user-class span.uc-type{ background: #FFCC00; border: none; line-height: 28px; color: #111;}
.logged .user-vip .user-class:hover .uc-pop{ display: inline-block;}
.logged .user-vip .user-class .uc-pop{ position: absolute; top: 40px; right: 0; background: #fff; border: none; width: 120px; padding: 7px 10px; color: #111; font-size: 12px; border-radius: 3px;}
.logged .user-vip .user-class .uc-pop span{ display: block; font-size: 14px; font-weight: 500;}
.logged.open .avatar .fa{ color: #cc0000;}
.logged .logged-user{ position: relative;}
.logged .dropdown-menu{ left: auto; right: -1px !important; padding: 0; overflow: hidden; width: 180px;}
.logged .logged-user .dropdown-menu{ right: 19px !important;}
.logged .logged-user .dropdown-menu > li > a{ padding: 5px 12px 5px 12px; white-space: normal; position: relative;}
.logged .logged-user .dropdown-menu > li > a .badge{ float: right;}
.logged .logged-user .dropdown-menu > li{ border-bottom: 1px solid #eee;}
.logged .logged-user .dropdown-menu > li.pre-active{ background: #eee !important; border-bottom: 1px solid #ddd; display: none;}
.logged .user-vip .dropdown-menu > li.pre-active{ background: #FFCC00 !important; border-bottom: 1px solid #EFC421}
.logged .logged-user .dropdown-menu > li.pre-active a{ background: none !important; font-weight: 600; line-height: 16px;}
.logged .logged-user .dropdown-menu > li.pre-active span{ display: block; font-size: 12px; font-weight: 300;}
.logged .logged-user .dropdown-menu > li.pre-active a:after{ content: "\f0fe"; position: absolute; right: 0; top: 0; bottom: 0; padding: 13px 9px; background: rgba(0,0,0,0.075); font-family: "FontAwesome"; font-weight: normal; width: 40px; text-align: center; font-size: 16px;}
.logged .logged-user .dropdown-menu > li:last-of-type{ border-bottom: none;}
.logged .logged-user .dropdown-menu > li.active{ background: #cc0000 !important; border-bottom: none;}
.logged .logged-user .dropdown-menu > li.active a{ background: none !important; color: #fff !important;}
.logged .logged-user .dropdown-menu > li > a > i{ text-align: center; vertical-align: sub}
.logged .logged-user .dropdown-menu > li > a > i:before{ font-size: 18px;}
.logged .logged-feed .dropdown-menu{ width: 300px;}
.logged .logged-feed .dropdown-menu > li.more a{ padding: 12px 0; text-align: center; background: #f8f8f8; font-size: 12px; color: #cc0000;}
.logged .logged-feed .dropdown-menu > li.more a i{ position: relative; left: auto; top: auto; font-size: 16px;}
.logged .logged-feed .dropdown-menu > li > a{ padding: 8px 12px; font-size: 14px; white-space: normal; line-height: 1.2em; position: relative}
.logged .logged-feed .dropdown-menu > li > a span.time{ display: block; color: #aaa; font-style:italic; font-size: 11px; margin-top: 3px;}
.logged .logged-feed .dropdown-menu > li > a > i{ position: absolute; top: 8px; left: 10px; width: 20px; height: 20px; line-height: 20px; text-align: center;}
.logged .logged-feed .dropdown-menu > li > a > i.fa-2x{ top: 10px; font-size: 1.5em;}
.logged .logged-feed .dropdown-menu > li > a > strong{ color: #cc0000;}
.logged .logged-feed .dropdown-menu > li{ border-bottom: 1px solid #eee;}
.profiles-page{}
.profiles-wrap{ margin-bottom: 30px;}
.profiles-wrap .sidebar{ position: relative; color: #eee; margin-bottom: 0px;}
.profiles-wrap .pp-main{ position: relative; margin: 0 40px;}
.profiles-wrap .pp-main .ppm-head{}
.profiles-wrap .pp-main .ppm-head ul.nav-tabs{ background: #555;}
.profiles-wrap .pp-main .ppm-head ul.nav-tabs li a{ border: none !important; border-radius: 0; padding: 10px 50px; margin: 0; color: #fff;}
.profiles-wrap .pp-main .ppm-head ul.nav-tabs li a:hover, .profiles-wrap .pp-main .ppm-head ul.nav-tabs li a:focus{ background: rgba(0,0,0,0.02);}
.profiles-wrap .pp-main .ppm-head ul.nav-tabs li.active a{ color: #333;}
.profiles-wrap .pp-main .ppm-content{ padding: 20px; margin: 0 -20px;}
.profiles-wrap .pp-main .ppm-head .ppmh-title{ padding: 10px 15px; background: #555; color: #fff;}
.profiles-wrap .pp-main .ppm-head .ppmh-title .pull-right{ font-size: 11px; color: #fff; text-transform: uppercase; margin-top: 3px;}
.profiles-wrap .pw-top{ margin-bottom: 0px; display: block;}
.profiles-wrap .pw-top .pwt-cover{ display: block; padding: 30px; height: 350px; text-align: center; position: relative; background-size: cover; background-position: 50% 25%;}
.profiles-wrap .pw-top .pwt-cover:before{ content:""; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.profiles-wrap .pw-top .pwt-cover img{ width: 120px; height: 120px;}
.profiles-wrap .pw-top .pwt-cover .pwt-user{ width: 100%; position: absolute; bottom: 110px; left: 0; text-align: center; z-index: 3;}
.profiles-wrap .pw-top .pwt-cover .pwt-user .pwtu-name{ color: #fff; font-size: 30px; font-weight: 600;}
.profiles-wrap .pw-top .pwt-cover .pwt-user .pwtu-type{ font-size: 12px; color: rgba(255,255,255,0.7); margin-bottom: 10px;}
.ppm-content{background: #2d2b2c; margin: 0 20px;}
.noti-content{ padding: 0 !important; color: #eee;}
.noti-content ul{list-style: none; padding: 0;}
.noti-content ul li{ border-bottom: 1px solid #444;}
.noti-content ul li a{ padding: 15px 20px 15px 50px; display: block; position: relative; color: #eee;}
.noti-content ul li a i{ position: absolute; top: 16px; left: 20px; line-height: 20px;}
.noti-content ul li:hover{ background: rgba(0,0,0,0.01);}
.noti-content ul li a strong{ color: #fff;}
.noti-content ul li a .time{ display: block; color: #bbb; font-size: 12px; font-style:italic;}
.update-content{ padding-bottom: 30px;}
.uc-form{ padding: 30px 0 0;}
.uc-form .form-group{ margin-bottom: 20px;}
.uc-form .ucf-b{ width: 30.3%; margin-right: 3%; float: left;}
.uc-form .ucf-b:last-of-type{ margin-right: 0; width: 33.3%;}
.uc-form .avatar img{ width: 76px; height: 76px;}
.uc-form textarea{ resize: none;}
.uc-form .ucf-block{ width: 50%; float: left; padding: 20px 20px 0; min-height: 240px;}
.uc-form .ucf-block:last-of-type{ padding-top: 0; min-height: 0;}
.user-content{ padding: 30px 20px !important; font-weight: 300;}
.user-content .uct-avatar{ float: left;}
.user-content .uct-avatar img{ width: 180px; height: 180px;}
.user-content .uct-info{}
.user-content .uct-info .block{ padding: 8px 0; border-bottom: 1px solid #444; width: 44%; margin: 0 3%; float: left;}
.user-content .uct-info .block label{ width: 120px; display: inline-block;}
.offer-content{ padding: 0 !important;}
.offer-content ul{ list-style: none; padding: 0;}
.offer-content ul li{ border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin-bottom: -1px; padding: 15px 110px 15px 20px; position: relative;}
.offer-content ul li:hover{ background: rgba(0,0,0,0.02);}
.offer-content ul li .btn{ position: absolute; top: 50%; margin-top: -17px; right: 15px; width: 80px; text-align: center;}
.offer-content ul li .time{ color: #bbb; font-size: 11px; margin-top: 3px; display: block;}
.offer-content ul li h3{ font-size: 16px; margin: 0 0 8px;}
.block-padding{ background: #fff; padding: 20px; border: 1px solid #ddd; box-shadow: 0 3px 0 rgba(0,0,0,.1); border-radius: 5px;}
.block-padding:hover{ border: 1px solid #ccc; box-shadow: 0 3px 0 rgba(0,0,0,.2)}
.apps-content{ position: relative;}
.apps-content:before{ content: ""; width: 100%; height: 205px; position: absolute; top: 0; left: 0; background-size: cover; background-position: 50% 25%; background-image: url(../img/app-bg.jpg);}
.apps-content .btn{ padding: 8px 30px;}
.apps-content .ac-block-ul{ margin: 20px -1%; overflow: hidden; position: relative; z-index: 2;}
.apps-content .ac-block{ float: left; width: 31.33%; margin: 1%;}
.apps-content .ac-block.disabled *{ color: #ccc;}
.apps-content .ac-block.disabled .btn{ background-color: #ccc !important; border-color: #bbb !important; color: #eee !important}
.apps-content .ac-block .title{ font-weight: bold; margin-bottom: 0px; margin-top: 20px;}
.apps-content .ac-block .small{ color: #bbb;}
.ac-desc{ position: relative; z-index: 2; color: #fff;}
.ac-desc h3{ margin-top: 0; font-size: 20px; padding-top: 3px;}
.ac-desc .app-icon{ width: 100px; height: 100px; float: left;}
.ac-desc .desc{ padding-left: 115px;}
.profiles-wrap .sidebar{ margin-bottom: 20px; margin-top: -51px; border-top: 1px solid rgba(255,255,255,0.1);}
.sidebar .sb-title{ padding: 10px 15px; background: #cc0000; color: #fff;}
.sidebar .sidebar-menu ul{ list-style: none; padding: 0; overflow: hidden; margin-bottom: 0; background: rgba(0,0,0,0.4)}
.sidebar .sidebar-menu ul li{ float: left; width: 20%; text-align: center;}
.sidebar .sidebar-menu ul li a{ display: block; padding: 15px; position: relative;}
.sidebar .sidebar-menu ul li a:before{ content: ""; width: 1px; height: 100%; background: rgba(255,255,255,0.2); position: absolute; top: 0; right: 0; bottom: 0;}
.sidebar .sidebar-menu ul li:last-of-type a:before{ display: none;}
.sidebar .sidebar-menu ul li a:hover{ background: rgba(0,0,0,0.2);}
.sidebar .sidebar-menu ul li.active a{ background: rgba(255,255,255,0.2);}
.sidebar .sidebar-menu ul li a .badge{ float: right; color: #333; background: #fff;}
.sidebar .sidebar-menu ul li a i{ width: 24px; text-align: center; font-size: 20px; margin-right: 5px; vertical-align: sub;}
.mlw-profiles{ margin-bottom: 0;}
.mlw-profiles .movies-list .ml-item{ width: 14.66%; padding-bottom: 21.4%; margin: 0 1% 2%;}
.mli-fixed{ position: absolute; top: 0px; left: 0px; background: #E1D000; font-size: 12px; color: #fff; padding: 3px 8px; font-weight: bold; display: inline-block; width: 100%; z-index: 9; text-align: center;}
.nav-profiles{ text-align: center; display: block !important; font-size: 0;}
.nav-profiles > li{ float: none; display: inline-block; font-size: 14px;}
.pp-main .movies-list-wrap .ml-title .nav-profiles li a{ padding: 0 25px !important; min-width: 150px !important; background: #333 !important; border-radius: 20px; margin: 0 5px;}
.pp-main .movies-list-wrap .ml-title .nav-profiles li.active a{ background: #cc0000 !important;}
.page-profiles .container{ width: 100% !important; padding: 0;}
.page-profiles .pad{ height: 0;}
.premium-content{ padding: 40px 50px; font-size: 16px; line-height: 24px; color: #eee; font-weight: 300;}
.premium-content .premium-pack{ display: block; margin: 30px 0; text-align: center;}
.premium-pack .pre-p-item{ width: 25%; float: left; text-align: center;}
.premium-pack .pre-p-item .ppi-circle{ width: 120px; height: 120px; border-radius: 50%; background: #fff; padding: 29px 0; color: #333; display: inline-block; margin-bottom: 15px; border: 5px solid #ddd;}
.premium-pack .pre-p-item .ppi-circle span{ font-size: 40px; display: block; margin-bottom: 10px;}
.premium-pack .pre-p-item .ppi-price{ font-size: 16px; margin-bottom: 15px;}
.ppi-2 .ppi-circle{ background: #48ABEF !important; color: #fff !important; border-color: #388BCC !important;}
.ppi-3 .ppi-circle{ background: #F29C37 !important; color: #fff !important; border-color: #E68331 !important;}
.ppi-4 .ppi-circle{ background: #D64667 !important; color: #fff !important; border-color: #B23A5E !important;}
footer{ padding: 40px 0 40px; color: #fff; margin-top: 30px; position: relative; border-top: 1px solid #333;}
footer:before{ content: ""; width: 100%; height: 1px; position: absolute; top: -2px; left: 0; background: #161616;}
footer a{ color: #ccc;}
footer .footer-block{ border-right: 1px solid #333; padding: 0 60px;}
footer .footer-block6{ border-right: none;}
#copyright{ margin: 30px 0 30px; text-align: center; color: #aaa;}
#copyright .mv-ft-logo{ width: 285px; height: auto; margin-bottom: 20px;}
#footer-menu, #footer-social{ margin: 30px auto; text-align: center}
#footer-menu a, #footer-social a{ margin: 10px;}
#footer-social a{ display: inline-block; font-size: 16px; width: 30px; height: 30px; border-radius: 3px; color: #fff; line-height: 30px;}
#footer-social a.fs-facebook{ background: #197dd1;}
#footer-social a.fs-twitter{ background: #0ebdd7;}
#footer-social a.fs-google{ background: #d13434;}
#commentfb{ padding:10px 20px; margin: 20px 0; background: #fff; display: block;}
.infopage{ background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.infopage .infopage-head{ display: block; padding: 10px 20px; border-bottom: 1px solid #eee; font-size: 20px; background: #f8f8f8;}
.infopage .content{ padding: 15px 20px;}
.infopage .ip-left{ width: 49%; float: left; margin-right: 1%;}
.infopage .ip-right{ width: 50%; float: left; margin-top: -10px;}
.mlw-request h2{ margin: 0; margin-bottom: 10px; font-size: 18px;}
.mlw-request .ml-item{ width: 23%; height: 230px;}
.main-news{ width: 1120px; margin: 0 auto 30px;}
.news-block{}
.news-block .news-content{ width:75%; float: right; min-height: 300px;}
.news-block .news-content-full{ width: 100%;}
.news-block .news-sidebar{ padding-right: 77%; min-height: 300px;}
.news-view-content{ padding: 30px 80px !important; background: #fff; font-size: 16px; line-height: 1.6em !important; font-weight: 300; color: #333;}
.news-view-content a{color: #222;}
.news-view-content img{ max-width: 100%; margin: 20px auto; display: block;}
.news-view-content iframe{ max-width: 100% !important; width: 600px !important; display: block; margin: 20px auto;}
.news-view-content h1.title{ margin: 0 0 15px 0; font-size: 40px;}
.news-view-content .tags{ margin-top: 30px; margin-bottom: 50px;}
.news-view-content .tags a{ color: #cc0000;}
.news-view-content .time{ margin-bottom: 20px;}
.news-list-item .thumb{ max-height: 180px; overflow: hidden;}
.news-list-item-lg .thumb{ max-height: 280px;}
.news-block .news-sidebar .news-list-item .thumb{ width: 90px; height: auto; float: right;}
.news-block .news-sidebar .news-list-item .thumb img{ min-height: inherit;}
.news-block .news-sidebar .news-list-item .info{ display: block; width: 100%; padding-right: 115px;}
.news-block .news-sidebar .news-list-item .info h2{ font-size: 13px; font-weight: 600; line-height: 1.3em;}
.news-block .news-sidebar .news-list-item .info span{ display: none;}
.news-block .news-sidebar .news-list-item .info .time{ font-size: 12px;}
.content-padding{ padding: 20px;}
.content-padding h3.title{ margin-top: 0; margin-bottom: 10px; font-size: 28px; font-weight: 300; font-style:italic}
.movies-embed.content-padding{ background: #333; padding: 30px;}
.movies-embed .badge{ background: #cc0000;}
.movies-embed h4{ font-size: 14px;}
.movies-embed .me-wrap{ margin: 0 -1%;}
.movies-embed .me-li{ float: left; width: 14.66%; margin: 0 1%; background: rgba(0,0,0,0.3); text-align: center;}
.movies-embed .me-li h4{ font-size: 13px; padding: 0 10px; margin: 6px 0 8px; max-width: 100%; height: 30px; overflow: hidden;}
.movies-embed .me-li .thumb{ width: 100%; padding-bottom: 136%; position: relative; overflow: hidden;}
.movies-embed .me-li .thumb img{ position: absolute; top: 0; left: 0; right: 0; height: auto; width: 100%;}
.movies-embed .me-li .btn{ display: block; border-radius: 0; background: #666 !important;}
.movies-embed .me-li:hover .btn{ background: #cc0000 !important;}
#comment.content-padding{ background: #1D1B1C; padding: 30px;}
.nvc-thumb{ height: 480px; overflow: hidden; background-position: 50% 25%; background-size: cover; margin: -30px -80px 50px;}
.box{ margin-bottom: 20px; background: rgba(255,255,255,0.1); display: block; overflow: hidden;}
.box-content{ padding: 20px;}
.box .box-head{ background: #cc0000; padding: 0px 20px; line-height: 40px; color: #fff; font-size: 18px;}
.box .box-head .nlh{ display: inline-block; float: left; margin-right: 20px; font-size: 14px;}
.box .box-head .nav-tabs{ display: inline-block; border: none; float: left;}
.box .box-head .nav-tabs li{ margin: 0;}
.box .box-head .nav-tabs li a{ line-height: 40px; padding: 0 15px; border-radius: 0; margin: 0; border: none !important; color: #ccc; font-size: 14px; text-transform: uppercase;}
.box .box-head .nav-tabs li.active a{ background: #cc0000 !important; color: #fff;}
.box .box-head .nav-tabs li:hover a, .box .box-head .nav-tabs li:focus a{ background: rgba(255,255,255,0.1) !important;}
.news-list-item{ padding: 13px 15px; border-bottom: 1px solid #444;}
.news-list .news-list-body{ margin: 0 -1%;}
.news-list .news-list-item{ padding: 0; width: 23%; float: left; margin: 0 1% 2%; background: #fff; color: #666; position: relative;}
.news-list .news-list-item .tag-hot{ position: absolute; top: 0; left: 0; background: #E02D68; color: #fff; font-size: 12px; padding: 3px 8px; display: inline-block;}
.news-list .news-list-item .info{ display: block; padding: 18px 20px; height: 142px;}
.news-list .news-list-item .info h2{ margin: 0 0 8px 0; font-size: 16px; font-weight: 500; line-height: 1.2em; max-height: 40px; overflow: hidden;}
.news-list .news-list-item .info h2 a{ color: #111;}
.news-list .news-list-item .info h2 a:hover{ color: #cc0000;}
.news-list .news-list-item .info p.desc{ max-height: 30px; overflow: hidden; font-size: 12px; line-height: 1.2em; color: #aaa; font-weight: 300;}
.news-list .news-list-item .info p.time{ font-size: 12px; font-weight: 300;}
.news-list-item .thumb{ display: block; height: 180px; overflow: hidden;}
.news-list-item .thumb img{ width: 100%; height: auto; min-height: 180px;}
.news-list-item .info h2{ margin: 0 0 8px 0; font-size: 16px; line-height: 18px;}
.news-list-item .info p{ line-height: 1.2em;}
.news-list-item .info .time{ color: #aaa; margin-bottom: 0;}
.news-list-item:last-of-type{ border-bottom: none;}
.news-list-item-lg .thumb{ float: none; width: 100%; height: 250px; overflow: hidden; margin-bottom: 10px;}
.news-list-item-lg .thumb img{ width: 100% !important; height: auto;}
.page-title{ margin-top: 0; margin-bottom: 20px;}
.news-list-item-lg .info{ padding-left: 0 !important;}
.label-sm{ font-size: 10px; padding: 3px 5px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;}
/* bootstrap select */
.bootstrap-select{ /*width: 220px\9; IE8 and below*/ width: 220px \0; /*IE9 and below*/}
.bootstrap-select > .btn{ width: 100%; padding-right: 25px; }
.error .bootstrap-select .btn{ border: 1px solid #b94a48; }
.control-group.error .bootstrap-select .dropdown-toggle{ border-color: #b94a48; }
.bootstrap-select.fit-width{ width: auto !important; }
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ width: 100%}
.bootstrap-select .btn:focus{ }
.bootstrap-select.form-control{ margin-bottom: 0; padding: 0; border: none; }
.bootstrap-select.form-control:not([class*="col-"]){ width: 100%; }
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"]{ float: none; display: inline-block; margin-left: 0; }
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right{ float: right; }
.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group{ margin-bottom: 0; }
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control{ padding: 0; }
.form-inline .bootstrap-select.btn-group .form-control{ width: 100%; }
.input-append .bootstrap-select.btn-group{ margin-left: -1px; }
.input-prepend .bootstrap-select.btn-group{ margin-right: -1px; }
.bootstrap-select.btn-group > .disabled{ cursor: not-allowed; }
.bootstrap-select.btn-group > .disabled:focus{ outline: none !important; }
.bootstrap-select.btn-group .btn .filter-option{ display: inline-block; overflow: hidden; width: 100%; text-align: left; }
.bootstrap-select.btn-group .btn .caret{ position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; }
.bootstrap-select.btn-group[class*="col-"] .btn{ width: 100%; }
.bootstrap-select.btn-group .dropdown-menu{ min-width: 100%; z-index: 1035; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bootstrap-select.btn-group .dropdown-menu.inner{ position: static; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.bootstrap-select.btn-group .dropdown-menu li{ position: relative; }
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small{ color: #64b1d8; color: rgba(100, 177, 216, 0.4); }
.bootstrap-select.btn-group .dropdown-menu li.disabled a{ cursor: not-allowed; }
.bootstrap-select.btn-group .dropdown-menu li a{ cursor: pointer; }
.bootstrap-select.btn-group .dropdown-menu li a.opt{ position: relative; padding-left: 2.25em; }
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{ display: none; }
.bootstrap-select.btn-group .dropdown-menu li a span.text{ display: inline-block; }
.bootstrap-select.btn-group .dropdown-menu li small{ padding-left: 0.5em; }
.bootstrap-select.btn-group .dropdown-menu .notify{ position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bootstrap-select.btn-group .no-results{ padding: 3px; background: #f5f5f5; margin: 0 5px; }
.bootstrap-select.btn-group.fit-width .btn .filter-option{ position: static; }
.bootstrap-select.btn-group.fit-width .btn .caret{ position: static; top: auto; margin-top: -1px; }
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{ position: absolute; display: inline-block; right: 15px; margin-top: 5px; }
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{ margin-right: 34px; }
.bootstrap-select.show-menu-arrow.open > .btn{ z-index: 1036; }
.bootstrap-select.show-menu-arrow .dropdown-toggle:before{ content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom-width: 7px; border-bottom-style: solid; border-bottom-color: #cccccc; border-bottom-color: rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; }
.bootstrap-select.show-menu-arrow .dropdown-toggle:after{ content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{ bottom: auto; top: -3px; border-bottom: 0; border-top-width: 7px; border-top-style: solid; border-top-color: #cccccc; border-top-color: rgba(204, 204, 204, 0.2); }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{ bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{ right: 12px; left: auto; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{ right: 13px; left: auto; }
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after{ display: block; }
.mobile-menu, .mobile-search{ display: none; color: #333;}
.search-content{ position: relative;}
.search-suggest{ background:#404040; width:320px; border-top: 1px solid #cc0000; overflow:hidden; display:block; position:absolute; top:40px; right: 0; border-radius:3px; box-shadow:0 0 3px rgba(0,0,0,0.2);}
.search-suggest ul {list-style:none; padding:0; padding-bottom:40px; position:relative;}
.search-suggest ul li.ss-bottom{position:absolute; width:100%; left:0; bottom:0;}
.search-suggest ul li.ss-bottom a{ width:100%; display:block; text-align:center; height:40px; line-height:40px; background:#333; color:#fff; font-weight:bold; text-align:center;}
.search-suggest ul li {padding:10px;display:block; width:100%; overflow:hidden; color:#888; border-bottom:1px solid #4C4C4C;}
.search-suggest ul li:hover {background:#454545;}
.search-suggest ul li .ss-info {padding-left:50px;color:#aaa; font-size: 12px;}
.search-suggest ul li .ss-info a{}
.search-suggest ul li .ss-info a.ss-title {font-size:14px; color: #fff; margin-bottom: 3px;}
.search-suggest ul li .ss-info p{margin-bottom:0;}
.search-suggest ul li .thumb{float:left; width:40px; height:60px; display:inline-block;}
.modal-dialog .modal-body{ padding: 30px;}
.modal-header{ padding: 12px 30px; text-align: center; border-bottom: none; position: relative;background: rgba(22,22,22,0.4);}
.modal-dialog .modal-body .desc{ margin-bottom: 5px; font-size: 16px !important;}
.modal-dialog .modal-body input{ padding: 8px 12px; height: 38px;}
.modal-dialog .modal-body input[type="checkbox"]{ padding:inherit; height: inherit;}
.modal-dialog .modal-body .btn-block{ padding: 8px 12px;}
.modal-dialog .modal-body label{ font-weight: normal;}
.modal-header .close{ position: absolute; top: 10px; right: 12px; margin-top: 0;}
#pop-auth .modal-dialog{ width: 430px; position: relative;}
.modal-cuz .modal-content{ color: #333; border: 1px solid #222;}
.modal-cuz .form-control{ background: #eee;}
.modal-cuz .modal-dialog .modal-body{ padding: 30px; border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e5e5e5;color: #fff;}
.modal-cuz .modal-dialog{ margin: 50px auto;}
.modal-cuz .modal-footer{ text-align: center; background: rgba(22,22,22,0.4); color: #fff;border:none !important;padding-top: 0px !important;}
.modal-cuz .modal-footer a{ cursor: pointer; color: #fff;}
.modal-cuz .modal-header{background: #111;color: #00cc00;font-size: 18px !important;border-radius: 2%;border: 1px solid #111;}
.modal-cuz .modal-header .close{ text-shadow: none; color: #fff; opacity: 0.7}
.modal-cuz .modal-content .form-control{ font-size: 13px; font-weight: 300; padding-left: 0; padding-right: 0; background: none !important; border-bottom: 1px solid #666; color: #333; box-shadow: none; border-radius: 0;}
.modal-cuz .modal-content .form-control:focus{ border-bottom: 1px solid #cc0000;}
.modal-cuz .btn{ padding: 12px !important; font-size: 14px;}
.modal-cuz .cuz-login-social{ margin: -30px -30px 20px; padding: 15px 30px 20px; border-radius: 5px 5px 0 0; border-bottom: 1px solid #ddd; background: #f8f8f8;}
.modal-cuz .cuz-login-social .desc{ margin-bottom: 10px;}
.modal-trailer .modal-dialog{ width: 800px;}
.modal-trailer .modal-dialog .modal-body{ padding: 0;}
.modal-trailer .modal-dialog .modal-body .modal-body-trailer iframe{ height: 450px !important;}
.modal-body-trailer{ font-size: 0;}
.modal-dialog .alert{ padding: 5px 15px; font-size: 12px; margin-bottom: 10px; margin-top: 5px;}
.modal-tabs .nav-tabs{ border-bottom: none; position: relative; z-index: 1001;}
.modal-tabs .nav-tabs li{ position: relative;}
.modal-tabs .nav-tabs li a{ background: none !important; border: none !important; color: #aaa; cursor: pointer; font-size: 14px;font-weight: 300; padding: 15px 25px;}
.modal-tabs .nav-tabs li a i{ font-size: 20px; vertical-align: bottom;}
.modal-tabs .nav-tabs li.active a{ color: #fff;}
.modal-tabs .nav-tabs li.active:before{ content: "\f0d8"; font-size: 30px; font-family:'FontAwesome'; position: absolute; bottom: -16px; left: 50%; width: 50px; text-align: center; margin-left: -25px; color: #fff;}
.modal-tabs .nav-tabs li .close{ padding-right: 0; color: #fff; text-shadow: none; opacity: 1;}
#pagination{ margin-top: 30px; text-align: center;}
.pagination > li > a, .pagination > li > span{ background: #333; border: none; color: #aaa;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{ background: #cc0000; border: none;}
.pagination > li > a{ margin: 0 5px; border-radius: 3px;}
#open-forgot{ cursor: pointer; color: #888; margin-top: 2px; display: inline-block;}
.cat-more{ display: inline-block; margin-top: 14px;}
.refresh{ color: #333 !important;}
#menu.active{ display: block !important;}
#search.active{ display: inline-block;}
.filter-toggle{ float: right; height: 40px; line-height: 40px; padding: 0 15px; background: #333; color:#aaa; border-radius: 3px; cursor: pointer;}
.filter-toggle.active{ background: #555; color: #fff;}
#filter{ padding: 10px 20px; background: #333; position: relative; padding-bottom: 110px; box-shadow: 0 3px 0 0 rgba(0,0,0,0.1); border-radius: 3px; margin-bottom: 20px; display: none;}
#filter.active{ display: block !important;}
#filter .fc-title{ font-size: 16px; margin-bottom: 5px; display: block; color: #fff;}
#filter ul{list-style: none; padding: 10px 15px 8px; border: 1px solid #555; background: #444; border-radius: 3px; overflow: hidden;}
#filter ul li{ float: left; width: 130px; padding: 3px 5px 3px 2px; margin:0 0 5px 0; width: auto; margin-right: 5px;}
#filter ul li.active{ background: #cc0000; color: #fff;}
#filter ul li label{ font-weight: normal; font-size: 12px; margin-bottom: 0;}
#filter ul li label input{ margin:0 3px 0 0; vertical-align: text-top;}
#filter ul.fc-main-list{ padding: 0; border: none; overflow: visible; background: none;}
#filter ul.fc-main-list li{ display: block; width: 100%; float: none; padding: 0; margin-bottom: 4px;}
#filter ul.fc-main-list li a{ font-size: 14px; background: #444; color: #aaa; display: block; padding: 7px 10px;}
#filter ul.fc-main-list li a.active{background: #cc0000 !important; color: #fff;}
#filter ul.fc-main-list li a:hover{ background: #cc0000; color: #fff;}
.fc-genre, .fc-country, .fc-release{ clear: both; display: block;}
#filter .filter-btn{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 20px 0; border-top: 1px solid #444;}
#filter .cs10-top .fc-filmtype{ float: left; width: 50%;}
#filter .cs10-top .fc-quaility{ margin-left: 52%;}
#list-eps{ background: #282627; margin-bottom: 20px; border: 1px solid #444;}
#list-eps .le-server{ padding: 10px 20px; border-bottom: 1px solid #444;}
#list-eps .le-server:last-of-type{ border-bottom: none;}
#list-eps .le-server .les-title{ display: inline-block; width: 120px; float: left; padding-top: 10px;}
#list-eps .le-server .les-content{ padding-left: 130px; font-size: 0;}
#list-eps .le-server .les-content .btn-eps{ padding: 7px 12px 5px 12px; min-width: 72px; text-align: center; border-radius: 3px; background: #f0f0f0; font-size: 12px; color: #333; font-weight: bold; margin: 5px; white-space: nowrap; display: inline-block;}
#list-eps .le-server .les-content .btn-eps.active{ background: #cc0000; color: #fff;}
#list-eps .le-server .les-content .btn-eps.active:before{ content: "\f04b"; font-family:'FontAwesome'; font-size: 10px; margin-right: 10px; font-weight: normal;}
#list-eps .le-server .les-content .btn-eps:hover{ border-color: #555; background: #666; color: #fff;}
.detai-mod{}
.detail-mod .mobile-btn{ display: none;}
.detail-mod .dm-thumb{ display: none;}
.detail-mod .mobile-view{ display: none;}
.faq-div{ margin-top: -10px;}
.faq-div h3{ font-size: 14px; font-weight: bold; margin: 0; padding: 0 10px 0 42px; position: relative; height: 34px; display: table-cell; vertical-align: middle;}
.faq-div a h3{ color: #333;}
.faq-div span{ height: 34px; width: 34px; line-height: 32px; text-align: center; font-weight: bold; background: #cc0000; color: #fff; position: absolute; top: 10px; left: -1px; border-radius: 3px;}
.faq-div p{ padding-left: 42px;}
.faq-div ul{ list-style: none; padding: 0;}
.faq-div ul li{ padding: 10px 0; box-shadow: none; border-bottom: 1px solid #eee; margin-top: 0 !important; position: relative; min-height: 54px;}
.page-404{ width: 100%; position: absolute; min-height: 0px !important; padding-bottom: 50px;}
.img-404{ width: 400px; height: auto; margin: 20px 0; max-width: 90%;}
.not-found{ text-align: center;}
.not-found h1{ font-size: 140px; font-family: "Montserrat"; margin-top:100px;}
.cluetip-outer{ background: #333 !important;}
.ui-cluetip-header{ background: none !important;}
.jtip-top{ background: rgba(255,255,255,0.1) !important; color: #ccc !important; font-weight: normal !important;}
.jtip-top .jt-info.jt-imdb{ color: #111 !important;}
.recent-keywords{ margin: 20px 0; clear: both; text-align: center; font-size: 0;}
.recent-keywords a{ white-space: nowrap; margin: 5px; display: inline-block; font-size: 14px; height: 28px; line-height: 28px; padding: 0 15px; background: #555; color: #aaa; border-radius: 17px; font-weight: 300;}
.recent-keywords a:hover{ color: #fff;}
#schedule-eps{display: block; margin: 50px auto; max-width: 80%;}
#schedule-eps .se-next{ display: block; background: #5B5D69; box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); padding: 10px 20px; border-radius: 0; color: #fff; /*border-bottom: 3px solid #178AE6*/}
#schedule-eps .se-next .fa-close{ display: none;}
#schedule-eps .se-left{ float: left; font-size: 16px;}
#schedule-eps .se-right{ float: right;}
#schedule-eps .se-right a{ color: #fff; cursor: pointer;}
#schedule-eps .se-list{ list-style: none; padding: 0; margin: 0; display: none; margin-bottom: 15px; background: #5B5D69}
#schedule-eps .se-list li{ padding: 10px 20px; background: rgba(0,0,0,0.2); border-bottom: 1px solid #5B5D69;}
#schedule-eps .se-list li:hover{ background: rgba(0,0,0,0.1)}
#schedule-eps .se-list li .se-left{ font-size: 14px;}
#toggle-schedule{ position: relative;}
#toggle-schedule.active{ font-size: 0;}
#toggle-schedule.active .fa-close{ display: inline-block; font-size: 20px;}
.modal-subc h4{ font-size: 30px; margin-top: 10px; font-family: 'Montserrat'; font-weight: 400;}
.modal-subc .modal-body{ padding: 20px 80px 30px;}
.modal-subc .modal-body .desc{ font-size: 13px;}
.modal-subc .modal-body .subc-input{ position: relative; text-align: center;}
.modal-subc .modal-body .subc-input .form-control{ text-align: center; border-radius: 0; border-color: #333; box-shadow: none !important; padding-left: 50px; padding-right: 50px;}
i.subc-email{ width: 20px; height: 14px; background-image: url(../img/subc-email.png); background-position: 50% 25%; background-size: cover; position: absolute; left: 20px; top: 12px;}
.modal-subc .modal-body .btn{ border-radius: 0 !important; font-size: 16px; font-weight: 600;}
.modal-subc .modal-body .subc-not-show{ color: #555; text-decoration: underline !important; margin-top: 10px; display: block;}
.modal-subc .modal-content{ border-radius: 0; color: #333;}
.modal-subc .modal-content:before{ content:""; width: 100%; height: 10px; position: absolute; top: 0; left: 0;}
.modal-subc .modal-header{ z-index: 5;}
.modal-subc .modal-header .close{ top: 20px; right: 20px;}
.mt30{ margin-top: 30px;}
.subs-block{ max-width: 1000px; margin: 30px auto; background: #fff; padding: 25px 20px; position: relative;}
.subs-block:before, .subs-block:after{ content: ""; width: 100%; height: 5px; position: absolute; top: 0; left: 0; background: url(../img/letter-pattern.png) top repeat-x;}
.subs-block:after{ top: auto; bottom: 0;}
.subs-block h4{ margin-top: 0; margin-bottom: 10px; font-family: 'Montserrat'; font-weight: 400; font-size: 30px;}
.subs-block .sbk-left{ width: 500px; float: left; padding-left: 70px;}
.subs-block .subs-icon{ width: 110px; height: 110px; background-size: cover; background-position: 50% 25%; background-image: url(../img/subs-icon.png); position: absolute; left:-35px; top: -10px; z-index: 3;}
.subs-block .sbk-left p{ margin-bottom: 0;}
.subs-block .sbk-right{ padding-left: 520px;}
.subs-block .sbk-right .col-sm-9{ padding-right: 0;}
.subs-block .sbk-right .subc-input{ position: relative;}
.subs-block .sbk-right .subc-input .form-control{ height: 40px; padding: 10px 15px; padding-left: 50px;}
.subs-block .sbk-right .btn-approve{ padding: 9px 12px;}
.subs-block .sbk-right i.subc-email{ left: 30px; top: 14px;}
.modal-error{}
.modal-error .modal-body .btn{ min-width: 130px; font-weight: 400; font-size: 14px; margin: 0 10px 0px;}
.modal-error .modal-dialog .modal-content{ width: 100%;}
.modal-error .modal-dialog{ width: 440px}
.modal-error .modal-body{ padding: 20px 20px 30px;}
.modal-error h4{ font-size: 22px;}
.pop-rating{ margin: 10px 0; display: block; font-size: 0;}
.d-rating{ position: relative; display: inline-block; width: 96px;}
.dr-stars{ position: absolute; top: 0; left: 4px;}
.dr-stars:before{ content: "\f005\f005\f005\f005\f005"; font-family:'FontAwesome'; font-size: 16px; letter-spacing: 4px; color: #aaa;}
.dr-show{ z-index: 2;}
.dr-show:before{ color: #fc3;}
.dr-mark{ overflow: hidden; height: 20px; display: block; position: relative;}
.dr-10{ width: 100%;}
.dr-9{ width: 90%;} .dr-8{ width: 80%;} .dr-7{ width: 70%;} .dr-6{ width: 60%;} .dr-5{ width: 50%;} .dr-4{ width: 40%;} .dr-3{ width: 30%;} .dr-2{ width: 20%;} .dr-1{ width: 10%;}
.dr-0{ width: 0%;}
.dr-text{ font-size: 11px; margin: 2px 10px 2px 0; float: left; background: rgba(255,255,255,0.2); line-height: 1.1em; color: #fff; padding: 2px 4px; border: 1px solid #fff; border-radius: 3px; display: inline-block;}
.dr-text span{ display: inline-block; background: #fff; color: #111; margin: -2px 4px -2px -4px; padding: 2px 3px;}
.modal-backdrop.in{ opacity: 0.8;}
.guest-login{ cursor: pointer;}
.cls-list{ margin: 0 -1%;}
.cls-list .pull-left{ margin: 0 1%;}
.modal-report{ color: #333;}
.modal-report .modal-body{ padding-top: 0;}
.modal-report .form-group .fg-radio{ display: inline-block; float: left; margin: -1px 0 0; padding: 8px 0; margin-right: 20px;}
.modal-report .form-group input{ height: auto; margin-right: 5px;}
.report-list{ background: rgba(0,0,0,0.02); padding: 0; font-size: 12px; border: 1px solid #ddd; border-radius: 3px; margin: 10px 0; overflow: auto;}
.report-list .rl-block{ padding: 10px 15px; border-bottom: 1px solid #ddd;}
.report-list .rl-block:last-of-type{ border-bottom: none;}
.report-textarea textarea{ resize: none; font-size: 12px; background: rgba(0,0,0,0.02); border: 1px solid #e0e0e0;}
.report-list .rl-title{ font-size: 14px;}
.popover-like{ bottom: 50px; left: 90px; top: auto; display: block; width: 230px; font-size: 12px; color: #333;}
.popover-like .btn{ width: 95px; padding: 5px 10px !important; font-weight: 400 !important;}
.popover-like .btn-success{ margin-right: 6px !important; color: #fff !important;}
.popover-like .btn-default{ color: #fff !important;}
.popover-like p{ margin-bottom: 5px;}
.social-share{ display: block; margin: 30px auto 20px; width: 100%; padding-right: 25%; text-align: center;}
.social-share .at-share-tbx-element .at-share-btn{ max-height: none !important; max-width: none !important; width: 24% !important; height: 48px !important; margin: 0.5% !important;}
.social-share .addthis_32x32_style .at-icon{ width: 32px !important; height: 32px !important; margin: 8px; margin-right: 70%;}
.social-share .at-icon-wrapper{ height: 48px !important; width: 100% !important; line-height: 48px !important;}
.social-share .at-share-tbx-element{ margin-left: -0.5% !important; margin-right: -0.5% !important;}
.social-share #atstbx-share-label{ display: none !important;}
.social-share .at-icon-wrapper{ position: relative;}
.social-share .at-icon-wrapper:before { content: "Share this"; display: block; position: absolute; text-align: center; width: 100%; color: #fff; padding-left: 10%;}
.social-share .at-svc-facebook .at-icon-wrapper:before{ content: "Share Facebook";}
.social-share .at-svc-twitter .at-icon-wrapper:before{ content: "Share Twitter";}
.social-share .at-svc-google_plusone_share .at-icon-wrapper:before{ content: "Share Google+";}
.social-share .at-svc-reddit .at-icon-wrapper:before{ content: "Share Reddit";}
#like-home{ padding: 12px 0; background: rgba(255,255,255,0.07); position: relative; z-index: 5; max-height: 45px;}
#like-home .at-share-tbx-element .at300b{ font-size: 0;}
#like-home .lh-text{ font-size: 12px;}
#like-home .lh-like, #like-home .lh-text{ display: inline-block;}
#like-home .addthis_inline_share_toolbox{ display: inline-block; margin-right: 15px;}
#like-home .addthis_button_google_plusone{ max-width: 74px;}
#like-home .addthis_button_facebook_share{ margin-right: 1px; overflow: hidden;}
#like-home .addthis_button_facebook_like{ display: none !important;}
.modal-subc h4{ font-size: 30px; margin-top: 10px; font-weight: 400;}
.modal-subc .modal-body{ padding: 20px 30px 30px;}
.modal-subc .modal-body .desc{ font-size: 15px; font-weight: 600;}
.modal-subc .modal-body .subc-input{ position: relative; text-align: center;}
.modal-subc .modal-body .subc-input .form-control{ text-align: center; border-radius: 0; border-color: #333; box-shadow: none !important; padding-left: 50px; padding-right: 50px;}
.modal-sharing .modal-dialog .ps-img{ margin: -20px -30px 20px;}
.modal-sharing .modal-dialog .ps-img img{ width: 100%; height: auto;}
.modal-sharing .close{ position: absolute; top: 10px; right: 10px; padding: 6px 8px; opacity: 1; background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.1);}
.modal-sharing .close:hover{ border-color: #fff;}
.modal-sharing .close i{ text-shadow: none; color: #fff;}
@media screen and (max-width:1680px){
.mlnew-list .table-striped{ font-size: 13px;}
}
@media screen and (min-width:1600px){
.container{ width: 96% !important}
}
@media screen and (min-width:1441px){
#search{ width: 230px;}
}
@media screen and (max-width:1440px){
.page-detail .container{ width: 98% !important}
header{ position: absolute;}
#xsidebar{ right: -351px; border-left: none; background: rgba(33,34,35,0.95);}
#xsidebar.active{ right: 15px; top: auto; z-index: 999; box-shadow: 0 0 100px 0 rgba(0,0,0,0.9); padding-bottom: 80px; border: 1px solid #444; border-bottom: none;}
#xsidebar.active:before{ display: none;}
#xsidebar .xside-content{ padding-top: 0px;}
#xsidebar .xc-via-social{ display: none;}
#toggle-xsidebar.active{ position: fixed; top: auto; bottom: 0px; width: 308px; right: 15px; margin: 20px; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 3px; z-index: 1000;}
#toggle-xsidebar.active i{ display: none;}
#toggle-xsidebar.active span{ font-size: 0;}
#toggle-xsidebar.active span:before{ content: "Close"; font-size: 14px;}
#xsidebar.active .xc-subs{ display: none;}
#xsidebar.active .xlist{ height: 450px;}
body #xmain{ padding-right: 0 !important;}
.container{ width: 94% !important;}
#search{ width: 200px;}
#menu ul.top-menu li a{ min-width: 80px;}
.movies-list .ml-item .mli-info h2{ font-size: 12px;}
.main-detail{ width: 100%;}
#mv-info .mvi-content .mvic-btn{ left: 860px;}
#mv-info .mvi-content .mvic-desc{ border-right: 0; padding-right: 0; width: 660px;}
.infopage .uc-form{ width: 95%;}
#toggle-xsidebar{ position: fixed; bottom: 0; right: 15px; padding: 10px 5px 5px; z-index: 99; display: inline-block; width: 80px; background: #555; border-radius: 4px 4px 0 0;}
#toggle-xsidebar span{ display: block; font-size: 11px; margin-top: 2px;}
.pas-list ul li a{ font-size: 12px;}
}
@media screen and (max-width: 1365px){
#top-news .tnw-item .tnw-thumb{ height: 80px;}
}
@media screen and (max-width: 1280px){
.logged .logged-user .dropdown-menu > li.pre-active{ display: block;}
.logged .logged-user .user-class{ display: none;}
.mlnew-list .mlnh-5{ display: none;}
.news-block .news-sidebar .news-list-item .thumb{ display: none;}
.news-block .news-sidebar .news-list-item .info{ padding-right: 0;}
.news-view-content h1.title{ font-size: 30px;}
.news-view-content{ padding: 30px 40px !important;}
.nvc-thumb{ margin: -30px -40px 30px;}
}
@media screen and (max-width:1199px){
.container{ width: 970px;}
header{}
#top-user{ margin-left: 15px;}
header .header-logo{ background: none;}
#logo{ background-image: url(../img/logo-m.png);}
#menu ul.top-menu li a::before{ display: none;}
#menu ul.top-menu li a{ border-right: none; min-width:0; font-size: 12px;}
#menu ul.top-menu{ margin-bottom: 0; display: block;}
#menu .sub-container{ width: 470px;}
#menu .sub-container ul.sub-menu li{ margin: 0.65%; width: 32%;}
#menu .sub-container ul.sub-menu li a{ height: 24px; line-height: 24px;}
#slider:hover .slide-caption{ right: 0;}
#slider .slide-caption{ right: -270px;}
.slide-caption p{ font-size: 12px;}
#slider .slide-caption h2{ font-size: 18px;}
#slider .slide-caption .slide-caption-info{ display: none;}
#slider .slide-caption{ padding: 15px 20px; width: 600px;}
.slide-caption .mt20{ margin-top: 10px !important;}
.pad{ height: 20px;}
footer .footer-one, footer .footer-subs{ float: left;}
#filter{ padding: 15px 15px 110px;}
#filter ul li{ float: none; width: auto !important; display: inline-block; padding: 0; margin: 0 5px 5px 0;}
#filter .col-sm-10{ width: 75%; float: left;}
#filter .col-sm-2{ width: 25%; float: left;}
#filter ul.fc-main-list li a{ padding: 9px 15px;}
#mv-info .mvi-content .mvic-desc{ width: 500px; border-right: none; padding-right: 0;}
#mv-info .mvi-content .mvic-btn{ left: 700px;}
#mv-info .mvi-cover{ height: 400px;}
#mv-keywords a h5{ font-size: 12px;}
#mv-info .mvi-content .mvic-btn{ left: 660px;}
#mv-info .mvi-content .mvic-desc{ width: 460px;}
#mv-info .mvi-content .mvic-info .mvici-left{ width: 63%; margin-right: 2%}
#mv-info .mvi-content .mvic-info .mvici-right{ width: 35%;}
.jwplayer,#123movies-player iframe{ height: 430px !important;}
.main-news{ width: 100%;}
.news-sidebar .fanpage{ display: none;}
.nvc-thumb{ height: 350px;}
.donate-content{ background: #090f26}
.donate-content .donate-desc .desc{ padding-right: 0;}
.subs-block .sbk-right .col-sm-9{ width: 60%;}
.subs-block .sbk-right .col-sm-3{ width: 40%;}
#player-area .pa-main{ width: 100%;}
#player-area .pa-server{ position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 100%;}
.type-movies .pa-server{ text-align: center;}
.type-tvseries .pas-list{ position: relative; top: auto; left: auto; right: auto;}
.type-tvseries .pas-list ul{ height: auto !important; position: relative; left: auto; top: auto; right: auto; padding: 0;font-size: 0;}
.type-tvseries .pas-list ul li{ display: inline-block; margin: 0.5%; width: 24%; float: left;}
.type-tvseries .pas-list ul li a{ border: none; background: rgba(255,255,255,0.05); border-radius: 3px; height: 38px; line-height: 36px; padding: 0 12px 0 25px;}
.type-tvseries .pas-list ul li a:hover{ background: rgba(255,255,255,0.2);}
.type-tvseries .pas-list ul li a:hover i:before{ color: #fff;}
.type-tvseries .pas-list ul li a i{ font-size: 16px; left: 5px; top: 10px;}
.type-tvseries .pas-list ul li.active a{ background: #cc0000 !important; border: none; padding-right: 10px;}
.type-tvseries .pas-list ul li.active a i:before{ color: #fff;}
.type-tvseries .pas-list ul li.active a:after{ display: none;}
#schedule-eps{ margin: 30px auto 30px; max-width: 100%;}
#player-area{ margin-bottom: 15px;}
#bar-player{ margin-bottom: 15px;}
.type-tvseries #player-area .pa-server{ background: none;}
.pas-header{ background: #232122; padding: 0 5px; font-size: 0; height: auto; border-bottom: none;}
.pas-header .pash-title, .pas-header .pash-choose .dropdown-toggle{ display: none;}
.pas-header .pash-choose .dropdown-menu{ display: block !important; position: relative; top: auto; left: auto; right: auto; background: none; padding: 0; margin: 0; border: none; box-shadow: none; margin: 10px 0;}
.pas-header .pash-choose .dropdown-menu > li{ display: inline-block; float:none; margin-bottom: 5px;}
.pas-header .pash-choose .dropdown-menu > li > a{ padding: 0 15px; height: 30px; line-height: 26px; color: #aaa; font-weight: 300; font-size: 12px; border-radius: 22px; border: 2px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.04);}
.pas-header .pash-choose .dropdown-menu > li > a:hover{ background: none !important; color: #E32F6A;}
.pas-header .pash-choose .dropdown-menu > li.active > a, .type-movies .pas-header .pash-choose .dropdown-menu li.active a{ background: #cc0000 !important; color: #fff !important;}
.pas-header .pash-choose{ position: relative; top: auto; right: auto;}
.type-movies .pas-header .pash-choose .dropdown-menu li a{ height: 30px; line-height: 26px; padding: 0 20px; border: 2px solid rgba(255, 255, 255, 0.1);}
.type-movies .pas-header .pash-choose{ top: 0; text-align: center;}
.type-movies .pas-header .pash-choose .dropdown-menu li.active a:after, .type-movies .pas-header .pash-choose .dropdown-menu li a:before{ display: none;}
.type-movies .pas-header .pash-choose .dropdown-menu{ text-align: center;}
#slider{ height: 320px;}
#mv-info .mvi-content h3{ font-size: 40px; line-height: 45px;}
.type-movies #media-player{ padding-bottom: 56.3%;}
#player-area{ background: none;}
.social-share{ padding-right: 0;}
}
@media screen and (min-width: 992px) and (max-width:1100px){
.movies-list .ml-item{ width: 14.66%; padding-bottom: 21.4%;}
#menu ul.top-menu li a [class^="icon-"]{ font-size: 20px;}
#menu ul.top-menu li a [class^="fa fa-"]{ font-size: 20px !important;}
#menu ul.top-menu li a{ padding: 14px 8px;}
.logged .logged-feed{ margin-right: 0;}
.btn-watch-area .bwa-content .bwac-btn{ margin-top: -240px;}
}
@media screen and (max-width:1100px){
#mv-info .mvi-content .mvic-desc{ width: 420px; font-size: 12px;}
.btn-watch-area{ padding-left: 420px;}
.btn-watch-area .bwa-content{ left: 420px;}
.type-tvseries .play-eps{ display: none;}
.loader{ margin-top: -270px;}
#mv-info .mvi-content .mvic-stats{ font-size: 14px;}
#top-news .tnw-item .tnw-thumb{ height: 60px;}
#top-news .tnw-item .tnw-title{ font-size: 12px; max-height: 28px;}
}
@media screen and (max-width: 991px){
#menu ul.top-menu li a{ height: 40px; line-height: 40px; padding: 0 15px; margin: 0 5px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.container{ width: 100%;}
.header-pad{ display: none;}
.btn-login{ border-bottom: none !important;}
.mobile-menu, .mobile-search{ display: inline-block; cursor: pointer; height: 34px; color: #fff; width: 34px; text-align: center; border-radius: 3px; position: absolute; top: 12px; left: 15px;}
.mobile-menu i, .mobile-search i{ font-size: 18px; line-height: 32px;}
.mobile-menu.active, .mobile-search.active{ background: #666;}
.mobile-menu.active i, .mobile-search.active i{ color: #fff;}
.mobile-search{ left: auto; right: 100px;}
.logged .avatar img{ display: none;}
.logged .avatar{ overflow: visible; margin: 0; padding: 8px 10px;}
.logged .avatar .fa{ position: relative; top: auto; left: auto; font-size: 16px; color: #fff;}
.logged .logged-feed{ margin-right: 0;}
.logged .btn-feed{ padding: 6px 8px;}
#top-user .top-user-content.guest{ margin-top: 4px;}
#top-user .top-user-content.guest .guest-login i{ display: none;}
#top-user .top-user-content.guest .guest-login{ display: inline-block; padding: 4px 12px; border-radius: 3px; border: 1px solid #555;}
header{ position: relative !important; display: block !important; top: auto !important;}
#main{ margin-top: 0 !important;}
header .header-logo{ margin: 0; position: absolute; top: 0; left: 50%; margin-left: -77px;}
header .header-logo #logo{ margin: 11px 0;}
#top-user{ background: none; border: none; padding: 15px; height: 60px; padding: 10px 15px; margin-left: 0px;}
#menu{ border-top: none; bottom: auto; top: 70px; right: 15px; left: 15px; background: #222; display: none;}
#menu ul.top-menu{ width: 100%;}
#menu ul.top-menu li{ float: none; display: block; margin: 0; border-bottom: 1px solid #333;}
#menu ul.top-menu li.active a{ border-bottom: none;}
#menu ul.top-menu li a{color: #cc0000; display: block;}
#menu .sub-container{ width: 100%; margin-top: -10px;}
#menu .sub-container{ display: block !important; position: relative; top: auto; left: auto; background: none; border: none;}
#menu .sub-container ul.sub-menu li{ border-bottom: none; width: 23%; margin: 1%;}
#menu .sub-container ul.sub-menu li a{ height:28px; line-height: 28px; font-size: 12px; color: #ccc !important; background: #282828; width: auto; font-weight: normal;}
#menu ul.top-menu li a [class^="icon-"]{ display: none !important;}
#menu ul.top-menu li a [class^="fa fa-"]{ display: none !important;}
#menu ul.top-menu li a span.li-text{ text-align: left;}
header{ height: auto;}
header .container{ height:60px;}
#search{ float: none; margin-top: 0; position: absolute; bottom: -79px; left: -15px; right: -15px; width: auto; padding: 15px; background: #232323; margin: 15px; display: none;}
.search-suggest{ left: 0; right: 0; width: 100%; top: 33px;}
#search input.search-input{ background: #555; border: none;}
#main{ padding-top: 0px !important; margin-top: 0 !important;}
#menu.active{ position: absolute;}
.movies-list .ml-item{ width: 23%; margin: 1%; padding-bottom: 33.58%;}
.movies-list .ml-item .mli-info h2{ font-weight: bold; font-size: 14px;}
#slider{ margin-right: 0; height: 280px; width: 100%;}
#slider .slide-caption{ bottom: 20px; left: 20px !important; right: auto !important; opacity: 1 !important;}
.swiper-container-horizontal > .swiper-pagination{ right: 20px !important; left: auto !important; text-align: right !important;}
.top-content{ height: auto;}
#top-news{ position: relative; width: 100%; display: none;}
#top-news .top-news-content{ position: relative; top: auto;}
#top-news .top-news-content .tab-pane .tnc-apps .tnca-block span{ display: inline-block;}
#top-news .top-news-content .tab-pane .tnc-apps .tnca-block{ padding: 12px 8px 12px 38px;}
#top-news .top-news-content .tab-pane .tnc-apps .tnca-block i{top: 6px;}
#top-news .top-news-content ul.tn-news li{ padding: 14px 12px;}
#cluetip-1, #cluetip{ display: none !important;}
.movies-list-wrap .ml-title span{ height: 34px; line-height: 34px; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.movies-list-wrap .ml-title span:before{ display: none;}
.filter-toggle{ height: 30px; line-height: 30px;}
.cat-more{ margin-top: 5px;}
.movies-list-wrap{ margin-bottom: 20px;}
footer{ margin-top: 20px;}
.movies-list-wrap .ml-title span{ background: none; padding: 0; font-weight: bold; font-size: 16px;}
#mv-info .mvi-cover{ height: 350px;}
#mv-info .mvi-content .mvic-btn{ position: relative; left: auto; top: auto; right: auto; bottom: auto; margin: 0 -1% 20px;}
#mv-info .mvi-content .mvic-btn .btn-block{ width: 31.3%; margin: 0 1% 1%; float: left;}
.modal-trailer .modal-dialog{ width: 95%;}
.jwplayer,#123movies-player iframe{ height: 400px !important;}
.logged .logged-feed{ position:static;}
.logged{ position: static;}
.logged .dropdown-menu{}
.logged .logged-feed .dropdown-menu{ right: 0; margin: 0 14px; border-radius: 0; top: 69px; width: 300px;}
.logged .logged-feed .dropdown-menu > li > a{ width: auto;}
.infopage .ip-left{ float: none; width: 100%; margin: 0;}
.infopage .ip-right{ float: none; width: 100%; margin-top: 20px;}
.infopage .uc-form{ max-width: 500px;}
.subs-block .subs-icon{ left: 15px; top: 10px; width: 70px; height: 70px;}
.subs-block .sbk-left{ padding-left: 80px; width: 400px;}
.subs-block .sbk-right{ padding-left: 420px;}
.page-cover{ position: relative; height: 350px;}
#bread{ display: none;}
.page-cover:after{ background: rgba(35, 33, 34, 0.4) none repeat scroll 0 0}
.btn-watch-area{ padding-left: 0; position: relative;}
#mv-info .mvi-content .mvic-desc{ width: 100%;}
.btn-watch-area .bwa-content .bwac-btn{ margin-top: -240px;}
.btn-watch-area .bwa-content{ left: auto; top: auto; right: auto; bottom: auto; position: relative; text-align: center;}
.btn-watch-area .bwa-content .bwac-btn:after{ display: none;}
#mv-info .mvi-content .mvic-stats{ display: none;}
.page-watch #mv-info .mvi-content .mvic-stats{ display: inline-block;}
.page-watch .mv-rating{ display: inline-block; margin-right: 20px;}
.detail-mod{ position: relative; padding-left: 135px; min-height: 160px;}
.detail-mod .dm-thumb{ position: absolute; top: 5px; left: 0; width: 120px; height: 160px; overflow: hidden; display: inline-block;}
.detail-mod .dm-thumb img{ width: 100%; height: auto;}
.detail-mod .mobile-btn{ display: block;}
.detail-mod .mobile-btn a.mod-btn{ height: 32px; line-height: 30px; font-size: 13px; border-radius: 17px; border: 1px solid #aaa; padding: 0 18px; display: inline-block; margin-right: 5px; cursor: pointer;}
.detail-mod .mobile-btn a.mod-btn-watch{ background: #cc0000; border-color: #cc0000;}
.detail-mod .free-text{ display: none;}
.detail-mod .mobile-view{ margin-top: 10px; display: block;}
#mv-info .mvi-content h3{ margin-bottom: 5px; font-weight: 500; font-size: 30px; line-height: 1.1em;}
.mv-rating{ margin-top: 0; margin-bottom: 10px;}
.mv-rating .star-rating{ font-size: 16px !important;}
.page-watch .pw-comment{ width: 100%; float: none;}
.page-watch .pw-comment .content{ min-height: 30px; overflow: visible !important; padding: 10px;}
.page-watch #mv-info .mvi-content .mvic-desc{ width: 100%; float: none;}
.pas-header{ padding: 0;}
.pas-header .pash-choose .dropdown-menu{ margin-top: 0;}
.page-split .page-split-left, .page-split .page-split-right{ width: 100%; padding: 20px; float: none;}
.page-request .page-split-right{ min-height: 100px;}
.page-split{ font-size: 14px;}
.page-blank .page-title{ font-size: 20px;}
.page-split .page-split-right{ position: relative; height: auto;}
.page-split h3{ font-size: 18px;}
.page-dmca .page-split-right .dr-form .form-control{ font-size: 14px;}
.page-title{ font-size: 20px;}
.news-list .news-list-item{ width: 48%;}
.news-list-item .thumb{ max-height: 230px; height: 230px;}
.news-view-content{ padding: 30px !important;}
.nvc-thumb{ height: 300px; margin: -30px -30px 30px;}
.news-view-content h1.title{ font-size: 24px;}
.news-view-content{ font-size: 14px;}
.page-blank a{ word-wrap: break-word;}
.user-content .uct-info .block{ width: 100%; margin: 0;}
.uc-form .ucf-block{ float: none; width: 100%;}
.uc-form .ucf-block .col-sm-3{ width: 130px;}
.profiles-wrap .pp-main{ margin: 0 20px;}
.mlnew-list .mlnh-4{ display: none;}
.movies-embed .me-li{ width: 23%; margin-bottom: 15px;}
.news-block .news-content{ float: none; width: 100%; margin-bottom: 20px;}
.news-block .news-sidebar{ width: 100%; float: none; padding-right: 0;}
.news-block .news-sidebar .news-list-item .thumb{ display: inline-block; width: 60px; position: relative !important;}
.news-block .news-sidebar .news-list-item .info{ padding-right: 75px;}
}
@media screen and (max-width: 840px){
.recent-keywords a{ font-size: 12px;}
#footer .col-sm-1{ display: none;}
footer .footer-block{ border: none; padding: 0 20px; width: 20%;}
#like-home .lh-text{ display: none;}
}
@media screen and (max-width: 799px){
.container{ width: 100%;}
.movies-list-wrap .ml-title .nav-tabs{ clear: both; float: none; margin-left: 0; overflow: hidden; margin-top: 10px; width: 100%;}
#menu{ left: 0; right: 0;}
#search{ margin: 0; padding: 15px; padding-top: 5px; top: 70px; bottom: auto;}
#mv-info .mvi-content .mvic-thumb{ width: 100px; height: 150px;}
#mv-info .mvi-content .mvic-desc{ padding-left: 120px; padding-right: 145px;}
#mv-info .mvi-content h3{ font-size: 25px;}
#mv-info .mvi-content .mvic-info .mvici-left{ width: 100%; float: none; margin-right: 0;}
#mv-info .mvi-content .mvic-info .mvici-left{ width: 100%; float: none;}
#mv-info .mvi-content .mvic-thumb{ display: none;}
#mv-info .mvi-content .mvic-desc{ padding-right: 0; padding-left: 0;}
#mv-info .mvi-cover{ height: 300px;}
#mv-info .mvi-content .mvic-btn .btn-block{ font-size: 14px;}
#mv-info .mvi-content .mvic-btn{ margin-bottom: 10px; overflow: hidden;}
.modal-trailer .modal-dialog .modal-body .modal-body-trailer iframe{ height: 300px !important;}
.logged .logged-feed .dropdown-menu{ margin: 0; border-left: 0; border-right: 0;}
.faq-div p{ padding-left: 0; margin-top: 10px;}
.faq-div p img{ max-width: 100%; height: auto;}
.nvc-thumb{ height: 300px;}
.news-list .news-list-item .info h2{ font-size: 18px; line-height: 20px;}
.donate-content .donate-block-ul .donate-block{ width: 48%; margin-bottom: 10px; }
.donate-content .donate-block-ul .donate-block .note{ height: 60px; overflow: hidden;}
.subs-block .sbk-left{ float: none; width: 100%;}
.subs-block .sbk-right{ padding-left: 80px; margin-top: 20px;}
.subs-block .sbk-right .col-sm-9, .subs-block .sbk-right .col-sm-3{ float: left;}
footer .footer-one{ display: none;}
footer .footer-subs{ float: right;}
footer .footer-copyright{ float: left; width: 50%; text-align: left; padding-top: 10px;}
#filter .fc-main, #filter .col-sm-10{ float: none; width: 100%;}
#filter ul.fc-main-list li{ width: 50%; float: left;}
.social-home{ padding: 10px; height: 40px;}
.social-home span.sh-text{ display: none;}
.social-home .addthis_native_toolbox{ width: 100%; float: none; display: block;}
.social-home #atstbx .addthis_button_facebook_send, .social-home #atstbx .addthis_button_facebook_share{ display: none !important;}
.modal-error .modal-dialog{ width: auto;}
#slider{ height: 230px;}
#slider .slide-caption{ display: none;}
footer .footer-block{ float: left;}
#toggle-xsidebar{ display: none;}
.swiper-container-horizontal > .swiper-pagination{ left: 0 !important; right: 0 !important; width: 100% !important; text-align: center !important; bottom: 10px !important}
.page-cover{ height: 290px;}
.page-detail .main-detail{ margin-top: -50px;}
.page-watch .main-detail{ margin-top: 0;}
.loader{ margin-top: -210px;}
.btn-watch-area .bwa-content .bwac-btn{ margin-top: -180px;}
.detail-mod .dm-thumb{ width: 90px; height: 130px;}
.detail-mod{ min-height: 130px; padding-left: 100px;}
.type-tvseries .pas-list ul li{ width: 32.33%;}
.page-request-form .col-sm-6{ margin-bottom: 15px;}
.news-list-item .thumb{ max-height: 200px; height: 200px;}
.uc-form{ padding: 0;}
.uc-form .ucf-block .col-sm-3{ width: 100%;}
.sidebar .sidebar-menu ul li a .badge{ display: none;}
.profiles-wrap .pw-top{ display: none;}
.profiles-wrap .sidebar{ margin-top: 0px; background: none !important; border: none;}
.sidebar .sidebar-menu ul{ background: rgba(255,255,255,0.2)}
.sidebar .sidebar-menu ul li.active a, .sidebar .sidebar-menu ul li:hover a{ background: #cc0000;}
.sidebar .sidebar-menu ul li a::before{ display: none;}
.sidebar .sidebar-menu ul li a{ padding: 15px 10px; font-size: 12px;}
.sidebar .sidebar-menu ul li a i{ width: 100%; display: block; margin-right: 0; margin-bottom: 5px;}
.premium-pack .pre-p-item{ width: 48%; margin: 1%; padding: 30px; border: 1px solid #555; border-radius: 10px; background: rgba(255,255,255,0.1)}
#slider .swiper-slide::before{ display: none;}
.social-share .at-share-tbx-element .at-share-btn{ text-align: left !important;}
.social-share .at-icon-wrapper:before{ font-size: 12px;}
}
@media screen and (max-width: 640px){
#slider .slide-caption{ display: none;}
#slider{ height: 180px;}
.survey{ background: #fff;}
#menu .sub-container ul.sub-menu li{ border-bottom: none; width: 31.3%; margin: 1%;}
#pop-register p.desc{ display: none;}
.modal-cuz .modal-dialog .modal-body{ padding: 20px;}
.modal-cuz .cuz-login-social{ margin: -20px -20px 20px;}
.survey h5{ font-size: 16px;}
#bread{ display: none;}
#mv-info .mvi-cover{ height: 220px;}
.modal-trailer .modal-dialog .modal-body .modal-body-trailer iframe{ height: 250px !important;}
.modal-trailer .modal-dialog .modal-body{ padding: 0 !important;}
.modal-trailer .modal-dialog .modal-header h4{ font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.jwplayer,#123movies-player iframe{ height: 350px !important;}
#list-eps .le-server .les-title{ float: none; width: 100%; padding-top: 0; margin-bottom: 5px;}
#list-eps .le-server .les-content{ padding-left: 0;}
#list-eps .le-server{ padding: 10px 15px;}
#schedule-eps .se-left{ float: none; font-size: 14px; display: block; text-align: center; margin-bottom: 10px;}
#schedule-eps .se-right{ float: none; display: block; width: 100%; text-align: center;}
#schedule-eps ul li .se-left{ font-weight: 600}
.modal-error .modal-body .btn{ width: 100%; margin: 0; margin-bottom: 10px;}
.container{ width: 100% !important; padding-left: 10px; padding-right: 10px;}
#search{ left: 0; right: 0; padding: 10px;}
footer .footer-block{ display: none;}
footer{ border-top: none; padding-top: 0;}
footer:before{ display: none;}
#copyright{ margin-top: 10px;}
#copyright .mv-ft-logo{ max-width: 50%;}
.recent-keywords a{ height: 24px; line-height: 24px; padding: 0 10px;}
.recent-keywords{ display: none;}
.mobile-menu i{ font-size: 24px;}
.mobile-menu{ left: 10px;}
.type-tvseries .pas-list ul li{ width: 49%;}
.news-list-item .thumb{ max-height: 160px; height: 160px;}
.content-padding h3.title{ font-size: 20px;}
#comment.content-padding, .movies-embed.content-padding{ padding: 15px;}
.nvc-thumb{ margin: -30px -20px 20px;}
.news-view-content{ padding: 30px 20px !important;}
.sidebar .sidebar-menu ul li a{ font-size: 0;}
.sidebar .sidebar-menu ul li a i{ font-size: 24px;}
.profiles-wrap .pp-main{ margin: 10px !important;}
.pp-main .movies-list-wrap .ml-title .nav-profiles li a{ min-width: 0 !important;}
#bar-player .bp-view{ display: none;}
#bar-player .btn span{ display: none;}
#bar-player .btn{ font-size: 0; padding: 10px 15px; border-right: 1px solid rgba(255,255,255,0.1); margin-right: 0;}
#bar-player .btn .fa{ font-size: 16px; margin-right: 0; width: 16px; text-align: center;}
.popover-like .btn{ font-size: 12px !important;}
.popover-like .btn .fa{ font-size: 12px !important; width: 12px !important;}
.popover-like{ left: 10px;}
.popover-like .arrow{ left: 27% !important;}
.mlnew-list .mlnh-8{ display: none !important;}
.modal-subc .modal-body .btn-flat .pull-left{ width: 48% !important;}
}
@media screen and (max-width: 550px){
#mv-info .mvi-content .mvic-btn .btn-block{ width: 48%; margin-bottom: 10px;}
#mv-info .mvi-content .mvic-btn{ margin-bottom: 0;}
#mv-info .mvi-content .mvic-btn .btn-03{ width: 98% !important;}
#mv-info .mvi-content .mvic-btn .btn-01 i, #mv-info .mvi-content .mvic-btn .btn-02 i{ display: none;}
#mv-info .mvi-content .mvic-info .mvici-left{ width: 65%; float: left;}
.jwplayer,#123movies-player iframe{ height: 250px !important;}
.news-list .news-list-item{ width: 100%; float: none; margin: 0 0 10px; position: relative; height: 280px;}
.news-list-item .thumb img{ min-height: 280px;}
.news-list .news-list-item:before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(22,22,22,0.3); z-index: 2;}
.news-list-item .thumb{ position: absolute; height: 100%; width: 100%; max-height: 100%;}
.news-list .news-list-body{ margin: 0;}
.news-list .news-list-item .info{ position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; color: #fff; height: auto;}
.news-list .news-list-item .info p.desc{ display: none;}
.news-list .news-list-item .info p.time{ color: #fff;}
.news-list .news-list-item .info h2{ font-size: 20px; font-weight: 300; line-height: 1.2em; max-height: none;}
.news-list .news-list-item .info h2 a{ color: #fff !important;}
.modal-subc .modal-body{ padding: 20px 30px 30px;}
.news-view-content iframe{ height: 250px !important;}
.social-share .at-icon-wrapper:before{ display: none;}
.social-share .at-share-tbx-element .at-share-btn{ text-align: center !important;}
.social-share .addthis_32x32_style .at-icon{ margin: 8px !important;}
.social-share:before{color: #fff; content: "Share this"; display: block; font-size: 18px; font-weight: 500; margin-bottom: 10px; text-align: center;}
}
@media screen and (max-width: 520px){
.movies-list .ml-item{ margin: 1%; width: 31.3%; padding-bottom: 45.69%;}
#pop-login .modal-dialog, #pop-register .modal-dialog, #pop-forgot .modal-dialog{ margin: 2% auto; width: 96%;}
#logo{ width: 103px; height: 27px; margin: 0; width: 145px; height: 30px;}
header, header .container{ height: 50px;}
.mobile-menu, .mobile-search{ top: 7px;}
#top-user .top-user-content.guest{ margin-top: 9px;}
#top-user{ height: 50px; padding: 0 10px; margin-left: 0;}
.logged .btn-feed{ padding: 10px 8px;}
.logged .logged-user{ margin-top: 0;}
header .header-logo{ left: 58px; top: 0px; margin: 0; height: auto;}
header .header-logo #logo{ margin: 9px 0;}
#menu{ top: 50px;}
#search{ top: 50px;}
#filter .col-sm-2, #filter .col-sm-4{ display: block; float: none; width: 100%; clear: both;}
#filter .fc-title{ clear: both; display: block; width: 100%;}
#filter .fc-release{ margin-left: 0;}
#mv-info .mvi-cover{ height: 200px;}
#mv-info .mvi-view{ right: 10px; bottom: 5px; font-size: 14px;}
#mv-info .mvi-cover:before{ width: 70px; height: 70px; margin-top: -35px; margin-left: -35px;}
.modal-trailer .modal-dialog .modal-body .modal-body-trailer iframe{ height: 200px !important;}
.logged .btn-feed{ font-size: 18px;}
.logged .btn-logged span.feed-number{ left: 18px;}
.logged .logged-feed{ margin-top: 0;}
.logged .logged-feed .dropdown-menu{ top: 46px; right: 20px !important; margin-top: 0; width: 260px; border-radius: 3px; overflow: hidden;}
.logged .logged-user .dropdown-menu{ right: 5px !important; margin-top: 0; top: 46px;}
.nvc-thumb{ height: 250px;}
.news-view-content h1.title{ font-size: 18px;}
.news-list-item .info h2{ font-size: 14px;}
.movies-embed .me-li .badge{ display: none;}
.news-list-head{ padding: 0 !important; text-align: center;}
.news-list-head .nlh{ margin-right: 0 !important; display: block !important; width: 100%; float: none !important;}
.box .box-head .nav-tabs li a{ font-size: 12px; padding: 0 10px;}
.box .box-head .nav-tabs{ width: 100% !important; display: block !important; float: none !important; background:rgba(0,0,0,0.2);}
footer .footer-subs{ float: none; width: 100%;}
footer .footer-copyright{ float: none; width: 100%; padding-top: 20px;}
#filter .cs10-top .fc-filmtype{ float: none; width: 100%;}
#filter .cs10-top .fc-quaility{ float: none; margin-left: 0;}
.logged .avatar{ padding: 13px 10px; height: 50px;}
.top-content{ margin-bottom: 15px;}
#mv-info .mvi-content h3{ font-size: 20px;}
#mv-info .mvi-content{ padding: 0 !important;}
.mlnew-list .mlnh-6{ display: none !important;}
.page-watch #mv-info .mvi-content .mvic-stats .block-view{ display: none;}
.page-watch .mv-rating{ vertical-align: middle; margin-bottom: 10px !important;}
.page-watch #mv-info .mvi-content .mvic-stats .block-trailer{ font-size: 12px; padding: 3px 5px;}
.page-watch #mv-info .mvi-content .mvic-stats .block-trailer i{ font-size: 14px;}
}
@media screen and (max-width: 480px){
.movies-list .ml-item{ margin: 1.5%; width: 47%; padding-bottom: 68.62%;}
#slider{ height: 140px;}
#footer .col-lg-4 img{width: 80%;}
#footer .col-lg-4 p{ font-size: 12px;}
#menu ul.top-menu li a{ padding: 0 8px;}
#menu .sub-container ul.sub-menu li{ border-bottom: none; margin: 0; width: 33.33%;}
#menu .sub-container ul.sub-menu li a{ margin:0; padding: 0; background: none !important; padding-left: 8px;}
#menu .sub-container ul.sub-menu{ padding: 5px;}
.movies-list-wrap .ml-title .nav-tabs li a{ min-width: 50px;}
#mv-info .mvi-content{ padding: 10px;}
#mv-info .mvi-content .mvic-info .mvici-left, #mv-info .mvi-content .mvic-info .mvici-right{ width: 100%; float: none;}
#mv-keywords{ font-size: 12px; margin: 10px 0;}
#mv-keywords a{ margin:0 5px 5px 0 !important;}
#mv-info .mvi-content .block-trailer{ display: block; overflow: hidden;}
#mv-info .mvi-content .block-trailer a{padding: 6px 10px; width: 100%;}
#mv-info .mvi-content h3{line-height: 1.3em; margin-right: 0; padding-right: 0; margin-bottom: 5px; display: block;}
#mv-info .mvi-cover{ height: 180px;}
.modal-trailer .modal-dialog .modal-body .modal-body-trailer iframe{ height: 180px !important;}
.jwplayer,#123movies-player iframe{ height: 200px !important;}
#bar-player .bp-view{ display: none;}
.nvc-thumb{ height: 200px;}
.mlw-profiles .movies-list .ml-item{}
.apps-content .ac-block{ width: 98% !important;}
.donate-popup .modal-dialog{ margin: 30px 15px;}
.modal-subc .modal-body .subc-icon img{ height: 40px; width: auto;}
.modal-subc .modal-body .subc-input .form-control{ text-align: left; padding-right: 20px;}
.subs-block .sbk-right .col-sm-9, .subs-block .sbk-right .col-sm-3{ float: none; width: 100%; padding-right: 15px; margin-top: 10px;}
.subs-block .sbk-right{ margin-top: 10px; padding-left: 0;}
.subs-block{ margin: 15px auto;}
#filter .col-sm-2{ margin-bottom: 5px;}
#filter ul.fc-main-list li{ width: 49% !important; margin-right: 1%;}
.social-home #atstbx .addthis_button_google_plusone{ display: none !important;}
.social-home #atstbx .addthis_counter{ float: right !important;}
.page-cover{ height:200px;}
.loader{ margin-top: -170px;}
.btn-watch-area .bwa-content .bwac-btn{ margin-top: -120px; height: 80px; width: 80px; margin-left: -40px;}
.btn-watch-area .bwa-content .bwac-btn:before{ width: 70px; height: 70px;}
.btn-watch-area .bwa-content .bwac-btn i{ font-size: 30px; top: 20px; left: 26px;}
.loader{ height: 140px; width: 140px; margin-left: -70px; margin-top: -150px;}
.type-tvseries .pas-list ul li{ width: 99%;}
#schedule-eps{ margin: 10px auto;}
.dr-form .col-xs-6{ float: none; width: 100%;}
.page-dmca .page-split-right .dr-form .row{ margin-bottom: 0;}
.news-list .news-list-item{ height: 240px;}
.news-list-item .thumb img{ min-height: 240px;}
.premium-pack .pre-p-item{ width: 100%; margin-bottom: 20px; float: none;}
.premium-content{ padding: 20px; font-size: 14px; line-height: 1.3em;}
.mlnew-list .mlnh-1{ display: none !important;}
.page-watch .mv-rating{ vertical-align: top;}
.news-view-content iframe{ height: 200px !important;}
.movies-list-wrap .ml-title .nav-tabs li a{ height: 28px; line-height: 27px; font-size: 12px; padding: 0 10px; border-radius: 3px !important}
.movies-embed .me-li{ width: 31.33%; margin-bottom: 15px;}
}
@media screen and (max-width: 479px){
#pop-auth .modal-dialog{ width: 96%; margin: 30px auto;}
.cls-list .pull-left a{ font-size: 0 !important;}
.cls-list .pull-left i{ margin-right: 0; font-size: 32px;}
.page-watch #mv-info .mvi-content .mvic-stats .block-trailer{ margin-right: 0px;}
.mobile-search{ right: 85px;}
#like-home .addthis_button_facebook_share{ display: none;}
#like-home .addthis_button_facebook_send{ display: none;}
}
@media screen and (max-width: 360px){
.install-app-body, .install-app-body header{ margin-top: 80px;}
.install-app-body #install-app{ height: 80px;}
#install-app .ia-icon img{ width: 50px;}
#install-app .ia-info{ padding-left: 60px;}
#install-app .ia-info .ia-title{ font-weight: 400; font-size: 14px; margin-top: -2px;}
#install-app .ia-info p{ font-size: 12px;}
#filter ul.fc-main-list li{ width: 100% !important; margin-right: 0;}
.mobile-menu{ left: 10px;}
.news-list .news-list-item{ height: 200px;}
.news-list-item .thumb img{ min-height: 200px;}
.news-list .news-list-item .info h2{ font-size: 16px;}
.pp-main .movies-list-wrap .ml-title .nav-profiles li a{ padding: 0 15px !important;}
.mlnew-list .mlnh-7{ display: none !important;}
.news-view-content iframe{ height: 170px !important;}
.movies-embed .me-li{ width: 48%; margin-bottom: 15px;}
#like-home .addthis_button_google_plusone{ display: none;}
#like-home .addthis_counter{ margin-left: 4px;}
}
@media screen and (max-width: 320px){
#logo{ height: 25px; width: 120px;}
header .header-logo #logo{ margin: 12px 0;}
.detail-mod .mobile-btn a.mod-btn{ height: 26px; line-height: 24px; padding: 0 12px;}
.detail-mod .mobile-btn a.mod-btn-watch i{ display: none;}
.news-list .news-list-item{ height: 180px;}
.news-list-item .thumb img{ min-height: 180px;}
}
/* set height */
@media screen and (max-height: 999px){
.xlist{ height: 600px;}
}
@media screen and (max-height: 850px){
.xlist{ height: 520px;}
}
@media screen and (max-height: 800px){
.xlist{ height: 480px;}
}
@media screen and (max-height: 700px){
.xlist{ height: 380px;}
}
@media screen and (min-height: 1000px){
.xlist{ height: 760px;}
}
@media screen and (min-height: 1200px){
.xlist{ height: 900px;}
}
/********* Player *********/
#player {
position: relative;
overflow: hidden;
min-height: 100px;
}
.player-container:hover > .play-button .fa-play-circle:before{
color:#cc0000;
text-shadow:0 0 8px #000;
opacity:1;
}
#player > #controls{
bottom:0;
}
.img-responsive {
height: 100%;
width:100%;
}
.player-container {
line-height: 0;
}
.play-button {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block;
z-index: 3;
}
.play-button .fa {
display: table;
width: 100%;
height: 100%;
text-align: center;
visibility: hidden;
}
.play-button .fa:before {
display: table-cell;
vertical-align: middle;
font-size: 80px;
color: rgba(255,255,255,.5);
color: #737373;
}
.player-loader {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block;
background: #000 url('../img/load-imageload.gif') center center no-repeat;
visibility: visible;
}
.mpaa {
font-weight: bold;
border: 2px solid #ccc;
padding: 10px 5px;
color: #ccc;
font-size: 10pt;
border-radius: 4px;
position: absolute;
z-index: 800;
top: 8px;
right: 10px;
}
#controls {
width: 100%;
font-size: 18px;
position: absolute;
bottom: -38px;
background-color: #111;
background-color: rgba(0,0,0,.7);
}
.controls-wraper {
margin: 0 15px;
height: 18px;
padding: 10px 15px;
color: #999;
position: relative;
z-index: 300;
line-height: 0;
}
.cplay, .volume, .duration {
display: inline-block;
float: left;
margin-right: 15px;
}
.cvolu {
width: auto;
background: none;
display: inline-block;
float: left;
position: relative;
opacity: 0.8;
}
#ivol.ui-slider-horizontal {
height: 7px;
width: 0;
overflow: hidden;
background: #999;
position: relative;
top: 4px;
margin-left: 30px;
box-shadow: inset 0 1px 5px -1px #000;
}
.cvolu:hover > #ivol.ui-slider-horizontal {
width:100px;
overflow:visible;
margin-right: 15px;
}
#ivol .ui-widget-header {
background:#c00;
box-shadow: inset 0 1px 5px -1px #000;
height:7px;
}
#ivol .ui-slider .ui-slider-range {
position:absolute;
z-index:1;
font-size:.7em;
display:block;
border:0;
}
#ivol .ui-slider-horizontal .ui-slider-range {
top:0; height:100%;
}
#ivol .ui-slider-handle {
width:5px;
height:14px;
background:#ccc;
display:inline-block;
position:relative;
top:-10px;
outline:none;
}
.play:hover,
.volume:hover,
.quality:hover,
.fullscreen:hover{
cursor:pointer;
color:#fff;
}
a.play {
color: #999;
line-height: 0;
}
.duration {
position: relative;
float: left;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
top: 7px;
color: #999;
}
.dmax {
color: #fff;
}
.progress {
display: block;
margin: 0 100px 0 170px;
height: 10px;
position: relative;
top: 2px;
background: #000;
}
.buffering {
position: relative;
height: 10px;
background: #000;
display: block;
width: 100%;
}
.progressbar {
position: absolute;
height: 10px;
width: 10px;
background: #cc0000;
display: block;
top: 0;
left: 0;
}
.buffering::after {
content: '';
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #cc0000;
-webkit-animation: animate-shine 200s ease-in;
-moz-animation: animate-shine 200s ease-in;
animation: animate-shine 200s ease-in;
}
.quality, .fullscreen {
position: relative;
float: right;
top: -9px;
display: inline-block;
margin-left: 15px;
}
.quality .hd {
position: absolute;
background: #c00;
color: #fff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 7px;
font-weight: bold;
padding: 1px 3px;
top: -5px;
left: 8px;
line-height: 100%;
}
.top-content {
background-repeat: no-repeat;
}
.top-content p.top {
margin-bottom: 150px;
font-size: 20px;
box-shadow: 0 3px 15px -5px #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.top-content p {
padding: 10px;
background-color: rgba(255,255,255,.5);
color: #333;
}
.top-content p.bottom {
box-shadow: 0 -3px 15px -5px #000;
}
@-webkit-keyframes animate-shine{0%{opacity:1;width:0;}50%{opacity:1;}100%{opacity:1;width:100%;}}
@-moz-keyframes animate-shine{0%{opacity:1;width:0;}50%{opacity: 1;}100%{opacity:1;width:100%;}}
@-webkit-keyframes animate-progres{0%{opacity:1;width:0;}50%{opacity:1;}100%{opacity:1;width:100%;}}
@-moz-keyframes animate-progres{0%{opacity:1;width:0;}50%{opacity: 1;}100%{opacity:1;width:100%;}}
.mvic-info .mvici-left a, .mvic-info .mvici-right a {color:#ff1a1a;}
.mvic-info .mvici-left a:hover, .mvic-info .mvici-right a:hover {color:#800000;}