@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;600;700&display=swap);#header,body { position: relative}
#header .logo,.sec-filter,.sec-title { display: inline-block}
.item-actros.actros-style2,.item-actros.actros-style2 .item-actros .img .mask { background: var(--atv-bg-color8)}
.new-episode ul li .post_time i,.new-episode ul li:before,body { background: var(--atv-bg-color3)}
.container { max-width: 1200px}
.lmore,.text-left { text-align: left}
.float-left { float: left}
body { margin: 0; font-family: Cairo,Dosis,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif; font-size: 13px; color: var(--atv-body-color); font-weight: 400; line-height: 1.75; direction: rtl; text-align: right;}
body.body-vmenu { padding-right: 55px}
.overflow-y { overflow-y: hidden}
#header { background: var(--atv-bg-color1); padding: 12px 0; justify-content: center; align-items: center}
#header .logo { margin-left: 20px; max-width: 140px; vertical-align: middle}
#header .main-menu,.lmore a,.sec-filter li { display: inline-flex; align-items: center}
#header .main-menu li { position: relative; margin: 0 8px}
#header .main-menu>li>a { height: 42px!important; line-height: 42px!important; display: inline-flex; align-items: center;}
.main-menu>li>a>i { margin-left: 4px;}
#header .main-menu li a:hover,#header .main-menu>li.active>a,#postcontent .infoemail a,.box-user-all .linkuserpro svg,.item-actros .item-actros:hover h5,.loop-episode a.active,.loop-episode a:hover .episodeview,.more-link-dottt-left:hover,.mostviewspost-news.style-h .post-date svg,.new-news .more-link-dottt-left:hover,.new-news ul li:hover a,.post_content a,.postmovie .add_favorite:hover,.postmovie .download-serie:hover,.recent-news .post-date,.sec-filter li a:hover,.sec-filter li.active a,.userlogged-list li.userlogged_userpro { color: var(--atv-color1)}
#header .main-menu>li>ul { display: none; left: auto; right: -25px; -webkit-transition: .3s; transition: .3s; border: 1px solid #2d3245; position: absolute; top: 42px; z-index: 9999999; min-width: 175px; padding: 0; margin: 0; font-size: 14px; text-align: right; list-style: none; background-color: var(--atv-bg-color8); -webkit-background-clip: none; background-clip: none; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none}
#login-form .account-section,.thebox-modal .thebox-window { -webkit-backface-visibility: hidden; box-shadow: 1px 1px 5px rgba(0,0,0,.58)}
#header .main-menu-old>li>ul:before { top: -16px; right: 40%; border: 9px solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: var(--atv-bg-color8); margin-left: 0}
#header .main-menu>li>ul>li { display: block; border-bottom: 1px solid var(--atv-bo-color1); padding: 0; margin: 0}
#header .main-menu>li>ul>li>a { font-size: 13px; -webkit-transition: .3s; transition: .3s; padding: 8px 10px!important; display: block!important; background: 0 0!important}
#header .main-menu li ul li:last-child { border-bottom: 0}
#header .main-menu>li>ul>li>a:hover { color: var(--atv-color1); padding-right: 18px!important}
#header .main-menu li:hover ul { display: initial}
.sec-title { color: #fff; background: var(--atv-bg-color6); font-weight: 500; font-size: 15px; padding: 0 20px; margin-bottom: 20px; width: auto; position: relative; height: 42px; line-height: 42px; border-radius: 23px}
.home-actros,.item-actros .item-actros .img .mask { background: var(--atv-bg-color4); position: relative}
.sec-filter { margin-right: 5px}
.sec-filter li { margin: 1px 10px; position: relative}
.sec-filter li a { font-weight: 500; font-size: .96rem; color: var(--atv-tx-color1)}
.footer-top a,.footer-top h2,.footer-top h2 a { color: var(--atv-bg-color4)}
.sec-filter li:before { content: ''; position: absolute; border-left: .08em solid var(--atv-tx-color1); top: 6px; height: 17px; left: -11px; opacity: .4}
.footer .fbot ul li:last-child:before,.home-box-dropdown .dropdown-item:last-child,.pagination-noborder .row-pagination,.sec-filter li:last-child:before,.userlogged-list .dropdown-menu li.myviewed,.userlogged-list .dropdown-menu li.myviewed:hover,.userlogged-list .userlogged_notifications .new-episode ul { border: 0}
.position-relative .lmore { position: absolute; left: 0; top: 0}
.lmore a { position: relative; font-size: 14px; padding: 0 15px; margin-bottom: 20px; height: 40px; line-height: 36px; border-radius: 28px; border: .13em solid #565f70}
.lmore a i { font-size: 24px; position: relative; top: 2px; margin-left: 4px}
.lmore a:hover { background: var(--atv-color1); border-color: var(--atv-color1)}
.lmore a i.g3dot { margin: 0 10px 0 14px}
.lmore a i.g3dot:after,.lmore a i.g3dot:before { content: ''; width: 8px; height: 8px; border: .1em solid #fff; border-radius: 100%; position: absolute; right: -12px; top: -2px}
.lmore a i.g3dot:before { left: -12px; right: auto}
.home-actros { padding: 40px 0 10px}
.item-actros { text-align: center; padding: 0 0 10px; vertical-align: top}
.item-actros .item-actros { width: 100px; display: inline-flex; margin: 15px 8px}
.item-actros.actros-style2 { text-align: center}
.item-actros.actros-style2.style3,.userlogged-list .dropdown-menu li.logout a:before { background: 0 0}
.item-actros.actros-style2 .item-actros { width: 78px; margin: 0}
.item-actros .item-actros .img { border: .09em solid var(--atv-bg-color4); border-radius: 100%; overflow: hidden; width: 100px; height: 100px; position: relative; transition: .4s}
.item-actros .item-actros.style3 .img { border-color: var(--atv-bg-color3)!important}
.item-actros.actros-style2 .item-actros .img { width: 78px; height: 78px; border-color: var(--atv-bg-color8)}
.item-actros .item-actros .img .mask { padding: 2px; border-radius: 100%; overflow: hidden}
.artists-box-inn:hover .artists-right .thumb:before,.item-actros .item-actros:hover .img:before,.owl-gallery-artists .item:hover .img:before { width: 100%; height: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)}
.artists-box-inn:hover .artists-right .thumb,.item-actros .item-actros:hover .img,.owl-gallery-artists .item:hover .img { padding: .12em}
.item-actros .item-actros h5 { font-size: 14px; margin-top: 10px; color: #fff}
.item-actros .img img,.theauthor .useravatar img { border-radius: 100%}
.footer-top ul { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap}
.footer .logo img,.footer-social li,.footer-top ul li,.push-menu .logo img,.register-email-box.ok svg.ok,.register-username-box.ok svg.ok { display: inline-block}
.footer-top ul li { width: 50%; padding-right: 0; height: 28px; line-height: 28px}
.footer-top ul li i { font-size: 21px; margin-left: 5px; position: relative; top: 2px}
.footer-top h2 { font-size: 24px; margin: 0; text-align: center}
.footer-top h2 a { font-weight: 600}
.footer-top a { font-size: 27px}
.footer { background: var(--atv-bg-color1); padding: 40px 0 25px}
.footer .logo { text-align: left; display: block}
.footer-social { padding: 0; margin: 0; text-align: center; display: -ms-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 27px}
.footer-social li { margin: 0 8px}
.footer-social li a { width: 24px; height: 24px; color: #fff}
.footer-social li a i { font-size: .8em}
.footer-social li svg { width: 20px; height: 20px}
.footer-nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap}
.footer-nav li { width: 33%; margin: 3px 0}
.footer .ourteam { display: inline-flex; width: 100px; background: var(--atv-bg-color2); border: .15em solid var(--atv-color1); max-width: 120px; color: #fff; height: 40px; border-radius: 20px; align-items: center; justify-content: center; margin-left: 60px}
.footer .live a { color: #de187e}
.footer a:hover,.new-episode .new-episode-title { color: var(--atv-color1)}
.footer .fbot { border-top: .06em solid #ffffff12; margin-top: 25px; padding-top: 25px}
.footer .fbot ul,.pfbom_tags { display: flex}
.footer .fbot ul li { margin-left: 40px; position: relative}
.footer .fbot ul li:before { content: ''; position: absolute; border-left: .08em solid #a7a7a7; top: 6px; height: 12px; left: -19px}
.footer a:hover,.more-link-dottt-left:hover i,.new-news .more-link-dottt-left:hover i { border-color: var(--atv-color1)}
.footer .fbot .copyright { text-align: left; font-size: 12px}
.home-tvsries { background: var(--atv-bg-color4); padding: 40px 0 30px}
#header .main-menu li ul.ul-megamenu .col-notpadding,.home-tvsries .col-notpadding { padding: 0 10px}
.new-episode { max-height: 505px; overflow: hidden; padding: 0 8px 0 0; position: relative}
.new-episode:before { position: absolute; content: ''; width: 100%; height: 150px; bottom: -5px; background: -moz-linear-gradient(270deg,rgba(18,22,31,0) 30%,var(--atv-bg-color3) 90%); background: -webkit-gradient(linear,left top,left bottom,color-stop(30%,rgba(18,22,31,0)),color-stop(90%,var(--atv-bg-color3))); background: -webkit-linear-gradient(270deg,rgba(18,22,31,0) 30%,var(--atv-bg-color3) 90%); background: -o-linear-gradient(270deg,rgba(18,22,31,0) 30%,var(--atv-bg-color3) 90%); background: -ms-linear-gradient(270deg,rgba(18,22,31,0) 30%,var(--atv-bg-color3) 90%); background: linear-gradient(180deg,rgba(18,22,31,0) 30%,var(--atv-bg-color3) 90%); z-index: 99999}
.more-link-dottt-left { position: absolute; bottom: -15px!important; top: auto; left: 50%; width: 160px; margin-left: -80px; margin-top: 0; z-index: 99999; color: #fff; font-size: 13px; padding: 0 10px; margin-bottom: 20px; height: 40px; line-height: 30px; border-radius: 23px; border: .11rem solid var(--atv-color1); background: #1e2535; text-align: center}
.box-awardes div,.box-loop-episode,.item-slider,.login-social .separator,.new-episode ul,.new-episode ul li,.position-relative,.push-menu-wrapper { position: relative}
.more-link-dottt-left i { font-size: 24px; position: relative; top: 5px; margin-left: 4px}
.box-loop-episode:before { position: absolute; content: ''; width: 100%; height: 60px; bottom: -5px; background: -moz-linear-gradient(270deg,rgba(18,22,31,0) 30%,var(--atv-bg-color3) 90%); background: -webkit-linear-gradient(270deg,rgba(18,22,31,0) 30%,var(--atv-bg-color3) 90%); background: -o-linear-gradient(270deg,rgba(18,22,31,0) 30%,var(--atv-bg-color3) 90%); background: -ms-linear-gradient(270deg,rgba(18,22,31,0) 30%,var(--atv-bg-color3) 90%); background: linear-gradient(180deg,rgba(18,22,31,0) 30%,var(--atv-bg-color3) 90%); z-index: 99999}
#header .main-menu li ul.ul-megamenu:before,#mobile-menu>ul>li>a:before,.afternews4 .lastnewspost-info:after,.afternews4 .lastnewspost-info:before,.box-loop-episode.active:before,.box-user-all .linkuserpro .dropdown-toggle:after,.customselect-wrapper select,.hidden-md,.is_mobile,.nonemoreeps .box-loop-episode:before,.thebox-modal .modal-form-messages,.userlogged-list .dropdown-menu li.new-episode:before,.userlogged-list .new-episode ul li:before,.userlogged_favorites ul.dropdown-menu li.morelink a:before,.userlogged_watchlater ul.dropdown-menu li.morelink a:before { display: none}
.nonemoreeps .loop-episode { padding-bottom: 2px}
.box-episode .more-link-dottt-left { bottom: -12px}
.new-episode .new-episode-title { margin: 0 0 17px; font-size: 1.2rem; padding: 0}
.new-episode ul { max-height: 467px; border-style: solid; -moz-border-image: -moz-linear-gradient(#5d6477,rgba(0,0,0,0)) 15% 45%; -o-border-image: -o-linear-gradient(#5d6477,rgba(0,0,0,0)) 15% 45%; border-width: 0 2px 0 0}
.new-episode ul li { padding-right: 52px; border-bottom: 1px solid #21252e}
.new-episode ul li:last-child,.new-news ul li:last-child,.recent-movie.noborder,.userlogged-list .new-episode ul li:last-child { border: none}
.new-episode ul li:before { position: absolute; width: 52px; height: 5px; bottom: -2px; content: ''; right: 0}
.artists-box-inn .artists-right,.new-episode ul li .post_time { position: absolute; right: 0; top: 0}
.new-episode ul li .post_time>div,.userlogged-list .new-episode ul li .post_time>div { position: relative; padding-right: 25px}
.new-episode ul li .post_time i { position: absolute; right: -5px; top: 0; color: var(--atv-color1); font-size: 18px}
.new-episode ul li .post_time span,.new-news ul li .post_time span,.userlogged-list .new-episode ul li .post_time span { display: block; color: #5c6477; padding: 0; margin: 0}
.new-episode ul li .post_time span.day { font-size: 17px; position: absolute; right: 15px; top: -7px; font-weight: 600}
.new-episode ul li .post_time span.month { font-size: 13px; position: absolute; right: 15px; top: 10px}
.new-episode ul li .post_time span.year { font-size: 12px; position: absolute; right: 15px; top: 25px}
.new-episode ul li .btitle { color: #fff; display: flex; height: 65px; vertical-align: baseline; overflow: hidden; padding: 8px 8px 8px 100px; display: flex; align-items: center; font-size: 12px; font-weight: 800; position: relative}
.new-episode ul li .btitle .bgimg { content: ''; position: absolute; width: 0%; top: 3%; left: 0; height: 94%; background-repeat: no-repeat; background-position: left center}
.form-control,.lastnewspost-news:hover .lastnewspost-info:after,.lastnewspost-news:hover .lastnewspost-info:before,.lastnewspost-news:hover .lastnewspost-photo:after,.lastnewspost-news:hover .lastnewspost-photo:before,.mostviewspost-news:hover .mostviewspost-photo:after,.mostviewspost-news:hover .mostviewspost-photo:before,.new-episode ul li .thumb-bg img,.new-episode ul li:hover .btitle .bgimg,.new-news ul li .thumb-bg img,.postmovie:hover .postmovie-photo:after,.recent-news:hover .recent-photo:after,.recent-news:hover .recent-photo:before,.widget-recent-post .thumb img { width: 100%}
.new-episode ul li .btitle .bgimg:before { width: 100%; position: absolute; content: ''; background: -moz-linear-gradient(90deg,rgba(18,22,31,0) 0,var(--atv-bg-color3) 75%); background: -webkit-linear-gradient(90deg,rgba(18,22,31,0) 0,var(--atv-bg-color3) 75%); background: -o-linear-gradient(90deg,rgba(18,22,31,0) 0,var(--atv-bg-color3) 75%); background: -ms-linear-gradient(90deg,rgba(18,22,31,0) 0,var(--atv-bg-color3) 75%); background: linear-gradient(90deg,rgba(18,22,31,0) 0,var(--atv-bg-color3) 75%); height: 100%}
.new-episode ul li .numepisode { position: absolute; left: 42px; border: .15em solid var(--atv-color1); top: 56%; padding: 0 8px; height: 28px; line-height: 26px; border-radius: 15px; margin-top: -15px; font-size: 12px; font-weight: 600; color: #5c6574; z-index: 9999}
.new-episode ul li .episodeview { position: absolute; left: 8px; border: 2px solid var(--atv-color1); background: var(--atv-color1); background-size: 10px; color: #13161b; text-align: center; padding-right: 2px; top: 50%; width: 30px; height: 30px; line-height: 27px; font-size: 14px; border-radius: 100%; margin-top: -13px; z-index: 9999}
.new-episode ul li .thumb-bg,.userlogged-list .new-episode ul li .thumb-bg { position: absolute; left: 0; top: 0; bottom: 0; overflow: hidden; width: 0}
.new-episode ul li:hover .thumb-bg,.userlogged-list .new-episode ul li:hover .thumb-bg { position: absolute; left: 0; top: 0; bottom: 0; overflow: hidden; width: 140px}
.new-episode ul li .thumb-bg:before { position: absolute; content: ''; width: 0%; height: 0%; z-index: 999; background: -moz-linear-gradient(0deg,rgba(33,37,46,0) 44%,#21252e 89%); background: -webkit-linear-gradient(0deg,rgba(33,37,46,0) 44%,#21252e 89%); background: -o-linear-gradient(0deg,rgba(33,37,46,0) 44%,#21252e 89%); background: -ms-linear-gradient(0deg,rgba(33,37,46,0) 44%,#21252e 89%); background: linear-gradient(90deg,rgba(33,37,46,0) 44%,#21252e 89%)}
.new-episode ul li:hover .thumb-bg:before,.new-news ul li:hover .thumb-bg:before { width: 100%; height: 100%}
.new-episode ul li:hover a.btitle .catename { position: relative; z-index: 9999}
.new-episode ul li:hover .numepisode { color: #fff; background: rgba(0,0,0,.6)}
.new-episode ul li:hover .episodeview { background: #13161f; color: var(--atv-color1)}
.home-movies { background: var(--atv-bg-color4); padding: 40px 0 30px; position: relative}
.recent-movie { position: relative; overflow: hidden; margin-bottom: 25px; height: 500px; border-style: solid; -webkit-border-image: -webkit-linear-gradient(var(--atv-color1),rgba(0,0,0,0)) 15% 45%; -moz-border-image: -moz-linear-gradient(var(--atv-color1),rgba(0,0,0,0)) 15% 45%; -o-border-image: -o-linear-gradient(var(--atv-color1),rgba(0,0,0,0)) 15% 50%; border-image: linear-gradient(to bottom,var(--atv-color1),rgba(0,0,0,0)) 15% 45%; border-bottom: 0}
.recent-movie .recent-infoblock { position: absolute; left: 10px; top: 10px; background: #e3007c; color: #fff; height: 28px; line-height: 28px; padding: 0 10px; border-radius: 16px; z-index: 9; font-size: 13px; font-weight: 600}
.lastnewspost-news .lastnewspost-photo,.megamnu-post-movie .megamnu-post-movie-photo,.mostviewspost-news .mostviewspost-photo,.postmovie .postmovie-photo,.recent-movie .recent-photo,.recent-news .recent-photo { position: absolute; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden}
.item-slider .recent-photo .recent-thumb-bg,.lastnewspost-news .lastnewspost-photo .lastnewspost-thumb-bg,.megamnu-post-movie .megamnu-post-movie-photo .megamnu-post-movie-thumb-bg,.mostviewspost-news .mostviewspost-photo .mostviewspost-thumb-bg,.postmovie .postmovie-photo .postmovie-thumb-bg,.recent-movie .recent-photo .recent-thumb-bg,.recent-news .recent-photo .recent-thumb-bg { position: relative; width: 100%; height: 100%}
.item-slider .recent-photo .recent-thumb-bg:before,.recent-movie .recent-photo .recent-thumb-bg:before { width: 100%; position: absolute; content: ''; background: -moz-linear-gradient(270deg,rgba(18,22,31,0) 45%,var(--atv-bg-color3) 95%); background: -webkit-linear-gradient(270deg,rgba(18,22,31,0) 45%,var(--atv-bg-color3) 95%); background: -o-linear-gradient(270deg,rgba(18,22,31,0) 45%,var(--atv-bg-color3) 95%); background: -ms-linear-gradient(270deg,rgba(18,22,31,0) 45%,var(--atv-bg-color3) 95%); background: linear-gradient(180deg,rgba(18,22,31,0) 45%,var(--atv-bg-color3) 95%); height: 100%; z-index: 999}
.lastnewspost-news .lastnewspost-photo img,.megamnu-post-movie .megamnu-post-movie-photo img,.postmovie .postmovie-photo img,.recent-movie .recent-photo img,.recent-news .recent-photo img { width: 100%; min-height: 100%}
.recent-movie .post-cate { background: rgba(27,33,45,.8); padding: 0 10px; color: #d9dada; height: 28px; line-height: 25px; border-radius: 14px; position: relative; z-index: 999; width: max-content; font-size: 13px}
.recent-movie .recent-info,.recent-news .recent-info { position: absolute; bottom: 0; z-index: 999; padding: 15px; width: 100%}
.broadcasting,.item-slider .post-date,.recent-movie .post-date { font-size: 13px; font-weight: 600; z-index: 99999; line-height: 28px; position: absolute; height: 28px; top: 10px}
.recent-movie .recent-info h4 { font-size: 16px; margin-bottom: 30px; margin-top: 15px}
.artists-bottom2 .add-favorites.active svg,.customselect-trigger span,.loop-episode a:hover,.loop-episode a:hover .episodeview i,.loop-episode a:hover .numepisode,.model-user-login,.mostviewspost-news .mostviewspost-info a,.mostviewspost-news.style-h .post-date,.new-news ul li .post-detail span a,.new-news ul li:hover .content,.pagination li span.pages span,.push-menu-btn:focus,.push-menu-btn:hover,.recent-movie .recent-info a,.recent-news .recent-info a,.row-pagination .currentpage span,.theauthor span { color: #fff}
.recent-movie p { color: #fff; position: absolute; top: -100%; z-index: 9999; left: 0; padding: 10px; font-size: 12px}
.item-slider .post-date,.recent-movie .post-date { color: var(--atv-bg-color3); right: 10px; padding: 0 10px; border-radius: 16px; background: var(--atv-color1)}
.broadcasting { color: #e12c7f; right: 1px; padding: 0 10px 0 15px; border-radius: 16px 0 0 16px; background: #fff}
.post-date-numepisode { position: absolute; right: 10px; top: 10px}
.post-date-numepisode .post-date { position: relative!important; right: auto!important; top: auto!important; display: inline-flex!important}
.post-date-numepisode .numepisode { border-radius: 20px; height: 28px; line-height: 24px; position: relative; color: #fff; z-index: 99; display: inline-flex; border: .16em solid var(--atv-color1); background: rgba(25,24,24,.7); padding: 0 8px; font-size: 12px}
.recent-movie .add_favorite,.recent-movie .add_watchlater { font-size: 18px; position: absolute; bottom: 15px; cursor: pointer}
.series-pro { height: 25px; line-height: 25px; background: #fa5050; padding: 0 8px 0 10px; color: #fff; z-index: 99; font-size: 12px; position: absolute; left: 10px; top: 10px; border-radius: 20px}
.isbgpro { background: url(../images/svg/pro.svg?ver=2) 36px center no-repeat #fa5050!important; padding: 0 18px 0 10px!important}
.serie_status_pro .series-pro svg,.series-pro svg { margin-top: -4px; width: 12px}
.recent-movie .post-detail .post-date { background: #dfdfdf; position: relative; display: inline-block; float: right; top: -3px; right: auto}
.recent-movie .post-detail .post-date svg { width: 15px; position: relative; top: -1px}
.recent-movie .post-detail span { float: right; color: #fff; display: inline; min-width: 40px; height: 18px; margin-right: 10px}
.recent-movie .post-detail .post_tags { display: block; text-align: right; padding-top: 8px; clear: both}
.pfbom_tags span { display: inline-block; margin-left: 15px; height: 25px; line-height: 23px}
.pfbom_tags a,.recent-movie .post-detail .post_tags a { display: inline-block; background: var(--atv-bg-color3); color: #fff; padding: 0 8px; height: 25px; line-height: 23px; margin: 2px; border-radius: 15px; font-size: 13px}
.post_imdb span,.postmovieview { border-radius: 100%; text-align: center}
.pfbom_tags a { background: #20272f}
.pfbom_tags a.active { background: #2c435d}
.recent-movie .add_watchlater { left: 38px}
.recent-movie .add_favorite { left: 10px}
.recent-movie .add_watchlater.active { color: #fa5050}
.post_imdb,.postmovie .add_favorite.active,.recent-movie .add_favorite.active { color: #f9c800}
.info-detail-single .postreviewavg,.recent-movie .postimdb,.recent-movie .postreviewavg { float: right}
.post_imdb { font-size: 13px; direction: ltr}
.post_imdb span { display: inline-block; width: 32px; height: 32px; line-height: 33px; background: #f9c800; font-size: 10px; color: #8e7300}
.postreviewavg { display: inline-flex; float: left; margin-left: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap}
.postmovie .postreviewavg { position: absolute; bottom: 15px; z-index: 999; right: 6px}
.postreviewavg div { display: inline-flex; max-width: 80px; -ms-flex-wrap: wrap; flex-wrap: wrap}
.postreviewavg .post_review_avg { font-size: 27px; font-weight: lighter; margin-left: 6px; padding: 0; line-height: 1}
.postmovie .postreviewavg .post_review_avg { font-size: 13px; font-weight: 300; margin-left: 4px; padding: 0; line-height: 1}
.postreviewavg span { display: block; clear: both; font-size: 11px}
.postmovie .postreviewavg .stars { width: 60px; background-size: 12px}
.postmovie .postreviewavg .stars i { height: 13px; background-size: 12px}
.listdrama .postmovie,.widget .ul_list { margin-bottom: 0}
.postmovie { position: relative; margin-bottom: 20px; height: 240px}
.home-tvsries .postmovie span.post-comments,.home-tvsries .postmovie span.post-likes,.home-tvsries .postmovie span.post-views,.item-slider:after,.lastnewspost-news .lastnewspost-info:after,.lastnewspost-news .lastnewspost-info:before,.lastnewspost-news .lastnewspost-photo:after,.lastnewspost-news .lastnewspost-photo:before,.lastnewspost-news:after,.lastnewspost-news:before,.mostviewspost-news:after,.mostviewspost-news:before,.mostviewspost-photo:after,.mostviewspost-photo:before,.new-episode ul li .btitle .bgimg,.postimdbleft,.postmovie-photo:after,.postmovie-thumb-bg:after,.postmovie:after,.postmovie:before,.postmovieview,.recent-movie p,.recent-movie:after,.recent-news:after,.recent-news:before,.recent-photo:after,.recent-photo:before,.userlogged-list .dropdown-menu li a { -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; -o-transition: .4s ease-in-out}
.custom-option,.custom-options,.custom-options:before { transition: .4s ease-in-out}
.postmovie:before { content: ''; position: absolute; right: 0; top: 0; height: 0%; border-right: .15rem solid var(--atv-color1); z-index: 9}
.postmovie-thumb-bg:after { content: ''; position: absolute; left: 0; top: 0; height: 0%; border-left: .15rem solid var(--atv-color1); z-index: 9}
.postmovie-photo:after { content: ''; position: absolute; left: 0; top: 0; width: 0%; border-top: .15rem solid var(--atv-color1); z-index: 9}
.lastnewspost-news:before,.mostviewspost-news:before,.recent-news:before { content: ''; position: absolute; right: 0; top: 0; height: 0%; border-right: .15rem solid var(--atv-color1); z-index: 9999}
.lastnewspost-news:after,.mostviewspost-news:after,.recent-news:after { content: ''; position: absolute; left: 0; top: 0; height: 0%; border-left: .15rem solid var(--atv-color1); z-index: 9999}
.bg-box-search,.lastnewspost-news:hover:after,.lastnewspost-news:hover:before,.mostviewspost-news:hover:after,.mostviewspost-news:hover:before,.postmovie:hover .postmovie-thumb-bg:after,.postmovie:hover:before,.recent-news:hover:after,.recent-news:hover:before { height: 100%}
.lastnewspost-info:before,.lastnewspost-photo:before,.mostviewspost-photo:before,.recent-photo:before { content: ''; position: absolute; left: 0; top: 0; width: 0%; border-top: .15rem solid var(--atv-color1); z-index: 9999}
.lastnewspost-info:after,.lastnewspost-photo:after,.mostviewspost-photo:after,.recent-photo:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0%; border-top: .15rem solid var(--atv-color1); z-index: 9999}
.lastnewspost-news .lastnewspost-infoblock,.postmovie .postmovie-infoblock { position: absolute; left: 10px; top: 10px; background: var(--atv-color1); color: #fff; height: 32px; line-height: 26px; padding: 0 10px; border-radius: 16px; z-index: 9}
.postmovie .postmovie-photo .postmovie-thumb-bg:before { position: absolute; content: ''; width: 100%; background: -moz-linear-gradient(270deg,rgba(18,22,31,0) 30%,var(--atv-bg-color4) 90%); background: -webkit-linear-gradient(270deg,rgba(18,22,31,0) 30%,var(--atv-bg-color4) 90%); background: -o-linear-gradient(270deg,rgba(18,22,31,0) 30%,var(--atv-bg-color4) 90%); background: -ms-linear-gradient(270deg,rgba(18,22,31,0) 30%,var(--atv-bg-color4) 90%); background: linear-gradient(180deg,rgba(18,22,31,0) 30%,var(--atv-bg-color4) 90%); height: 105%; z-index: 999}
.postmovie h4 { font-size: 14px; max-height: 36px; overflow: hidden; line-height: 18px; position: absolute; bottom: 45px; z-index: 9999; padding: 0 5px; margin: 0}
.postmovie h4 a { display: block; height: 36px; width: 100%;}
.lastnewspost-news .lastnewspost-info a,.postmovie h4 a { color: #fff; font-size: 13px}
.postmovie .post-date { color: var(--atv-bg-color8); background: var(--atv-color1); padding: 0 8px; height: 25px; line-height: 25px; border-radius: 16px; font-size: 12px; position: absolute; top: 8px; right: 8px; z-index: 999; font-weight: 600}
.postmovie .add_favorite,.postmovie .more-options { cursor: pointer; font-size: 18px; position: absolute; bottom: 6px; left: 8px; z-index: 99999; color: #fff}
.postmovie .download-serie { left: 64px}
.postmovieview { position: absolute; top: 45%; left: -50%; background: var(--atv-bg-play1); width: 36px; height: 36px; line-height: 36px; margin-top: -23px; margin-left: -18px; color: #fff; z-index: 9999; padding-right: 2px; font-size: 16px}
.recent-movie:hover .postmovieview { width: 70px; height: 70px; line-height: 70px; margin-top: -30px; margin-left: -30px; left: 50%; top: 45%; font-size: 32px; padding-right: 5px}
.recent-movie:hover p { top: 50px}
.postimdbleft { position: absolute; top: 0; left: -100%; z-index: 99999}
.postmovie:hover .postimdbleft { position: absolute; top: 43px; left: 8px; bottom: auto; z-index: 99999}
.listdrama .recent-movie:hover .postmovieview { left: 50%; top: 40%; font-size: 27px; padding-left: 5px}
.postmovie:hover .postmovieview { left: 50%}
.item-slider:after,.postmovie:after,.recent-movie:after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; background: rgba(0,0,0,.5)}
.item-slider:hover:after,.megamnu-post-movie:hover:after,.postmovie:hover:after,.recent-movie:hover:after { height: 100%; width: 100%}
.home-tvsries .postmovie:hover .postimdbleft { top: 120px}
.home-tvsries .postmovie span.post-comments,.home-tvsries .postmovie span.post-views { color: #fff; display: inline; min-width: 40px; height: 18px; margin-right: 10px; position: absolute; top: 149px; z-index: 99999; right: -100px}
.home-tvsries .postmovie:hover span.post-comments,.home-tvsries .postmovie:hover span.post-likes,.home-tvsries .postmovie:hover span.post-views,.menu-opened .canvas-menu,.pagination li.frist-page svg { right: 0}
.home-news { background: var(--atv-bg-color5); padding: 40px 0 20px}
.recent-news .recent-infoblock { font-weight: 600; font-size: 13px}
.recent-news .post-cate { margin-bottom: 10px; font-size: 13px}
.recent-news .recent-info h4 { line-height: 1.6}
.artists-box-inn p,.font-size-13,.mostviewspost-news.style-h .mostviewspost-info,.mostviewspost-news.style-h .mostviewspost-info p,.recent-news .post-detail span { font-size: 13px}
.mostviewspost-news { position: relative; margin-bottom: 25px; height: 196px}
.mostviewspost-news.style-h { height: 350px}
.pagenews .mostviewspost-news { margin-bottom: 15px}
.mostviewspost-news.style-2 { height: 180px}
.mostviewspost-news .mostviewspost-infoblock { position: absolute; left: 10px; top: 10px; background: var(--atv-color1); color: #333333; height: 28px; line-height: 28px; padding: 0 10px; border-radius: 16px; z-index: 9; font-size: 13px; font-weight: 600}
.lastnewspost-news .lastnewspost-photo .lastnewspost-thumb-bg:before,.mostviewspost-news .mostviewspost-photo .mostviewspost-thumb-bg:before,.mostviewspost-news.style-h .mostviewspost-photo .mostviewspost-thumb-bg:before,.recent-news .recent-photo .recent-thumb-bg:before { position: absolute; content: ''; width: 100%; background: -moz-linear-gradient(270deg,rgba(39,47,66,0) 30%,var(--atv-bg-color7) 78%,var(--atv-bg-color7) 79%); background: -webkit-linear-gradient(270deg,rgba(39,47,66,0) 30%,var(--atv-bg-color7) 78%,var(--atv-bg-color7) 79%); background: -o-linear-gradient(270deg,rgba(39,47,66,0) 30%,var(--atv-bg-color7) 78%,var(--atv-bg-color7) 79%); background: -ms-linear-gradient(270deg,rgba(39,47,66,0) 30%,var(--atv-bg-color7) 78%,var(--atv-bg-color7) 79%); background: linear-gradient(180deg,rgba(39,47,66,0) 30%,var(--atv-bg-color7) 78%,var(--atv-bg-color7) 79%); height: 100%; z-index: 999}
.mostviewspost-news .mostviewspost-photo img { min-width: 100%; vertical-align: middle}
.mostviewspost-news .post-cate { background: rgba(27,33,45,.8); padding: 0 15px; color: #5d6379; height: 28px; line-height: 25px; border-radius: 14px; margin-bottom: 10px; font-size: 11px; width: max-content; display: inline-block; margin-right: 6px}
.mostviewspost-news .mostviewspost-info { position: absolute; bottom: 0; z-index: 999; padding: 15px}
.mostviewspost-news .mostviewspost-info h4,.recent-news .recent-info h4 { font-size: 16px; margin-bottom: 15px}
.mostviewspost-news .mostviewspost-info h4.font-14 { font-size: 14px}
.lastnewspost-news .lastnewspost-info p,.mostviewspost-news .mostviewspost-info p,.recent-news .recent-info p { color: #5d6379}
.lastnewspost-news .post-cate a,.mostviewspost-news.style-h .post-cate a { font-size: 11px!important}
.mostviewspost-news .post-date { color: var(--atv-color1); font-size: 12px; display: inline-block; text-shadow: 1px 1px 1px rgb(0 0 0 / 51%)}
.header-icon-search svg,.lastnewspost-news .post-date svg,.mostviewspost-news .post-date svg,.recent-news .post-date svg,.userlogged_watchlater svg { width: 16px}
.lastnewspost-news .post-detail span,.mostviewspost-news .post-detail span,.recent-news .post-detail span { float: left; color: #fff; display: inline; min-width: 40px; height: 22px; margin-right: 10px}
.lastnewspost-news { position: relative; margin-bottom: 0; height: 196px}
.lastnewspost-news.snews1 { height: 410px; background: var(--atv-bg-color7)}
.lastnewspost-news.snews2 { height: 350px; background: var(--atv-bg-color7)}
.lastnewspost-news.snews2 .recent-infoblock { position: absolute; left: 10px; top: 10px; background: #e3007c; color: #fff; height: 30px; line-height: 28px; padding: 0 10px; border-radius: 16px; z-index: 9}
.lastnewspost-news.snews1 .lastnewspost-photo .lastnewspost-thumb-bg { height: 80%; overflow: hidden}
.lastnewspost-news.snews1 .lastnewspost-photo img { min-height: 79%}
.lastnewspost-news.snews1 .post-detail { padding-left: 10px; font-size: 13px}
.lastnewspost-news.snews1 .post-detail .post-date { display: inline-block; font-size: 13px}
.lastnewspost-news.snews1 .post-detail span.post-views { background: url(../images/svg/views.svg) center right/14px no-repeat; padding-right: 25px}
.lastnewspost-news.snews1 .post-detail span.post-comments { background: url(../images/svg/comments.svg) center right/14px no-repeat; padding-right: 25px}
.marg25 { margin-bottom: 25px}
.lastnewspost-news .post-cate { background: rgba(27,33,45,.59); padding: 0 10px; color: #5d6379; height: 24px; line-height: 21px; border-radius: 14px; width: max-content; display: inline-block; margin-right: 6px; font-size: 14px}
.afternews-1 .lastnewspost-news .post-date,.afternews-2 .lastnewspost-news .post-date { display: inline-block!important}
.lastnewspost-news .lastnewspost-info { position: absolute; bottom: 0; z-index: 999; padding: 5px}
.recent-news,.recent-news.style-1 { position: relative; margin-bottom: 25px}
.lastnewspost-news .lastnewspost-info h4 { font-size: 13px; margin-bottom: 5px; margin-top: 5px; max-height: 36px; overflow: hidden; line-height: 18px}
.lastnewspost-news .post-date { color: var(--atv-color1); font-size: 10px}
.artists-bottom,.custom-control-label,.font-size-12,.lastnewspost-news .post-date i,.tooltiptopsn span.date { font-size: 12px}
.recent-news { background: #283241; height: 350px}
.home-recent .recent-news { height: 400px}
.recent-news.boxstyle-2 { height: 196px}
.recent-news.style-1 { height: 418px}
.recent-news .recent-infoblock { position: absolute; left: 10px; top: 10px; background: #e3007c; color: #fff; height: 32px; line-height: 26px; padding: 0 10px; border-radius: 16px; z-index: 9}
.recent-news .post-cate { background: rgba(27,33,45,.59); padding: 0 10px; color: #5d6379; height: 28px; line-height: 25px; border-radius: 14px; width: max-content}
.recent-news .post-date { color: var(--atv-color1); font-size: 14px; float: right}
.owl-slider-news .owl-dots { position: absolute; z-index: 9; bottom: 10px; width: 100%}
.afternews2 .lastnewspost-news { height: 90px; margin: 0; background: var(--atv-bg-color7)}
.afternews2 .afternews-1 { margin-bottom: 16px}
.afternews2 .lastnewspost-news .lastnewspost-photo { position: absolute; left: auto; right: 0; top: 0; bottom: 0; width: 150px; height: 100%; overflow: hidden}
.afternews2 .afternews-1 .lastnewspost-news .lastnewspost-photo { right: auto; left: 0}
.afternews2 .afternews-1 .lastnewspost-info { margin-left: 110px; top: 0; padding: 15px}
.afternews2 .afternews-2 .lastnewspost-info { margin-right: 110px; top: 0; left: 0; padding: 5px 10px}
.afternews2 .afternews-1 .lastnewspost-photo .lastnewspost-thumb-bg:before { background: -moz-linear-gradient(359deg,rgba(37,48,66,0) 33%,#253042 77%); background: -webkit-linear-gradient(359deg,rgba(37,48,66,0) 33%,#253042 77%); background: -o-linear-gradient(359deg,rgba(37,48,66,0) 33%,#253042 77%); background: -ms-linear-gradient(359deg,rgba(37,48,66,0) 33%,#253042 77%); background: linear-gradient(91deg,rgba(37,48,66,0) 33%,#253042 77%)}
.afternews2 .afternews-2 .lastnewspost-photo .lastnewspost-thumb-bg:before { background: -moz-linear-gradient(180deg,rgba(37,48,66,0) 33%,#253042 77%); background: -webkit-linear-gradient(180deg,rgba(37,48,66,0) 33%,#253042 77%); background: -o-linear-gradient(180deg,rgba(37,48,66,0) 33%,#253042 77%); background: -ms-linear-gradient(180deg,rgba(37,48,66,0) 33%,#253042 77%); background: linear-gradient(270deg,rgba(37,48,66,0) 33%,#253042 77%)}
.afternews4 .lastnewspost-news { height: 179px}
.afternews4 .lastnewspost-news .post-cate { margin: 5px 0 0}
.home-col-search { background: var(--atv-bg-color2); padding: 20px 0; position: relative; z-index: 999999}
.home-col-search .col-md-4,.home-col-search .col-md-5,.row-custom-select-wrapper .row .col-md-5,.row-custom-select-wrapper .row .col-md-6 { padding-left: 0}
.home-col-search .col-md-2 { text-align: center; padding-right: 28px}
.home-col-search .search-submit { border-radius: 22px; border: .12rem solid var(--atv-color1); width: 100%; height: 38px; line-height: 35px; margin-top: 0; padding: 0; background: 0 0; color: var(--atv-bg-color3); position: relative}
.home-col-search .search-submit button { border: 0; width: calc(100% - 28px); background: var(--atv-color1); border-radius: 18px; position: absolute; left: -1px; top: -1px; bottom: -1px; right: 29px; line-height: 0; padding: 0; font-size: 15px}
.home-col-search .search-submit i { color: #fff; margin: 0 12px 0 10px; cursor: pointer; display: inline-block; font-size: 12px; position: relative; top: -1px}
.block-bgcolor-att .gtitle { background: #262a35}
.b_title h3,h2.gtitle { color: #fff; background: #20252b; font-size: 16px; padding: 0 20px; margin-bottom: 20px; display: inline-block; width: auto; position: relative; height: 45px; line-height: 41px; border-radius: 23px}
.gtitle.style-2 { background: 0 0; color: var(--atv-color1); padding: 0}
.customselect-wrapper { position: relative; display: inline-block; user-select: none; width: 100%}
.userlogged-list .dropdown-menu li,.widthauto .customselect-wrapper { width: initial}
.customselect { position: relative; display: inline-block; z-index: 99999; width: 100%}
.customselect.opened { z-index: 999999}
.customselect-trigger { position: relative; display: block; width: 100%; padding: 0 34px 0 15px; font-size: 13px; font-weight: 300; color: var(--atv-tx-color1); line-height: 36px; border-radius: 25px; cursor: pointer; border: .13em solid #565f70}
.customselect-trigger:after { position: absolute; display: block; content: ''; width: 6px; height: 6px; top: 50%; right: 15px; margin-top: -1px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg) translateY(-50%); transition: .4s ease-in-out; transform-origin: 50% 0}
.customselect.opened .customselect-trigger:after { margin-top: 3px; transform: rotate(-135deg) translateY(-50%)}
.custom-options { position: absolute; display: block; top: 100%; left: 0; right: 0; width: max-content; min-width: 100%; margin: 5px 0; border: 1px solid var(--atv-bo-color1); border-radius: 4px; box-sizing: border-box; box-shadow: 0 2px 1px rgba(0,0,0,.07); background: var(--atv-bo-color1); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-15px); max-height: 250px; overflow: auto}
.home-news .custom-options { width: 180px}
.customselect.opened .custom-options { opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0)}
.custom-options:before { position: absolute; display: block; content: ''; bottom: 100%; right: 25px; width: 7px; height: 7px; margin-bottom: -4px; border-top: 1px solid var(--atv-bo-color1); border-left: 1px solid var(--atv-bo-color1); background: var(--atv-bo-color1); transform: rotate(45deg)}
.option-hover:before { background: #f9f9f9}
.custom-option { position: relative; display: block; padding: 0 10px; border-bottom: 1px solid var(--atv-bg-color1); font-size: 13px; font-weight: 500; color: #fff; line-height: 32px; cursor: pointer; text-align: right}
.custom-option:first-of-type { border-radius: 4px 4px 0 0}
.custom-option:last-of-type { border-bottom: 0; border-radius: 0 0 4px 4px}
.custom-option.selection,.custom-option:hover,.swal2-footer a:hover { background: var(--atv-bg-color1)}
.custom-select-button:hover,button.submit { background: var(--atv-color1)}
.custom-select-button { margin-top: 0; display: flow-root; cursor: pointer; background: #4c5464; border-radius: 50%; width: 39px; height: 39px; text-align: center; line-height: 36px}
#postcontent .btn-button-contactus,button.submit { border: 2px solid var(--atv-color1); height: 40px; padding-bottom: 5px}
.custom-select-button i,.row-custom-select-wrapper i { font-size: 18px; position: relative; top: 5px}
.row-custom-select-wrapper { position: relative; z-index: 99999}
.single-page { padding: 50px 0}
.single-page.pt-3 { padding: 30px 0 50px}
.post_content { font-weight: 400}
.post_content strong { font-weight: 600}
input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover { box-shadow: none!important; outline: 0!important}
#postcontent h4 { font-size: 17px; margin: 0 0 25px; font-weight: 600; color: #fff}
#postcontent .infoemail { text-align: left; font-size: 13px; margin-top: 8px}
#postcontent .btn-button-contactus { width: 100%; background: var(--atv-bg-color3); border-radius: 20px; position: relative; font-size: 16px}
#postcontent .btn-button-contactus::before { content: ''; width: 90px; background: var(--atv-color1); position: absolute; right: -2px; top: -2px; height: 40px; line-height: 35px; border-radius: 20px}
#postcontent .btn-button-contactus i { line-height: 35px; color: var(--atv-bg-color3); position: absolute; top: 0; right: 35px; font-size: 15px}
#postcontent .btn-button-contactus span { position: relative; right: 30px; color: var(--atv-color1); font-size: 13px}
button.submit { border-radius: 20px; position: relative; font-size: 14px}
.pagination li,.pagination li.boxpaged { height: 34px; display: inline-block; text-align: center}
button.submit:hover { border: 2px solid var(--atv-color1); background: var(--atv-bg-color3); color: var(--atv-color1)}
.row-pagination { width: 100%; border-top: 1px solid #21252e; padding-top: 15px; border-radius: 0}
.row-pagination .currentpage { color: #5d6477; padding-top: 5px}
.pagination li { padding: 0 8px; background: 0 0; color: #5d6477; line-height: 34px; font-size: 13px}
.pagination li .active { background: 0 0; color: #fff}
.pagination li span.extend { padding: 0}
.pagination li span.pages { background: 0 0; color: #5d6477; float: left}
.pagination li.boxpaged { color: #333946; border: .1rem solid #333946; border-radius: 100%; width: 34px; line-height: 33px; margin: 0}
.pagination li.boxpaged svg { width: 10px; color: #333946; position: relative; top: 3px; right: 1px}
.pagination li.disabled { margin: 0 1px; font-size: 18px; position: relative; top: 2px}
.pagination li.disabled svg { width: 22px; margin: 0 1px; color: #333946}
.block-bgcolor-att { background: var(--atv-bg-color8); margin-top: 15px; padding-bottom: 15px}
.stitle { color: var(--atv-color1); font-size: 16px; margin: 0 0 20px}
.box-count,.box-show-awardes h4 span { display: inline-block; border-radius: 100%; border: .1rem solid var(--atv-color1); width: 25px; height: 25px; line-height: 22px; text-align: center; font-size: 13px; color: #fff; margin-right: 10px}
.artists-box { margin-bottom: 40px}
.artists-box-inn { position: relative; padding-right: 180px; height: 190px; overflow: hidden; margin-bottom: 5px}
.artists-box-inn .artists-right .thumb { border: .09em solid var(--atv-bg-color4); width: 170px; height: 170px; background: #ccc; display: inline-block; border-radius: 100%; overflow: hidden; position: relative; transition: .4s}
.artists-box-inn .artists-right .favorite,.box-awardes span { background: var(--atv-color1); text-align: center; display: inline-block}
.artists-box-inn .artists-right .thumb img { border-radius: 100%; width: 100%; height: 100%}
.artists-box-inn .artists-right .favorite { color: var(--atv-bg-color4); width: 40px; height: 40px; border-radius: 100%; line-height: 43px; font-size: 18px; position: absolute; right: 10px; top: 130px; z-index: 9}
.artists-box-inn .artists-right .favorite svg { width: 24px}
.artists-box-inn .artists-right .favorite:hover { background: var(--atv-bo-color1); color: #fff}
.artists-box-inn .artists-right .favorite.active { background: #e53838; color: #fff}
.artists-box-inn .artists-right span { display: block; height: 30px; border-radius: 18px; text-align: center; line-height: 28px; font-size: 12px; position: absolute; right: 100px; top: 135px; border: .09rem solid var(--atv-color1); color: #fff; background: #121421; padding: 0 10px; width: max-content; z-index: 9}
.artists-box-inn h2 { font-size: 16px; margin-bottom: 0}
.artists-box-inn h3 { margin-bottom: 10px; margin-top: 0; line-height: 1}
.artists-box-inn h3 a { font-size: 14px; color: var(--atv-tx-color1)}
.thumbavatar-artistss { width: 310px; height: 310px; overflow: hidden; border-radius: 100%; text-align: center; vertical-align: top; position: relative}
.thumbavatar-artistss img { min-width: 100%; min-height: 100%!important; min-width: inherit!important}
.thumbavatar { background: 0 0; position: relative; overflow: inherit; width: 310px; height: 310px; margin: 0 auto 25px}
.box-awardes,.box-awardes span { border-radius: 100%; position: absolute}
.thumbavatar img { border-radius: 100%; height: 100%; width: 100%}
.box-awardes { top: 0; right: 24px; z-index: 9999; background: #fff; width: 50px; height: 50px; color: #262626}
.box-awardes svg { width: 29px; margin: 14px 10px 10px}
.box-awardes i { width: 100%; line-height: 46px; font-size: 27px; padding-left: 2px}
.box-awardes span { width: 20px; line-height: 20px; height: 20px; font-size: 13px; top: 35px; right: -5px; font-weight: 600}
.artists-info h1,.artists-info h2 { font-size: 21px; color: #fff}
.artists-info h3 { font-size: 15px; margin-bottom: 20px; color: #5d6477; font-weight: 500}
.box-show-awardes .item-awardes span,.box-show-awardes h4 { color: var(--atv-color1); font-size: 16px}
.artists-info ul.info { text-align: right; margin-bottom: 15px}
.artists-info ul.info li { margin: 0; color: #fff}
.artists-info ul.info li label { padding: 0!important; margin-left: 1px; display: inline-block; margin-top: 0; text-align: right; color: #5d6477; font-size: 14px; font-weight: 400; margin-bottom: 0}
.artists-info .excerpt { color: #fff; font-size: 14px; max-height: 125px; overflow: auto; padding-left: 4px; text-align: justify}
.owl-gallery-artists .item .img { border: .09em solid var(--atv-bg-color4); border-radius: 100%; overflow: hidden; width: 94px; height: 94px; position: relative; transition: .4s}
.owl-gallery-artists .item .img img { min-width: 94px; min-height: 94px; max-width: initial!important; position: relative; top: -2px}
.owl-gallery-artists .item .img .mask { padding: 2px; border-radius: 100%; overflow: hidden; position: relative; background: var(--atv-bg-color4); display: flex; justify-content: center; width: 94px; height: 94px}
.box-show-awardes .owl-dots,.userlogged-list .new-episode li a:before { display: none!important}
.box-show-awardes .owl-controls { top: -90px; position: absolute; left: 20px}
.box-show-awardes .owl-controls .owl-nav div { font-size: 21px; height: 29px; right: -5px}
.box-show-awardes .owl-controls .owl-nav div.owl-next { right: 6px}
.artists-bottom2,.box-show-awardes { margin-top: 25px}
.box-show-awardes .item-awardes { position: relative; padding-right: 35px}
.box-show-awardes .item-awardes svg { width: 26px; position: absolute; right: 0; top: 7px}
.item-awardes h3 { font-size: 14px; margin: 0; font-weight: 500; color: #fff}
.item-awardes div { font-size: 14px; color: #5c6477; margin-top: 5px}
.box-show-awardes .item-awardes span { position: absolute; left: 0; top: 0}
.artists-bottom2 .add-favorites { display: block; border: .1rem solid #596072; height: 40px; line-height: 38px; text-align: center; border-radius: 20px; color: #fff}
.artists-bottom2 .add-favorites svg { color: var(--atv-color1); margin-left: 5px; font-size: 21px; top: 0; position: relative; width: 20px}
.artists-bottom2 .add-favorites.active { background: #fa5050; border-color: #fa5050}
.icon-user-login-registered { width: 28px; height: 28px; display: inline-block; position: relative; top: 0; margin-right: 10px}
.thebox-modal,.thebox-overlay { position: fixed; right: 0; left: 0; bottom: 0}
.box-user-all { color: var(--atv-color1); display: inline-block; text-align: left; float: left}
.box-user-all .user-login-registered { display: inline-block; margin: 0 5px; border-radius: 19px; border: .12rem solid var(--atv-color1); position: relative; font-size: 13px}
.box-user-all .user-login-registered:before { content: ''; border-left: 1px solid #52596c; top: 8px; bottom: 8px; right: 50%; margin-right: -10px; position: absolute}
.box-user-all .user-login-registered .model-user-registered { color: var(--atv-color1); display: inline-block; padding: 0 5px; margin-right: 10px}
.box-user-all .linkuserpro { display: inline-block; margin: 0 5px; border-radius: 19px; border: .12rem solid var(--atv-color1); position: relative}
.box-user-all .linkuserpro .dropdown-menu { z-index: 99999999; top: 55px!important; background: var(--atv-bg-color1); color: #fff!important; width: 318px; text-align: center; transform: inherit!important; right: -100px; left: auto!important}
.winner-notification { padding: 0 15px; text-align: center; color: #fff; font-size: 12px}
.winner-notification .batnie-icon { padding-bottom: 3px}
.winner-title { font-size: 14px; padding-bottom: 1px; color: #fff}
.book-items-wrap span { display: block; padding-top: 3px; color: #fff; font-size: 12px; -webkit-transition: .4s; -ms-transition: .4s; transition: .4s; margin-bottom: 8px}
.winner-notification p { line-height: 2.17}
.userlogged-list { display: inline-block; margin-left: 10px}
.userlogged-list li { display: inline-block; vertical-align: middle; position: relative}
.userlogged-list li span.count { position: absolute; background: #f54848; font-size: 11px; padding: 0 2px; line-height: 1.2; border-radius: 2px; top: -2px; right: -4px}
.userlogged-list li.userlogged_notifications>ul { width: 320px}
.userlogged-list li i.fa { font-size: 21px; height: 19px; display: block}
.userlogged-list li .useravatar { border-radius: 100%; width: 43px; height: 43px; border: .12rem solid var(--atv-color1); padding: 2px; display: inline-table; position: relative}
.userlogged-list .userpro { position: absolute; top: -11px; right: -7px; color: var(--atv-color1); text-shadow: 0 0 2px #000}
#site-option i,.userlogged-list .userpro i,.userlogged_favorites i,.userlogged_notifications i { font-size: 18px}
.userlogged-list li .useravatar img { border-radius: 100%; width: 36px; height: 36px}
.userlogged-list li .usernicename { width: max-content; overflow: hidden; height: max-content; display: none}
.userlogged-list .dropdown-menu { background: var(--atv-bg-color8); border-radius: 0; z-index: 999999999999; border: 1px solid #2d3245; top: 60%!important; padding: 0; width: 190px; overflow: hidden}
.userlogged-list .dropdown-menu:before { top: -15px; left: 5px; border: 7px solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #2d3245; margin-left: 0}
.userlogged-list .dropdown-menu li { display: block; height: 35px; position: relative; margin: 0; padding: 0 12px; border-bottom: 1px solid #1f232e; text-align: right; width: 100%}
.userlogged-list .dropdown-menu li.welecome { color: #fff; line-height: 34px; text-align: center}
.userlogged-list .dropdown-menu li.new-episode { margin: 0; height: inherit; padding-left: 18px; padding-right: 20px; background: 0 0}
.userlogged-list .new-episode ul li .episodeview i { font-size: 14px; line-height: 26px; right: auto; left: auto; position: relative; width: initial; top: 1px}
.userlogged-list .new-episode ul { position: relative; max-height: 450px; border-style: solid; -webkit-border-image: none; -webkit-border-image: none; -moz-border-image: none; -o-border-image: none; border-width: 0 2px 0 0; background: 0 0}
.userlogged-list .new-episode ul li { position: relative; border-bottom: 1px solid #414757; margin-bottom: -5px; height: inherit}
.userlogged-list .new-episode ul li:before { position: absolute; width: 40px; height: 5px; bottom: -2px; background: var(--atv-bg-color8); content: ''; right: 0}
.userlogged-list .new-episode ul li .post_time { position: absolute; right: -17px; top: 0}
.userlogged-list .new-episode ul li .post_time i { position: absolute; right: -9px; top: 0; color: var(--atv-color1); font-size: 18px; background: var(--atv-bg-color8)}
.userlogged-list .new-episode ul li .post_time span.day { font-size: 16px; position: absolute; right: 15px; top: 0}
.userlogged-list .new-episode ul li .post_time span.month { font-size: 13px; position: absolute; right: 15px; top: 18px}
.userlogged-list .new-episode ul li .post_time span.year { font-size: 13px; position: absolute; right: 15px; top: 34px}
.userlogged-list .new-episode ul li .btitle { color: #fdfdfd; display: flex; height: 65px; line-height: 1.4; vertical-align: baseline; overflow: hidden; flex-wrap: nowrap; align-content: center}
.userlogged-list .new-episode ul li .episodeview,.userlogged-list .new-episode ul li .numepisode { top: 50%; width: 30px; height: 30px; margin-top: -13px; z-index: 9999; position: absolute; text-align: center}
.userlogged-list .new-episode ul li .numepisode { left: 42px; border: 2px solid var(--atv-color1); padding: 0 5px; line-height: 25px; border-radius: 15px; font-size: 13px; color: #fff}
.userlogged-list .new-episode ul li .episodeview { border: 2px solid var(--atv-color1); background: var(--atv-color1); color: #13161b; padding-right: 2px; line-height: 24px; border-radius: 100%}
.userlogged-list li.userlogged_userpro svg { color: var(--atv-color1); width: 21px; position: relative; top: -1px}
.userlogged-list .dropdown-menu li.noteuserpro { height: inherit; font-size: 12px; text-align: center; color: var(--atv-color1); padding: 5px}
.userlogged-list .dropdown-menu li a { color: #fff; display: block; position: relative; line-height: 33px; padding: 0; font-size: 12px; margin: 0}
.userlogged-list .dropdown-menu li.mynotifications a:before { background-position: 0 -40px; top: 4px}
.userlogged-list .dropdown-menu li.myfavorites a:before { background-position: 0 -75px; top: 0}
.userlogged-list .dropdown-menu li.mywatchlater a:before { background-position: 0 -118px; top: 0}
.userlogged-list .dropdown-menu li.watchhistory a:before { background-position: 0 -160px; top: 0}
.userlogged-list .dropdown-menu li.myviewed a:before { background-position: 0 -200px; top: 0}
.userlogged-list .dropdown-menu li a:hover { color: var(--atv-color1)!important; background: 0 0}
.userlogged-list .dropdown-menu li.myprofile:hover a:before { background-position: -23px 0}
.userlogged-list .dropdown-menu li.mynotifications:hover a:before { background-position: -23px -40px}
.userlogged-list .dropdown-menu li.myfavorites:hover a:before { background-position: -23px -75px}
.userlogged-list .dropdown-menu li.mywatchlater:hover a:before { background-position: -23px -118px}
.userlogged-list .dropdown-menu li.watchhistory:hover a:before { background-position: -25px -160px}
.userlogged-list .dropdown-menu li.myviewed:hover a:before { background-position: -23px -200px}
.box-episode h4,.userlogged-list .dropdown-menu li.logout a:hover { color: var(--atv-color1)!important}
.userlogged_favorites ul.dropdown-menu li.morelink,.userlogged_watchlater ul.dropdown-menu li.morelink { height: 35px; line-height: 35px; text-align: center; background: #1a202c; border: 0; padding: 0; margin: 0}
.userlogged_favorites ul.dropdown-menu li.morelink a,.userlogged_watchlater ul.dropdown-menu li.morelink a { height: 35px; line-height: 35px; text-align: center; padding: 0; margin: 0}
#header .searchbox { background: var(--atv-bg-color3); height: 36px; border-radius: 25px; position: relative; z-index: 99999; display: inline-block; float: right}
#header .searchbox input { background: 0 0; border: 0; height: 36px; width: 100%; padding: 0 12px 0 35px; color: #fff; font-size: 11px}
#header .searchbox input::placeholder { color: #5a6173}
#header .searchbox button { background: 0 0; border: 0; position: absolute; left: 2px; top: 4px}
#header .searchbox button svg { width: 16px; color: #5a6173}
#header .searchbox button:hover svg { color: #b7b7b7}
.thebox-modal { padding-bottom: 50px; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 99999999; top: 0; direction: ltr; padding-top: 100px}
.thebox-modal hr { border-top: 1px solid #ddd; background: 0 0}
.thebox-overlay { animation: .2s thebox-fadein; -webkit-animation: .2s thebox-fadein; -moz-animation: .2s thebox-fadein; -ms-animation: thebox-fadein .2s; -o-animation: .2s thebox-fadein; -webkit-backface-visibility: hidden; background: rgba(93,89,83,.2); background: radial-gradient(ellipse closest-corner,rgba(93,89,83,.4),rgba(93,89,83,.3)); transition: opacity .4s ease-in-out; top: 0; z-index: 9999999}
.thebox-modal .thebox-window { animation: .2s thebox-popfadein; -webkit-animation: .2s thebox-popfadein; -moz-animation: .2s thebox-popfadein; -ms-animation: thebox-popfadein .2s; -o-animation: .2s thebox-popfadein; padding: 30px 20px 20px; width: 320px; position: relative; margin: 0 auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 10px; font-size: 13px; background: #1e2535}
.thebox-modal.thebox-closing .thebox-overlay,.thebox-modal.thebox-switching .thebox-window { animation: .2s thebox-fadeout; -webkit-animation: .2s thebox-fadeout; -moz-animation: .2s thebox-fadeout; -ms-animation: thebox-fadeout .2s; -o-animation: .2s thebox-fadeout; -webkit-backface-visibility: hidden}
.thebox-modal .thebox-window p { margin: 0; font-size: 15px; line-height: 1.7}
.thebox-modal .thebox-window p small { display: block; margin: 15px 0; color: #888; text-transform: uppercase; font-size: 13px; font-weight: 500}
.thebox-modal .thebox-window p.name { font-size: 15px; margin: 0 0 20px}
.thebox-modal .thebox-window p strong { font-size: 12px; text-transform: uppercase; display: inline-block; padding-right: 3px}
.thebox-modal .thebox-window a { text-decoration: none}
.thebox-modal .thebox-window .close { font-weight: 400; position: absolute; right: auto; text-shadow: none; top: 6px; left: 15px; background: 0 0; color: #fff; opacity: 1; font-size: 21px}
.thebox-modal .thebox-window ul { font-size: 14px; line-height: 1.6; margin: 12px 0 20px 15px}
.thebox-modal .thebox-window ul li { list-style-type: square}
.thebox-modal .button { margin-right: 5px; background: #34495e; border-color: #34495e; color: #fff; padding: 6px 15px; border-radius: 3px; font-size: 14px}
.thebox-modal section { margin: 0 0 40px}
.metismenu,.thebox-modal section:last-child,.userlogged-list .userlogged_notifications .dropdown-menu li,.widget-list ul,.widget-recent-post ul,.widget-recent-recipes ul { margin: 0}
.thebox-modal input[type=submit].button { margin-top: 10px; margin-bottom: 0}
.thebox-modal .error-message { display: none; margin: 0 0 15px; font-size: 14px; line-height: 1.5}
.thebox-modal h3.bordered,.thebox-modal h3.thebox-modal-cap { border: none; padding: 0; margin: -29px -5px 20px; line-height: 41px; height: 45px; font-size: 15px; color: #fff; border-bottom: 1px solid #2b3242}
.thebox-modal h3.secondary { text-transform: uppercase; font-size: 14px; letter-spacing: .5px}
.thebox-modal .thebox-window .close:hover { color: #ff0018}
.thebox-modal .modal-form-messages .errors,.thebox-modal .modal-form-messages .messages { display: block; position: relative; margin: 7px 0 5px; padding: 12px 12px 12px 62px; border: 1px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 13px; line-height: 1.6}
.thebox-modal .modal-form-messages .errors:after,.thebox-modal .modal-form-messages .messages:after { font-family: theboxIcons; display: block; content: "\f080"; position: absolute; top: 11px; left: 15px; font-size: 28px}
.thebox-modal .group-color { margin: 10px 0}
.thebox-modal .box-group-color div { border-radius: 100%; width: 32px; height: 32px; display: inline-block; cursor: pointer; margin-left: 4px; border: 2px solid #fff}
.thebox-modal .box-group-color div:before { content: ''}
.thebox-modal .box-group-color div.active { border: 2px solid #fff; background-image: url(../images/added.png); background-repeat: no-repeat; background-position: center; background-size: 16px}
.thebox-modal #save_site_option { width: 100%; border-radius: 17px; height: 34px; border: none; background: var(--atv-color1); padding: 0 0 3px; color: #000; font-size: 15px; margin-top: 15px}
#login-form .account-section .login-icon,.forgot_modal h3,.login_modal h3,.registration_modal h3 { font-size: 14px; text-align: center; margin-bottom: 18px; color: #fff}
.editprofile_modal input.form-control,.forgot_modal input.form-control,.login_modal input.form-control,.registration_modal input.form-control { width: 100%; background: #1a202c; border: .13rem solid #2b3244; border-radius: 20px; text-align: right; padding: 11px 18px 10px; height: 42px; margin-bottom: 10px; font-size: 13px; color: #fff}
#login-form .account-section .btn,.editprofile_modal .submit_button_editprofile,.forgot_modal .submit_button_forgot,.login_modal .submit_button_login,.registration_modal .submit_button_registered { width: 100%; border: 0; height: 40px; border-radius: 20px; position: relative; font-size: 16px; padding-bottom: 5px; color: var(--atv-bg-color3); margin: 10px 0}
.forgot_modal .submit_button_forgot svg,.login_modal .submit_button_login svg,.registration_modal .submit_button_registered svg { width: 12px; position: absolute; top: 13px; left: 15px}
.forgot_modal .submit_button_forgot i,.login_modal .submit_button_login i,.registration_modal .submit_button_registered i { line-height: 35px; color: var(--atv-bg-color3); position: absolute; top: 3px; left: 15px}
.login_modal .lost { text-align: right; color: var(--atv-color1)}
.forgot_modal .login-box-bottom,.login_modal .login-box-bottom,.registration_modal .login-box-bottom { background: #1a202c; margin: 15px -20px -20px; border-radius: 0 0 12px 12px; text-align: center; padding: 10px}
.forgot_modal .login-box-bottom h5,.login_modal .login-box-bottom h5,.registration_modal .login-box-bottom h5 { color: #fff; font-size: 13px; margin-top: 5px}
.forgot_modal .login-box-bottom a,.login_modal .login-box-bottom a,.registration_modal .login-box-bottom a { display: block; border: .13rem solid; height: 38px; line-height: 32px; border-radius: 19px; margin: 15px 0 5px; cursor: pointer}
.forgot_modal .status-login,.login_modal .status-login,.registration_modal .status-login,.status-comment { text-align: center; background: #1a202c; padding: 3px 0 8px; border-radius: 5px; font-size: 13px; display: none}
#login-form .account-section { background: #1e2535; animation: .2s thebox-popfadein; -webkit-animation: .2s thebox-popfadein; -moz-animation: .2s thebox-popfadein; -ms-animation: thebox-popfadein .2s; -o-animation: .2s thebox-popfadein; padding: 30px 20px 20px; width: 320px; position: relative; margin: 0 auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 10px; font-size: 13px}
#login-form .account-section .login-icon svg,.form-group { margin-bottom: 10px}
.custom-control { padding-left: 0; padding-right: 2rem}
.custom-control-label::before { left: auto; right: -2rem; width: 1.5rem; height: 1.5rem; top: .1rem; background: var(--atv-bg-color2); border: .1rem solid #293040}
.custom-checkbox .custom-control-label::before { border-radius: 2.5rem}
.custom-control-label::after { left: auto; right: -1.9rem; width: 1.3rem; height: 1.3rem; top: .15rem}
.custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #293040; background-color: var(--atv-bg-color2)}
.custom-control-label:focus,.custom-control-label:hover { background: 0 0!important; outline: 0!important; box-shadow: none!important}
.parent-head { margin-bottom: 5px; font-size: 12px}
.parent-head a { color: red; display: inline-block; margin-right: 15px}
.head-title { position: relative; border-bottom: 0 solid #2b3244; margin-bottom: 30px}
.head-title h5 { color: var(--atv-color1); font-size: 15px}
.form-input { display: block; position: relative; margin-bottom: 0}
.form-control,.form-select,.form-input input { background: #1a202c; border: .1rem solid #2b3244; color: #dfdfdf; border-radius: 21px; text-align: right; padding: 10px 15px; margin-bottom: 0; font-size: 13px; height: 42px}
.form-control:focus,.form-control::placeholder { color: #dfdfdf;}
.widget,.widget-recent-recipes ul li { margin-bottom: 25px; position: relative}
select.form-control { padding: 8px 15px}
textarea.form-control { height: 120px}
.search-form-box { position: relative; margin-top: 0; background: #151821; border-radius: 20px; border: .12rem solid #2b3244; height: 40px; overflow: hidden}
.search-form-box .search-field,.search-form-box .search-submit { background: 0 0; border: 0; color: #5c6477}
.search-form-box .search-field { width: calc(100% - 45px); top: 5px; padding: 5px 15px}
.search-form-box>i { color: #5c6477; width: 22px; font-size: 18px; position: relative; top: 2px; left: -5px}
.search-form-box .search-submit svg { width: 20px}
.widget .widget-body { min-height: 50px}
.block-cat-news h1 { margin-top: 0; padding-top: 0; font-size: 19px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #bbb; position: relative}
.block-cat-news h1:before { content: ""; background: #d14550; height: 1px; position: absolute; left: 0; bottom: -1px; z-index: 9; width: 60px}
.block-cat-news h1 a { color: #d14550}
.block-cat-news .tump img { max-width: 100%}
.block-cat-news .box-info { margin: 15px auto; text-align: center}
.block-cat-news .box-info span { display: inline-block; margin: 0 15px 0 0}
.block-cat-news .box-info span:first-child { display: inline-block; margin: 0}
.block-cat-news .box-info span i { color: #d14550; margin-left: 3px}
.block-cat-news .getcontent { padding: 15px; line-height: 26px}
.widget { margin-top: 0}
.widget-nobg { box-shadow: none; border: none}
.widget .widget-title { padding-bottom: 0; margin-bottom: 20px; line-height: 28px; position: relative; font-size: 18px; color: var(--atv-color1)}
.widget .widget-title:before { position: absolute; height: 2px; width: 28px; background-color: #59bdfb; bottom: -2px; right: 0}
.widget .widget-title i { background-color: #59bdfb; height: 28px; width: 28px; line-height: 28px; font-size: 14px; text-align: center; margin-right: 0; color: #fff}
.user-profile-widget .ul_list li,.widget.widget_stats li { color: #2f3239; font-size: 14px; font-weight: 700; background-color: #eaeaeb; margin-bottom: 10px; padding: 10px!important}
.user-profile-widget .ul_list li i,.widget_stats li i { width: 23px; height: 23px; line-height: 23px!important; font-size: 11.5px!important; text-align: center; background-color: #2f3239}
.popular_posts ul li:last-child,.widget ul li:last-child,.widget_contact ul li:last-child { padding-bottom: 0; margin-bottom: 0}
.widget-recent-recipes ul li { overflow: hidden; padding-left: 0; padding-bottom: 19px; border-bottom: 1px solid #f2f2f2}
.widget-list ul li:last-child,.widget-recent-post ul li:last-child,.widget-recent-recipes ul li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0}
.widget-recent-recipes ul li a.thumb { max-width: 100%; height: 120px; overflow: hidden; margin-bottom: 15px; display: block; border-radius: 3px; -webkit-border-radius: 3px}
.widget-recent-recipes ul li a.thumb img { width: 100%; height: auto}
.widget-recent-recipes ul li div span { font-style: italic; display: block; margin-bottom: 2px}
.widget-recent-post ul li { border-bottom: 1px dotted #eee; margin-bottom: 10px; padding: 0 0 13px; height: 80px}
.widget-recent-post ul li a { color: #50545c; font-weight: 500; -webkit-transition: .3s; -khtml-transition: all .3s ease 0s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s}
.widget-recent-post .thumb { display: inline-block; float: right; margin-left: 15px; width: 85px; height: 49px; overflow: hidden; border: 2px solid #f5f5f5}
.widget-recent-post .recent-post-date { font-size: 12px; font-style: italic; margin-bottom: 0}
.widget-list ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ecedee; position: relative; overflow: hidden; font-size: 15px; list-style: none; color: #4b525c; height: 100%}
.widget-list ul li a { -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out}
.widget-list ul li a:before { content: "\f104"; font: 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; position: absolute; top: 4px; right: -5px; opacity: 0; visibility: hidden; transition: .3s ease-in-out}
.widget-list ul li a:hover:before { right: 0; opacity: 1; visibility: visible}
.widget-list ul li a:hover { padding-right: 13px; color: #59bdfb}
.tagcloud { overflow: hidden; height: 100%}
.tagcloud a { background-color: #f6f6f6; border: 1px solid #e4e6e8; margin: 0 3px 3px 0; display: block; float: left; padding: 6px 10px; font-size: 12px!important; transition: .17s ease-in-out; -moz-transition: .17s ease-in-out; -webkit-transition: .17s ease-in-out; -o-transition: .17s ease-in-out}
.tagcloud a:hover { background-color: #59bdfb; border-color: #59bdfb; color: #fff}
.new-news { max-height: 750px; overflow: hidden; padding: 0 8px 0 0; position: relative}
.new-news .more-link-dottt-left { bottom: 0!important; top: auto; left: 50%; margin-left: -73px; margin-top: 0; z-index: 99999; border-color: var(--atv-color1); background: #1e2535}
.new-news ul li h5 { margin: 20px 15px 0 0; font-size: 14px; padding: 0}
.new-news ul li h5 a { color: #fff; font-size: 13px; font-weight: 600}
.new-news ul li .content { color: #5c6375; font-size: 13px; margin: 10px 15px}
.new-news ul { position: relative; max-height: 750px; border-style: solid; border-width: 0 2px 0 0; border-color: #262626;}
.loop-episode a,.new-news ul li { border-bottom: 1px solid #21252e}
.new-news ul li { position: relative; padding-right: 5px; height: 175px}
.new-news ul li .post-detail { margin: 10px 15px 0 0}
.new-news ul li .post-detail span { display: inline; margin-left: 20px; color: #fff; min-width: 50px}
.new-news ul li .post_time { position: absolute; right: 0; top: -2px; z-index: 9999}
.new-news ul li .post_time .post-date { position: relative; padding-right: 15px; color: var(--atv-color1); font-size: 13px}
.new-news ul li .post_time .post-date .recent-infoblock { display: inline-block; background: #e3007c; color: #fff; height: 22px; line-height: 20px; padding: 0 10px; border-radius: 16px}
.new-news ul li .post_time i { position: absolute; right: -9px; top: 4px; font-size: 18px; width: 18px}
.new-news ul li:hover .post-comments,.new-news ul li:hover .post-comments i { color: var(--atv-bg-color3)}
.new-news ul li .post-cate { background: rgba(27,33,45,.59); z-index: 99999; padding: 0 10px; color: #5d6379; height: 28px; line-height: 28px; border-radius: 14px; width: max-content; display: inline-block; margin-right: 6px; position: absolute; left: 5px; top: 5px; font-size: 12px}
.new-news ul li .thumb-bg { position: absolute; left: 0; top: 15px; bottom: 0; overflow: hidden; width: 0}
.new-news ul li:hover .thumb-bg { position: absolute; left: 0; top: 0; bottom: 1px; overflow: hidden; width: 100%}
.new-news ul li .thumb-bg:before { position: absolute; content: ''; width: 0%; height: 0%; z-index: 999; background: -moz-linear-gradient(0deg,rgba(33,37,46,0) 14%,var(--atv-bg-color3) 75%); background: -webkit-linear-gradient(0deg,rgba(33,37,46,0) 4414 var(--atv-bg-color3) 75%); background: -o-linear-gradient(0deg,rgba(33,37,46,0) 14%,var(--atv-bg-color3) 75%); background: -ms-linear-gradient(0deg,rgba(33,37,46,0) 14%,var(--atv-bg-color3) 75%); background: linear-gradient(90deg,rgba(33,37,46,0) 14%,var(--atv-bg-color3) 75%)}
.new-news ul li:hover .post-cate { background: rgba(255,255,255,.75)}
.new-news ul li:hover .post-cate a { color: #262626}
.watchdone-active { display: inline-block; width: 16px; height: 16px; background: url(../images/svg/views3.svg) center center/16px no-repeat; position: relative; top: 3px; float: left; margin-left: 10px}
.loop-episode { position: relative; padding-bottom: 60px}
.loop-episode a { position: relative; clear: both; height: 39px; overflow: hidden; color: #fff; display: block; font-weight: 400; font-size: 13px}
.loop-episode a .titlepisode { padding: 7px 1px 3px 100px; min-height: 42px}
.loop-episode .parts-movies a { max-height: inherit; height: initial}
.loop-episode a .numepisode { position: absolute; left: 42px; border: .12rem solid var(--atv-color1); top: 50%; padding: 0 5px; height: 29px; line-height: 27px; border-radius: 15px; margin-top: -15px; font-size: 12px; color: #5c6574; z-index: 9999}
.loop-episode a .episodeview { position: absolute; left: 8px; border: 2px solid var(--atv-color1); background: var(--atv-color1); color: #13161b; text-align: center; padding-right: 2px; top: 50%; width: 30px; height: 30px; line-height: 26px; border-radius: 100%; margin-top: -15px; z-index: 9999; font-size: 14px}
.loop-episode a .downloadtrans { position: absolute; left: 45px; color: var(--atv-color1); text-align: center; top: 18%; font-size: 15px}
.loop-episode a:hover .titlepisode { background: #21252e}
.loop-episode a.active .titlepisode { background: #21252e; padding-right: 5px}
.theauthor { margin: 10px 0; color: #5d6477}
.theauthor .useravatar { border-radius: 100%; width: 40px; height: 40px; overflow: hidden}
#ajax-loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999999999; background: rgb(0 0 0 / 60%) center center no-repeat}
.resultes { border: .08rem solid var(--atv-color1); padding: 0 15px; display: inline-block; height: 30px; line-height: 25px; border-radius: 15px; font-size: 14px; color: #fff; margin: 0 8px}
.artists-box-inn .artists-right .thumb:before,.owl-gallery-artists .item .img:before { border-radius: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); top: 0; left: 0; transition: .4s; position: absolute; z-index: 1; content: ''}
h3.top-title { color: #fff; font-size: 21px}
.hrstyle { border-bottom: .08rem solid #252936}
.recent-movie .post-detail span.post-comments i { margin-left: 5px; font-size: 15px; position: relative; top: 2px}
.lastnewspost-news .post-detail span.post-comments,.mostviewspost-news .post-detail span.post-comments { background: url(../images/svg/comments.svg) bottom right no-repeat; padding-right: 25px}
.home-tvsries .postmovie span.post-comments { background: url(../images/svg/comments2.svg) bottom right/13px no-repeat; padding-right: 19px; top: 130px}
.recent-news .post-detail span.post-comments i,.recent-news .post-detail span.post-views i { margin-left: 5px; font-size: 14px; position: relative; top: 2px}
.new-news ul li .post-detail span.post-comments { padding-right: 15px; float: left; position: relative; margin-right: 10px}
.artists-bottom .artists-comments { background: url(../images/svg/comments.svg) center right/14px no-repeat; padding-right: 21px}
.artists-bottom .artists-heart { background: url(../images/svg/favorit.svg) center right/14px no-repeat; padding-right: 21px}
.postreviewavg .stars i { position: absolute; content: ''; background: url(../images/svg/star-rate-checked-xs.svg) right top/13px 12px repeat-x; height: 16px; right: 0}
.artists-box-inn .artists-right .thumb:before,.item-actros .item-actros .img:before,.owl-gallery-artists .item .img:before { background-image: url(../images/icon_spritemap.png)}
.artists-box-inn .artists-right .thumb:before { border: .15em solid var(--atv-color1); transform: scale(0); background-image: url(../images/icon_spritemap2.png); background-size: 800px 200px; background-position: -486px -15px}
.owl-gallery-artists .item .img:before { border: .19em solid var(--atv-color1); transform: scale(0)}
.item-actros .item-actros .img:before { content: ''; position: absolute; border-radius: 100%; border: .15em solid var(--atv-color1); top: 0; left: 0; z-index: 1; transition: .4s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); background-size: 300px 120px; background-position: -95px 22px}
.item-actros.actros-style2 .item-actros .img:before { background-size: 300px 120px; background-position: -105px 14px}
.owl-gallery-artists .item .img:before { background-size: 300px 120px; background-position: -98px 22px}
#header .main-menu li.live a { padding-right: 25px; display: inline-block; background: url(../images/icons-live.png) right center/23px no-repeat}
#header .main-menu li.movies a,#header .main-menu li.tvseries a { display: inline-block; background-size: 16px}
#header .main-menu li.live a:hover,#header .main-menu>li.live.active>a { background-size: 23px}
#header .main-menu li.movies a:hover,#header .main-menu li.tvseries a:hover,#header .main-menu>li.movies.active>a,#header .main-menu>li.tvseries.active>a { color: var(--atv-color1); background-size: 16px}
.recent-movie .post-detail span.post-views i { margin-left: 2px; font-size: 15px; position: relative; top: 2px}
.mostviewspost-news .post-detail span.post-views { background: url(../image/svg/views.svg) bottom right no-repeat; padding-right: 25px}
.lastnewspost-news .post-detail span.post-views { background: url(../images/svg/views.svg) bottom right no-repeat; padding-right: 25px}
.artists-bottom .artists-views { background: url(../images/svg/views.svg) center right/14px no-repeat; padding-right: 21px}
.info-comviewfav span.post-views i { margin-left: 5px; font-size: 16px; position: relative; top: 2px}
.new-news ul li .post-detail span.post-views { padding-right: 15px; display: inline; position: relative; margin-right: 10px}
.userlogged-list .dropdown-menu li a i { position: relative; top: 2px; width: 25px; font-size: 18px}
.userlogged-list .dropdown-menu li.removeallnotifi a i { position: relative; top: auto; right: auto; display: inline-block; font-size: 13px; width: inherit; height: inherit}
.userlogged-list .dropdown-menu li.removeallnotifi a { padding: 0; background: #e74d5b}
.userlogged-list .dropdown-menu li.removeallnotifi a:hover { background: #bb2b38; color: #fff!important}
.widget-prayer .widget-body { background: url(../images/icon-01.png) left center no-repeat}
.widget-weather .widget-body { background: url(../images/icon-02.png) left center no-repeat}
.footer-top { background: url(../images/bg-advert.png) center no-repeat #f7c70c; padding: 35px; color: var(--atv-bg-color4)}
.footer .live { float: left; display: inline-block; font-size: 14px}
.item-slider:hover .postmovieview { width: 70px; height: 70px; line-height: 52px; margin-top: -30px; margin-left: -30px; left: 50%; top: 35%; font-size: 30px; display: flex; justify-content: center; align-content: center; align-items: center}
.fuserpro>div a,.share-links.icons-text .share-title { line-height: 30px}
.item-slider .post-detail { position: absolute; bottom: 20px; padding: 20px; color: #fff; z-index: 999}
.item-slider .recent-info { position: absolute; left: 20px; bottom: 40px; z-index: 9999; display: flex}
.owl-slider-series .owl-dots { margin: 0!important; position: absolute; bottom: 10px!important; width: 100%}
.popup-notification { border-radius: 0; margin: 0; padding-left: 35px}
.popup-notification .close { position: absolute; top: 10px; left: 10px}
.notification-box { position: fixed; bottom: 15px; left: 15px; width: 360px; border-radius: 2px; display: flex; justify-content: center; align-items: center; z-index: 9999999; transition: .5s}
.ltr .push-menu-btn,.notification-box.right { left: auto; right: 15px}
.notification-box .notification-box-inner { position: relative; height: 100%; width: 100%; padding: 20px 15px 15px}
.notification-box .close { position: absolute; top: 0; left: 5px}
@media only screen and (max-width: 780px) { .order-new-episode { -ms-flex-order:-2; order: -2}
}
.comment-body { border-bottom-color: #21252e!important}
li.comment:last-child .comment-body { border-bottom: 0!important}
.post_tags { min-width: 20px; display: inline-block}
@keyframes tada { from,to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1)}
10%,20% { -webkit-transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg); transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}
30%,50%,70%,90% { -webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,10deg); transform: scale3d(1,1,1) rotate3d(0,0,1,10deg)}
40%,60%,80% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg)}
}
.linkuserpro:hover .bx-tada { -webkit-animation: 1.5s infinite tada; animation: 1.5s infinite tada}
img.lazy { background-image: url(../images/svg/imgloading.svg); background-repeat: no-repeat; background-position: 50% 50%}
.push-menu-btn { position: absolute; right: 15px; top: 9px; color: #fff; display: none; font-size: 28px}
.push-menu { position: fixed; background: var(--atv-bg-color1); width: 280px; bottom: 0; text-align: right; top: 0; z-index: 999999999999; transition: .5s cubic-bezier(.7,0,.3,1)}
.mask-overlay { content: ''; position: fixed; background: rgba(0,0,0,.7); left: 0; top: 0; width: 100%; height: 100%; z-index: 9999}
.canvas-menu { right: -320px}
.push-menu i.close-menu { position: absolute; top: 21px; left: -15px; cursor: pointer; font-size: 22px; color: #fff; background: #da4949; display: block; width: 30px; height: 30px; line-height: 27px; padding-left: 1px; border-radius: 4px; text-align: center; font-style: normal}
.push-menu .logo { display: block; margin: auto; text-align: center; padding-top: 15px; padding-bottom: 15px; background: #1a202c; border-bottom: 1px solid #283244}
.push-menu .account-menu { padding: 20px; text-align: center}
#mobile-menu,#mobile-menu ul,#mobile-menu ul li,#mobile-menu ul li a { border: 0; list-style: none; line-height: 20px; display: block; position: relative; text-align: right}
#mobile-menu { padding: 25px; overflow: auto; height: 100vh}
#mobile-menu ul ul { opacity: 1; left: 0; top: 0; padding-right: 15px}
#mobile-menu ul li a { cursor: pointer; z-index: 2; padding: 8px 0; color: #fff}
#mobile-menu ul li a i { width: 20px; color: #2457cc; font-size: 15px}
.social-share { padding: 0; float: right}
.share-links { overflow: hidden}
.share-links.share-centered { text-align: left; position: relative; display: flex; align-items: center}
.share-links .share-title { padding-left: 5px; display: inline-block; float: right; line-height: 25px; font-size: 13px}
.share-links a { display: inline-block; margin: 2px; overflow: hidden; color: #fff; background: #444; position: relative; transition: .3s; border-radius: 2px; text-align: center}
.share-links a.large-share-button { width: auto}
.share-links a .fa { width: 40px; height: 40px; float: left; display: block; text-align: center; line-height: 40px}
.share-links a .social-text { border: 0 solid rgba(255,255,255,.3); border-left-width: 1px; padding-left: 15px; height: 20px; float: left; margin-top: 10px; padding-right: 25px; font-size: 12px; line-height: 20px; font-family: "Open Sans",sans-serif}
.share-links a:hover { opacity: .8; color: #fff}
.share-links a.facebook-share-btn { background: #5d82d1}
.share-links a.twitter-share-btn { background: #40bff5}
.serie-isstatus.live,.share-links a.whatsapp-share-btn,.tooltiptopsn span.live { background: #43d854}
.single-episode p { max-height: inherit!important; overflow: inherit!important}
.single-episode p.overflow-auto { max-height: 150px!important; overflow: auto!important}
.register-email-box,.register-username-box { position: relative; color: #43d854}
.serie-isstatus,.series-ispro { color: #fff; padding: 0 8px 0 10px; font-size: 11px; border-radius: 20px; height: 25px; line-height: 25px}
.register-email-box svg,.register-username-box svg { display: none; width: 21px; position: absolute; left: 15px; top: 10px}
.register-email-box.no svg.no,.register-username-box.no svg.no { display: inline-block; color: #f14545; width: 14px}
.register-email-box.ok input,.register-username-box.ok input { border-color: #43d854!important}
.register-email-box.no input,.register-username-box.no input { border-color: #f14545!important}
.serie_status_pro { position: absolute; left: 6px; top: 6px; text-align: left; width: 90px}
.serie_status_pro .series-ispro { position: relative; left: auto; top: auto; right: auto}
.series-ispro { position: absolute; z-index: 9999; background: #fa5050; margin-bottom: 8px; top: 8px; right: 4px}
.serie-isstatus { position: relative; z-index: 99; background: #43d854}
.serie-isstatus.complete,.tooltiptopsn span.complete { background: #324ff5}
.serie-isstatus.coming-soon,.tooltiptopsn span.coming-soon { background: #f14545}
.series-notstart { text-align: center; background: #fa5050; padding: 10px; font-size: 12px; border-radius: 3px}
.serie-isstatus2 { position: absolute; right: 5px; top: 5px; width: 60px; text-align: center}
.single-episode p.overflow-auto::-webkit-scrollbar { width: 3px; background: rgba(0,0,0,0)}
.single-episode p.overflow-auto::-webkit-scrollbar-track-piece { border-radius: 1px; background: rgba(0,0,0,0)}
.single-episode p.overflow-auto::-webkit-scrollbar-thumb { height: 30px; border-radius: 1px; background: rgba(0,0,0,0)}
@media only screen and (min-width: 991px) { .single-episode p.overflow-auto::-webkit-scrollbar { background:rgba(0,0,0,0)}
.single-episode p.overflow-auto::-webkit-scrollbar-thumb { background: #20272f}
.single-episode p.overflow-auto:hover::-webkit-scrollbar-thumb { background: #20272f}
}
.home-box-dropdown { display: inline-block; margin-right: 25px}
.home-box-dropdown>a { color: #ccc}
.download-serie-episodes,.home-box-dropdown .dropdown-toggle::after { margin-right: 5px}
.home-box-dropdown .dropdown-item { text-align: initial; color: #fff; font-size: 13px; padding: .35rem 1rem; border-bottom: 1px solid #282d36}
.home-box-dropdown .dropdown-menu { background: var(--atv-bg-color1); right: 0; left: auto; padding: 0; z-index: 999999}
.swal2-footer a { display: inline-block; height: 32px; line-height: 32px; margin: 0 10px; background: #3085d6; padding: 0 10px; border-radius: 2px; font-size: 13px; color: #fff}
.fuserpro { display: flex; align-items: center; padding: 5px 15px; margin-top: 1px; background: #29303d}
.fuserpro>div { font-size: 13px; text-align: right; width: 60%; color: var(--atv-color1)}
.fuserpro>div:last-child { width: 40%; text-align: left}
.fuserpro>div a { display: inline-block; height: 30px; background: var(--atv-bg-color3); padding: 0 12px; border-radius: 15px}
.fuserpro>div a:hover { background: #565f70}
.login-social { text-align: center; margin-bottom: 0; position: relative; margin-top: 10px}
.login-social .separator:after { content: ''; position: absolute; top: 50%; left: 0; right: 0; border-top: 1px solid #3b4455}
.login-social .separator span { position: relative; z-index: 1; background: #3b4455; width: 25px; display: inline-block; height: 25px; border-radius: 50%; line-height: 25px}
.login-social h5 { font-size: 13px; margin-top: 10px; color: #717886}
.login-social a { display: inline-block; width: 38px; height: 38px; line-height: 38px; background: #ccc; border-radius: 2px; margin: 1px; font-size: 18px}
.login-social a.linkedin { background: #0077b5; color: #fff!important}
.login-social a.facebook,.login-social a.facebook:hover { background: #3d558f; color: #fff!important}
.login-social a.twitter,.login-social a.twitter:hover { background: #1c9deb; color: #fff!important}
.login-social a.google,.login-social a.google:hover { background: #e44134; color: #fff!important}
.login-social a.github,.login-social a.github:hover { background: #313030; color: #fff!important}
.series-tags { margin-top: 12px}
.series-tags li { display: inline-block; margin-left: 3px; font-size: 11px; background: #1a1e2a; padding: 0 10px; border-radius: 15px; height: 24px; line-height: 24px}
.share-links a { height: 32px; line-height: 32px; width: 32px; font-size: 16px}
@media (max-width: 991.98px) { .catename,.new-episode ul li:hover a.btitle .catename { position:absolute}
.social-share { padding: 0; float: none; margin: 30px auto 0; width: 250px}
.btitle { height: auto; min-height: 100px}
.catename { width: 100%; display: block; top: 1%}
.numepisode { top: 75%}
.episodeview { top: 71%}
.lmore a { font-size: 12px}
.customselect { margin-bottom: 10px}
.afternews2 .lastnewspost-news { height: 110px}
.lastnewspost-news .lastnewspost-info { width: 100%}
.lastnewspost-news .post-cate a { font-size: 7px!important}
#header .main-menu>li>a,.footer-top ul li { font-size: 11px}
.post_tags { width: 106px}
.single-episode-info .add_watchlater { margin-bottom: 7px}
.single-episode .float-none.info-comviewfav span { float: right; text-align: right; width: 100%}
.info-detail-single h3 { width: 100%; float: right; margin-top: 25px}
.single-episode h4 { width: 100%; float: right}
}
ul.post_next_prev li { font-size: 13px!important}
.share-links .share-title i { font-size: 18px; position: relative; top: 3px}
.planbox { overflow: hidden; position: relative}
.discount { width: 200px; height: 40px; background: red; position: absolute; transform: rotate(321deg); overflow: visible; z-index: 9; left: -37px; text-align: center; top: 21px; font-weight: 700; box-shadow: 0 2px 3px rgb(136 136 136 / 25%); padding-top: 7px}
.add_follow,.download-serie-episodes { display: inline-block; border-radius: 20px; height: 38px; line-height: 32px; border: 2px solid #585f71; padding: 0 14px}
#header .main-menu li:hover ul.ul-megamenu,.liveicon,img { display: block}
.add_follow i,.download-serie-episodes i { margin-left: 2px; font-size: 16px; position: relative; top: 2px}
.download-serie-episodes:hover { background: #1a202c}
.add_follow.active { background: #f8c900; border-color: #f8c900}
.liveicon { float: left; z-index: 99999; position: absolute; bottom: 9px; left: 36px; width: 20px; font-size: 16px}
.caty { border-radius: 3px; color: #fff; position: absolute; left: 30px; top: 7px; border: 1px solid #565f70; font-size: 11px}
.caty option { color: #000}
#header .searchbox { width: 205px; margin-top: 4px}
.home-tvsries .postmovie span.post-likes { color: #fff; display: inline; margin-right: 10px; position: absolute; top: 130px; z-index: 99999; right: -100px}
.userlogged-list li { margin: 0 4px 0 0; justify-content: center; align-items: center; display: inline-flex; height: 38px}
.box-user-all .linkuserpro { width: 28px; height: 28px; text-align: center; line-height: 21px}
.userlogged-list .new-episode ul li .btitle { padding: 8px 15px 8px 75px; font-size: 12px}
.userlogged-list .new-episode ul li { padding-right: 0}
.userlogged-list .userlogged_notifications .dropdown-menu li.new-episode { padding-left: 0; padding-right: 0}
.new-episode ul li .btitle .bgimg { border-radius: 0}
.userlogged-list .dropdown-menu li.logout { background: rgb(0 0 0 / 23%)}
.tooltiptopsn span.bg2,.userlogged-list .dropdown-menu li.logout:hover { background: #fa5050}
.userlogged-list .userlogged_menuuser .dropdown-menu { top: 33%!important}
.userlogged_notifications>span { position: absolute; top: -4px}
.episode-bgimg-background { background-size: 100%}
.postreviewavg .stars { width: 65px; height: 13px; background: url(../images/svg/star-rate-xs.svg) right top/13px 12px repeat-x; display: block; clear: both; position: relative}
.icon-watchdone { display: inline-block; width: 18px; height: 18px; background: url(../images/svg/views3.svg) center center/18px no-repeat; position: relative; top: 4px}
.showmore-celebrities,.showmore-celebrities a { width: 72px; height: 72px; display: inline-block}
.showmore-celebrities { border-radius: 100%; line-height: 70px; background: #263041; margin-top: 3px; text-align: center}
.showmore-celebrities i { font-size: 24px; position: relative; top: 2px}
.showmore-celebrities:hover { background: #585f71}
.box-user-all .user-login-registered { display: inline-flex; padding: 4px 10px 5px}
.header-icon-search { display: inline-block; margin: 4px 5px 0; width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 19px; position: relative; font-size: 16px; background: #0297cf}
.pop-box-search { position: fixed; width: 100%; margin: auto; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.84); z-index: 999999; visibility: hidden}
.pop-box-search.active { visibility: visible}
.pop-box-search form { top: 35%; position: absolute; width: 100%; overflow: hidden; text-align: center; direction: rtl}
.pop-box-search .boxinputs input::placeholder { color: #fff}
.pop-box-search .boxinputs { position: relative; width: 92%; max-width: 550px; margin: auto; display: flex; background: var(--atv-bg-color1)!important; border-radius: 50px; justify-content: center; align-items: center; align-content: center}
.pop-box-search .boxinputs input,.pop-box-search .boxinputs input:hover { width: 100%; height: 54px; border-radius: 30px; padding: 0 25px; font-size: 14px; font-weight: 400; line-height: 60px; border: 0; background: var(--atv-bg-color1)!important; color: #fff}
.pop-box-search .boxinputs select,.pop-box-search .boxinputs select:hover { position: relative; top: auto; left: auto; border: 0; color: #404040!important; font-size: 14px; text-align: center; padding: 0 14px 0 0; z-index: 999999; width: 200px; height: 30px}
.pop-box-search .boxinputs select svg { width: 21px}
.pop-box-search .boxinputs button { border: 0; vertical-align: middle; border-radius: 100%; background: var(--atv-bg-color1); height: 38px; line-height: 38px; padding: 0 16px; color: #fff; position: relative; text-align: center; display: inline-block; margin: 0; width: 50px; font-size: 21px; -webkit-transition: ease-in-out; -moz-transition: ease-in-out; -o-transition: ease-in-out; -ms-transition: ease-in-out; transition: ease-in-out}
.header-icon-userpro,.header-icon-userpro span { position: relative; z-index: 2; border-radius: 16px; height: 32px; line-height: 32px}
.pop-box-search .boxinputs button svg { width: 18px}
.box-user-all .linkuserpro { margin-left: 0}
.header-icon-userpro { display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #1d1f20; margin-top: 5px}
.admincplink,.btn-vertical-menu,.vertical-menu { background: var(--atv-bg-color1); position: fixed; top: 0}
.header-icon-userpro span { background: var(--atv-bg-color1); padding: 0 12px; color: #f6af2f; font-size: 13px}
.header-icon-userpro:after { display: block; content: ''; position: absolute; top: -.1rem; left: -.1rem; height: calc(100% + .11rem * 2); width: calc(100% + .11rem * 2); background: linear-gradient(60deg,var(--atv-bg-color1),var(--atv-bg-color1),var(--atv-bg-color1),#f79533,#f37055,#ef4e7b,var(--atv-bg-color1),#5073b8,#1098ad,#07b39b,#6fba82,var(--atv-bg-color1),var(--atv-bg-color1),var(--atv-bg-color1)); border-radius: calc(2 * 16px); z-index: -1; animation: 3s infinite alternate animatedgradient; background-size: 300% 300%}
@keyframes animatedgradient { 0%,100% { background-position: 0 50%}
50% { background-position: 100% 50%}
}
.winner-userpro.dropdown-menu { z-index: 99999999; top: 20px!important; background: var(--atv-bg-color1); color: #fff!important; width: 318px; text-align: center; left: -120px!important; padding-bottom: 0}
.admincplink { width: 54px; text-align: center; height: 42px; line-height: 42px; font-size: 18px; z-index: 99}
.btn-vertical-menu { color: #fff; display: block; width: 54px; text-align: center; height: 67px; line-height: 66px; font-size: 21px; z-index: 999999999}
.btn-vertical-menu.is-adminbar { top: 36px}
.vertical-menu { width: 55px!important; z-index: 99999999; bottom: 0; display: flex; right: 0; -webkit-box-shadow: 0 .75rem 1.5rem rgb(18 38 63 / 3%); box-shadow: 0 .75rem 1.5rem rgb(18 38 63 / 3%); justify-content: center; align-content: center; flex-direction: column}
#sidebar-menu { padding: 30px 0; color: #fff!important}
.metismenu li { display: block; width: 100%; margin: 0; padding: 0}
.vertical-collpsed .vertical-menu #sidebar-menu>ul>li { position: relative; white-space: nowrap}
#sidebar-menu ul li a { padding: 10px 11px; min-height: 35px; -webkit-transition: none; transition: none; display: block; position: relative; font-size: 13px; color: #a6b0cf; text-align: center}
#sidebar-menu ul li a i { display: inline-block; min-width: 1.75rem; padding-bottom: .125em; line-height: 1.33425rem; vertical-align: middle; -webkit-transition: .4s; transition: .4s; margin-left: 0; margin-right: 4px; font-size: 1.35rem; color: #6a7187; width: 30px; text-align: center}
.vertical-menu #sidebar-menu>ul>li>a span { padding-right: 16px; padding-left: 0; display: none}
#sidebar-menu ul li ul.sub-menu { background-color: var(--atv-bg-color1); padding: 0; z-index: 9999; display: none; margin-bottom: .5em}
#sidebar-menu ul li ul.sub-menu li a { font-size: 13px; color: #545a6d}
.vertical-menu #sidebar-menu>ul>li:hover>a { position: relative; width: max-content; background: var(--atv-color1); color: #fff}
.vertical-menu #sidebar-menu>ul>li:hover>a i,.vertical-menu #sidebar-menu>ul>li:hover>ul a:hover { color: #fff}
.vertical-menu #sidebar-menu>ul>li:hover>a span { display: inline}
.vertical-menu #sidebar-menu>ul>li:hover>ul { display: block; position: absolute; width: 180px; height: auto!important; -webkit-box-shadow: 3px 5px 10px 0 rgb(54 61 71 / 10%); box-shadow: 3px 5px 10px 0 rgb(54 61 71 / 10%); left: 0; right: 70px}
.vertical-menu #sidebar-menu>ul ul { padding: 5px 0; z-index: 9999; display: none}
html { overflow-x: hidden}
.boxsiteoption h5 { color: #fcfcfc; font-size: 14px; margin-top: 15px}
@media only screen and (max-width: 1098px) { body { padding-right:0}
#header .main-menu,.vertical-menu { display: none}
.push-menu-btn { display: inline-block}
#header .logo { margin-right: 45px; margin-top: 5px}
.header-icon-userpro span { padding: 0 8px; width: 32px; overflow: hidden; line-height: 30px; text-align: center}
.wrap-vmenu { padding: 0}
}
@media only screen and (max-width: 878px) { #header .logo img,.sec-filter-dinline { display:inline-block}
.winner-userpro.dropdown-menu { left: 0!important; top: 50px!important}
.header-icon-userpro span { padding: 0 12px; width: inherit}
#header .box-user-all { top: 0!important}
.post_next_prev { margin: 0 0 15px}
.single-episode .download-serie-episodes { margin: 0}
.pfbom_tags a { margin-bottom: 4px; margin-top: 4px}
.pagination { align-items: center; justify-content: center}
.row-pagination .currentpage { text-align: center!important; display: block; float: none; margin-top: 10px}
.sec-filter { margin-bottom: 15px; text-align: center; margin-right: 0}
.section-tickets .sec-filter { text-align: inherit}
.sec-filter-dinline { margin: 0}
.customselect-wrapper { margin-bottom: 10px}
.home-col-search .col-md-4,.home-col-search .col-md-5 { padding-left: 15px}
.home-col-search .col-md-2 { text-align: right; display: none}
.dropdown-menu,.userlogged-list .dropdown-menu { transform: inherit!important; top: 100%!important}
#header .main-menu,.footer .fbot ul li:before,.sec-filter-mbstyle li:nth-child(2n+2):before { display: none}
.is_pc { display: none!important}
.footer-nav,.is_mobile { display: block}
#header { padding-top: 0; padding-bottom: 5px}
#header .col-lg-8 { padding: 0}
#header .logo { display: block; text-align: center; padding: 19px 0; background: #1b212c; margin: 0 0 20px; clear: both; max-width: 100%}
.afternews2 .afternews-1,.afternews2 .afternews-2,.afternews4 .lastnewspost-news,.sec-filter-mbstyle { margin-bottom: 25px}
.footer-top { background-size: auto 100%; background-position: right top; padding: 30px 15px; text-align: center}
.footer-top ul { display: block; margin-top: 30px; text-align: right}
.footer-top ul li { width: 48%; min-width: 140px}
.footer-top .text-left { text-align: center!important; margin-bottom: 10px}
.footer-top .order-last { -ms-flex-order: -1; order: -1}
.footer-top .order-first,.single-episode-watch .box-episode { -ms-flex-order: 5; order: 5}
.order-new-episode { -ms-flex-order: -2; order: -2}
#header .text-left,.artists-info h3,.footer,.footer .align-items-center *,.info-comviewfav,.info-datetime,.single-episode p,.single-episode-info { text-align: center}
.footer-nav li { width: 40%; display: inline-block; margin: 6px 0}
.footer .ourteam { margin: 0 auto 30px}
.footer .logo { margin-top: 25px}
.footer .live { float: none; margin: 25px auto}
#postcontent .infoemail,.footer .fbot .copyright { text-align: center; margin-top: 30px}
.pb-mo-2 { padding-bottom: 15px}
.artists-box-inn { padding: 0 15px; text-align: center; height: inherit}
.artists-box-inn .artists-right { position: relative; top: auto; right: auto; width: 150px; margin: 0 auto 10px}
.artists-bottom2 .col-md-5 { text-align: center; padding-top: 15px}
.artists-info h2 { text-align: center; margin-top: 20px}
#postcontent textarea.form-control { margin-top: 10px}
.search-form-box { margin-left: auto; margin-bottom: 20px}
.select-news-cate .customselect .custom-options { left: 0; right: auto}
.sec-filter-mbstyle li { display: inline-block; width: 45%; margin-bottom: 5px}
.widget-recent-post { margin-top: 40px}
.sec-filter li a { font-size: 14px}
.select-news-cate-pos { position: absolute; top: 4px; left: 15px}
.footer .fbot ul { text-align: center; display: block}
.footer .fbot ul li { width: max-content; display: inline-block; margin: 3px 10px}
.writeyourarticle { position: absolute; top: -50px; width: 140px; left: 15px}
.single-episode-top .single-title h4 { margin-bottom: 15px!important; display: block; text-align: center; line-height: 1.8}
.col-sharer { text-align: center!important; margin-top: 15px}
.single-episode .info-comviewfav span { float: none!important}
#header .col-md-5 { position: relative; top: -6px}
#header .searchbox { display: block!important; position: relative; width: 100%!important; max-width: 300px; float: none; bottom: -50px; text-align: center; margin: auto}
#header .adsbygoogle { margin-top: 50px!important}
#header .box-user-all { position: relative; margin-bottom: 10px; text-align: center; margin-left: auto; margin-right: auto; float: none}
}
.alert-flash,.notification-flash { z-index: 99999999999; padding: 16px 30px; cursor: pointer; color: #fff}
.notification-flash { -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; text-align: center; -webkit-transition: top .4s linear; transition: top .4s linear; top: 0; left: 0; width: 100%}
.alert-flash { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; text-align: center; -webkit-transition: top .4s linear; transition: top .4s linear; top: 0}
.megamnu-post-movie .megamnu-post-movieview,.megamnu-post-movie .postreviewavg,.megamnu-post-movie:after,.megamnu-post-movie:before { -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; -o-transition: .4s ease-in-out}
.alert-flash.success,.notification-flash.success { background: rgba(81,163,81,.95)}
.alert-flash.error,.notification-flash.error { background: #e74d5b}
.form-group label { margin-bottom: 5px}
.writeyourarticle i { font-size: 14px!important; top: 1px!important}
.home-news .custom-select-wrapper { position: relative; top: -4px}
.ml-3 { margin-left: 15px}
.new-episodes .col-md-2 { padding: 5px}
.auth-form.loading:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; background: rgb(11 15 26 / 70%) center no-repeat; background-size: 52px}
.status-login-ok,.status-registered-ok { text-align: center; background: #1a202c; color: #1c921c; padding: 3px 0 8px; border-radius: 5px; font-size: 13px; display: none}
.options-icons { display: flex; position: absolute; bottom: 7px; left: 0; z-index: 999; flex-wrap: nowrap; align-items: center}
.options-icons .add_favorite,.options-icons .add_watchlater,.options-icons .downloads,.options-icons .liveicon { position: relative; left: auto; bottom: auto}
.options-icons .downloads { font-size: 18px; color: #fff}
#header .main-menu li.megamenu { position: inherit; height: 55px; margin-bottom: -53px}
#header .main-menu li ul.ul-megamenu { padding: 0; left: 0; right: 0; top: 100%; margin-top: 0; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); border-radius: 0; -webkit-border-radius: 0; box-shadow: 0 6px 6px -2px rgb(28 45 66 / 9%); -webkit-box-shadow: 0 6px 6px -2px rgb(28 45 66 / 9%); min-width: inherit; background: center center/cover no-repeat #ccc; width: 100%; background-color: var(--atv-bg-color8); border-bottom: 5px solid var(--atv-color1)}
#header .main-menu li:hover ul.ul-megamenu:after { content: ''; display: block; clear: both}
#header .main-menu li ul.ul-megamenu>li { padding: 20px 20px 60px}
#header .main-menu li ul.ul-megamenu>li.bgcolor { background: rgb(0 0 0 / 32%)}
#header .main-menu li ul.ul-megamenu ul.megamenu-menu { display: block; width: 100%; text-align: center; margin-bottom: 45px; transform: translateY(10px); -webkit-transform: translateY(10px); -ms-transform: translateY(10px); backface-visibility: hidden; -webkit-backface-visibility: hidden}
#header .main-menu li ul.ul-megamenu ul.megamenu-menu li { display: inline-block; margin: 0 3px}
#header .main-menu li ul.ul-megamenu ul.megamenu-menu li a { display: block; position: relative; padding: 2px 12px; overflow: hidden; font-size: 12px; color: #ddd; background-color: #3c3f46; border-radius: 1rem; -webkit-border-radius: 1rem}
#header .main-menu li ul.ul-megamenu ul.megamenu-menu li a:hover,#header .main-menu li ul.ul-megamenu ul.megamenu-menu li.active a { background-color: var(--atv-color1); color: #fff}
#header .main-menu li ul.ul-megamenu .megamenu-content { display: block; min-height: 100px}
#header .main-menu li ul.ul-megamenu .loading-container { height: 50px; text-align: center}
#header .main-menu li ul.ul-megamenu .loading-container .loader { margin-top: 100px}
#header .main-menu li ul.ul-megamenu .hidden { visibility: hidden; overflow: hidden; height: 0}
#header .main-menu li ul.ul-megamenu .loading-container .dot { width: 24px; height: 24px; background: #3ac; border-radius: 100%; display: inline-block; animation: 1s infinite slide}
#header .main-menu li ul.ul-megamenu .loading-container .dot:first-child { animation-delay: .1s; background: #f5c702}
#header .main-menu li ul.ul-megamenu .loading-container .dot:nth-child(2) { animation-delay: .2s; background: #e85118}
#header .main-menu li ul.ul-megamenu .loading-container .dot:nth-child(3) { animation-delay: .3s; background: #0297cf}
#header .main-menu li ul.ul-megamenu .loading-container .dot:nth-child(4) { animation-delay: .4s; background: #1eaa01}
#header .main-menu li ul.ul-megamenu .loading-container .dot:nth-child(5) { animation-delay: .5s; background: #b500b3}
@-moz-keyframes slide { 0%,100% { transform: scale(1)}
50% { opacity: .3; transform: scale(2)}
}
@-webkit-keyframes slide { 0%,100% { transform: scale(1)}
50% { opacity: .3; transform: scale(2)}
}
@-o-keyframes slide { 0%,100% { transform: scale(1)}
50% { opacity: .3; transform: scale(2)}
}
@keyframes slide { 0%,100% { transform: scale(1)}
50% { opacity: .3; transform: scale(2)}
}
.megamnu-post-movie { position: relative; margin-bottom: 20px; height: 200px}
.megamnu-post-movie .megamnu-post-movie-photo .megamnu-post-movie-thumb-bg:before { position: absolute; content: ''; width: 100%; background: -moz-linear-gradient(270deg,rgba(18,22,31,0) 30%,#12161e 90%); background: -webkit-linear-gradient(270deg,rgba(18,22,31,0) 30%,#12161e 90%); background: -o-linear-gradient(270deg,rgba(18,22,31,0) 30%,#12161e 90%); background: -ms-linear-gradient(270deg,rgba(18,22,31,0) 30%,#12161e 90%); background: linear-gradient(180deg,rgba(18,22,31,0) 0,rgba(18,22,31,.7) 100%); height: 105%; z-index: 999}
.megamnu-post-movie h4 { position: absolute; left: 5px; right: 5px; bottom: 12px; z-index: 999; text-align: center; line-height: 16px; margin: 0}
.megamnu-post-movie .serie-isstatus { border-radius: 2px}
.megamnu-post-movie h4 a { color: #fff; font-size: 14px; text-shadow: 1px 1px 1px #000}
.megamnu-post-movie .datamode { position: absolute; top: 8px; left: 8px; z-index: 1; display: flex}
.megamnu-post-movie .datamode-right { position: absolute; top: 8px; right: 8px; z-index: 1; display: flex; font-size: 12px; text-shadow: 1px 1px 1px #000}
.megamnu-post-movie .datamode-right span { background: rgb(0 0 0 / .4); padding: 0 5px; border-radius: 2px}
.megamnu-post-movie .datamode span { height: 22px; line-height: 22px; display: inline-block; margin-right: 5px; font-size: 12px}
.megamnu-post-movie .datamode-numepisode { position: absolute; top: 50%; right: 18px; margin-top: -25px; z-index: 9999; width: 50px; height: 50px; border-radius: 50%; display: inline-flex; justify-content: center; align-content: center; align-items: center; font-size: 18px; color: var(--atv-bg-color8); background: var(--atv-color1)}
.megamnu-post-movie .postreviewavg { position: absolute; top: 50%; right: 8px; margin-top: -15px; z-index: 9999; opacity: 0}
.megamnu-post-movie:hover .postreviewavg { opacity: 1}
.megamnu-post-movie .featured { background: #fa5050; font-size: 12px; line-height: 21px; color: #fff; padding: 0 4px; border-radius: 2px}
.megamnu-post-movie .quality,.megamnu-post-movie .release { color: #fff; background: #f7c70c; padding: 0 5px; border-radius: 3px; font-size: 12px}
.megamnu-post-movie .quality { left: auto; right: 8px; background: #cc2026}
.megamnu-post-movie .rating { position: absolute; bottom: 4px; z-index: 999; right: 6px; direction: rtl; font-size: 13px; color: #fbb829}
.megamnu-post-movie:after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; background: rgba(0,0,0,.5)}
.megamnu-post-movie:before { content: ''; position: absolute; z-index: 9; bottom: 0; left: 0; width: 100%; height: 30px; border-radius: 0; background: rgba(0,0,0,.3); display: none}
.megamnu-post-movie .megamnu-post-movieview { position: absolute; top: 50%; left: -50%; background: rgb(0 0 0 / 40%) center center no-repeat; background-size: 24px; width: 60px; height: 60px; line-height: 40px; margin-top: -30px; margin-left: -30px; text-align: center; border-radius: 100%; color: #fff; z-index: 999; padding-right: 2px; font-size: 21px}
.megamnu-post-movie:hover .megamnu-post-movieview { left: 40px}
.megamnu-post-movie .options-icons { display: flex; position: absolute; bottom: 2px; left: 8px; z-index: 999; flex-wrap: nowrap; align-items: center; font-size: 16px}
.megamnu-post-movie .options-icons .add_favorite,.megamnu-post-movie .options-icons .add_watchlater,.megamnu-post-movie .options-icons .downloads,.megamnu-post-movie .options-icons .show-qtip { margin-right: 15px; color: #fff}
.megamnu-post-movie .options-icons .add_favorite.active { color: #fbb829}
#header .main-menu li ul.ul-megamenu .owl-nav { top: auto; text-align: center; left: 50%; right: auto; margin-left: -39px; display: block; bottom: -40px}
#header .main-menu li ul.ul-megamenu .owl-nav [class*=owl-] { background: #000; margin: 2px; width: 35px}
#header .main-menu li ul.ul-megamenu .owl-nav .disabled { opacity: .2}
.tooltiptopsn { display: flex; position: absolute; top: 0; right: 0; left: 0; z-index: 9999; align-items: center; background: rgb(0 0 0 / 0%); padding: 4px}
.tooltiptopsn span { margin-left: 3px; height: 25px; border-radius: 12px; text-align: center; line-height: 25px; padding: 0 7px; color: #fff; background: #262626; font-size: 15px}
.tooltiptopsn span:last-child { margin-right: auto}
.tooltiptopsn span.bg1 { background: #f7c70c}
.tooltiptopsn span.bg3 { color: var(--atv-bg-color8); background: var(--atv-color1);}
.postpadding1 { padding: .25rem!important}
.postpadding1 .postmovie { height: 250px}
.btn-login-registered { border: 0; height: 40px; border-radius: 20px; position: relative; font-size: 14px; padding: 0 20px; color: #fff; background: var(--atv-color1); margin: 10px 0}
.btn-login-registered:hover { background: #121421}
.options-icons .show-qtip { position: relative; left: auto; bottom: auto; font-size: 18px; z-index: 99999; color: #fff}
.options-icons .add_favorite,.options-icons .add_watchlater,.options-icons .downloads,.options-icons .liveicon,.options-icons .show-qtip { margin-left: 5px}
.post-quality { color: #fff; background: #5d6477; padding: 0 6px; height: 26px; line-height: 26px; border-radius: 16px; font-size: 13px; display: inline-block; margin-left: 1px; font-weight: 600}
.fs13 { font-size: 13px!important;}
.fs14 { font-size: 14px!important;}
.fs15 { font-size: 15px!important;}
.fs16 { font-size: 16px!important;}
.fs18 { font-size: 18px!important;}
.fs20 { font-size: 20px!important;}
.fs21 { font-size: 21px!important;}
.fs24 { font-size: 24px!important;}
#header .main-menu li a:has(+ ul):before { top: 100%; margin-top: -14px; right: 50%; margin-right: -10px; border: 9px solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: var(--atv-bg-color8); margin-left: 0; opacity: 0;}
#header .main-menu li:hover a:has(+ ul):before { opacity: 1;}
#header .main-menu li ul.ul-megamenu { top: 83px; border-top: 15px solid #1E2634;}
.recent-movie .add_watchlater, .postmovie .add_watchlater { font-size: 16px; margin-left: 8px !important;}
.postmovie .add_watchlater.active { color: #fa5050}
.post-views-likes-comments { color: #fff; display: flex; width: 100%; position: absolute; top: 135px; z-index: 99999; right: -600px; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -ms-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; flex-wrap: nowrap; justify-content: space-around; align-items: center;}
.post-views-likes-comments div { padding: 0 10px; width: 33.333%; text-align: center;}
.postmovie:hover .post-views-likes-comments { right: 0;}
.dropdown-toggle-none-after .dropdown-toggle { color: var(--atv-color1);}
.dropdown-toggle-none-after .dropdown-toggle::after { display: none;}
.sec-title span.xbv { font-size: 13px; color: var(--atv-color1); margin-right: 5px; display: none;}
.form-control:focus { background: #1a202c; border: .1rem solid #363e52;}
.search-popup { position: fixed; left: 0; top: 0; height: 70px; width: 100%; z-index: 9999999999; transform: translateY(-100%); transition: all 0.5s; width: 100%; background-color: #202936; transition: all 0.5s; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05); padding: 10px 25px; width: 100%;}
.search-active .search-popup { transform: translateY(0%);}
.form-holder-outer { width: 100%; padding: 2px 10px;}
.search-popup .form-holder-inner { position: relative; width: 100%; vertical-align: middle; display: flex; align-items: center;}
.search-popup input.search_field { display: inline-block; vertical-align: middle; width: 100%; margin: 0; padding: 8px 15px; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; outline: 0; outline-offset: 0; border-radius: 0; font-size: 18px; font-weight: 300; color: #fff;}
.search-popup i { font-size: 21px}
.search-popup .close-search { cursor: pointer; opacity: 0.6}
.search-popup .close-search:hover { opacity: 1}
.search-popup .search_field:focus { background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; outline: 0; outline-offset: 0;}
@media only screen and (max-width: 760px) { .sec-title span.xbv { display:inline-block;}
.social-share { margin-bottom: 10px !important; text-align: left !important; width: max-content;}
.social-share .share-title span { display: none}
.single-episode-info .watch_trailer { position: relative !important; width: max-content; margin: 10px auto; top: 0 !important; left: auto !important; margin-left: auto !important;}
}
.sec-filter { margin-top: 8px;}
.sec-filter li.active a:after { content: ''; position: absolute; width: 100%; right: 0; bottom: -2px; border-top: 2px solid var(--atv-color1);}
p img { display: inline-block;}
.thebox-modal input.form-control::placeholder { color: #d2cece}
.pop-box-search .boxinputs { border: 2px solid #313f53; padding: 3px}
.pop-box-search .boxinputs select, .pop-box-search .boxinputs select:hover { background-color: #202936; color: #fff !important; border: .13em solid #565f70; padding: 0 35px 0px 10px; --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); width: auto;}
.pop-box-search .caty option { color: #fff !important;}
.pop-box-search .boxinputs button { background-color: #565f70; width: 50px; height: 50px; margin-right: 15px}
:root { --bs-secondary-bg-subtle: rgba(255,255,255,0.1)}
.topbar { width: 100%; background: #202936; z-index: 9; padding: 0 25px;}
.topbar .navbar .navbar-nav .nav-item .nav-link i { font-size: 14px; margin-left: 3px;}
.topbar .navbar .navbar-nav .nav-item .nav-link#dropdownuserpro i { font-size: 13px; margin-left: 0px}
.topbar .navbar .navbar-nav .nav-item .nav-link { display: flex; align-items: center; line-height: 70px; height: 60px; padding: 0px 7px; color: #A4B7C6; margin: 0;}
.topbar .justify-content-end .navbar-nav .nav-item .nav-link { padding: 0px 5px;}
.nav-icon-hover-bg { height: 60px; margin: 0; display: flex; align-items: center; justify-content: center; position: relative;}
.app-header .navbar { min-height: 70px;}
.topbar .navbar .navbar-nav .nav-item .nav-link i.fa-chevron-down { font-size: 8px; margin-right: 4px; margin-left: 0; position: relative; top: -3px;}
.topbar .navbar .navbar-nav .dropdown-menu { position: absolute; background-color: var(--atv-bg-color8); text-align: right; overflow: hidden; z-index: 999999;}
.topbar .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu { display: block; top: 100% !important;}
.topbar .navbar .navbar-nav .dropdown-menu ul { overflow: hidden}
.topbar .navbar .navbar-nav .dropdown-menu li a { display: flex; padding: 6px 15px; font-size: 14px; color: #A4B7C6; align-items: center; -webkit-transition: 0.51s ease; transition: 0.51s ease}
.topbar .navbar .navbar-nav .dropdown-menu li a i { margin-left: 7px; ffont-size: 13px;}
.topbar .navbar .navbar-nav .dropdown-menu li a:hover { padding-right: 20px; background: var(--atv-color1); color: #1e293b; -webkit-transition: 0.51s ease; transition: 0.51s ease}
.topbar .navbar .navbar-nav .nav-item.dropdown .dropdown-menu-end { right: auto; left: 0;}
.topbar .navbar .navbar-nav .dropdown .nav-link:before { top: 98%; margin-top: -14px; right: 50%; margin-right: -10px; border: 9px solid transparent; content: " "; position: absolute; pointer-events: none; border-bottom-color: var(--atv-bg-color8); margin-left: 0; z-index: 999; opacity: 0;}
.topbar .navbar .navbar-nav .dropdown:hover .nav-link:before { opacity: 1}
.fs-18 { font-size: 18px !important;}
.topbar .navbar .popup-badge { padding: 0 5px; display: flex; align-items: center; justify-content: center; position: absolute; top: 5px; right: 0px; font-size: 12px; line-height: 1.4; opacity: 0.8;}
.header-icon-userpro { background: transparent;}
.header-icon-userpro span { padding: 0 8px 0 10px; color: #f6af2f; font-size: 13px;}
.header-icon-userpro:after { display: none;}
.header-icon-userpro span:before { background: var(--atv-bg-color1); display: block; content: ''; position: absolute; top: 0px; left: 0; height: calc(100%); width: calc(100%); border-radius: calc(2* 16px);}
.header-icon-userpro span:after { display: block; content: ''; position: absolute; top: -.1rem; left: -.1rem; height: calc(100% + .11rem* 2); width: calc(100% + .11rem* 2); background: linear-gradient(60deg, var(--atv-bg-color1), var(--atv-bg-color1), var(--atv-bg-color1), #f79533, #f37055, #ef4e7b, var(--atv-bg-color1), #5073b8, #1098ad, #07b39b, #6fba82, var(--atv-bg-color1), var(--atv-bg-color1), var(--atv-bg-color1)); border-radius: calc(2* 16px); z-index: -1; animation: 3s infinite alternate animatedgradient; background-size: 300% 300%;}
.header-icon-userpro span div { position: relative}
.image-user-free, .image-user-vip { border: 2px solid #4a5977; padding: 1px; position: relative; border-radius: 100%}
.image-user-vip { border-color: #f6af2f; line-height: 1.6;}
.image-user-vip:before { content: "\e036"; color: #f6af2f; font-family: "Font Awesome 6 Pro"; font-weight: 900; position: absolute; top: -14px; right: -5px; font-size: 18px; z-index: 1;}
.topbar .notification { content: ""; position: absolute; top: 4px; right: 9px; width: 8px; height: 8px;}
.topbar .navbar .dropdown-user h5 { color: #64718a; font-size: 16px !important; font-weight: 600}
.topbar .navbar .dropdown-user h6 { color: #cbd3e2; margin: 0;}
html[dir=rtl] .pt-9, html[dir=rtl] .py-9 { padding-top: 10px !important;}
.py-9 { padding-top: 15px !important; padding-bottom: 15px !important;}
.mx-7 { margin-right: 20px !important; margin-left: 20px !important;}
html[dir=rtl] .pb-8, html[dir=rtl] .py-8 { padding-bottom: 10px !important;}
html[dir=rtl] .pt-8, html[dir=rtl] .py-8 { padding-top: 10px !important;}
html[dir=rtl] .mt-8, html[dir=rtl] .my-8 { margin-top: 10px !important;}
.px-7 { padding-right: 20px !important; padding-left: 20px !important;}
.topbar .navbar .border-bottom {border-bottom: 1px solid #222b3c !important;}
.border-signout { border-top: 1px solid #222b3c !important;text-align: center;padding-top: 10px;font-size: 14px}
.border-signout svg {width: 20px}
.dropdown-user .message-body a { margin-bottom: 0; font-size: 13px; -webkit-transition: 1s ease; transition: 1s ease;}
.dropdown-user .message-body a span { padding: 0; margin-left: 10px; /* background: #465670; */ border-radius: 2px; color: #465670; text-align: center; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; -webkit-transition: 1s ease; transition: 1s ease}
.dropdown-user .message-body a span svg {width: 20px}
.dropdown-user .message-body a i { padding: 0; font-size: 16px;}
.dropdown-user .message-body a:hover { color: var(--atv-color1);}
.dropdown-user .message-body a:hover span { color: var(--atv-color1); /* background: var(--atv-color1); */ /* border-radius: 18px 18px 18px; */ rotate: 360deg;}
.dropdown-user-top .user-top-w-210 { width: 210px;}
.dropdown-user .message-body a span.badge, .dropdown-user .message-body a:hover span.badge { color: #262626; font-size: 12px; font-weight: 600; border-radius: 18px; height: initial; width: inherit; padding: 6px 10px; margin: 0;}
.dropdown-notifications .message-body a { display: block; padding: 6px; border-radius: 5px;}
.dropdown-notifications .message-body a h6 { font-size: 13px; color: #fff; width: 100%; word-wrap: break-word; overflow-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word;}
.dropdown-notifications .message-body { overflow-x: auto; max-height: 250px; width: 100%; padding: 5px;}
.dropdown-notifications .message-body a span { background: #cccc; padding: 5px 12px; border-radius: 20px; font-size: 13px;}
.dropdown-notifications .message-body a:hover { background-color: #333f55; color: #fff}
.notifications-head { margin: 10px; background: #333f55; border-radius: 35px; padding: 5px 13px 5px 5px;}
.notifications-head h5 { font-size: 16px; color: #fff;}
.with-vertical { display: block;}
.topbar .sidebartoggler i,.topbar .navbar-toggler i { color: #fff; font-size: 28px !important;}
.topbar .navbar .navbar-toggler:focus { box-shadow: none}
.navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)}
.left-sidebar { width: 320px; position: fixed; top: 0; right: -320px; height: 100%; z-index: 9999999999999; border-left: 1px solid #333f55; flex-shrink: 0; background: #202936; transition: .5s ease-in;}
.left-sidebar .brand-logo { min-height: 60px; padding: 0 24px; border-bottom: 1px solid #333f55; background: #333f55; margin-bottom: 10px;}
.left-sidebar .sidebartoggler { font-size: 21px}
#sidebarnav { list-style: none; padding: 20px;}
.sidebar-nav ul ul { margin-right: 15px}
.sidebar-nav ul .sidebar-item .sidebar-link { display: flex; font-size: 14px; white-space: nowrap; align-items: center; line-height: 20px; position: relative; margin: 0 0 2px; padding: 10px; border-radius: 7px; gap: 10px; text-decoration: none; font-weight: 400;}
.left-sidebar .scroll-sidebar { overflow-y: auto; padding: 0px; height: calc(100vh - 200px); border-radius: 7px;}
.left-sidebar .fixed-profile h6 { color: #fff}
.left-sidebar .fixed-profile { background: #333f55; position: absolute; bottom: 10px; left: 0; right: 0;}
.menu-opened { overflow: hidden;}
.menu-opened .left-sidebar { right: 0px;}
.form-select { --bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e) !important; color: #fff !important; border-radius: 3px!important; background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none); background-repeat: no-repeat; background-position: left .75rem center; background-size: 16px 12px;}
.svg-24 svg { width: 24px;}
.glitch-effect .section-slide-notification .swiper-slide:hover, .glitch-effect .postmovie:hover .postmovie-thumb-bg img, .glitch-effect .animation-action:hover { animation: mega-glitch-effect-01 0.6s linear 2;}
@keyframes mega-glitch-effect-01 { 0% { filter: hue-rotate(0deg);}
100% { filter: hue-rotate(360deg);}
}
@-webkit-keyframes mega-glitch-effect-01 { 0% { filter: hue-rotate(0deg);}
100% { filter: hue-rotate(360deg);}
}
@media (min-width: 1300px) { .with-vertical { display: none;}
.with-horizontal { display: block;}
.app-header { transition: 0s;}
.topbar .navbar { position: relative; max--width: 1200px; margin: 0 auto;}
.navbar-expand-xl .navbar-nav { flex-direction: row;}
.d-xl-none { display: none !important;}
}
@media (min-width: 992px) { .topbar .navbar .navbar-nav .nav-item .nav-link { line-height: inherit;}
}
@media (max-width: 991.98px) { .topbar .navbar .navbar-collapse { border-top: 1px solid #333f55; padding-top: 10px}
.mr-phone-auto { margin-left: unset !important; margin-right: -.25rem !important;}
}
@media (max-width: 767.98px) { .topbar .navbar .navbar-nav .dropdown-menu { position: absolute; min-width: 320px;}
.topbar .navbar-nav .dropdown-menu { position: absolute; width: 100%;}
.topbar .navbar .navbar-nav .nav-item.dropdown .dropdown-menu-end.winner-userpro { left: auto !important; right: 0;}
.topbar .justify-content-end .navbar-nav .nav-item .nav-link { padding: 0px 10px;}
.header-icon-userpro span:before { top: 1.5px; right: 1.5px; height: calc(100% - 3px); width: calc(100% - 3px);}
.header-icon-userpro span:after { top: -2px; left: -2px; height: calc(100% + 1px * 2); width: calc(100% + 1px * 2);}
.user-login-registered span { display: none;}
.user-login-registered i { margin: 5px 5px 0 5px !important; font-size: 15px;}
.box-user-all .user-login-registered:before { margin-right: -4px;}
.box-user-all .user-login-registered .fa-right-to-bracket { margin-right: 10px !important;}
}
.mega-cursor-outer { -webkit-transition: all .08s ease-out; transition: all .08s ease-out;}
.mega-cursor { position: fixed; top: 0; left: 0; visibility: hidden; cursor: none; -webkit-transform: translateZ(0); transform: translateZ(0); pointer-events: none; -webkit-border-radius: 50%; border-radius: 50%; mix-blend-mode: exclusion;}
.mega-cursor-wrapper.type-1 .mega-cursor-inner { height: 8px; width: 8px; opacity: 0; background-color: var(--atv-color1); border-radius: 50%; position: fixed; z-index: 99999999; transition: transform .1s ease, visibility .1s ease, width .2s ease, height .2s ease, opacity .2s ease;}
.mega-cursor-wrapper.type-1 .mega-cursor-outer { height: 20vw; width: 20vw; background-color: rgba(247, 199, 12, 0.1); border-radius: 50%; position: fixed; filter: blur(80px); z-index: 9999; -webkit-visibility: visible !important; visibility: visible !important; transition: transform .1s ease, visibility .1s ease, width .2s ease, height .2s ease, opacity .2s ease; left: -10vw; top: -10vw;}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-outer.mega-cursor-lightbox-hover { opacity: 0;}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-cursor-lightbox-hover { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; opacity: 1; background-color: transparent;}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-outer.mega-carousel-hover { width: 50px; height: 50px; margin: auto; opacity: .1; position: fixed; top: -24px; left: -24px;}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-carousel-hover { display: flex; align-items: center; justify-content: space-between; width: 50px; height: 50px; margin: auto; opacity: 1; position: fixed; top: -24px; left: -24px;}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-outer.mega-carousel-hover.mega-cursor-link-hover { width: 40px; height: 40px; top: -20px; left: -20px; opacity: .8;}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-carousel-hover.mega-cursor-link-hover { width: 20px; height: 20px; top: -10px; left: -10px; opacity: .1; background-color: currentColor;}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-carousel-hover.mega-cursor-link-hover:before, .mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-carousel-hover.mega-cursor-link-hover:after { opacity: 0;}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-carousel-hover.mega-vertical-carousel-hover { flex-direction: column; justify-content: center;}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-carousel-hover:before, .mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-carousel-hover:after { font-family: FontAwesome; font-size: 16px; font-weight: 900; display: inline-block;}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-carousel-hover:before { margin-left: -10px; content: '\f104'; transform: translateX(-100%);}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-carousel-hover:after { margin-right: -10px; content: '\f105'; transform: translateX(100%);}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-carousel-hover.mega-vertical-carousel-hover:before { margin: -10px auto 0; content: '\f106'; transform: translateY(-100%);}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-carousel-hover.mega-vertical-carousel-hover:after { margin: 0 auto -10px; content: '\f107'; transform: translateY(100%);}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-carousel-hover:before, .mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-carousel-hover:after { color: #000000;}
.mega-cursor-wrapper.type-1 .mega-cursor-outer { border-color: #000000;}
.mega-cursor-wrapper.type-1 .mega-cursor-inner, .mega-cursor-wrapper.type-1 .mega-cursor-inner.mega-cursor-link-hover { background-color: #000000;}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-carousel-hover { color: #000000; background-color: rgba(0,0,0,0);}
.mega-cursor-wrapper.type-1.link-hover-effect-1 .mega-cursor-inner.mega-cursor-lightbox-hover { color: #000000;}
.most-viewed-header { text-align: center; margin-bottom: 40px; position: relative;}
.most-viewed-header .title { text-align: center; position: relative; z-index: 2;}
.most-viewed-header .title h4 { color: #fff; background: var(--atv-bg-color6); font-weight: 500; font-size: 18px; padding: 0 20px; margin-bottom: 0; position: relative; height: 50px; border-radius: 23px; display: inline-flex; justify-content: center; align-items: center;}
.most-viewed-header:before { content: ''; position: absolute; width: 100%; top: 24px; left: 0; right: 0; border-bottom: 2px solid var(--atv-bg-color8);}
.most-viewed-header .filter { display: inline-flex; gap: 2px; border-radius: 55px; background: var(--atv-bg-color6); padding: 3px; position: relative; z-index: 2;}
.most-viewed-header .filter li { display: inline-flex; height: 40px; padding: 0 15px; justify-content: center; align-items: center; width: 70px; font-weight: 600; background: var(--atv-bg-color7); cursor: pointer;}
.most-viewed-header .filter li:first-child { border-radius: 0 40px 40px 0}
.most-viewed-header .filter li:last-child { border-radius: 40px 0 0 40px;}
.most-viewed-header .filter li.active,.most-viewed-header .filter li:hover { background: var(--atv-color1); color: var(--atv-bg-color8);}
.row-most-viewed.loading { background-image: url(../images/svg/imgloading.svg); background-repeat: no-repeat; background-position: 50% 50%; background-color: rgb(0 0 0 / 17%);}
.row-most-viewed.loading div { opacity: 0.5}
.min-h-100 { min-height: 100px;}
.progress-wrap.style2::after { color: var(--atv-color1)}
.progress-wrap,.progress-wrap::after { height: 45px; width: 45px; -webkit-transition: .2s linear; display: block; cursor: pointer}
.progress-wrap { position: fixed; right: 15px; bottom: 15px; border-radius: 50px; box-shadow: inset 0 0 0 2px rgba(0,0,0,.2); z-index: 9999999; opacity: 0; visibility: hidden; transition: .2s linear; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px)}
.progress-wrap::after { position: absolute; content: "\f341"; font-family: "Font Awesome 6 Pro"; text-align: center; line-height: 45px; color: var(--atv-color1); left: 0; top: 0; z-index: 1; transition: .2s linear; font-size: 20px;}
.progress-wrap svg path { fill: none}
.progress-wrap svg.progress-circle path { stroke: var(--atv-color1); stroke-width: 4; box-sizing: border-box; -webkit-transition: .2s linear; transition: .2s linear}
.progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0);}
.main-header {transition: transform 1s ease-in-out;}
.fixed-header {position: fixed;top: 0;width: 100%;transition: transform 1s ease-in-out;z-index: 999999999;}
svg.svg-25 {width: 25px;}
svg.svg-28 {width: 28px;}
.dropdown-notifications {min-width: 320px}
.single-episode .numepisode{width: max-content;}
body .qtip-tooltip .post_tags a {background: #171a1d!important;}
body .qtip-tooltip .towatch {margin: 0!important;}
body .qtip-default {background: rgb(40 40 46 / 60%) !important;backdrop-filter: blur(10px) !important;-webkit-backdrop-filter: blur(10px) !important;box-shadow: 0 20px 20px rgba(0, 0, 0, .05)!important;border-radius: 10px;}
body .qtip-tooltip .totop {background: #191d28c7!important;}
body .qtip-tooltip ul li span {color: #c2cad5;}
.qtip_watch_trailer {width: 340px;height: 200px;overflow: hidden;}