@font-face{font-family:"PhimBomOnline";src:url("PhimBomOnline.ttf")}
*,:before,:after{box-sizing:border-box}
a{color:#222;text-decoration:none;transition:color .1s linear;-moz-transition:color .1s linear;-webkit-transition:color .1s linear}
a:hover,a:focus{color:#23527c}
ul,span,p,div{margin:0;padding:0}
.clear{clear:both}
.none{display:none}
.hidden{display:none}
img{width:100%;height:auto}
body{background:#dbe2e6;font-family:"Segoe UI",sans-serif;font-size:15px;color:#222;margin:0 auto}
/****************
**** HEADRER ****
****************/
.mobilelogo{display:none}
.th{overflow:hidden;background:#FFF;height:50px}
.th .centernav{margin:0 auto;max-width:1200px;}
.shme, .srcmob{display:none}
.mainheader{float:left;margin:8px 30px 0 0}
.logos{margin:0;min-height:1px;display:block}
.logos img{height:35px;max-width:none;width:auto}
#main-menu{margin:0;background:#366ad3;margin-bottom:20px}
#main-menu .centernav{margin:0 auto;max-width:1220px;}
#main-menu ul{position:relative;float:left;list-style:none;padding:0;margin:0;font-weight:500}
#main-menu ul>li:first-child {border: none;}
#main-menu ul>li.menu-home a {padding:0 0 0 8px;font-size: 30px;}
#main-menu ul>li>a>i.fa {margin: 0 8px -3px 0;}
#main-menu ul li{float:left;position:relative;border-left:1px solid #205dc7}
#main-menu ul li a{display:block;text-align:center;line-height:42px;height:42px;padding:0 10px;color:#FFF;border-left:0;transition:color .5s;position:relative;font-size:1em}
#main-menu ul li a:hover{text-decoration:none;color:#FFF;background:rgba(0,0,0,.32)}
#main-menu ul li ul{position:absolute;width:522px;display:none;z-index:9999;background:rgb(0 0 0 / 71%);border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,0.38);}
#main-menu ul li:hover ul{display:block}
#main-menu ul li ul li{float: left;width: 25%;border-left: none;}
#main-menu ul li:hover ul li ul{display:none}
#main-menu ul li ul li a{display: block;font-size: 13px;font-weight: 400;text-transform: none;line-height: 20px;padding: 7px;white-space: nowrap;text-align:left;color:#FFF}
#main-menu ul li ul li a:hover{background:#000);color:#FC0}
.searchx{float:left;width:369px;margin-top:8px;position:relative}
.searchx form{padding:0;position:relative}
.searchx #search{font-weight:300;background:#fff;box-shadow:none!important;display:block;width:100%;height:34px;padding:6px 12px;padding-right:30px;font-family:inherit;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.searchx #doSearch{position:absolute;background:none;color:#DDD;cursor:pointer;font-family:inherit;border:0;padding:0 7px;top:0;font-size:medium;right:2px;line-height:34px}
.searchx #search:focus{outline:0}
.surprise{float:right;margin-top:7px;background:rgba(0,0,0,.32);color:#FFF;font-size:12px;margin-right:10px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;padding:5px 10px;line-height:1.5;height:28px}
.surprise:hover{color:#333;background:#FFF}
#header{overflow:hidden;margin-bottom:20px}
#thememode{float:right;position:relative;margin-top:12px;}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.25);-webkit-transition:.4s;transition:.4s}
.slider:before{position:absolute;content:"\f186";font-family:"FontAwesome";color:#FFF;line-height:25px;width:25px;text-align:center;left:0;bottom:0;background-color:#366ad3;-webkit-transition:.4s;transition:.4s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
input:checked + .slider{background-color:rgba(255,255,255,0.25)}
input:focus + .slider{box-shadow:0 0 1px #2196F3}
input:checked + .slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);content:"\f185"}
#switchtext{display:none}
.switch{position:relative;display:inline-block;width:45px;height:25px;top:0}
.switch input{opacity:0;width:0;height:0}
.slider.round{border-radius:34px;background:#f1f1f1}
.slider.round:before{border-radius:50%}
/****************
****  SLIDER ****
****************/
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel .owl-refresh .owl-item{display:none}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}
.owl-carousel .owl-item img{transform-style:preserve-3d}
.owl-prev,.owl-next{position:absolute;top:35%;font-size:20px;background:#0000006b;color:#fff;border-radius:0!important;padding:15px 5px}
.owl-prev:hover,.owl-next:hover{color:#d7d7d7}
.owl-prev{left:0}
.owl-next{right:0}
/****************
** MAINCONTENT **
****************/
#main-content{max-width:1200px;margin:0 auto;overflow:hidden;padding: 10px;-webkit-box-shadow: 0px 3px 14px -1px rgb(22 29 35);-moz-box-shadow: 0px 3px 14px -1px rgb(22, 29, 35);box-shadow: 0px 0px 5px 0px rgb(22 29 35);border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
ol.breadcrumb li{list-style:none;line-height:20px;display:initial;text-transform:uppercase}
ol.breadcrumb{padding:10px;background:#fff;margin:0}
.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}
.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 2px;}
.btn-success{color:#fff;background: linear-gradient(to right,#5cb85c,#5cb85c);}
.btn-success:hover{color:#fff;background: linear-gradient(to right,#449d44,#449d44)}
.btn-danger{color:#fff;background: linear-gradient(to right,#d9534f,#d9534f);}
.btn-danger:hover{color:#fff;background: linear-gradient(to right,#c9302c,#c9302c)}
.btn-danger.disabled{background:#d9534f!important;opacity:.65;color:#fff!important}
/**** PAGE ****/
div.navigation{position:relative;text-align:center;padding:2px 0 5px;}
div.navigation .prev{left:8px}
div.navigation .next{right:8px}
div.navigation .prev,div.navigation .next{position:absolute}
div.navigation a{margin:2px;display:inline-block;border-radius:3px;text-align:center;color:#333;font-size:14px;font-weight: 600;line-height:30px;box-sizing:border-box;min-width:40px;background:#eee}
div.navigation a:hover, div.navigation a.currentpage{background:linear-gradient(to right,#06b6d4,#3b82f6);color:#fff}
/**** LOADING ****/
#loading{position:fixed;_position:absolute;right:3px;top:3px;display:none;height:25px;box-shadow:0 0 2px 1px #FFF;width:80px;background:#ccc url(../img/loading.gif) 10px center no-repeat;border:1px solid #ccc;font-size:11px;line-height:25px;font-weight:700;color:#666;padding-left:35px}
#easy-top{background:rgba(0,0,0,.2);text-align:center;position:fixed;bottom:60px;right:15px;cursor:pointer;width:38px;height:38px;line-height:38px;border-radius:100%;padding:4px;display:none;-webkit-transform:translateZ(0);transition:all .3s ease-out}
#easy-top:hover{background:rgba(0,0,0,.4)}
#easy-top:before{content:'';height:10px;width:10px;display:block;border:3px solid #fff;border-left-width:0;border-bottom-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;top:15px;left:15px}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-thumb{background:#366ad3;border-radius:4px}
::-webkit-scrollbar-track{background:#8c8c8c8c}
/****************
** LEFTCONTENT **
****************/
.left-content{float:left;width:66%}
.bixbox{background:#fff;}
.list-movie{padding:5px;overflow:hidden}
.bs{float:left;width:25%}
.bp{float:left;width:100%}
.bs .bsx:hover .limit img{transform:scale(1.1);transition:all .15s ease-out}
.list-movie .bsx{overflow:hidden;margin:5px;transition:all .2s;-webkit-transition:all .2s;position:relative}
.list-movie .bsx .limit{padding: 138% 0 0;}
.list-movie .bsx .limit img{width:100%;height:100%;top:0;position:absolute;background:#232834 url(../img/loading.gif) no-repeat center center}
.list-movie .bsx .limit .ply{display:none;position:absolute;width:100%;z-index:1;height:100%;top:0;background:rgba(0,0,0,0.47)}
.list-movie .bsx .limit .ply .overlay{position:absolute;border:0;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);background-image:url(../img/play-icon.png);background-repeat:no-repeat;background-position:center center;opacity:0;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;-o-transition:.25s;transition:.25s}
.list-movie .bsx .limit .ply:hover .overlay{cursor:pointer;z-index:999;opacity:1}
.list-movie .bsx:hover .limit .ply{display:block}
.list-movie .bsx .limit .time{bottom:50px;background:linear-gradient(81.43deg,#008eff,#6f0c0b);}
.list-movie .bsx .limit .quality{top:5px;background:linear-gradient(81.43deg,#c11e1b -26.81%,#6f0c0b 87.89%);}
.list-movie .bsx .limit .time, .list-movie .bsx .limit .quality{position:absolute;font-size:12px;padding:2px 5px;z-index:1;font-weight:600;color:#fff;border-radius:2px;opacity:.8;right:5px;box-shadow:2px 2px 3px 0 #000;background-size:200% 100%}
.list-movie .bsx .limit .imdb{font:1em/1 Impact,HelveticaNeue-CondensedBold,sans-serif;position:absolute;bottom:50px;font-size:12px;text-shadow:0 0 .15em #fff;padding:4px 5px;z-index:1;color:#000;border-radius:2px;opacity:.8}
.list-movie .bsx .limit .imdb{left:5px;background:radial-gradient(#ffffb8,#ce981d);box-shadow:2px 2px 3px 0 #000;background-size:200% 100%}
.pin-new{position:absolute;top: 5px;right: 5px;z-index:1;display:flex;justify-content:space-between;align-items:stretch;border-bottom-right-radius: 4px;border-top-left-radius: 4px;overflow:hidden;}
.pin-new .line-center{display: inline-flex;align-items: center;gap:.2rem;justify-content:center;padding:.2rem .5rem;font-size:11px;font-weight:400;background:linear-gradient(to right, #e12727, #8f0909);color:#fff}
.pin-new .line-center.line-lt{background: linear-gradient(to right, #06b6d4, #3b82f6);color:#fff}
.pin-new .line-center.line-tm{background: linear-gradient(to right, #3fbd5b, #198932);color:#fff}
.pin-new .line-center.line-ns{background: linear-gradient(to right, #616365, #302e31);color:#fff}
.list-movie .bsx .title{position:absolute;background:rgba(0,0,0,.5);line-height:15px;bottom:0;width:100%}
.list-movie .bsx .title .eng-name,.bsx .title .vie-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 5px;margin:5px 0}
.list-movie .bsx .title .vie-name{background:linear-gradient(to right, #f5af11, #fbe22b);-webkit-background-clip: text;color: transparent;font-weight:600}
.list-movie .bsx .title .eng-name{font-size:14px;color:#fbfbfb;}
.releases{color:#2196f3;border-bottom:1px solid #ececec;padding: 8px 10px;text-transform:uppercase;font-size:17px;margin:8px 0 0;font-weight:700;}
.releases .caption-title{background:linear-gradient(to right, #019fff, #9518e3);-webkit-background-clip: text;color: transparent;}
.releases a.view-all{background: linear-gradient(to right, #06b6d4, #3b82f6);float: right;margin: -2px 0 0 5px;padding: 6px 10px;color: #fff;cursor: pointer;font-size: .6em;}
.releases a.view-all:hover{text-decoration:none;background:linear-gradient(to right, #3fbd5b, #198932)}
/**** STATUS ****/
.ribbon{position:absolute;top:0;overflow:hidden;width:80px;height:80px}
.ribbon span{font-size:10px;font-weight:500;color:#fff;text-transform:uppercase;text-align:center;line-height:18px;background:linear-gradient(to right,#ec4899,#f39d0c);position:absolute;width:100%;top:15%;left:-22%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
.ribbon .k-drama{background:linear-gradient(to right,#71f98f,#198932)}
.ribbon .c-drama{background:linear-gradient(to right,#06b6d4,#3b82f6)}
.ribbon .j-drama{background:linear-gradient(to right,#ed588f,#891952)}
.ribbon .hk-drama{background:linear-gradient(to right,#c73665,#50a5e1)}
.ribbon .t-drama{background:linear-gradient(to right,#f5a485,#c90808)}
.ribbon .v-drama{background:linear-gradient(to right,#0aaf5b,#339acb)}
.ribbon .tv-series{background:linear-gradient(to right,#ff9100,#af6d17)}
.ribbon .hot-movie{background:linear-gradient(to right,#ec4899,#f39d0c)}
.ribbon .sapchieu{background:linear-gradient(to right,#e12cba,#4f44ed)}
/*FILTER FILM*/
.form-filter{overflow:hidden;margin-left:10px}
.form-filter .filter-item{float:left;color:#959595;font-size:12px;}
.form-filter .filter-item .form-control{width:145px;margin:8px 8px 0px 0px;padding:0;font-size:12px;height:35px;background:#FFF;border:1px solid #ccc;box-shadow:none;border-radius:2px;color:#333;outline:none}
.form-filter .filter-item .form-control#categoryid{width:150px}
.form-filter .filter-item .form-control#countryid{width:150px}
.form-filter .filter-item .form-control#year{width:110px}
.form-filter .filter-item .form-control#order{width:110px}
.form-filter .filter-item .form-control#type{width:110px}
.form-filter .btn {float: right;font-size: .875rem;font-weight: 600;line-height: 1.5;margin: 8px 10px 0 0;cursor: pointer;}
.form-filter .btn-filter {width: 88px;height: 35px;color: #fff;background-color: #11cdef;}
.form-filter .btn:hover{background:#3e8f3e}
/*404 NOTFOUND*/
#notfound {position: relative;height: 300px;}
#notfound .notfound {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.notfound {max-width: 520px;width: 100%;line-height: 1.4;}
.notfound .notfound-404 {position: absolute;height: 150px;width: 100%;z-index: -1;}
.notfound .notfound-404 h1 {font-family: 'Poppins', sans-serif;font-size: 238px;font-weight: 700;margin: 0px;color: #e3e3e3;text-transform: uppercase;letter-spacing: 7px;position: absolute;left: 50%;top: 30%;-webkit-transform: translate(-50% , -50%);-ms-transform: translate(-50% , -50%);transform: translate(-50% , -50%);}
.notfound h2 {font-family: 'Poppins', sans-serif;font-size: 28px;font-weight: 400;text-transform: uppercase;color: #222;margin-left: 10px;}
/*****************
** RIGHTCONTENT **
*****************/
.right-content{width:33%;float:right;}
.right-content .section{background:#fff;}
/*PHIM TRENDING*/
.trending ul li{overflow:hidden;position:relative}
.trending ul li .imgseries{float:left;overflow:hidden;width:65px;height:80px;background:#ddd;margin-right:10px;box-shadow:0 1px 5px #000}
.trending ul li .imgseries img{width:100%;height:100%;padding:0!important;border:none;margin-bottom:0;margin-right:0;float:none}
.trending ul li .leftseries{overflow:hidden;text-overflow:unset;white-space:unset;margin-right:10px}
.trending ul li .leftseries span{overflow:hidden;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-flex:1;-webkit-box-orient:vertical}
.trending ul li .leftseries .vie-name{font-size:16px;font-weight:600;background: linear-gradient(to right, #f5af11, #fbe22b);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.trending ul li .leftseries .eng-name{color:#fff;font-size:15px;}
.trending.pop ul li.topone .limit{height: 300px;}
.trending.pop ul li.topone .limit img{padding:5px}
.trending.pop ul li.topone .limit .bw{width: 100%;position:absolute;bottom:0;z-index:1;padding:10px;padding-top:30px;background:url(../img/item-shadow.png) top center repeat}
.trending.pop ul li.topone .limit .bw a,.trending.pop ul li.topone .limit .bw span{line-height:17px}
/*PHIM SẮP CHIẾU*/
.serieslist ul li{padding:10px;text-overflow:unset;white-space:unset;overflow:hidden;border-bottom:1px solid #ececec;position:relative}
.serieslist ul li .imgseries{float:left;width:55px;height:67px;margin-right:10px}
.serieslist ul li .imgseries img{height:100%;}
.serieslist ul li .leftseries{margin-top: -2px;}
.serieslist ul li .leftseries span{margin-bottom: 2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-flex:1;-webkit-box-orient:vertical}
.serieslist ul li .leftseries .vie-name{font-weight:600;background:linear-gradient(to right, #2f52ff, #019fff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.serieslist ul li .leftseries .eng-name{color:#333;}
.serieslist ul li .leftseries .d-post{color:#606060;}
.serieslist.pop ul li.topone{padding:0;position:relative}
.serieslist.pop ul li.topone .limit{height:180px;position:relative;overflow:hidden}
.serieslist.pop ul li.topone .limit>img{position:absolute;top:0;padding:5px;height:auto;width:100%;transform-style:preserve-3d}
.serieslist.pop ul li.topone .limit .shadow{z-index:1;position:absolute;width:100%;height:100%;top:0}
.serieslist.pop ul li.topone .limit .bw{position:absolute;bottom:0;width:100%;z-index:1;padding:30px 15px 10px 10px;background:url(../img/item-shadow.png) top center repeat}
.serieslist.pop ul li.topone .limit .bw .imgseries{background:0 0;box-shadow:0 1px 5px #000}
.serieslist.pop ul li.topone .limit .bw .eng-name{color:#fff;}
/*PHIM XEM NHIỀU*/
.releases .tab{float:right;width: 65px;padding:5px 10px;border:1px solid #2196f3;margin:-2px -4px 0 10px;color:#333;cursor:pointer;font-size:.6em;font-weight:500;text-align: center;}
.releases .tab:hover,.releases .tab.activer{border: 0;padding: 6px 10px;color:#fff;}
.releases .tab:hover{background: linear-gradient(to right, #3fbd5b, #198932);}
.releases .tab.activer{background: linear-gradient(to right,#06b6d4,#3b82f6);}
.sidebar-list>li{padding:10px;overflow:hidden;border-bottom:1px solid #ececec;}
.sidebar-list>li .imgseries{float:left;width:65px;height:80px;margin-right:10px}
.sidebar-list>li .imgseries img{height:100%;}
.sidebar-list>li .leftseries{margin-top:-5px} 
.sidebar-list>li .view{color:#606060;margin-bottom:2px}
.sidebar-list>li .vie-name {font-weight:600;background:linear-gradient(to right, #2f52ff, #019fff);-webkit-background-clip: text;color: transparent;}
.sidebar-list>li .eng-name{color:#333}
.sidebar-list>li .vie-name,.sidebar-list>li .eng-name{margin-bottom: 2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}				 
/****************
****   INFO  ****
****************/
.film-info{color:#2b8ff9;overflow:hidden;background:#fff;padding:5px 10px 0;margin: 8px 0 0;}
.film-info .poster{margin:5px 0;float:left;position:relative}
.film-info .poster img{border:5px solid #fff;width:250px;height:320px;margin:0;box-shadow: inset 0 1px 1px rgb(21, 29, 37), 0 1px 3px rgba(0, 0, 0, 0.86);}
.film-info h1.vie-name{background:linear-gradient(to right, #019fff, #9518e3);-webkit-background-clip: text;color: transparent;margin:1px 0 0 265px;font-size:19px;text-transform: uppercase;white-space:nowrap;text-overflow: ellipsis;overflow:hidden}
.film-info h2.eng-name{font-size:18px;font-weight:600;margin:2px 0 2px 265px;color:#333;overflow:hidden;white-space:nowrap}
.film-info .buttons{text-align:center;position: absolute;z-index: 10;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.4);padding: 10px 0;margin:5px 5px 8px;}
.film-info .buttons li{display:inline-block;margin:0 2px 0}
.film-info .buttons a{font-size:15px;font-weight: 500;padding:8px 0;width:105px}
.meta-data{margin:0 0 0 265px}
.meta-data li{padding:4px 0;overflow:hidden;white-space:nowrap}
.meta-data li label{font-weight: 600;color:#222}
.meta-data li span{color:#3f3c3c}
.meta-data li a{color:#3f3c3c}
.meta-data li a:hover{color:#3A86BF}
.meta-data li .time, .meta-data li .quality{color: #fff;padding-left: .25rem;padding-right: .25rem;}
.meta-data li .quality{background-color: #ad0101;font-weight: 500;}
.meta-data li .time{background-color: #0067DA;}
.meta-data li .view{color: #3f3c3c;}
.left-content .tags{margin-top:8px}
.left-content .tags a{display:inline-block;line-height:30px;margin: 0 5px 5px 0;padding:0 10px 0 8px;background:#def;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-box-shadow:0 1px 5px #000;box-shadow:0 1px 5px #000;color:#006eab;font-weight:600}
.left-content .tags a:hover{background-color:#09c;color:#fff}
.left-content .info-desc{margin:5px 10px}
.left-content .info-desc p{font-size: 15px;}
.left-content .info-desc img{border: 5px solid #ddd;margin: 5px 0px -3px}
.left-content .description{overflow:hidden}
.toggle-desc{border-top:1px solid #ccc;text-align:center;width:90%;margin-left:5%;margin-top: 5px;}
.toggle-desc-button{-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;background:#ccc;border-bottom-left-radius:3px;border-bottom-right-radius:3px;cursor:pointer;color: #404040;padding:5px 10px;margin:0 0 8px 0;border: none;}
.socialts {margin:5px 0 0 0;}
.socialts a{float:left;width: 95px;line-height: 16px;padding:8px;font-size:12px;text-align: center;margin-right:5px;border-radius:3px}
.socialts a i{float:left;font-size:16px}
.socialts a b{font-weight:400;line-height:16px;margin-left:2px}
.socialts a.facebook{background:#4861a3}
.socialts a.facebook:hover{background:#2f477b}
.socialts a.twitter{background: linear-gradient(to right,#03a9f4,#03a9f4);}
.socialts a.twitter:hover{background:#1781c3}
.socialts a.pinterest{background:#ca212a}
.socialts a.pinterest:hover{background:#b2132c}
.socialts a.telagram{background: linear-gradient(to right,#08c,#08c);}
.socialts a.telagram:hover{background: linear-gradient(to right,#03a9f4,#03a9f4);}
.film-note{padding: 10px;color: #333;background: #fff;border-bottom: 1px solid #ccc;}
.film-note b{font-size:15px;}
/****************
****   PLAY  ****
****************/
.box-player{position:relative;background:rgba(54,71,86,0.13);overflow: hidden;}
#player {height: 438px;background:url(../img/circle.svg) #1f1f1f center no-repeat;}
#player::after {position: relative;text-align: center;width: 100%;margin: 0!important;content: "Đang tải phim, vui lòng đợi ...";color: #e1e1e1;display: block;font-weight: 500;font-family: sans-serif;top: 60%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.playing {position: relative;float: left;width: 3px;height: 3px;margin:15px 15px 0 0;background-color: #005dff;border-radius: 50%;}
.playing:before {content: "";position: absolute;top: -7px;left: 2px;border-top: 1px solid #2196f3;border-right: 1px solid #2196f3;border-radius: 0 50px 0px 0;width: 8px;height: 8px;background-color: rgb(0 176 255 / 10%);-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;-webkit-animation: playing 1.5s linear infinite;animation: playing 1.5s linear infinite;}
.playing::after {content: "";position: absolute;top: 2px;right: 2px;border-bottom: 1px solid #2196f3;border-left: 1px solid #2196f3;border-radius: 0 0px 0px 50px;width: 8px;height: 8px;background-color: rgb(0 176 255 / 10%);-webkit-transform-origin: 100% 0%;transform-origin: 100% 0%;-webkit-animation: playing 1.5s linear infinite;animation: playing 1.5s linear infinite;}
@-webkit-keyframes playing {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}}
@keyframes playing {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}} 
.meta{background: #fff;position: relative;overflow: hidden;padding: 8px;font-size: .85em;margin: 8px 0 0 0;}
.meta h1{font-size:18px;margin:0;line-height:normal;text-transform: uppercase;background:linear-gradient(to right, #019fff, #9518e3);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.meta h2{font-size:15px;margin:2px 0 4px 0;font-weight:normal}
.meta h1, .meta h2{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.meta img{float:left;width:65px;height:80px;margin-right:10px}
.meta .lm{overflow:hidden}
.star_meaning,.rate_result{float:left;margin-left:4px;line-height:30px;font-size:16px;background:linear-gradient(to right, #f51111, #f51111);-webkit-background-clip: text;color: transparent;}
.details{position:relative;height:auto;background:#fff;padding:5px 10px 1px 10px}
.details .control-box{min-height:43px;padding-top: 5px;}
.episodes{margin:10px -4px 5px -2px}
.episodes span{float:left}
.episodes span a{background:#eee;border-radius:2px;color:#606060;font-size:15px;padding:5px 10px;height: 30px;line-height:20px;text-align:center;display:block;overflow:hidden}
.episodes span a:hover,.episodes span.current a {color: #fff;background: linear-gradient(to right,#06b6d4,#3b82f6);}
.list-servers{color:#2196f3;background:#eee;line-height:34px;clear:both;overflow:hidden;text-transform:uppercase;position:relative;text-align:center;}
.list-servers span{background:linear-gradient(to right, #2f52ff, #019fff);width:225px;position:absolute;right:0;color: #fff;}
.list-servers div{float:left;display:inline;cursor:pointer;padding:0 25px}
.list-servers div.active{background:#1b46d529;color: #333;}
.list_episodes .grid{display: grid;grid-template-columns: repeat(10, minmax(0, 1fr));gap: 5px;margin: 0 4px 5px 2px;}
#lightout{background:#000;position:fixed;top:0;left:0;z-index:5;opacity:.98;height:100%;width:100%;display:none}
.item{background:#fff;position:relative;overflow:hidden;padding:10px 5px 10px 10px;font-size:.85em;margin-bottom: 8px;}
.icon-box{overflow:hidden;display:block}
.iconx{float:right;margin-right:5px;overflow:hidden}
.iconx .icol{display: inline-block;margin-left: 5px;padding: 5px 10px;font-size: 12.5px;border-radius: 3px;background: #ebf2f6;font-weight: 500;cursor: pointer;	}
.iconx .icol span{line-height:20px}
.iconx .icol .fa-expand,.iconx .icol .fa-compress{color:#00a58d}
.iconx .icol .fa-lightbulb-o{color:#ecbc2a}
.iconx .icol .fa-warning{color:#f7ba07}
.iconx .icol .fa-cloud-download{color:#f05252}
.iconx .icol .fa{font-size:14px;font-weight:700;margin-right:2px}
#clicksv{float:left;}
#clicksv span{display:inline-block;margin-right:6px;background:#dfe9f1;color:#333;line-height:26px;font-size:12px;border-radius:3px;cursor:pointer}
#clicksv span.btn, #clicksv .btn-bookmark{padding:1px 11px;text-align:center;font-weight:500}
#clicksv .fa-bookmark {color: #e1c22f;}
.episode-list{color:#666;font-size:100%;line-height:18px;overflow:hidden}
.rating-prc span{background:url(../img/star-none.png);float:left;width:18px;height:18px}
.rating-prc span.full{background:url(../img/star-full.png)}
.rating-prc span.half{background:url(../img/star-half.png)}
.rating-info .rate{background:url(../img/s-none.png);float:left;height:26px;width:26px}
.rating-info .rate.full{background:url(../img/s-full.png)}
.rating-info .rate.half{background:url(../img/s-half.png)}
/****************
****  FOOTER ****
****************/
#footer{margin-top:20px;text-align:center;line-height:20px;padding:0;font-size:13px;color:#fff;background:#223a65 url(../img/footer-bgs.webp) top center no-repeat}
#footer a{color:#fff}
.footer-logo{margin-top:20px;}
.footer-logo img{width:250px;}
.footercopyright{padding:0 20px;margin:0 auto;overflow:hidden}
.footercopyright p{margin-top:5px;font-size:.8em;line-height:14px;letter-spacing:.5px;color:rgba(255,255,255,.6)}
.footercopyright p i{font-style:normal;}
.footercopyright .copyright{overflow:hidden}
.footercopyright .copyright .txt{padding:10px}
.jw-text-track-cue{text-shadow:0 0 3px #0066FF,0 0 3px #0066FF,0 0 3px #06F!important}
.jw-marquee {height: 25px;overflow: hidden;position: relative;font-size: 1.3rem;font-family:"PhimBomOnline";}
.jw-marquee .title {color: #f11b1b;font-weight: 700;}
.jw-marquee p {background: #ffffff40;color: #fff;position: absolute;width: 100%;height: 100%;width: max-content;margin: 0;line-height: 22px;text-align: center;-moz-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);-moz-animation: scroll-left 150s linear infinite;-webkit-animation: scroll-left 150s linear infinite;animation: scroll-left 150s linear infinite;z-index: 1;}
.jw-wrapper .jw-logo {width: 200px!important;height: 40px!important;}
/****************
****  MOBILE ****
****************/
@media (max-width:979px) {
/*HEADER*/
.mainheader {margin:0!important}
.logos{display:none}
.mobilelogo{display:block;margin-top:7px}
.mobilelogo img{max-height:none;height:35px;width:auto}
#main-menu{display:none;position:absolute;background:#292d38!important;height:100%;overflow:auto;z-index:99999;}
#main-menu ul{float:none}
#main-menu ul>li.menu-home {display:none}
#main-menu ul li ul{width:100%;position:relative;display:block;z-index:9999;overflow:hidden;background:none}
#main-menu ul li ul li{width:50%}
#main-menu ul li{float:none;}
#main-menu ul li a{font-weight:300;color:#00acc1;text-align:left;border-bottom:1px solid #3e4555}
#main-menu ul li ul li a{padding:5px 10px;border:0;color:#8e95a5}
.shwx{display:block!important}
.th{background:#366ad3;height:50px}
.th .centernav{padding:0}
.shme{display:block;float:left;padding:12px 0;width:8%;text-align:center;color:#FFF;height:50px;cursor:pointer}
.shme .fa{width:auto;height:auto;line-height:24px;font-size:28px}
#thememode{margin-top:21px;margin-right:0;margin-left:10px}
.switch{top:-7px;width:40px;height:20px}
.slider.round{background:#FFF}
.slider:before{line-height:20px;width:20px;bottom:0}
.surprise{display:block;float:none;background:#366ad3;clear:both;text-align:center;margin: 10px;}
.srcmob{display:block!important;float:right;font-size:14px;margin-top:7px;margin-left:10px;margin-right:10px;color:#FFF;cursor:pointer;border-radius:50%;width:35px;text-align:center;background:rgba(0,0,0,.1)}
.srcmob.srccls{position:absolute;top:0;right:8px;width:auto;margin:0;font-size:20px;color:#555;background:none}
.searchx{display:none}
.searchx #submit{display:none}
.searchx.minmbx{display:block;top:0;left:0;margin-top:8px!important;width:100%!important;position:absolute;z-index:1}
.searchx form{margin:0 10px}
.srcmob .fa{line-height:34px}
.searchx #doSearch{display:none}
.slider.round{background:rgba(255,255,255,.25)}	
/*MAIN CONTENT*/
ol.breadcrumb{display:none}
#main-content{padding: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.left-content,.right-content {float:none;width:auto}
.right-content .section {margin:0 0 -8px 0;}
.right-content .section ul {margin: 0 0 8px 0;}
.bixbox, .details{margin-bottom:-7px}
#mediaplayer, .list {margin-top: -7px;}
.item{margin-bottom:1px}
.film-info {margin: 0 0 -7px 0;}
.film-info .poster {float: none;width: 100%;margin: 5px 0 0;}
.film-info .poster img {width: 100%;height: auto;min-height:490px;}
.film-info .buttons {position: absolute;z-index: 10;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.4);text-align: center;padding: 10px 5px 15px;}
.film-info .buttons li { margin: 5px 2px 0;}
.film-info .buttons a {padding: 10px 0;width: 175px;font-size: 18px;font-weight: 700;}
.film-info h1.vie-name, .film-info h2.eng-name {margin-top: 7px;}
.film-info h1.vie-name, .film-info h2.eng-name, .film-info .meta-data {margin-left: 0;}
.meta-data li {white-space: normal;line-height: 1.6em;}
.meta-data li span {margin-bottom: -5px;}
.socialts{margin: 0px 0 35px 0;}
.left-content .tags {/*margin-top: 15px;padding: 0 8px;*/display: none;}
#footer {margin-top: 0px;}
}
@media only screen and (max-width:650px) {
.list-servers div{width:50%!important;padding: 0 24px;}
.list_episodes .grid{grid-template-columns: repeat(6, minmax(0, 1fr));}
}
@media only screen and (max-width:590px) {
.shme{width:12%}
}
@media only screen and (max-width:570px) {
.toggle-resize,.light{display:none!important}
.bs { float: left;width: 33.333333%;}
}
@media only screen and (max-width:500px) {
#player{height:300px!important}
.search-autocomplete{width:65%!important;}
}
@media only screen and (max-width:450px) {
.bs{float:left;width:50%}
.mobilelogo img{height:33px}
.list-servers span {width: 50% !important;margin-right: -2px;}
}
@media (max-width:414px) {
.film-info .buttons a {width: 170px;}
.socialts a{width: 90px;}
}
@media (max-width:412px) {
.mobilelogo{margin-top:9px}
.mobilelogo img{height:30px}
}
@media(max-width:393px) {
.film-info .buttons a {width: 158px;}
.socialts a {width: 86px;padding:7px}
}
@media(max-width:375px) {
.film-info .buttons a {width: 150px;}
.socialts a {width: 82px;}
}
@media (max-width:360px) {
.mobilelogo{margin-top:12px}
.mobilelogo img{height:22px}	
/*INFO*/
.film-info .buttons a {width: 144px;}
.socialts a {width: 78px;padding:5px}
}
@media(max-width:320px) {
.toggle-resize,.light,.download{display:none!important}
/*INFO*/
.film-info .buttons a {width: 128px;}
.socialts a {width: 68px;padding:8px}
/*PLAY*/
.list-servers {margin-right: -2px;}
}
/*FONT AWESOME*/
.fa-expand {
    mask-image: url(../icon/expand-solid.svg);
    background-color: #00a58d;
}
.fa-compress {
    mask-image: url(../icon/compress-solid.svg);
    background-color: #00a58d;
}
.fa-light-on{
	margin: 0 0 -2px 0;
    mask-image: url(../icon/light-on.svg);
    width: 17px;
    height: 14px;
    background-color: #fbc50b;
}
.fa-light-off{
	margin: 0 0 -2px 0;
    mask-image: url(../icon/light-off.svg);
    width: 11px;
    height: 14px;
    background-color: #2196f3;
}