/*
Theme Name: فاصل اعلاني
Theme URI: https://faselhd.watch
Author: Your Name
Author URI: https://faselhd.watch
Description: وصف القالب
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fasel
*/
@charset "UTF-8";body {
    background: #303030;
    direction: rtl;
    text-align: right;
    font-family: bts;
    font-weight: 300;
    font-size: 14px;
    color: #aaa
}

.btn,a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

a,button,.btn,input {
    outline: none!important;
    text-decoration: none!important
}

a {
    color: #fff
}

a:hover,a:focus {
    color: #999
}

.form-control {
    border-radius: 30px;
    padding: 0 20px;
    border: none!important;
    box-shadow: none!important;
    font-size: 14px;
    font-weight: 300;
    background: #454545!important;
    color: #fff!important;
    height: 34px
}

.form-control::placeholder {
    color: rgba(255,255,255,.5)
}

textarea.form-control {
    height: auto;
    border-radius: 10px;
    padding: 15px
}

.btn {
    padding: 0 20px;
    border-radius: 30px;
    font-size: 14px;
    border: none!important;
    box-shadow: none!important;
    line-height: 32px
}

.btn-lg {
    line-height: 38px
}

.btn-danger {
    color: #fff;
    background-color: #ff434c
}

.btn-danger:hover {
    color: #fff;
    background-color: #e03941
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #fff;
    background-color: #ff434c
}

.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #e03941
}

.btn-warning {
    color: #212529!important
}

#header {
    background: #212121;
    background: linear-gradient(0deg,rgba(33,33,33,0) 0%,rgba(33,33,33,1) 100%);
    padding: 15px 0;
    position: relative;
    z-index: 7
}

.container {
    max-width: 1250px
}

.headerNav {
    padding: 0;
    background: 0 0;
    margin: 0
}

a.logo img {
    max-height: 50px
}

.accBtn {
    border: 2px solid #ff434c;
    display: block;
    float: left;
    border-radius: 30px;
    padding: 5px 15px;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    background: 0 0;
    cursor: pointer
}

.accBtn>div {
    display: inline-block;
    background: #ff434c;
    color: #fff!important;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    margin: -7px -16px -7px 5px;
    font-size: 16px
}

.accBtn>span {
    position: relative;
    top: -2px;
    text-transform: capitalize
}

.accBtn>div img {
    border-radius: 50%;
    padding: 2px;
    position: relative;
    top: -2px
}

.accBtn:hover,.accBtn:focus {
    background: #333;
    color: #fff!important
}

.accBtn>div img {
    border-radius: 50%;
    margin: 0;
    position: relative;
    top: -1px;
    width: 36px;
    height: 36px
}

.accBtn::after {
    position: relative;
    top: 1px
}

.accMenu {
    display: flex;
    float: left
}

.accMenu .dropdown-menu {
    box-shadow: 0 5px 20px rgba(0,0,0,.25);
    background: #212121;
    border: none;
    border-radius: 5px
}

.accMenu .dropdown-menu a {
    text-align: right;
    color: rgba(255,255,255,.7);
    font-size: 13px;
    padding: 10px 15px
}

.accMenu .dropdown-menu a i {
    width: 20px;
    font-size: 15px;
    position: relative;
    top: 1px
}

.accMenu .dropdown-menu a:hover {
    background: rgba(255,255,255,.07);
    color: #ff434c
}

.accMenu .dropdown-menu a:focus,.accMenu .dropdown-menu a:active {
    background: #ff434c;
    color: #fff
}

.user-head-notifys {
    float: left;
    margin: 0 0 0 10px;
    position: relative
}

._icon_notify {
    background: rgba(255,255,255,.15);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    color: #aaa
}

._icon_notify i {
    position: relative;
    top: 2px
}

._icon_notify span {
    position: absolute;
    top: 0;
    right: -6px;
    line-height: 1;
    background: #ff434c;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 3px 4px;
    border-radius: 3px;
    display: block!important
}

.notify_list {
    position: absolute;
    top: 38px;
    left: 0;
    box-shadow: 0 5px 20px rgba(0,0,0,.25);
    background: #212121;
    border: none;
    border-radius: 5px;
    min-width: 300px;
    padding: 15px;
    z-index: 9
}

.notify_list .notify-head {
    display: table;
    width: 100%;
    margin: 0 0 15px
}

.notify_list .notify-head span {
    font-weight: 500;
    position: relative;
    top: 1px
}

.notify_list .notify-head a {
    float: left;
    color: #aaa;
    font-size: 16px
}

.notify_list .see_all_notifys {
    display: block;
    background: #ff434c;
    text-align: center;
    border-radius: 3px;
    font-weight: 500;
    padding: 6px 6px 7px;
    margin: 15px 0 0;
    color: #fff
}

.notify_list .not_found_notify {
    background: rgba(255,255,255,.1);
    padding: 8px;
    border-radius: 3px;
    font-size: 13px;
    text-align: center
}

.searchDiv {
    float: left;
    margin: 0 0 0 10px;
    position: relative
}

.searchDiv #searchBtn,.searchDiv #searchBtn2 {
    background: rgba(255,255,255,.15);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 15px;
    position: relative;
    cursor: pointer;
    border: none;
    color: #aaa;
    padding: 0
}

.searchDiv #searchBtn i,.searchDiv #searchBtn2 i {
    display: block;
    line-height: 36px;
    width: 36px;
    height: 36px
}

ul#menu-primary a:not(:first-child) {
    margin: 0 20px 0 0
}

ul#menu-primary .nav-link {
    font-weight: 500;
    font-size: 13px;
    padding: 0;
    line-height: 30px;
    color: rgba(255,255,255,.7)
}

ul#menu-primary .nav-link:hover,ul#menu-primary .nav-link:focus {
    color: #fff
}

ul#menu-primary .dotNew a,.mMenu li.dotNew a {
    position: relative;
    color: #fff;
    box-shadow: 0 1px 0 0 #ff434c;
    padding: 0 17px 0 0
}

ul#menu-primary .dotNew a:before,.mMenu li.dotNew a:before {
    content: '';
    background-color: #ff434c;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    right: -1px;
    width: 10px;
    height: 10px
}

ul#menu-primary .dotNew a:after,.mMenu li.dotNew a:after {
    content: '';
    border: 2px solid #ff434c;
    -webkit-border-radius: 30px;
    height: 16px;
    width: 16px;
    position: absolute;
    right: -7px;
    top: 5px;
    -webkit-animation: pulsate .5s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(.1,.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.2,1.2);
        opacity: 0
    }
}

a.promoLink {
    border: 2px solid #ffcc26;
    border-radius: 30px;
    padding: 0 16px;
    font-weight: 500;
    font-size: 13px;
    line-height: 30px;
    display: block;
    color: #ffcc26;
    float: right
}

a.promoLink:hover {
    background: #ffcc26;
    color: #000
}

.social {
    float: right;
    margin: 0 10px 0 0
}

.social a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 38px;
    text-align: center;
    color: #aaa;
    border-radius: 50%;
    background: 0 0
}

.social a:hover {
    background: rgba(255,255,255,.15);
    color: #fff
}

#footer {
    background: #292929 url(Assets/images/footer.png) no-repeat 100px 0;
    border-top: 1px solid #3c3c3c;
    padding: 40px 0 50px;
    background-size: 230px auto
}

img.fImg {
    max-height: 36px;
    float: right;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    border-left: 1px solid #343434
}

#footer .menu {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none
}

#footer .menu li {
    display: inline-block
}

#footer .menu li:not(:first-child) {
    margin: 0 15px 0 0
}

#footer .menu li a {
    color: #aaa;
    display: block;
    line-height: 36px
}

#footer .social {
    float: none;
    margin: 0;
    text-align: left
}

#footer .menu li a:hover {
    color: #ff434c
}

.copyright {
    margin: 10px 0 0
}

.copyright p {
    margin: 2px 0;
    font-size: 12px
}

#ajaxSearch {
    position: fixed;
    top: 80px;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    background: #303030;
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

#ajaxSearch.active {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1
}

#dtc_live_search_content {
    display: none;
    padding: 30px 0 0 10px;
    position: relative;
    top: 60px;
    right: 0;
    width: 100%;
    color: #9096a6;
    z-index: 1
}

#dtc_live_search_content>p {
    margin: 0;
    font-weight: 500;
    color: #fff
}

#dtc_live_search_content.on {
    display: block
}

#searchform {
    position: relative;
    padding: 0
}

#searchform #dtc_live_search {
    font-family: bts;
    width: 1170px;
    max-width: calc(100% - 100px);
    background: #fff;
    color: #212121;
    height: 50px;
    border-radius: 30px;
    padding: 0 30px;
    font-size: 14px;
    border: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

#searchform #dtc_live_search:focus {
    border-color: #0096ff
}

#searchform #searchsubmit {
    position: absolute;
    top: 50%;
    left: 115px;
    transform: translate(0,-50%);
    background: 0 0;
    border: 0;
    color: rgba(255,255,255,.5);
    opacity: .4;
    margin: -2px 0 0
}

#searchform #searchsubmit svg path {
    fill: #000
}

#searchform #searchsubmit svg {
    width: 16px;
    height: 16px;
    margin: 1px 0 0
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#dtc_live_search_content>p svg {
    width: 15px;
    height: 15px;
    margin: -3px 0 0
}

#dtc_live_search_content>p svg path {
    fill: #747988
}

.searchInner {
    padding: 20px 0 10px
}

.searchInner .container {
    position: relative
}

.searchScroll {
    position: relative;
    height: calc(100vh - 120px);
    overflow-x: hidden;
    overflow-y: auto
}

body.searchOn {
    overflow: hidden
}

.formWrap {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    height: 50px;
    z-index: 9
}

#searchform {
    position: fixed
}

#searchClose i {
    font-size: 18px;
    position: relative;
    top: 3px;
    margin: 0 0 0 3px
}

#searchClose {
    float: left;
    height: 50px;
    padding: 0;
    background: 0 0;
    border: none;
    color: #fff;
    width: 100px;
    cursor: pointer;
    z-index: 5;
    position: relative
}

.searchScroll .overlay {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1270px;
    height: 90px;
    background: #303030;
    background: linear-gradient(0deg,rgba(48,48,48,0) 0%,rgba(48,48,48,1) 50%);
    z-index: 2
}

#slideshow {
    margin: 20px 0 0
}

#homeSlide .slideInner {
    position: relative;
    border-radius: 10px;
    background: #292929;
    padding: 30px
}

#homeSlide .slideInner .overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #303030;
    opacity: .7;
    z-index: 2
}

#homeSlide .slideInner .slideImg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
    background-size: cover;
    z-index: 1;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

#homeSlide .slideContent {
    position: relative;
    z-index: 3
}

#homeSlide .slideContent img {
    border-radius: 10px
}

#homeSlide .slideContent .slideMeta span {
    display: inline-block;
    font-size: 13px;
    color: rgba(255,255,255,.8)
}

#homeSlide .slideContent .slideMeta span.imdbRate {
    display: inline-block;
    color: #ffcc26
}

#homeSlide .slideContent .slideMeta span:not(:first-child) {
    margin: 0 10px 0 0
}

#homeSlide .slideContent .poster {
    position: relative
}

#homeSlide .slideContent .poster span {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ff434c;
    color: #fff;
    border-radius: 30px;
    padding: 5px 12px 4px;
    font-weight: 500;
    font-size: 13px
}

#homeSlide .slideContent .h1 {
    color: #fff;
    font-size: 30px
}

#homeSlide .slideContent .h1 a {
    color: #fff
}

#homeSlide .slideContent .slideCats>span {
    display: inline-block;
    color: rgba(255,255,255,.8);
    line-height: 1;
    font-size: 13px
}

#homeSlide .slideContent .slideCats>span:not(:first-child) {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    border-right: 1px solid rgba(255,255,255,.5)
}

#homeSlide .slideContent p {
    margin: 0 0 10px;
    color: rgba(255,255,255,.6);
    line-height: 1.6
}

#homeSlide .slideInner:hover .slideImg {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

#header2 {
    display: none;
    background: #353535;
    padding: 0 0 10px 0;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 999
}

#mobileNav {
    margin-left: 15px;
    background: 0 0;
    border: none;
    color: #ff434c;
    font-size: 23px;
    padding: 0;
    width: 30px;
    height: 28px
}

.pushmenu {
    background: #292929 url(Assets/images/footer.png) no-repeat -107px -100px;
    background-size: 220px auto;
    width: 260px;
    height: 100%;
    top: 0;
    z-index: 1001;
    overflow-x: scroll;
    position: fixed;
    right: -260px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.pushmenu.pushmenu-open,.pushmenu.pushmenu-open a.promoTab {
    right: 0
}

.pushmenu-wrap-open .pushmenu-close {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(51,51,51,.8);
    z-index: 1000;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.sideMenu {
    padding: 40px 20px 80px
}

.sideMenu a.promoTab {
    position: fixed;
    bottom: 0;
    right: -260px;
    z-index: 2;
    background: #ffcc26;
    display: block;
    width: 260px;
    color: #111;
    font-weight: 500;
    text-align: center;
    padding: 15px
}

body.pushmenu-wrap-open {
    overflow: hidden
}

.mMenu {
    margin: 0;
    padding: 0;
    list-style: none
}

.mMenu li a {
    display: block;
    padding: 6px 0;
    font-weight: 500
}

.homeSlide-next,.homeSlide-prev {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: rgba(0,0,0,.2);
    z-index: 6;
    border-radius: 3px;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    color: #fff
}

.homeSlide-prev {
    left: auto;
    right: 10px
}

.homeSlide-next:hover,.homeSlide-prev:hover {
    background: #ff434c;
    color: #fff
}

#homeSlide .swiper-pagination span {
    width: 13px;
    height: 13px;
    opacity: 1;
    background: rgba(255,255,255,.3)
}

#homeSlide .swiper-pagination span.swiper-pagination-bullet-active {
    background: #ff434c
}

@media(max-width: 1199px) {
    #searchform {
        position:fixed;
        max-width: calc(100% - 30px)
    }
}

@media(max-width: 991px) {
    #header {
        display:none
    }

    #header2 {
        display: block
    }

    body {
        padding: 101px 0 0
    }

    a.logo img {
        max-height: 40px
    }

    .accBtn>span,.accBtn::after {
        display: none
    }

    .accBtn>div {
        margin: -2px 0 0
    }

    .accBtn {
        padding: 0;
        border-color: transparent
    }
}

@media(max-width: 767px) {
    #homeSlide .slideContent .col-xl-2,.homeSlide-next,.homeSlide-prev {
        display:none
    }
}

@media(max-width: 575px) {
    #homeSlide .slideInner {
        padding:50px 30px
    }

    //#homeSlide .//slideContent p {
        display//: none
    }
}

@media(max-width: 480px) {
    a.promoLink span {
        display:none
    }

    a.promoLink {
        margin-left: 10px!important;
        padding: 0 8px
    }

    a.logo {
        margin-left: auto!important
    }
}

#blockList {
    margin: 30px 0 0;
    padding: 15px 15px 5px;
    background: #3b3b3b;
    background: linear-gradient(180deg,rgba(59,59,59,1) 0%,rgba(28,28,28,1) 100%);
    border-radius: 10px
}

.blockHead .h3 {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin: 0;
    line-height: 30px;
    padding: 0 30px 0 0;
    background: url(Assets/images/red.png) no-repeat top right;
    background-size: auto 30px
}

.blockHead.yellow .h3 {
    background: url(Assets/images/yellow.png) no-repeat top right;
    background-size: auto 30px
}

.blockHead a {
    border: 2px solid #ff434c;
    border-radius: 30px;
    padding: 0 16px;
    font-weight: 300;
    font-size: 13px;
    line-height: 26px;
    display: block;
    color: #fff;
    float: left
}

.blockHead a:hover {
    background: #ff434c;
    color: #fff
}

.blockHead.yellow a {
    border: 2px solid #ffcc26
}

.blockHead.yellow a:hover {
    background: #ffcc26;
    color: #000
}

.blockHead {
    margin: 0 0 15px
}

.blockMovie {
    margin: 0 0 10px;
    position: relative
}

.blockMovie a {
    position: relative;
    display: block;
    overflow: hidden
}

.blockMovie a img {
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.blockMovie a .blockMovieMeta {
    position: absolute;
    top: 7px;
    right: 6px;
    z-index: 1
}

.blockMovie a .blockMovieMeta>span {
    display: table;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 12px;
    margin: 0 0 4px;
    border-radius: 30px;
    padding: 3px 8px 2px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1
}

.blockMovie a .blockMovieMeta>span.bimdb {
    color: #ffcb17
}

.blockMovie a .blockMovieMeta>span.bCat {
    background: #ffcb17;
    color: #000
}

.blockMovie a span.bimdb i {
    font-size: 10px;
    position: relative;
    top: -1px
}

.blockMovie a span.bviews i {
    font-size: 10px
}

.blockMovie a .h5 {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 40px 10px 10px;
    width: 100%;
    text-overflow: unset;
    white-space: unset;
    background: #000;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    line-height: 1.3;
    border-radius: 0 0 5px 5px;
    font-size: 13px;
    margin: 0;
    font-weight: 300;
    overflow: hidden
}

.blockMovie a:hover img {
    opacity: .7
}

#blockList.blockAlt {
    background: #3b3b3b;
    background: linear-gradient(0deg,rgba(59,59,59,1) 0%,rgba(28,28,28,1) 100%);
    padding: 15px
}

body.page-template-template-account-login,body.page-template-template-account-register,body.page-template-template-account-reset-password,body.page-template-template-promo {
    background: #303030 url(Assets/images/account.png) no-repeat;
    background-size: cover
}

.accountForm {
    padding: 100px 0
}

.formDiv {
    background: rgba(0,0,0,.25);
    padding: 30px;
    border-radius: 10px
}

.yorke_header {
    text-align: center;
    color: #fff;
    margin: 0 0 30px;
    position: relative
}

.yorke_header i {
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    background: #ff434c;
    border-radius: 50%;
    font-size: 30px;
    position: absolute;
    top: -62px;
    left: 50%;
    transform: translateX(-50%)
}

.yorke_header .h2 {
    font-size: 24px;
    margin: 0;
    padding: 15px 0 0
}

.yorke_errors {
    margin: 0 0 30px;
    background: rgba(255,67,76,.2);
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px
}

.formDiv label {
    display: block;
    font-size: 12px
}

.formDiv .form-control {
    background: rgba(255,255,255,.1);
    border: none!important;
    box-shadow: none!important;
    border-radius: 30px;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    padding: 0 40px
}

.formDiv .form-group i {
    position: absolute;
    bottom: 12px;
    right: 17px;
    color: rgba(255,255,255,.5)
}

.custom-control {
    padding-right: 1.5rem;
    min-height: 1rem;
    padding-left: 0;
    margin: 0 0 15px
}

.custom-control-label::before,.custom-control-label::after {
    left: auto;
    right: -1.5rem;
    box-shadow: none!important;
    top: 0
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #ff434c
}

.reset {
    position: relative;
    z-index: 1
}

.formMsg {
    background: rgba(0,0,0,.5);
    padding: 11px 20px;
    border-radius: 30px;
    margin: 15px 0 0;
    text-align: center;
    font-size: 13px
}

.wrapPage {
    padding: 40px 0 50px;
    min-height: 550px
}

.accountHeader {
    margin: 0 0 30px
}

.accountHeader .accImg {
    position: relative
}

.accountHeader .accImg img {
    border-radius: 50%;
    border: 3px solid #ff434c
}

.accountHeader .accImg a {
    position: absolute;
    top: 3px;
    right: 4px;
    background: #ff434c;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-size: 11px;
    text-indent: -1px
}

.accountHeader .accTitle {
    color: #fff;
    text-transform: capitalize;
    margin: 24px 0;
    float: right;
    width: calc(100% - 132px);
    font-size: 30px
}

.accountHeader .accTitle small {
    display: block;
    direction: ltr;
    font-size: 14px;
    opacity: .5;
    font-weight: 300;
    line-height: 1;
    text-align: right
}

.yorke_errors.green {
    background: rgba(255,67,76,.2)
}

.accountHeader .accImg {
    position: relative;
    float: right;
    margin: 0 0 0 30px
}

.accountHeader .accImg.imgVip a {
    background: #ffcb17;
    color: #000
}

.accountHeader .accImg.imgVip img {
    border-color: #ffcb17
}

.accountHeader .accTitle img {
    max-height: 41px;
    float: right;
    margin: 0 0 0 10px
}

.accountHeader .accTitle span {
    display: block;
    line-height: 1
}

.accDesc {
    background: rgba(255,255,255,.07);
    padding: 16px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 1.4;
    color: rgba(255,255,255,.6)
}

.accMenuList {
    margin: 30px 0;
    text-align: center;
    position: relative
}

.accMenuList:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.25);
    z-index: 1
}

.accMenuList a.accItem {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 5px;
    background: #303030;
    font-weight: 500;
    border: 2px solid #ff434c;
    padding: 0 15px;
    border-radius: 30px;
    line-height: 32px;
    font-size: 13px;
}

.accMenuList a.accItem:hover {
    background: #2a2a2a;
    color: #fff
}

.accMenuList a.accItem.selected {
    background: #ff434c
}

.subHead .h4 {
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 0 10px 0 0
}

.subHead {
    margin: 0 0 15px;
    border-right: 3px solid #ff434c;
    padding: 2px 0 1px
}

.accBlockBody {
    background: rgba(255,255,255,.04);
    padding: 30px 20px;
    border-radius: 10px
}

.redeem_ajax_output {
    display: none;
    margin: 15px 0 0;
    color: #fff
}

.redeem_ajax_output.active {
    display: block
}

.save-settings-msg {
    display: none;
    color: #fff;
    margin: 15px 0 0
}

.save-settings-msg.active {
    display: block
}

.form-check {
    padding-left: 0;
    padding-right: 1.25rem
}

.form-check-input {
    margin-top: 1px;
    margin-left: 0;
    margin-right: -1.25rem
}

.alert {
    border-radius: 30px;
    font-weight: 500
}

.alert-success {
    color: #fff;
    background-color: rgba(0,212,51,.2);
    border-color: rgba(0,212,51,.2)
}

.alert-danger {
    color: #fff;
    background-color: rgba(255,67,76,.2);
    border-color: rgba(255,67,76,.2)
}

.subItem {
    background: rgba(255,255,255,.05);
    border-radius: 10px;
    margin: 0 0 30px;
    padding: 15px;
    display: table;
    width: 100%;
    position: relative
}

.subItem a.subImg img {
    border-radius: 5px;
    max-width: 100%;
    height: auto
}

.subItem a.subImg {
    float: right;
    width: 100px;
    margin: 0 0 0 15px
}

.subItem .subs-item-content {
    float: right;
    width: calc(100% - 115px);
    padding: 15px 0 0
}

.subItem h2.subs-item-title {
    font-size: 18px
}

.subItem p.subs-item-desc {
    line-height: 1.6;
    font-size: 13px;
    margin: 0 0 10px
}

.subItem a.subs-item-play {
    display: inline-block;
    margin: 0;
    background: #303030;
    border: 2px solid #ff434c;
    padding: 0 15px;
    border-radius: 30px;
    line-height: 32px;
    font-size: 13px
}

.subItem a.subs-item-play i {
    margin: 0 0 0 5px
}

.subItem a.subs-item-play:hover {
    color: #fff;
    background: rgba(0,0,0,.3)
}

.subItem button.__remove-this {
    background: #ff434c;
    color: #fff;
    border: none;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 30px;
    cursor: pointer;
    float: left
}

button.account-loadmore-btn {
    margin: 0 auto;
    display: table
}

.postDiv {
    margin: 0 0 10px
}

.postDiv a {
    position: relative;
    display: block;
    border-radius: 4px
}

.postDiv a img {
    border-radius: 4px
}

.postDiv a span.epNumb strong {
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    margin: 2px 0 0
}

.postDiv a span.epNumb span {
    display: block
}

.postDiv a span.epNumb {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0,0,0,.5);
    border-radius: 4px;
    padding: 8px 10px 6px;
    z-index: 2;
    text-align: center;
    font-weight: 500;
    color: #fff
}

.postDiv a .postInner {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #000;
    background: linear-gradient(0deg,rgba(0,0,0,0.8) 0%,rgba(255,67,76,.6) 80%);
    opacity: 0;
    border-radius: 4px;
    transform: scale(1.1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.postDiv a .postInner .h1 {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 100%;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    margin: 0
}

.tax-collections .postDiv a .postInner .h1 {
    padding: 0 10px 0 27px
}

.postDiv a:hover .postInner,.postDiv a:focus .postInner {
    opacity: 1;
    transform: scale(1)
}

.postDiv a .postInner .playIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 60px;
    transform: translate(-50%,-50%) rotate(360deg);
    line-height: 1;
    height: 60px;
    width: 54px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.postDiv a:hover .postInner .playIcon,.postDiv a:focus .postInner .playIcon {
    transform: translate(-50%,-50%) rotate(0deg)
}

@media(max-width: 575px) {
    #postList .col-sm-3 {
        -ms-flex:0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }
}

@media(max-width: 420px) {
    #postList .col-sm-3 {
        -ms-flex:0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.epDivHome {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important
}

.epDivHome a.epHomeImg {
    display: block;
    float: right;
    max-width: 105px;
    margin: 0 0 0 10px
}

.epDivHome .epHomeContent {
    float: right;
    max-width: calc(100% - 127px)
}

.epDivHome .epHomeContent .h4 {
    font-size: 13px;
    margin: 0 0 2px;
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
    line-height: 1.4
}

.epDivHome:hover .epHomeContent a,.epDivHome:hover .epHomeContent a:focus {
    color: #ff434c
}

.epDivHome .epHomeContent div>span {
    display: inline-block
}

.epDivHome .epHomeContent div>span:not(:first-child) {
    margin: 0 5px 0 0
}

.epDivHome .epHomeContent div>span {
    display: inline-block;
    font-size: 13px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.epDivHome .epHomeContent div>span.sCat {
    background: rgba(255,255,255,.1);
    padding: 0 9px;
    border-radius: 30px;
    color: #ccc
}

.epDivHome .epHomeContent div>span.epStatus {
    position: relative;
    padding-right: 10px
}

.epDivHome .epHomeContent div>span.epStatus:before {
    content: '';
    position: absolute;
    top: 6px;
    right: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff434c
}

.epDivHome a.epHomeImg img {
    border-radius: 7px
}

.epDivHome:not(:last-child) {
    margin: 0 0 10px
}

.epDivHome .epHomeContent>a {
    position: relative;
    overflow: hidden
}

.epDivHome:hover .epHomeContent div>span.sCat {
    background: rgba(0,0,0,.15)
}

#blockList.goldenAcc {
    padding: 30px;
    color: #aaa;
    height: calc(100% - 80px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#blockList.goldenAcc .goldenHead {
    margin: 0 0 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important
}

#blockList.goldenAcc .goldenHead img {
    float: right;
    max-width: 160px;
    margin: 0 0 0 10px
}

#blockList.goldenAcc .goldenHead span {
    display: block;
    line-height: 1.3;
    font-size: 40px;
    font-weight: 700;
    margin: 0
}

@media(max-width: 575px) {
    #blockList .col-sm-3,#dtc_live_search_content .col-sm-3 {
        -ms-flex:0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
}

@media(max-width: 420px) {
    #blockList .col-sm-3,#dtc_live_search_content .col-sm-3 {
        -ms-flex:0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.goldenList p {
    margin: 0;
    line-height: 20px
}

.goldenList p+p {
    margin: 10px 0 0
}

.goldenList p i {
    text-align: center;
    font-size: 20px;
    position: relative;
    top: 3px;
    color: #ff434c;
    width: 28px
}

.goldenBtn strong {
    background: #ffcb17;
    color: #000;
    padding: 4px 20px;
    border-radius: 30px
}

.goldenBtn {
    margin: 30px 0 0;
    background: rgba(0,0,0,.25);
    padding: 12px 10px 10px 20px;
    border-radius: 30px;
    color: #fff
}

.goldenBtn span {
    float: left
}

.pageNotFound {
    padding: 100px 0;
    text-align: center
}

.pageNotFound i {
    font-size: 72px;
    margin: 0 0 30px
}

a.dtc_more {
    margin: 10px 0 0;
    display: block;
    background: #ff434c;
    text-align: center;
    padding: 10px;
    border-radius: 30px;
    font-weight: 500;
    color: #fff
}

ul.pagination {
    margin: 20px 0 0;
    padding: 0;
    width: 100%
}

.page-item .page-link,.pagination>a,.pagination>span {
    border-radius: .25rem;
    margin: 0 2px!important;
    font-weight: 500;
    padding: 10px 15px;
    border: none;
    background: rgba(255,255,255,.1);
    color: #fff;
    font-size: 15px;
    box-shadow: none!important
}

.page-item .page-link:hover,.pagination>a:hover {
    background: rgba(255,255,255,.2)
}

.page-item.disabled .page-link,ul.pagination>span.page-numbers.current {
    color: #fff;
    background-color: #ff434c
}

.pagination>span.dots {
    display: none
}

.headWfilter {
    display: table;
    width: 100%;
    margin: 0 0 30px
}

.headWfilter .webFilter {
    float: left
}

.headWfilter .webFilter select {
    border: none;
    border-radius: 30px;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 15px 0 30px;
    height: 32px;
    outline: none;
    font-family: bts;
    font-size: 12px;
    line-height: 32px;
    background: #1d1d1d url(Assets/images/caret.png) no-repeat 12px center;
    color: #fff;
    width: 100%
}

.headWfilter .webFilter .col-xl-2 {
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%
}

.headWfilter .webFilter #an .col-xl-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.headWfilter button {
    width: 100%
}

.headWfilter .subHead {
    margin: 5px 0
}

ul#menu-primary .nav-link::after {
    margin: 0 3px 0 0;
    position: relative;
    top: 2px
}

ul#menu-primary .nav-item.dropdown:hover .dropdown-menu {
    display: block
}

ul#menu-primary .nav-item .dropdown-menu:before {
    content: '';
    position: absolute;
    top: -10px;
    right: 5px;
    border: 5px solid transparent;
    border-bottom: 5px solid #fff
}

ul#menu-primary .nav-item .dropdown-menu {
    margin: 0;
    min-width: 180px;
    text-align: right
}

ul#menu-primary .nav-item .dropdown-menu a {
    font-size: 13px;
    padding: 2px 15px 1px;
    line-height: 34px;
}

ul#menu-primary .nav-item .dropdown-menu a:hover {
    color: #ff434c
}

ul#menu-primary .nav-item .dropdown-menu a:focus,ul#menu-primary .nav-item .dropdown-menu a:active {
    background: #ff434c;
    color: #fff
}

.mMenu li ul {
    padding: 0 10px 0 0;
    margin: 0;
    list-style: none;
    border-right: 1px solid rgba(255,255,255,.2)
}

.mMenu li ul li a {
    color: rgba(255,255,255,.7)
}

.mMenu li.dotNew a {
    box-shadow: none;
    padding: 6px 17px 6px 0
}

.mMenu li.dotNew a:after {
    right: -4px
}

.alert {
    width: 100%
}

.singlePage {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: -80px 0 0;
    padding: 0 0 40px;
    position: relative;
    z-index: 5
}

.singlePage .overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #303030;
    opacity: .85
}

.singleHeader {
    padding: 120px 0 0;
    position: relative;
    z-index: 3
}

.singleHeader .poster {
    border-radius: 5px
}

.singleInfo .h1 {
    color: #fff;
    font-size: 32px;
    line-height: 1.4;
    margin: 0
}

.singleStar {
    margin: -26px 5px 0 0;
    width: 58px;
    height: 52px;
    display: inline-block;
    position: relative;
    top: 17px
}

.singleStar i {
    color: #fbe600;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 58px;
    height: 52px;
    font-size: 52px
}

.singleStar strong {
    position: absolute;
    color: #000;
    top: 50%;
    left: 50%;
    font-size: 19px;
    font-weight: 500;
    transform: translate(-50%,-50%)
}

.singleStar span {
    color: #000;
    font-size: 12px;
    position: absolute;
    bottom: 5px;
    left: 20px;
    direction: ltr
}

.singleDesc {
    margin: 15px 0 0;
    font-size: 15px;
    line-height: 1.5;
    color: #ccc
}

.singleDesc p {
    margin: 0
}

#singleList {
    margin-top: 15px
}

#singleList span {
    display: block;
    color: #ccc;
    margin: 3px 0;
    text-transform: capitalize
}

#singleList span i {
    color: #ff434c;
    width: 20px;
    text-align: center
}

#singleList span a {
    color: #ccc
}

#singleList span a:hover {
    color: #fff
}

.singleBtns {
    margin: 10px 0 0
}

.singleBtns .add-to-my-list>button {
    background: #ff434c;
    border: none;
    border-radius: 30px;
    line-height: 34px;
    padding: 0 20px;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px
}

.singleBtns .add-to-my-list>button i {
    margin: 0 0 0 3px
}

.singleBtns a.open-video,.singleBtns .translateBtn {
    display: inline-block;
    background: rgba(255,255,255,.25);
    border: none;
    border-radius: 30px;
    line-height: 34px;
    padding: 0 20px;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    margin: 0 0 0 5px
}

.singleBtns a.open-video:hover,.singleBtns .translateBtn:hover {
    background: rgba(255,255,255,.2)
}

#btn-report-movie {
    border-radius: 30px;
    float: right;
    background: rgba(255,255,255,.1);
    border: none;
    line-height: 34px;
    padding: 0 15px;
    color: #ff8e93;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    margin: 0 0 0 5px
}

#btn-report-movie:hover {
    background: rgba(0,0,0,.1)
}

.postElse #reviewsCont {
    float: right;
    background: rgba(255,255,255,.1);
    border: none;
    line-height: 34px;
    padding: 0 15px;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    margin: 0 0 0 5px;
    border-radius: 30px
}

.singleBtns>div {
    display: inline-block;
    padding: 0;
    position: relative;
    min-height: 34px;
    margin: 0 0 0 5px
}

.thumbs-rating-container {
    padding: 0
}

.thumbs-rating-container>span {
    display: inline-block;
    margin: 0 0 0 5px
}

.thumbs-rating-container>span.thumbs-rating-already-voted {
    margin: 0;
    font-size: 13px;
    display: none;
    padding: 0;
    position: absolute;
    bottom: -40px;
    right: 0
}

.thumbs-rating-container>span.thumbs-rating-down:before {
    content: '\f165';
    font-family: "font awesome 5 pro";
    font-weight: 900;
    font-size: 18px;
    position: absolute;
    bottom: 6px;
    left: -4px;
    line-height: 1;
    color: rgba(0,0,0,.4)
}

.thumbs-rating-container>span.thumbs-rating-up:before {
    content: '\f164';
    font-family: "font awesome 5 pro";
    font-weight: 900;
    font-size: 18px;
    position: absolute;
    bottom: 8px;
    left: -4px;
    line-height: 1;
    color: rgba(0,0,0,.4)
}

.thumbs-rating-container>span.thumbs-rating-down,.thumbs-rating-container>span.thumbs-rating-up {
    padding: 0;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    line-height: 34px;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-weight: 500;
    color: #fff;
    margin: 0 0 -14px 5px
}

.reDiv {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 40%;
    background: #000;
    padding: 30px;
    text-align: right;
    direction: rtl
}

.reDiv .re_title {
    color: #fff;
    margin: 0 0 15px
}

.reDiv .re_error_msg {
    display: none;
    background: rgba(255,255,255,.1);
    border-radius: 30px;
    padding: 9px 20px;
    color: #fff;
    margin: 0 0 15px
}

.reDiv textarea.re_textarea {
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    border: none;
    background: rgba(255,255,255,.15);
    color: #fff;
    outline: none
}

.reDiv button.__re_send_report {
    line-height: 34px;
    border-radius: 30px;
    padding: 0 20px;
    border: none;
    background: #ff434c;
    color: #fff;
    cursor: pointer
}

.reDiv span.sending_txt,.reDiv span.sent_ok {
    display: none
}

#streamBox {
    position: relative;
    z-index: 10;
    margin: 40px 0 0;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    padding: 20px
}

.streamHeader .h4 {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin: 0;
    line-height: 30px;
    padding: 0 30px 0 0;
    background: url(Assets/images/red.png) no-repeat top right;
    background-size: auto 30px
}

.streamHeader {
    margin: 0 0 20px
}

.streamHeader.isVip .h4 {
    background: url(Assets/images/yellow.png) no-repeat top right;
    background-size: auto 30px
}

ul.tabs-ul {
    margin: 0 0 15px;
    padding: 0;
    list-style: none
}

ul.tabs-ul li {
    display: inline-block;
    margin: 0 3px
}

ul.tabs-ul li a {
    background: rgba(0,0,0,.25);
    border: 2px solid #ff434c;
    border-radius: 30px;
    padding: 0 20px;
    line-height: 30px;
    display: block;
    color: #fff;
    font-weight: 500
}

ul.tabs-ul li a:hover {
    background: rgba(0,0,0,.5)
}

ul.tabs-ul li.active a,ul.tabs-ul li.active a:hover {
    background: #ff434c
}

.videoRow {
    position: absolute;
    width: 100%;
    z-index: 2;
    background-color: #000;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden
}

ul.tabs-ul li.isVip .fa-play-circle {
    display: none
}

ul.tabs-ul li.isVip a {
    border-color: #ffcb17;
    color: #ffcb17;
    opacity: .7
}

ul.tabs-ul li.active.isVip a,ul.tabs-ul li.active.isVip a:hover {
    background: #ffcb17;
    color: #000;
    opacity: 1;
}

ul.tabs-ul li a:hover {
    opacity: 1
}

.chatMovie {
    position: relative;
    width: 100%;
    z-index: 2;
    background-color: rgba(0,0,0,.5);
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    height: calc(100% - 50px)
}

.postElse {
    margin: 15px 0 0;
    display: table;
    width: 100%
}

.postElse .postShare,.postElse .shortLink {
    border-radius: 30px;
    padding: 0 15px;
    background: rgba(255,255,255,.1);
    height: 34px;
    float: right;
    margin: 0 0 0 5px
}

.postElse .shortLink {
    position: relative;
    padding: 3px 15px
}

.postElse .shortLink span#liskSh {
    background: rgba(0,0,0,.3);
    padding: 0 10px;
    border-radius: 30px
}

.postElse .shortLink span,.postElse .shortLink button {
    display: inline-block
}

.postElse .shortLink #coptText {
    padding: 0;
    border: none;
    color: #fff;
    background: rgba(0,0,0,.3);
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    cursor: pointer
}

.postElse .shortLink #coptText i {
    display: block;
    line-height: 26px;
    width: 26px;
    height: 26px
}

.postElse .shortLink span.copied {
    position: relative;
    background: #212121;
    color: #fff;
    padding: 3px 15px;
    border-radius: 30px;
    font-size: 12px;
    position: relative;
    top: -1px;
    margin: 0 4px 0 0
}

.postElse .shortLink input[type=text] {
    line-height: 1;
    border: none;
    background: #0003;
    border-radius: 30px;
    padding: 0 10px;
    color: #8e8e8e;
    font-size: 13px
}

.postElse .postShare a,.postElse .postShare span {
    display: inline-block;
    line-height: 34px
}

.postElse .postShare a {
    margin: 0 4px;
    font-size: 12px;
    line-height: 36px
}

.downloadLinks {
    margin: 20px 0 0
}

.downloadLinks .streamHeader {
    margin: 0 0 10px
}

.downloadLinks a {
    position: relative;
    background: rgba(0,0,0,.5);
    padding: 15px 60px 15px 15px;
    border-radius: 5px;
    min-width: 150px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ff434c;
    line-height: 1;
    margin: 0 0 4px 2px;
    display: inline-block
}

.downloadLinks a i {
    position: absolute;
    top: 50%;
    font-size: 30px;
    display: block;
    color: #aaa;
    right: 15px;
    transform: translateY(-50%)
}

.downloadLinks a span {
    display: block;
    width: 100%;
    color: #aaa;
    margin: 0 0 5px
}

.downloadLinks a:hover {
    background: rgba(0,0,0,.75)
}

.downloadLinks.isVip a {
    color: #ffcb17
}

.allComments {
    position: relative;
    z-index: 6;
    margin: 30px 0 0;
    display: table;
    width: 100%
}

.ralatedMovies {
    position: relative;
    z-index: 6;
    margin: 30px 0 0
}

#commentsArea h3#reply-title {
    display: none
}

#commentsArea #commentform {
    position: relative
}

#commentsArea #commentform .form-group {
    margin: 0
}

#commentsArea #commentform textarea.form-control {
    background: rgba(0,0,0,.5)!important;
    border-radius: 10px;
    padding: 15px 15px 47px;
    color: #aaa!important
}

#commentsArea #commentform p.form-submit {
    margin: 0;
    position: absolute;
    bottom: 15px;
    left: 15px
}

#commentsArea ol,#commentsArea ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#commentsArea .comment-respond {
    margin: 0 0 20px
}

.comments_list>li {
    margin: 10px 0 0;
    float: right;
    width: 100%
}

.comments_list>li .commentBox {
    background: rgba(0,0,0,.25);
    border-radius: 30px;
    position: relative
}

.commentBox .commentHead img {
    width: 32px;
    height: 32px;
    border-radius: 30px;
    float: right;
    margin: 0 0 0 10px
}

.commentBox .commentHead strong,.commentBox .commentHead strong a {
    text-transform: capitalize;
    color: #fff
}

.commentBox .commentHead {
    float: right;
    margin: 0 0 0 15px;
    line-height: 32px
}

.comment-content p {
    margin: 0
}

.comment-content {
    padding: 6px 0 7px;
    font-size: 13px
}

.commentBox .commentTime {
    float: left;
    background: rgba(0,0,0,.25);
    padding: 2px 10px;
    border-radius: 30px;
    font-size: 12px;
    margin: 4px 20px 0 4px
}

.commentBox .commentLinks a {
    background: #ff434c;
    font-weight: 500;
    font-size: 12px;
    padding: 0 10px 2px;
    border-radius: 30px
}

.commentBox .commentLinks {
    position: absolute;
    top: 4px;
    opacity: 0;
    left: 5px
}

.commentBox:hover .commentLinks {
    opacity: 1
}

nav#commentNav {
    display: table;
    width: 100%;
    margin: 10px 0 0;
    float: right
}

nav#commentNav .nav-previous {
    float: left
}

nav#commentNav .nav-next {
    float: right
}

nav#commentNav a {
    background: #ff434c;
    padding: 0 15px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 13px;
    line-height: 30px;
    display: inline-block;
    color: #fff
}

#singleList span a {
    margin: 0 0 0 5px
}

@media(max-width: 991px) {
    #ajaxSearch {
        top:60px
    }
}

@media(max-width: 767px) {
    .posterImg {
        display:table;
        margin: 0 auto 30px
    }

    .singleInfo .h1,.singleDesc {
        text-align: center
    }

    .signleWatch {
        margin: 0 0 30px
    }
}

@media(max-width: 575px) {
    .singleBtns a,.singleBtns .translateBtn,.singleBtns>div {
        margin:0 0 5px 5px!important
    }

    ul.tabs-ul li {
        display: inline-block;
        width: calc(50% - 8px);
        margin: 3px
    }

    ul.tabs-ul li a {
        text-align: center;
        padding: 0 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .postElse .shortLink span.copied {
        position: absolute;
        left: 6px;
        top: 5px
    }
}

select#post_type {
    background: #000!important
}

.postDiv a .postInner span.quality {
    background: rgba(0,0,0,.5);
    padding: 3px 10px;
    border-radius: 30px;
    text-transform: uppercase
}

.postDiv a .postInner .posTop {
    position: absolute;
    top: 15px;
    right: 10px
}

.postDiv a .postInner .posTop>span {
    display: table;
    font-size: 13px;
    color: #fff;
    margin: 2px 0 6px;
    line-height: 1;
    font-weight: 500
}

.postDiv a .postInner .posTop span.cat {
    background: #ffcc26;
    color: #000;
    padding: 2px 10px 1px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 5px;
    display: table
}

.posterImg {
    position: relative
}

.posterImg a.open-video {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.posterImg a.open-video i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 36px;
    color: #fff;
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    background: rgba(0,0,0,.6);
    border-radius: 6px
}

.posterImg a.open-video:hover i {
    background: hsla(357,100%,63%,.85)
}

.castInfo {
    border-radius: 10px;
    position: relative;
    width: 100%;
    background: rgba(0,0,0,.25);
    overflow: hidden;
    margin: 0 0 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center!important;
    align-items: center!important
}

.castInfo .castImg {
    float: right;
    margin: 0 0 0 15px;
    max-width: 100px
}

.castInfo .castDesc .h6 {
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 5px
}

.castInfo .castDesc {
    padding: 20px 0;
    float: right;
    width: calc(100% - 115px)
}

.castInfo .castDesc p {
    margin: 0
}

@media(max-width: 420px) {
    .castInfo {
        text-align:center
    }

    .castInfo .castImg {
        float: none;
        margin: 20px auto 0;
        max-width: 100px
    }

    .castInfo .castImg img {
        border-radius: 5px
    }

    .castInfo .castDesc {
        padding: 20px;
        float: none;
        width: 100%
    }
}

.soonDiv {
    position: relative;
    margin: 0 0 15px;
    border-radius: 10px;
    background: #292929;
    padding: 30px
}

.soonDiv .overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #303030;
    opacity: .7;
    z-index: 2
}

.soonDiv .soonImg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
    background-size: cover;
    z-index: 1;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.soonDiv:hover .soonImg {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.soonDiv .soonContent {
    position: relative;
    z-index: 2
}

.soonDiv .soonContent .poster img {
    border-radius: 5px
}

.soonDiv .soonContent .h1 {
    font-size: 32px;
    margin: 0 0 10px;
    color: #fff
}

.soonDiv .soonContent .soonMeta {
    margin: 0 0 10px
}

.soonDiv .soonContent .soonMeta>span {
    display: inline-block
}

.soonDiv .soonContent .soonMeta>span:not(:first-child) {
    margin: 0 15px 0 0
}

.soonDiv .soonContent .soonMeta>span {
    display: inline-block;
    color: rgba(255,255,255,.7)
}

.soonDiv .soonContent p {
    margin: 0;
    color: rgba(255,255,255,.55)
}

.soonTime {
    background: #ff434c;
    margin: 0 0 10px;
    padding: 10px 20px;
    border-radius: 30px;
    color: #fff
}

.soonTimeCount {
    text-align: center
}

.soonTimeCount>span {
    display: inline-block;
    background: #fff;
    margin: 0 5px;
    color: #000;
    padding: 14px 10px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    width: calc(25% - 20px)
}

.soonTimeCount>span strong {
    display: block;
    font-size: 14px;
    font-weight: 500
}

@media(max-width: 767px) {
    .soonTime {
        margin:15px 0 10px
    }
}

@media(max-width: 575px) {
    .soonDiv .soonContent .poster {
        margin:0 auto 15px;
        display: table;
        max-width: 150px
    }

    .soonDiv .soonContent {
        text-align: center
    }

    .soonDiv .soonContent p {
        display: none
    }

    .soonDiv .soonContent .soonMeta {
        margin: 0
    }

    .soonDiv .soonContent .soonMeta>span {
        display: block
    }
}

.private_server_upload_block .iframe-uploader {
    border: none;
    width: 100%;
    height: 207px
}

.private_server_upload_block {
    background: #454545;
    border-radius: 10px
}

select#quality {
    text-transform: uppercase
}

.h1.promoTitle {
    text-align: center;
    color: #ffcc26;
    font-size: 30px;
    margin: 0 0 30px
}

#blockList.promo {
    margin: 0;
    background: #3b3b3b;
    background: linear-gradient(180deg,rgba(59,59,59,.75) 0%,rgba(28,28,28,.75) 100%);
    border-radius: 10px
}

ul.promoList {
    margin: 0 -15px 15px;
    padding: 0;
    list-style: none
}

ul.promoList li:not(:first-child) {
    border-top: 1px solid rgba(255,255,255,.1)
}

ul.promoList li {
    font-weight: 500;
    line-height: 26px;
    padding: 10px 15px
}

ul.promoList li i {
    color: #fff;
    font-size: 25px;
    width: 25px;
    margin: 0 0 0 10px;
    text-align: center;
    float: right
}

ul.promoList li:hover {
    background: rgba(0,0,0,.1);
    color: #fff
}

ul.promoList li:hover i {
    color: #ffcc26
}

ul.promoList li span {
    float: left
}

.pPrice {
    background: #ff434c;
    color: #fff;
    font-weight: 500;
    padding: 0 20px 0 6px;
    border-radius: 30px;
    line-height: 36px;
    display: table;
    width: 100%
}

.pPrice strong {
    float: left;
    background: rgba(0,0,0,.5);
    padding: 0 20px;
    border-radius: 30px;
    line-height: 26px;
    margin: 5px 0;
    font-weight: 500
}

.pPrice .badge {
    font-size: 14px;
    padding: .2em .4em .19em;
    font-weight: 500
}

.singleBtns .add-to-my-list#seiresSubBtns>button {
    background: rgba(0,0,0,.5)
}

.subs-btn-wrapper {
    float: right
}

.subs-btn-wrapper>button,.subs-btn-wrapper>span {
    background: #ff434c;
    border: none;
    border-radius: 30px;
    line-height: 34px;
    padding: 0 20px;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    float: right
}

.subs-btn-wrapper>span {
    background: #864848;
    border-radius: 30px 0 0 30px
}

.subs-btn-wrapper>button.btn-do-subs,.subs-btn-wrapper>button.btn-do-unsubs {
    border-radius: 0 30px 30px 0
}

.subs-btn-wrapper>button.btn-do-accept-notify,.subs-btn-wrapper>button.btn-do-unaccept-notify {
    border-radius: 0;
    background: #c84848;
    font-size: 16px;
    padding: 0 12px
}

.subs-btn-wrapper>button.btn-do-unsubs span.subs-btn-msg.___ {
    display: block;
    width: 88px
}

.subs-btn-wrapper>button.btn-do-unsubs span.subs-btn-msg.____ {
    display: none;
    width: 88px
}

.subs-btn-wrapper>button.btn-do-unsubs:hover span.subs-btn-msg.___ {
    display: none
}

.subs-btn-wrapper>button.btn-do-unsubs:hover span.subs-btn-msg.____ {
    display: block
}

.subs-btn-wrapper>button.btn-do-subs i,.subs-btn-wrapper>button.btn-do-unsubs i {
    margin: 0 0 0 3px
}

.seasonLoop {
    position: relative;
    z-index: 3;
    margin: 30px 0 0
}

#seasonList .col-xl-2 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%
}

.seasonDiv {
    margin: 0 0 10px;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden
}

.seasonDiv .title {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: #000;
    padding: 0 15px;
    border-radius: 30px;
    font-weight: 500;
    color: #fff
}

.seasonDiv .seasonMeta {
    background: #000;
    background: linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding: 7px 5px 20px;
    font-size: 12px;
    color: #fff
}

.seasonDiv .seasonMeta span:last-child {
    float: left
}

.seasonDiv.active {
    box-shadow: 0 0 0 2px #ff434c,0 0 10px #ff434c
}

.playlist-area {
    background-color: #000;
    padding: 10px;
    border-radius: 10px;
    position: relative;
    display: table;
    width: 100%;
    height: calc(100% - 50px)
}

.playlist-videos>div .thumb img {
    max-width: 100%;
    border-radius: 5px
}

.playlist-videos>div .thumb {
    float: right;
    max-width: 100px;
    margin: 0 0 0 10px
}

.playlist-videos>div .data {
    float: right;
    width: calc(100% - 110px)
}

.playlist-videos>div {
    color: #fff;
    background: rgba(255,255,255,.1);
    display: table;
    width: 100%;
    margin: 2px 0;
    padding: 10px;
    cursor: pointer
}

.playlist-videos>div:hover {
    background: rgba(255,255,255,.13)
}

.playlist-videos>div span.metas {
    display: block;
    font-size: 12px;
    line-height: 1;
    opacity: .75
}

.playlist-videos>div span.metas span {
    display: inline-block;
    margin: 0 0 0 5px
}

.playlist-videos>div .data h3.title {
    font-size: 13px;
    margin: 3px 0;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

button.autoplay-check-btn {
    margin: 10px 0 0
}

.playlist-videos {
    margin: 0 -10px;
    max-height: 416px;
    overflow-x: hidden;
    overflow-y: auto
}

#preloaderStream #streamBox {
    min-height: 666px
}

#preloaderStream #streamBox i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 40px;
    width: 40px
}

.playlist-videos>div.selected,.playlist-videos>div.selected:hover {
    background: rgba(255,67,76,.5)
}

#viewStream {
    width: 100%;
    z-index: 2;
    background-color: #000;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    min-height: 526px;
    position: relative;
    margin: 49px 0 0
}

#viewStream i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 40px;
    width: 40px;
    margin-left: -20px;
    margin-top: -20px
}

.playlist-title {
    padding: 0 0 10px;
    text-align: center
}

.playlist-title a {
    font-size: 13px;
    display: block;
    opacity: .5
}

.playlist-hd {
    background: #ff434c;
    border-radius: 30px;
    display: table;
    width: 100%;
    margin: 0 0 10px
}

.playlist-hd button {
    width: 25%;
    float: right;
    border: none;
    background: 0 0;
    color: #fff;
    padding: 10px 0;
    line-height: 1;
    cursor: pointer;
    text-align: center
}

.playlist-hd button:first-child {
    border-radius: 0 30px 30px 0
}

.playlist-hd button:last-child {
    border-radius: 30px 0 0 30px
}

.playlist-hd button:hover {
    background: rgba(0,0,0,.15)
}

#openChat {
    float: left;
    background: 0 0;
    border: none;
    color: #ffcb17;
    font-size: 24px;
    padding: 0;
    line-height: 1;
    cursor: pointer;
    width: 30px;
    height: 30px
}

.chatMovie.seriesChat {
    display: none
}

.chatMovie.seriesChat.active {
    display: block
}

.playlist-area.noactive {
    display: none
}

.nextPrev a:first-child {
    margin-left: 10px
}

.nextPrev {
    margin: 20px 0 0
}

.nextPrev a {
    display: block;
    width: calc(50% - 5px);
    padding: 7px 20px 6px;
    border-radius: 30px;
    background: rgba(255,67,76,.2);
    font-weight: 500
}

a.notifyItem {
    background: rgba(255,255,255,.1);
    padding: 5px;
    border-radius: 5px;
    display: block;
    font-size: 13px;
    color: #fff;
    min-height: 64px
}

a.notifyItem img {
    float: right;
    max-width: 37px;
    border-radius: 3px;
    margin: 0 0 0 7px
}

a.notifyItem span._noti_text_span {
    display: block;
    line-height: 1.3;
    margin: 0 0 3px
}

a.notifyItem i {
    display: block;
    font-size: 12px;
    opacity: .75;
    line-height: 1;
    margin: 5px 0 2px
}

._notify-item {
    margin: 0 0 5px;
    border-radius: 30px;
    padding: 10px 10px 10px 20px;
    background: rgba(255,67,76,.5)
}

._notify-item.viewd {
    background: rgba(0,0,0,.15)
}

._notify-item span._notify-hd {
    border-radius: 30px;
    background: rgba(255,255,255,.15);
    padding: 1px 20px;
    margin: 0 0 0 10px;
    color: #fff
}

a.notifyItem:not(:first-child) {
    margin: 3px 0 0
}

.pushmenu .fa-times {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,.35);
    text-align: center;
    line-height: 40px;
    font-size: 16px
}

.breakNews {
    margin: 20px 0 0
}

.breakNews .newsInner {
    background: rgba(0,0,0,.3);
    border-radius: 30px;
    padding: 5px;
    width: 100%;
    position: relative;
    display: flex
}

.breakNews .newsInner .breaktitle {
    float: right;
    background: #ff434c;
    color: #fff;
    font-weight: 500;
    padding: 5px 20px;
    border-radius: 30px;
    display: block;
    width: 100px;
    text-align: center;
    margin: 0 0 0 20px;
    height: 33px;
    min-width: 115px
}

.breakNews .newsInner marquee {
    float: right;
    width: calc(100% - 120px)
}

.breakNews .newsInner marquee span {
    display: inline-block;
    margin: 5px 0 5px 30px;
    padding: 0 24px 0 0;
    background: url(Assets/images/favicon.png) no-repeat;
    background-size: auto 20px;
    background-position: top right
}

.fullPack {
    position: relative;
    z-index: 3;
    margin: 30px 0 0
}

.fullPack #postList .col-xl-2 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.fullPack #postList .posTop .cat {
    display: none
}

.epAll {
    margin: 20px 0 0;
    padding: 0 5px;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    text-align: center
}

.epAll a {
    padding: 0 17px;
    background: rgba(255,255,255,.1);
    margin: 0 0 6px 5px;
    border-radius: 30px;
    line-height: 34px;
    font-weight: 500;
    -ms-flex: 0 0 calc(12.5% - 5px);
    flex: 0 0 calc(12.5% - 5px);
    max-width: calc(12.5% - 5px);
    text-align: center
}

.epAll a.active {
    color: #fff;
    background: #ff434c
}

#btn-report-movie.makeBlack,#btn-report-movie.makeWhite {
    color: #fff;
    background: rgba(255,255,255,.1)!important
}

.blackwindow {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9;
    display: none
}

.blackwindow.active {
    display: block
}

#streamBox.sWihte {
    background: rgba(255,255,255,.05)
}

#btn-report-movie.makeWhite {
    display: none
}

.post-ratings-text {
    position: absolute
}

span.starSys {
    font-size: 12px
}

#vip_home_settings ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%
}

#vip_home_settings ul li {
    float: right;
    width: 16.66667%
}

#vip_home_settings ul li>div {
    margin: 5px 0
}

#vip_home_settings .accBlockBody {
    padding: 20px
}

#vip_user_home .col-xl-12:last-child #blockList {
    margin-bottom: 30px
}

#home_row .col-xl-3 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

#formSearchID {
    position: relative
}

#formSearchID #searchsubmit2 {
    position: absolute;
    top: 0;
    left: 5px;
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 0;
    background: 0 0;
    line-height: 1
}

#formSearchID #searchsubmit2 svg path {
    fill: #fff
}

#formSearchID #searchsubmit2 svg,#formSearchID #dtc_live_search_content2>p svg {
    height: 14px;
    width: 14px
}

#formSearchID #dtc_live_search_content2 {
    position: absolute;
    top: 40px;
    right: 0;
    width: 100%;
    background: rgba(0,0,0,.5);
    z-index: 5;
    border-radius: 5px;
    padding: 15px;
    display: none
}

#formSearchID #dtc_live_search_content2.on {
    display: block
}

#formSearchID #dtc_live_search_content2>p {
    margin: 0
}

#idhat .idDiv {
    background: rgba(0,0,0,.5);
    margin: 5px 0;
    border-radius: 5px;
    padding: 0 30px 0 15px;
    color: #fff;
    font-weight: 500;
    line-height: 30px;
    cursor: pointer;
    position: relative
}

#idhat .idDiv::before {
    position: absolute;
    top: 6px;
    right: 7px;
    width: 15px;
    height: 15px;
    background: #fff;
    content: '';
    border-radius: 4px;
    opacity: .25
}

#idhat .idDiv.active::before {
    background: #ff434c;
    opacity: 1
}

.revDIv {
    position: relative;
    padding: 15px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.revDIv .revDIvbg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
    background-size: cover;
    z-index: 1;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.revDIv:hover .revDIvbg {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.revDIv:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.revDIv .revDiv_overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #303030;
    opacity: .8;
    z-index: 2
}

.revDIv .row {
    position: relative;
    z-index: 3
}

.revDIv .revPoster {
    float: right;
    max-width: 150px;
    margin-left: 15px;
    border-radius: 5px
}

.revContent {
    width: calc(100% - 165px);
    float: right
}

.revContent h5,.revContent p {
    width: 100%
}

.revContent h5 {
    color: #fff;
    text-transform: capitalize
}

.revRate {
    margin: 0 0 20px
}

.authorDiv {
    display: inline-block;
    margin: 0 5px 0 0
}

.authorDiv img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 0 0 5px
}

.authorDiv span {
    font-weight: 500;
    text-transform: capitalize
}

.revContent span.pViews {
    display: inline-block;
    margin: 0 10px 0 0
}

.revMeta {
    margin: 0 0 30px
}

.revMeta>span,.revMeta>div {
    display: inline-block;
    margin: 0 0 0 10px
}

.rev_Inner .float-left .col-xl-2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0
}

.rev_Inner {
    margin: 0 0 30px;
    display: table;
    width: 100%
}

.rev_Inner .float-left {
    width: 15%;
    margin: 0 20px 20px 0
}

.revInnerContent {
    font-size: 15px;
    line-height: 1.9;
    color: #ccc
}

.actorListSreach .col-xl-2 {
    -ms-flex: 0 0 11.11%;
    flex: 0 0 11.11%;
    max-width: 11.11%
}

button.autoplay-check-btn[data-status=true] {
    opacity: 1;
    box-shadow: 0 0 15px #ff434c!important;
    color: #fff
}

#oscar_list {
    margin-bottom: 10px;
    margin-top: 10px
}

#oscar_list span i {
    color: #ffc107;
    margin: 0 0 0 3px
}

.postDiv span.cCount {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ff434c;
    padding: 7px 10px;
    border-radius: 3px;
    line-height: 1;
    font-weight: 500;
    z-index: 1;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.postDiv:hover span.cCount {
    opacity: 0
}

#revPage {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: -80px 0 0;
    padding: 120px 0 40px;
    position: relative;
    z-index: 5
}

#revPage .overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #303030;
    opacity: .85
}

#revPage .container {
    position: relative;
    z-index: 6
}

#rev_content .float-right {
    max-width: 20%;
    margin: 0 0 20px 20px
}

#rev_content>h2 {
    color: #fff
}

.revMeta .shortLink #liskSh {
    background: rgba(0,0,0,.3);
    padding: 0 10px;
    border-radius: 30px
}

.revMeta .shortLink button {
    border: none;
    color: #fff;
    background: rgba(0,0,0,.3);
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    cursor: pointer
}

.ektob {
    position: relative;
    padding-left: 6px
}

.ektob span.revCount {
    margin: 0 6px 0 0;
    left: 5px;
    background: rgba(0,0,0,.75);
    color: #fff;
    border-radius: 30px;
    line-height: 1;
    padding: 1px 10px
}

.ektob span.revCount i {
    margin: 0 3px 0 0
}

#showAllEP {
    display: none;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    background: 0 0;
    border: none;
    outline: none;
    color: #fff;
    background: #fff;
    background: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%);
    border-radius: 0 0 10px 10px;
    padding: 4px 20px
}

.epAll.showAllEP {
    max-height: 100%;
    overflow-y: hidden;
    overflow-x: hidden
}

.page-template-template-account-login-new #header,.page-template-template-account-login-new #header2,.page-template-template-account-login-new #footer,.page-template-template-account-reset-password-new #header,.page-template-template-account-reset-password-new #header2,.page-template-template-account-reset-password-new #footer,.page-template-template-account-register-new #header,.page-template-template-account-register-new #header2,.page-template-template-account-register-new #footer {
    display: none
}

body.page-template-template-account-login-new,body.page-template-template-account-reset-password-new,body.page-template-template-account-register-new {
    background: #303030 url(Assets/images/100.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

@media(max-width: 1199px) {
    .social {
        display:none
    }

    .accMenuList a.accItem {
        margin: 0;
        padding: 0 10px
    }
}

@media(max-width: 991px) {
    #blockList.goldenAcc {
        height:calc(100% - 30px)
    }

    .headWfilter {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .headWfilter .subHead {
        order: 1
    }

    .headWfilter .webFilter {
        order: 2;
        width: 100%;
        margin: 10px 0 0
    }

    #seasonList .col-xl-2 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    #streamBox .col-xl-3 .streamHeader {
        margin: 20px 0 10px
    }

    #viewStream {
        min-height: 500px
    }

    .fullPack #postList .col-xl-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    #vip_home_settings ul li {
        float: right;
        width: 20%
    }

    #home_row .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .actorListSreach .col-xl-2 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .epAll a {
        -ms-flex: 0 0 calc(14.28% - 5px);
        flex: 0 0 calc(14.28% - 5px);
        max-width: calc(14.28% - 5px)
    }

    .postDiv a .postInner {
        opacity: 1;
        transform: scale(1);
        background: #000;
        background: linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%)
    }

    .postDiv a .postInner .playIcon,.accMenuList:before {
        display: none
    }

    .accMenuList a.accItem {
        width: calc(25% - 7px);
        margin: 4px 2px
    }

    .accDesc {
        margin: 15px 0
    }

    div#pr #blockList.goldenAcc {
        margin-top: 0;
        margin-bottom: 40px;
        height: auto
    }

    div#pr {
        order: 6
    }

    #blockList.mb-5 {
        margin-bottom: 30px!important
    }

    ul.tabs-ul li.float-left {
        float: none!important
    }

    div#wpadminbar {
        display: none
    }
}

@media(max-width: 767px) {
    .postElse {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .headWfilter .webFilter .col-xl-2 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-top: 3px;
        margin-bottom: 3px
    }

    .headWfilter .webFilter .col-xl-2:nth-child(7) {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .reDiv {
        max-width: 70%
    }

    #seasonList .col-xl-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    #viewStream {
        min-height: 390px
    }

    .fullPack #postList .col-xl-2 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    #vip_home_settings ul li {
        float: right;
        width: 25%
    }

    .rev_Inner .float-left {
        width: 25%
    }

    .actorListSreach .col-xl-2 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .epAll a {
        -ms-flex: 0 0 calc(20% - 5px);
        flex: 0 0 calc(20% - 5px);
        max-width: calc(20% - 5px)
    }

    .postElse .shortLink {
        width: 100%;
        border-radius: 30px;
        margin: 6px 0 0;
        order: 3
    }

    .postElse .postShare {
        width: calc(100% - 83px);
        order: 1
    }

    .postElse #btn-report-movie {
        order: 2
    }

    #btn-report-movie.makeBlack,#btn-report-movie.makeWhite {
        order: 4;
        width: calc(50% - 5px);
        margin-top: 6px;
        text-align: center
    }

    .postElse #reviewsCont {
        order: 5;
        width: calc(50% - 5px);
        margin-top: 6px;
        text-align: center
    }

    #rev_content .float-right {
        max-width: 25%
    }

    .epAll {
        max-height: 120px;
        overflow-y: auto;
        overflow-x: hidden
    }

    #showAllEP {
        display: block
    }
}

@media(max-width: 575px) {
    .chatMovie {
        height:auto;
        min-height: 200px
    }

    .headWfilter .webFilter .col-xl-2,.headWfilter .webFilter #an .col-xl-2 {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }

    .headWfilter .webFilter .col-xl-2:nth-child(7) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    #seasonList .col-xl-2 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    #viewStream {
        min-height: 280px
    }

    .fullPack #postList .col-xl-2 {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }

    #vip_home_settings ul li {
        float: right;
        width: 33.3333%
    }

    #home_row .col-xl-3 {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }

    .revDIv .d-flex {
        display: block!important
    }

    .revContent {
        width: 100%;
        float: none;
        text-align: center
    }

    .revDIv .revPoster {
        float: none;
        margin: 0 auto 15px;
        display: table
    }

    .revRate {
        margin: 15px auto 20px;
        display: table
    }

    img.fImg {
        display: none
    }

    #footer .menu {
        float: none;
        text-align: center
    }

    .copyright {
        text-align: center
    }

    .rev_Inner .float-left {
        width: 35%
    }

    .actorListSreach .col-xl-2 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .epAll a {
        -ms-flex: 0 0 calc(25% - 5px);
        flex: 0 0 calc(25% - 5px);
        max-width: calc(25% - 5px)
    }

    .postElse .shortLink {
        border-radius: 30px;
        width: 100%;
        padding: 3px 13px;
        height: auto
    }

    .postElse .postShare,#btn-report-movie {
        border-radius: 30px;
        margin: 6px 0 0
    }

    .postElse .postShare {
        width: calc(100% - 78px);
        margin: 6px 0 0 5px
    }

    #btn-report-movie.makeBlack,#btn-report-movie.makeWhite {
        margin: 6px 0 0 5px
    }

    #rev_content .float-right {
        float: none!important;
        margin: 0 auto 30px;
        max-width: 200px
    }

    #rev_content>h2,#rev_content .revMeta,.revInnerContent {
        text-align: center
    }

    .accMenuList a.accItem {
        width: calc(33.3333% - 7px);
        margin: 4px 2px
    }
}

@media(max-width: 480px) {
    .comments_list>li .commentBox {
        border-radius:5px;
        padding: 10px
    }

    .comment-content {
        display: table;
        width: 100%;
        padding: 0 40px 0 7px
    }

    #vip_home_settings ul li {
        float: right;
        width: 50%
    }

    .actorListSreach .col-xl-2 {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }

    .epAll a {
        -ms-flex: 0 0 calc(33.3333% - 5px);
        flex: 0 0 calc(33.3333% - 5px);
        max-width: calc(33.3333% - 5px)
    }

    .epDivHome .epHomeContent .h4 {
        font-size: 13px;
        margin: 0;
        line-height: 1.4;
        white-space: unset;
        overflow: unset;
        text-overflow: unset
    }

    .revMeta .shortLink span:first-child {
        display: block
    }

    .revMeta .shortLink {
        margin: 10px 0 0;
        width: 100%;
        display: block
    }

    .postDiv a .postInner .posTop {
        position: absolute;
        top: 5px;
        right: 5px
    }

    .postDiv a .postInner span.quality,.postDiv a span.epNumb {
        top: 5px;
        left: 5px
    }

    .accMenuList a.accItem {
        width: calc(50% - 7px);
        margin: 4px 2px
    }

    #vihtml,.frameArea {
        height: 220px
    }
}

@media(max-width: 420px) {
    #blockList.goldenAcc {
        padding:30px 10px
    }

    #blockList.goldenAcc .goldenHead img {
        max-width: 120px
    }

    .posterImg {
        max-width: 200px
    }

    .singleInfo .h1 {
        font-size: 24px
    }

    .singleStar i {
        width: 48px;
        height: 42px;
        font-size: 42px
    }

    .singleStar {
        width: 48px;
        height: 42px;
        top: 13px
    }

    .singleStar span {
        font-size: 11px;
        bottom: 2px;
        left: 16px
    }

    .singleStar strong {
        font-size: 16px
    }

    .headWfilter .webFilter .col-xl-2,.headWfilter .webFilter #an .col-xl-2 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .reDiv {
        max-width: 80%
    }

    .subItem p.subs-item-desc {
        display: none
    }

    .subItem a.subs-item-series-page {
        display: block;
        margin: 5px 0 0
    }

    #seasonList .col-xl-2 {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }

    #viewStream {
        min-height: 200px
    }

    .fullPack #postList .col-xl-2 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    #home_row .col-xl-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .epAll a {
        -ms-flex: 0 0 calc(50% - 5px);
        flex: 0 0 calc(50% - 5px);
        max-width: calc(50% - 5px)
    }

    #blockList .form-row .col-xl-2:nth-child(n+7) {
        display: none
    }
}

#lastnews .title {
    float: left
}

#lastnews .title {
    float: right;
    line-height: 45px;
    width: 110px;
    text-align: center;
    background-color: #2a93d6;
    font-size: 15px;
    color: #fff;
    text-shadow: 0 1px 0 #2a93d6
}

#lastnews .vticker {
    color: #fff;
    line-height: 30px;
    cursor: pointer
}

#lastnews .vticker a {
    color: #fff
}

#lastnews .vticker li {
    line-height: 45px;
    padding: 0 15px;
    width: 100%;
    color: #fff
}

.vticker ul {
    display: list-item;
    list-style: outside none none;
    margin: 0;
    padding: 0
}

#lastnews .vticker li a {
    color: #fff
}

#lastnews button.closebtn {
    left: auto;
    right: 10px
}

#lastnews button.closebtn {
    left: auto;
    right: 20px
}

#lastnews button.closebtn {
    position: absolute;
    left: 20px;
    line-height: 58px;
    background-color: transparent;
    border: none;
    padding: 0;
    color: red;
    font-size: 24px
}

.dwnApps {
    margin: 30px 0 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.dwnApps a {
    flex: 0 0 20%;
    display: block;
    margin: 0 10px
}

.dwnApps a img {
    max-width: 100%;
    height: auto
}

@media(max-width: 767px) {
    .dwnApps a {
        flex:0 0 30%
    }
}

@media(max-width: 575px) {
    .dwnApps a {
        flex:0 0 40%
    }
}

@media(max-width: 480px) {
    .dwnApps a {
        flex:0 0 60%;
        display: block;
        margin: 0 0 10px
    }
}


.alert.danger {
    background: #ff434c5e;
}

input[type=text],input[type=password] {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* تنسيقات مخصصة لشريط التمرير */
::-webkit-scrollbar {
    width: 10px;
}

/* تنسيقات مخصصة لبطاقات المقالات */
.blockMovie {
    height: 100%;
    margin-bottom: 20px;
}

.blockMovie img {
    height: auto;
    aspect-ratio: 2/3;
    object-fit: cover;
    width: 100%;
}

::-webkit-scrollbar-track {
    background: #212121;
}

::-webkit-scrollbar-thumb {
    background: #ff434c;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #e03941;
}

/* للمتصفحات التي تدعم Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #ff434c #212121;
}

/* تنسيق سيرفرات التحميل للأجهزة المحمولة فقط */
@media only screen and (max-width: 767px) {
    .downloadLinks {
        text-align: center;
    }
    
    .downloadLink {
        display: inline-block;
        width: 45%;
        margin: 5px;
        vertical-align: top;
        text-align: center;
    }
}

/* تنسيق بسيط للمواسم */
.SeasonsList {
    padding-right: 20px;
    padding-left: 20px;
}

.SeasonsList ul {
    list-style: none;
    padding: 0;
}

.SeasonsList li {
    list-style: none;
    padding: 2px 0;
}

.SeasonsList li a {
    padding: 3px 8px;
}