/* input(8606,21): run-time error CSS1035: Expected colon, found 'align-items' */
@font-face {
    font-family: "iransans-light";
    src: url("../fonts/iransans/IRANSansWeb\(FaNum\)_Light.eot?");
    src: url("../fonts/iransans/IRANSansWeb(FaNum)_Light.ttf"), url("../fonts/iransans/IRANSansWeb\(FaNum\)_Light.woff") format("woff"), url("../fonts/iransans/IRANSansWeb\(FaNum\)_Light.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "iransans-medium";
    src: url("../fonts/iransans/IRANSansWeb\(FaNum\)_Medium.eot?") format("eot"), url("../fonts/iransans/IRANSansWeb\(FaNum\)_Medium.ttf") format("ttf"), url("../fonts/iransans/IRANSansWeb\(FaNum\)_Medium.woff") format("woff"), url("../fonts/iransans/IRANSansWeb\(FaNum\)_Medium.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "iransans-en";
    src: url("../fonts/iransans/IRANSans.ttf?v=MJho1FAan5X-ZsUpOQMB5eRmMQo&v=NeFcNuYd0j3Gjh7lFkrVkX9ijXE");
    font-weight: normal;
    font-style: normal
}

.font-en {
    font-family: "iransans-en"
}
body {
    overflow-x: hidden;
    background: url(../images/back.png?v=Txti_TvrVxEOsYGbCCAnisbiBCg&v=5ePNOOLAa6RULeOUfnGxG5-JXL0) #fff;
}
body,
label,
input {
    font-size: 14px;
    color: #303030;
    font-family: "iransans-light";
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-attachment: fixed;
    height: 100%;
    width: 100%;
    position: relative;
}
input, select {
    font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    line-height: 35px;
    font-family: "iransans-medium";
    margin-bottom: 0
}

.NicknameInPoster {
    position: absolute;
    bottom: 60px;
    right: 150px;
    text-shadow: -1px 1px 4px #000;
}
.popover-content .C-orang {
    color: #f98047 !important;
}
/*/*DARK MODE*/
.darkborderoflist {
    border-bottom: 1px solid #6565659c !important;
}
.darkModeLinkforSet img{
    width:22px;
}
.darkheadshadow {
    box-shadow: 1px 1px 3px #e6e6e645 !important;
}
.darkModeLinkforSet {
    cursor: pointer;
}
.darkback {
    background: #0f0f0f !important;
    color: #FFF !important;
}
.darkbacklight {
    background-color: #202020 !important;
    color: #FFF !important;
}
.darklink{
    color:#FFF !important;
}
.darklink:hover{
    color:none !important;
}
.darkhide{
    display:none !important;
}
.darkicon {
    background: #FFF;
    border-radius: 50%;
    border: 1px solid #FFF;
}
.darksearchborder {
    border: 1px solid #656565 !important;
}
.darkborderright {
    border-right:0 !important;
}
.darksearchpadding {
    padding:2px 26px !important;
}
.darkhover:hover{
    background:none !important;
}
.darktitlesec {
    border-top: 1px solid #656565 !important;
    border-bottom: 1px solid #656565 !important;
}
.darknoneshadow{
    box-shadow:none !important;
}
.darkbordernone{
    border:0 !important;
}
.darkfollow {
    background: none !important;
    color: #FFF !important;
    border: 1px solid #FFF !important;
}
.darkblack {
    color: #000 !important;
}
.darkbacknone{
    background:none !important;
}
/*END DARK MODE*/
.mobile_barMenu_Box {
    position: fixed;
    background: #FFF;
    width: 80%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 200000;
    overflow-y: auto;
    transform: translateX(100%);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
.pop_index_p {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 37px;
}

.alert-warning > .imgholder {
    background-image: none;
}
.ios_box_attention {
    display: none;
}

.ios_box_attention_webapp {
    display: none;
}
.notificon {
    width: 22px;
    transition: background .5s;
    border-radius:22px;
}
/*.notificon:hover {
    background: #e8e8e8;
    border-radius: 50%;
}*/
.uploadicon {
    width: 22px;
    transition: background .5s;
    border-radius: 22px;
}
.notif_videoimage {
    width: 90px;
    height: 50px;
    float: left;
    margin-right: 5px;
    border-radius: 20px;
}
.notifitem {
    display: block !important;
    margin-bottom: 5px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 5px;
    /*min-height:55px;*/
}
.notifitem_endline {
    text-align: center;
    border: 0 !important;
    padding: 0;
    margin: 0;
}
.notif_profileImage {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
}
.mob_notifIcon {
    padding-top: 7px;
    margin-left: 10px;
    position: absolute;
    left: 45px;
}
.notifitem > p {
    line-height: 23px;
}
.notif_box {
    padding: 7px;
}
/*.uploadicon:hover {
    background: #e8e8e8;
    border-radius: 50%;
}*/
.android_box_pwa_banner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20000;
    background: #000;
    height: 70px;
    line-height: 70px;
    border-bottom: 2px solid #FFF;
}
.ios_box_pwa {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20000;
    background: #000;
    height: 70px;
    line-height: 70px;
    border-bottom: 2px solid #FFF;
}

    .android_box_pwa_banner .close {
        color: #FFF;
        opacity: 0.9;
        font-size: 30px;
        line-height: 70px;
        text-align: center;
        width: 100%;
    }

.pwa_icon {
    width: 55px;
    height: 55px;
    border-radius: 15px;
    padding: 2px;
}
.btndashtab {
    background: #fbdece;
    padding: 5px 15px;
    border-radius: 10px;
    display: block;
    cursor:pointer;
}
.dash_menu_li {
    float: right;
    margin: 0 10px;
}
.dash_Top_menu_ul {
    overflow: hidden;
}
.dash_tab_selected {
    background: #f98047;
    color: #FFF !important;
}
.btn_pwa_Install {
    background: #FFF;
    padding: 5px 20px;
    border-radius: 3px;
    color:#000 !important;
}
.dash_boxes{
    display:none;
}
#dash_videoBox{
    display:block;
}
.ios_box_pwa div {
    padding: 0;
}
.ios_box_pwa .close {
    color: #FFF;
    opacity: 0.9;
    font-size: 30px;
    line-height: 70px;
    text-align: center;
    width: 100%;
}

.android_box_pwa_banner div {
    padding: 0;
}

.ios_box_pwa div {
    padding: 0;
}
/*.ios_box_pwa {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #FFF;
    z-index: 200000;
    width: 100%;
    height: 100%;
    line-height: 45px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #333;
    padding: 5px 10px;
    overflow-y: auto;
}*/
.Disable {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #000000a6;
    width: 100%;
    height: 100%;
    z-index: 20000;
}
.mobile_search_result_box {
    position: fixed;
    background: #FFF;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 20000;
    overflow-y: auto;
    overflow-x: hidden;
    transform: translateX(100%);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
.multvideosselected {
    /*font-weight: 700;*/
    border-bottom: 1px solid #135900;
    padding-bottom: 10px;
    cursor:default !important;
}
.multivideotab{
    cursor:pointer;
    text-align:center;
    
}
#oflistBoxchannel{
    display:none;
}
.mobile_search_result_inside {
    position: inherit !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    height: 100% !important;
    max-height: initial !important;
    display: block !important;
    touch-action: inherit !important;
}
.mobile_search_result_inside .searchRow{
    height: 115px !important;
}
.mobile_result_title_txt {
    text-align: center;
    font-size: 15px;
    margin: 15px 0;
}
.openboxon{
    overflow:hidden !important;
}
.mobile_cat_box li {
    float: right;
    width: 50%;
}
.whitecolor {
    color:#202020 !important;
}
.box_alert_not {
    display: none;
    z-index: 20000;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -200px;
    width: 420px;
    background: #FFF;
    padding: 10px 20px;
    border-radius: 15px;
    text-align: center;
    line-height: 50px;
}
.box_alert_cls {
    position: absolute;
    left: -25px;
    top: -35px;
    padding: 15px;
    font-size: 16px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
}
h3 {
    font-size: 15px
}
.uploadlink {
    text-decoration: none;
    color: black;
    font-weight: bold;
}
.ChanelInfo {
    height: 40px;
    background: #fbfbfb;
    border-radius: 0;
    /*right: 20px;*/
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
.PannelUser::-webkit-scrollbar {
    width: 2px;
}

.PannelUser::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.PannelUser::-webkit-scrollbar-thumb {
    background: #ff9462bf;
}

.PannelUser::-webkit-scrollbar-thumb:hover {
    background: #f98047;
}
.msgrowinpage {
    padding: 15px 0;
    border-bottom: 1px solid gainsboro;
    margin-bottom: 15px;
}
.notif_videoimageInPage {
    width: 220px;
    height: 120px;
    float: left;
    margin-right: 5px;
    border-radius: 15px;
}
.notif_profileImageInPage {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: 8px;
}
#commentText {
    height: 70px !important;
    border-radius: 40px;
    resize:none;
    direction:rtl;
}
.commprofileimage {
    margin: 0;
    padding: 0;
    display: initial;
    vertical-align: super;
}
.commsendicon {
    position: absolute;
    left: 25px;
    top: 15px;
    width: 40px;
    opacity: 0.7;
    cursor:pointer;
}
.alertBox {
    display:none;
    position: fixed;
    bottom: 10px;
    padding: 5px 10px;
    border-radius: 8px;
    color: #FFF;
    z-index: 200000000000;
    right: 10px;
}
.commsendicon:hover{
    opacity:1;
}
#commentText::-webkit-scrollbar {
    width: 2px;
}

#commentText::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#commentText::-webkit-scrollbar-thumb {
    background: #ff9462bf;
}

#commentText::-webkit-scrollbar-thumb:hover {
    background: #f98047;
}

@media(max-width:767px) {
    h3 {
        font-size: 13px
    }

    h2 {
        font-size: 14px
    }

    h1 {
        font-size: 15px
    }

    h1,
    h2,
    h3 {
        line-height: 24px
    }
    .EndOfFreeTime_Box {
        top: 0 !important;
        height:100% !important;
    }
    .EndOfFreeTime_Box_Inside {
        width: 100% !important;
        line-height: 0px !important;
        padding: 0 !important;
        height: 100% !important;
    }
    .notif_videoimageInPage{
        width:100% !important;
        height:100% !important;
    }
    .pllistbox_all {
        /*height: 280px;*/
    }
}
@media(max-width:350px) {
    .EndOfFreeTime_Box {
        top: -30px !important;
        height: 100% !important;
    }
}
a,
.btn,
input,
textarea,
button {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    outline: none;
    color: #303030
}

    a:hover {
        text-decoration: none;
        color: #135900
    }

.left {
    float: left
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.trans,
.container,
.container-fluid,
i {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

hr {
    border-top: 1px solid #135900
}

#VideoPlayPage hr {
    margin-bottom: 8px;
    border: 0;
    border-top: 1px solid #eee
}

li.divider {
    height: 1px;
    margin: 15px 0;
    overflow: hidden;
    background-color: #d8d6d6;
    padding: 0 !important
}

p {
    line-height: 35px;
    margin-bottom: 0
}

.TinyFont {
    font-size: 9px
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    margin: 0 5px
}

span.error {
    font-size: 12px;
    position: absolute;
    color: #f00;
    display: none
}
.pishtazmoviefrm {
    width: 100%;
    border: 0;
    height: 310px;
    border-radius: 3px;
}
.Title-Section .FlexBox {
    align-items: baseline;
    display: flex !important;
    display: -webkit-flex !important;
    align-items: stretch;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap
}

    .Title-Section .FlexBox i {
        line-height: 35px
    }

.Title-Category {
    padding: 3px;
    background: url(../images/icon-list.png?v=bDCXe-MvZe5utiDhM7qHtaoHyXs&v=U02ql62KdglmyyW95PYXUgAxlM4) no-repeat;
    background-size: inherit;
    background-position: -1px
}

    .Title-Category h1 {
        font-size: 20px
    }

@media(max-width:768px) {
    .Title-Section .FlexBox i {
        line-height: normal
    }

    .Title-Section.mrg2-0.clearfix {
        margin: 2em 0 0 0
    }
    .NicknameInPoster {
        bottom: 50px !important;
        right: 110px !important;
    }
}

.ViewMore i:before {
    font-size: 9px
}

.img-rounded {
    border-radius: 0
}

@media(min-width:767px) {
    .img-rounded {
        border-radius: 4px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}
.channel_Profile_Image {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    position: absolute;
    top: -60px;
    right:0;
}
.channel_white_box_details {
    position: relative;
    min-height: 70px;
    height: auto;
}
.channel_txt_box {
    margin-right: 120px;
    float:right;
    position:relative;
}
.channel_txt_box h1 {
    font-size:22px;
    word-break: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.channel_txt_box h6 {
    position: absolute;
    top: 30px;
    right: 0;
}
.channel_pop {
    width: 200px;
    text-align: center;
    top: 40px;
    left: 80px;
}
.channel_number {
    font-size: 18px;
    vertical-align: middle;
}
.channel_txt_Numbers{
    float:left;
    text-align:center;
    margin-top:7px;
}

.channe_flwBtn {
    margin-top: 5px;
}
.imgHolder, .imgholder {
    position: relative;
    background-image: url(/Images/No_photo_1.png?v=e9jA0dJKA6t-OQVrcEiv4jFIVps&v=123);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center
}

    .ImgHolder img,
    .CommercialBox img,
    .ImgHolder a img {
        margin: 0 auto !important
    }

    .imgHolder .durationBox {
        position: absolute;
        bottom: 0;
        right: 3px;
        font-size: 13px;
        font-weight: bold;
        color: #fff
    }

        .imgHolder .durationBox i:before {
            font-size: 12px
        }

.blockimage {
    opacity: .4
}

.CommercialBanner {
    padding: 2em 0
}

    .CommercialBanner .FlexBox {
        align-items: center
    }

    .CommercialBanner.Towrow {
        border: 2px solid #fff
    }

@media(min-width:1025px) {
    .CommercialImage .ImageHolder {
        margin: 0 auto;
        width: 300px
    }
}

.CommercialBanner a:hover .ImageHolder img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.blocktext {
    position: absolute;
    top: 60px;
    background: #94001b;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    width: 100%;
    right: 0
}

@media(min-width:768px) and (max-width:1024px) {
    .blocktext {
        top: 37px;
        padding: 3px 0;
        font-size: 12px
    }
}

.swiper-wrapper {
    padding: 15px 0
}

@media(max-width:768px) {
    .swiper-wrapper {
        padding: 0
    }
}

.modal-body {
    direction: rtl;
    text-align: right
}

#btMan {
    border: 1px solid #ef7f30;
    color: #ef7f30;
    font-size: 12px
}

    #btMan:hover {
        background: #ef7f30;
        color: #fff
    }

#btMan2 {
    border: 1px solid #135900;
    color: #135900;
    font-size: 12px
}

    #btMan2:hover {
        background: #135900;
        color: #fff
    }

.modal-footer {
    border-top: none
}

.point {
    cursor: pointer
}

.CB-gray {
    background-color: #f4f4f4
}

.BC-orange {
    background-color: #ef7f30
}

.BC-green {
    background-color: #135900
}

.C-gray {
    color: #909090
}

.C-Graydark {
    color: #3c3c3c
}

.C-green {
    color: #135900
}

.C-lightOrang {
    color: #f98047
}

.C-red {
    color: #dd0f0f !important
}

.CB-red {
    background-color: #94001b !important
}

.C-orang {
    color: #f98047
}

.C-blue {
    color: #2b36d3
}

.C-with {
    color: #fff
}

.BC-with {
    background: #fff
}

.paddR0 {
    padding-right: 0
}

.padd15 {
    padding: 15px
}

.padd0 {
    padding: 0
}

.padd5 {
    padding: 5px
}

.padd0-15 {
    padding: 0 15px
}

.padd0-9 {
    padding: 0 9px
}

.padd15-0 {
    padding: 15px 0
}

.padd8-0 {
    padding: 8px 0
}

.padd15-8 {
    padding: 15px 8px
}

@media(min-width:768px) {
    .paddT3em {
        padding-top: 3em
    }
}

.paddT30 {
    padding-top: 30px
}

.paddB30 {
    padding-bottom: 30px
}

.padd30 {
    padding: 30px
}

.paddB8 {
    padding-bottom: 8px
}

.mt40 {
    margin-top: 40px
}

.mt5 {
    margin-top: 5px
}

.mt8 {
    margin-top: 8px
}

.mt30 {
    margin-top: 30px
}

.ml15 {
    margin-left: 15px
}

.mR15 {
    margin-right: 15px
}

.mT15 {
    margin-top: 15px
}

.mB15 {
    margin-bottom: 15px
}

.mB8 {
    margin-bottom: 8px
}

.mrgB0 {
    margin-bottom: 0
}

.mrg0-a {
    margin: 0 auto
}

.mrg2-0 {
    margin: 2em 0
}

.mrgt2em {
    margin-top: 2em
}

.mrg1-0 {
    margin: 1em 0
}

.mrg2 {
    margin: 30px 0
}

.mrgB15 {
    margin-bottom: 15px
}

.mrgB30 {
    margin-bottom: 30px
}

.mrgL30 {
    margin-left: 30px
}

.mrgR30 {
    margin-right: 30px
}

.mrgL40 {
    margin-left: 40px
}

.mL3 {
    margin-left: 3px !important;
}

.Occasions {
    position: relative;
    margin-top: 3em
}

.mrgT5em {
    margin-top: 5em
}

.chnlindexmgbot {
    margin-bottom: 1em !important;
}
@media(min-width:768px) {
    .mrg2 {
        margin: 1em 0 1em 0
    }

    .mrgT4em {
        margin-top: 2em
    }
}

.mrgR15 {
    margin-right: 15px
}

.mrg15-0 {
    margin: 15px 0
}

.Brd-G {
    border: 1px solid #f4f4f4;
    border-radius: 4px
}

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

.BrdB-G {
    border-bottom: 1px solid #f4f4f4
}

.borderB-O {
    border-bottom: 1px solid #d8d6d6
}

.borderT-O {
    border-top: 1px solid #135900
}

.borderB-G {
    border-bottom: 1px solid #ededed
}

.borderT-OLight {
    border-top: 1px solid #ef7f301a
}

.border-OLight {
    border: 1px solid #f1be9b85;
    border-radius: 4px
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    vertical-align: middle
}

.alert-warning {
    background: #f8ddca;
    color: #3c3c3c;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #f3ccb2;
    box-shadow: 0 0 6px #8c8888;
    margin-bottom: 40px;
    z-index: 201;
    position: fixed !important;
    top: 40%;
    right: 50%;
    width: 50%;
    margin-right: -25%;
}

.alert-dismissable .close,
.alert-dismissible .close {
    right: auto;
    left: -6px;
    top: -18px;
    color: #c30202;
    opacity: 1;
}

@media(max-width:767px) {
    .alert-warning {
        font-size: 14px;
        padding: 15px;
        margin-top: 30px;
        top: 150px;
        width: 90%;
        right: 5%;
    }
    .channel_txt_box h1{
        max-width:170px;
    }
    .channel_txt_box h6 {
        top: 17px !important;
    }
    .channel_Profile_Image {
        width: 70px;
        height: 70px;
        top: -40px;
    }
    .guestfollow{
        margin-top:10px;
    }
    .channel_txt_box h1 {
        font-size: 16px;
    }
    .channel_txt_box {
        margin-right: 75px;
    }
    .channel_pop{
        top:60px !important;
    }
    .channel_flwbtn {
        font-size: 10px !important;
        /*line-height: 22px !important;*/
        padding: 0px 10px !important;
    }
    .alert-dismissable .close, .alert-dismissible .close {
        top: -10px;
    }

    .UInfo #more p,
    .UInfo #more a,
    .UserInfo p,
    .UserInfo a {
        font-size: 12px
    }

    .alert-warning {
        right: 5%;
        width: 90%;
        margin-right: 0;
        top: 0;
    }
}

@media(max-width:400px) {
    .UInfo #more p,
    .UInfo #more a {
        font-size: 9px;
        line-height: 25px
    }
    .pishtazmoviefrm {
        height: 250px;
    }
}

li {
    list-style: none
}

ul {
    padding-right: 0
}

.list-inline-item {
    vertical-align: middle
}

.inline {
    display: inline-block;
    vertical-align: middle
}

@media(min-width:992px) {
    .FlexBox {
        display: flex !important;
        display: -webkit-flex !important;
        align-items: stretch;
        -webkit-flex-direction: row;
        flex-direction: row;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap
    }
}

.MoreOption i:before,
#EditListName i:before {
    font-size: 16px;
    margin: 0;
    cursor: pointer
}

.form-control:focus,
.form-control:hover,
.form-control:active {
    border-color: #f9ece7;
    box-shadow: 0 0 4px #f9804778
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select,
    textarea,
    input {
        font-size: 12px
    }
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: none;
    font-size: 12px
}

.btnWith {
    color: #fff;
    border-radius: 4px;
    border: none;
    padding: 8px 10px
}

.videoIcons li.nav-item.I-Like.C-blue i:before {
    color: #3098c7
}

.videoIcons .nav-item.open > i:before {
    color: #ee1818
}

.videoIcons .nav-item.open i:before {
    color: #135900
}

.btn {
    color: #fff;
    font-weight: bold
}

    .btn.focus,
    .btn:focus,
    .btn:hover,
    .btn:active {
        color: #fff;
        text-decoration: none;
        outline: none !important
    }

.BtnRemove {
    background: #94001b
}

#CommentLoadBox .RemoveThis {
    padding: 8px 25px
}

.popover {
    font-family: "iransans"
}

@media(max-width:768px) {
    .chnltop .ViewMore .popover.bottom {
        margin-top: 45px !important
    }
}

@media(max-width:552px) {
    .chnltop .ViewMore .popover.bottom {
        margin-top: 35px !important
    }
}

.popover-title {
    background-color: #f4f4f4;
    color: #135900;
    text-align: center
}

@media(max-width:768px) {
    .popover-title {
        font-size: 12px
    }
}

.popover-content {
    color: #303030;
    font-size: 12px;
    line-height: 25px;
    font-family: "iransans-medium";
    padding: 9px 7px;
}
.moblitcat{
    display:none;
}
.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background: #135900;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    color: #fff
}

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #ef7f30;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    color: #fff
}

    .hvr-shutter-in-horizontal:hover:before,
    .hvr-shutter-in-horizontal:focus:before,
    .hvr-shutter-in-horizontal:active:before {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        color: #fff
    }

.alert {
    position: fixed;
    width: 80%;
    z-index: 20001;
    top: 50%;
    margin-top: -70px;
    right: 50%;
    margin-right: -40%;
    box-shadow: 0 0 13px #000;
    display: none;
    background: #f4f4f4;
    color: #333
}

.fade.in {
    opacity: 1 !important
}

.modal-backdrop.fade.in {
    filter: alpha(opacity=50) !important;
    opacity: .5 !important
}

@media(min-width:768px) {
    .alert {
        width: 40%;
        right: 50%;
        margin-right: -20%
    }
}

.alertsuccess {
    display: block;
    background: #206b23;
    border: 1px solid #546754;
    color: #fff;
    padding: 15px 30px;
    text-align: center
}

.alerterror {
    background: #a91e1e
}

.alertsuccess .close {
    color: #ea0b0b !important;
    text-shadow: 0 1px 0 #ea0b0b;
    opacity: 1;
    top: -5px
}

.alertsuccess i:before {
    color: #eeab3b;
    font-size: 40px;
    margin-left: 22px !important;
    vertical-align: middle
}

.sidebar {
    position: fixed;
    height: 100%;
    top: 56px;
    right: 0
}

    .sidebar > ul {
        background: #fffdfd;
        z-index: 10000;
        position: relative;
        overflow-y: hidden
    }

    .sidebar i::before {
        font-size: 24px
    }

.caret i::before {
    font-size: 11px;
    margin-right: 15px
}

.sidebar a:hover h6 {
    color: #135900
}

.sidebar li {
    padding: 3px 15px;
    cursor: pointer;
    position: relative
}

    .sidebar li .caret {
        border-bottom: 0;
        border-top: 4px solid #676565
    }

.sidebar > li:last-child {
    border-bottom: none
}

.sidebar li h5 {
    margin-bottom: 0;
    color: #676565
}

.sliding {
    margin: 0;
    display: none;
    height: 240px;
    overflow-y: scroll
}

.sidebar .BoxHolder {
    height: auto;
    background: #f4f4f4;
    z-index: 0;
    position: relative
}

.sidebar .Sub-category .cat-title h6 {
    padding-top: 15px
}

.sidebar .Sub-category .img-cat img {
    border: 1px solid #ccc
}

.sidebar .Sub-category a:hover .img-cat .img {
    box-shadow: 1px 1px 7px #a5a5a5
}

.sidebar.CloseSide li h5,
.sidebar.CloseSide footer,
.SlideMaster {
    display: none
}

.sidebar.CloseSide {
    width: 0;
}

    .sidebar.CloseSide li {
        padding: 3px 11px
    }

        .sidebar.CloseSide li .caret {
            margin-right: 0;
            top: 17px;
            position: absolute;
            border-top: 4px solid #f98047
        }

.header {
    padding: 8px 0;
    box-shadow: 1px 1px 3px #ccc;
    margin-bottom: 6px;
    background: #fff
}

    .header .icon-menu {
        cursor: pointer
    }

    .header .d-logo {
        margin-right: 40px
    }

    .header ul li {
        display: inline-block;
        vertical-align: middle
    }

    .header .logins {
        position: relative
    }

        .header .logins ul {
            left: 0;
            right: auto
        }

            .header .logins ul li {
                display: block
            }

                .header .logins ul li p {
                    padding: 3px 20px;
                    line-height: 20px
                }

                .header .logins ul li:hover a,
                .header .logins ul li:focus a,
                .header .logins ul li:active a {
                    color: #135900;
                    background-color: transparent
                }

                .header .logins ul li a i:before {
                    font-size: 16px
                }

    .header .userImg {
        width: 40px;
        position: relative
    }

        .header .userImg::before {
            content: '';
            border-top: 6px dashed;
            border-top: 6px solid #ef7f30;
            border-right: 6px solid transparent;
            border-left: 6px solid transparent;
            bottom: 2px;
            position: absolute;
            right: -2px;
            transform: rotate(-50deg)
        }

        .header .userImg img {
            margin-top: -5px
        }

    .header .user .FlexBox {
        align-items: center
    }

    .header .user .UserName {
        font-size: 12px;
        font-weight: bold;
        margin-right: 5px
    }

.dropdown-menu .divider {
    margin: 5px 0;
    background-color: #ef7f3073;
    display: block
}

.SearchBox input {
    border: 2px solid #f4f4f4;
    border-radius: 0;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: none
}

.SearchBox {
    padding-left: 0
}

.btn-search span {
    border-radius: 0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background-color: #fdfbfb;
    padding: 1px 26px;
    display: inline-block;
    border: 2px solid #f4f4f4
}

    .btn-search span i::before {
        color: #f98047;
        margin-left: 0
    }

.UpVideo i:before {
    font-size: 24px
}

.UpVideo {
    width: 120px
}

    .UpVideo span {
        padding-top: 6px;
        font-weight: bold
    }

.ContentMaster {
    padding: 45px 0 0 0
}

    .ContentMaster#UserPannel {
        padding: 40px 0 0 0
    }

@media(max-width:768px) {
    .ContentMaster,
    .ContentMaster#UserPannel {
        padding: 42px 0 45px 0
    }
}

@media(min-width:1023px) {
    .ContentMaster#homePage {
        padding: 22px 0 0 0
    }

    .ContentMaster#UserPannel {
        padding: 20px 0 45px 0
    }

    .ContentMaster.col-lg-offset-1 {
        margin-right: 5.5%;
        width: 92%
    }
}

@media(min-width:992px) and (max-width:1024px) {
    .ContentMaster.col-lg-offset-1 {
        margin-right: 8.5%;
        width: 91.5%
    }
}

@media(min-width:992px) and (max-width:1422px) {
    .container {
        width: 100% !important
    }
}

@media(min-width:1200px) {
    #homePage .col-lg-offset-1 {
        margin-right: 6.333333%;
        margin-left: 0
    }
}

#MasterMenu {
    -webkit-transition: width .2s;
    transition: width .2s;
    -moz-transition: width .2s;
    right: -33%;
    background: #fffdfd;
    z-index: 1000;
    top: 52px
}

#VideoPlayPage .OwnerImg .caption {
    font-size: 12px
}

#VideoPlayPage .container {
    width: 100%;
    margin: 0 auto;
    height: 100%
}
#VideoPlayPage .videoDescription {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
    #VideoPlayPage .videoDescription.minHeightDesc {
        height: 250px;
        overflow: hidden;
        word-break: break-word;
    }
#VideoPlayPage .BoxPlayer .vd-dimensions.vjs-fluid {
    padding-top: 0 !important
}

#VideoPlayPage .BoxPlayer .video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
    height: 210px !important
}

.vd-dimensions {
    width: 100%;
    height: 210px !important
}

@media(min-width:1367px) {
    #VideoPlayPage .BoxPlayer .video-js.vjs-fluid,
    .video-js.vjs-16-9,
    .video-js.vjs-4-3 {
        height: 700px !important
    }

    .vd-dimensions {
        width: 100%;
        height: 700px !important
    }
}

@media(max-width:1366px) and (min-width:1025px) {
    #VideoPlayPage .BoxPlayer .video-js.vjs-fluid,
    .video-js.vjs-16-9,
    .video-js.vjs-4-3 {
        height: 600px !important
    }

    .vd-dimensions {
        width: 100%;
        height: 600px !important
    }
}

@media(max-width:1024px) and (min-width:768px) {
    #VideoPlayPage .BoxPlayer .video-js.vjs-fluid,
    .video-js.vjs-16-9,
    .video-js.vjs-4-3 {
        height: 500px !important
    }

    .vd-dimensions {
        width: 100%;
        height: 500px !important
    }
}

@media(min-width:768px) {
    #VideoPlayPage .container {
        width: 99%
    }

    #VideoPlayPage .BoxPlayer {
        width: 99%;
        margin: 5px auto
    }
}

.videoIcons i:before {
    color: #909090
}

.videoDetails .view label {
    width: fit-content
}

.videoDetails .infoCount {
    font-size: 12px
}

    .videoDetails .infoCount .divider {
        padding: 0 8px;
        font-weight: bold;
        color: #135900
    }

.userCheck {
    position: absolute;
    bottom: 0px;
    width: 30px;
    left: 0px
}

@media(min-width:1024px) {
    .videoDetails .videoIcons {
        padding-top: 15px
    }

    .userCheck {
        position: absolute;
        bottom: 7px;
        width: 30px;
        left: 3px
    }
}


@media(max-width:500px) {
    #VideoPlayPage .videoDetails .videoCat,
    #VideoPlayPage .videoDetails .videoChanel {
        text-align: center;
        font-size: 12px
    }
}

.VideoInfo .caption p {
    line-height: 17px;
}

.VideoInfo .caption {
    word-break: break-word;
    margin-top: 5px
}

@media(max-width:767px) {
    .videoDetails .videoIcons,
    .videoDetails .VideoInfo {
        margin: 0 0 0 0;
        border-bottom: 1px solid #d8d8d8;
    }

    .videoDetails .VideoInfo {
        border-bottom: none
    }

    .ExplainInfo {
        border-top: 1px solid #eee;
        
    }

    .videoDetails .row.mrg2-0 {
        margin: 0
    }

    .videoDetails .view label,
    .videoDetails .view {
        font-size: 12px
    }

    .tags {
        padding: 6px
    }

    .videoDetails .VideoInfo {
        display: inline-block
    }

    #VideoPlayPage {
        padding: 45px 0 0 0
    }
}

@media(max-width:500px) {
    .videoDetails .view {
        padding: 0;
        text-align: center
    }

    .videoDetails .infoCount .divider {
        padding: 0 4px
    }
}

.TitleSection {
    margin-top: 0;
    font-size: 18px;
    line-height: 35px;
    overflow-wrap: break-word;
}

.loader {
    margin: 15px auto
}

.tags {
    /*padding: 11px;*/
    font-size: 12px;
    border-radius: 4px;
    /*background-color: #f4f4f4;*/
    color: #000;
    margin: 5px;
    position: relative;
    font-weight: bold;
    border: 1px solid #808080;
    padding: 5px 10px;
}

.remover {
    position: absolute;
    left: -12px;
    font-family: Flaticon;
    top: -7px;
    color: #c5240e
}

    .remover::before {
        font-size: 14px
    }

.circles {
    margin-bottom: -10px
}

.circle {
    width: 100px;
    margin: 6px 6px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2
}

    .circle canvas {
        vertical-align: top
    }

    .circle strong {
        position: absolute;
        top: 26px;
        left: 0;
        width: 100%;
        text-align: center;
        line-height: 40px;
        font-size: 30px
    }

        .circle strong i {
            font-style: normal;
            font-size: .6em;
            font-weight: normal
        }

    .circle span {
        display: block;
        color: #aaa;
        margin-top: 12px
    }

.install {
    display: inline-block
}

    .install a {
        display: block;
        width: auto;
        vertical-align: middle;
        padding: 6px 12px;
        line-height: 20px;
        background-color: #111;
        color: #fff;
        border-radius: 3px;
        text-decoration: none;
        margin: 5px auto;
        transition: all .3s
    }

    .install code {
        padding: 6px 12px;
        display: block;
        font: 13px/20px Courier New, Liberation Mono, monospase;
        background-color: #333;
        border-radius: 4px;
        margin: 5px 0;
        white-space: nowrap
    }

    .install a:hover {
        background-color: #222
    }

.credits {
    color: #aaa;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%
}

    .credits img {
        margin-left: 4px;
        border-radius: 4px;
        vertical-align: middle
    }

@media(max-height:600px), (max-width:480px) {
    .credits {
        position: inherit
    }
}

.videoIcons ul ul li {
    color: #808080;
    cursor: pointer;
    padding: 5px
}

@media(max-width:767px) {
    .navbar-nav .videoIcons.opne .dropdown-menu > li > a {
        padding: 0
    }
    .OwnerImage{
        max-width:75px !important;
    }
}

.videoQuality a {
    display: block;
    margin: 15px 0;
    /*padding: 0 5px*/
}

    .videoQuality a:hover,
    .videoQuality a:active,
    .videoQuality a:focus {
        background: #f4f4f4
    }

    .videoQuality a span {
        font-size: 12px
    }

.videoIcons ul ul li [type="checkbox"]:checked + label,
.videoIcons ul ul li [type="checkbox"]:not(:checked) + label {
    margin: 0;
    color: #808080;
    font-weight: normal;
    padding-left: 30px
}

    .videoIcons ul ul li [type="checkbox"]:checked + label:hover,
    .videoIcons ul ul li [type="checkbox"]:not(:checked) + label:hover {
        color: #135900
    }

.videoIcons .open > .dropdown-menu {
    display: block;
    min-width: inherit;
    width: max-content;
    padding: 5px;
    position: absolute;
    background: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 0 7px #a7a7a7;
    left: auto;
    right: 0
}

@media(min-width:768px) {
    .videoIcons .open > .dropdown-menu {
        left: 0;
        right: auto
    }
}

@media(max-width:767px) {
    .videoIcons .open > .dropdown-menu > li > a {
        padding: 5px
    }
}

.videoIcon > li:hover i:before {
    color: #ef7f30;
    transition: .5s;
    font-size: 22px
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover,
.dropdown-item:focus,
.videoIcons .dropdown-menu > li > a:hover,
.videoIcons .dropdown-menu > li > a:active,
.videoIcons .dropdown-menu > li > a:focus {
    color: #135900;
    text-decoration: none;
    background-color: #007bff00;
    outline: none
}

.UserAcc {
    text-align: center
}

.videoIcons .navbar {
    margin-bottom: 0
}

.UserAcc #BtnFollew span {
    background: #ef7f30;
    color: #fff;
    border-radius: 4px;
    border: none;
    padding: 4px 11px
}

@media(max-width:494px) {
    #BtnFollew {
        /*margin-top: 30px;*/
        margin-right: 0 !important
    }
}

.UserAcc > li {
    display: inline-block;
    cursor: pointer
}

#VideoPlayPage .UserAcc > li {
    display: inline-block;
    cursor: pointer;
    margin-right: 6px;
    position: relative
}

 @media(max-width:769px) {
    .videoIcons .navbar {
        float: left
    }

    .UserAcc.left {
        float: none
    }

    #VideoPlayPage .UserAcc > li {
        font-size: 12px;
        margin-right: 6px
    }

    .TitleSection {
        font-size: 16px;
    }
}

#VideoPlayPage .UserAcc > li.C-red i:before {
    color: #dc092f !important
}

@media(max-height:1021px) and (min-width:992px) {
    #VideoPlayPage .UserAcc > li#BtnFollew {
        margin-top: 25px
    }

    #VideoPlayPage .UserAcc > li {
        margin-right: 22px
    }
}

@media(max-height:1488px) and (min-width:1024px) {
    #VideoPlayPage .UserAcc > li {
        margin-right: 5px
    }

        #VideoPlayPage .UserAcc > li#BtnFollew {
            margin-top: 0
        }
}

span.countFavorite,
span.countLike {
    border-radius: 15px;
    position: absolute;
    font-size: 10px;
    color: #949494;
    bottom: -17px;
    left: 0;
    font-weight: bold;
    line-height: 30px
}

@media(max-width:321px) {
    .UserAcc > li .btnUnFollow {
        margin-top: 8px
    }

    #VideoPlayPage .UserAcc #BtnFollew {
        margin-top: 25px
    }
}

.UserAcc .I-Favorite {
    position: relative
}

    .UserAcc .I-Favorite .popover {
        margin-top: 10px;
        display: none;
        top: 26px;
        width: 250px;
        left: 50%;
        margin-left: -125px
    }

.UserAcc .AddPlayList .popover,
.UserAcc .AddPlayList .popover,
#BtnFollew .popover {
    margin-top: 10px;
    display: none;
    top: 26px;
    width: 250px;
    right: -90%
}

#BtnFollew .popover {
    right: auto;
    left: 0
}

@media(max-width:350px) {
    #BtnFollew .popover {
        width: 163px
    }
}

.UserAcc .AddPlayList .popover .arrow {
    right: 17%
}

#BtnFollew .popover .arrow {
    right: 80%
}

@media(min-width:768px) {
    .UserAcc .I-Favorite .popover,
    .UserAcc .AddPlayList .popover,
    #BtnFollew .popover {
        margin-top: 10px;
        display: none;
        width: 220px;
        top: 26px;
        right: -95px;
        margin-right: 0;
        left: auto
    }

    #BtnFollew .popover {
        right: -110px;
    }

    .popover.bottom > .arrow,
    .UserAcc .AddPlayList .popover .arrow {
        right: 50%
    }
}

.showPop {
    display: block !important
}

.videoIcons .ImgIcon,
.MoreOption .ImgIcon {
    width: 25px;
    display: inline-block;
    vertical-align: middle
}

.videoIcons ul ul li a {
    /*display: inline-block*/
    text-align:center;
}
.videoQuality a:hover {
    background: none !important;
    color: #ef7f30 !important;
}

#ReportVideo .modal-header,
#ShareCode .modal-header {
    border-bottom: none
}

#ShareCode .ImgIcon {
    text-align: right;
    margin-bottom: 5px;
    width: 31px
}

#ShareCode #ShareCodeLabel {
    margin-top: 20px
}

#HidCode {
    opacity: 0;
    position: absolute;
    bottom: 20px
}

.CodeHolder {
    height: auto;
    padding: 12px 12px;
    text-align: left
}

.videoIcons .dropdown-menu > li > a {
    padding: 0
}

.ViewPoint {
    font-size: 12px
}

    .ViewPoint i::before {
        font-size: 32px
    }

    .ViewPoint i {
        position: relative
    }

    .ViewPoint span {
        position: absolute;
        right: 14px;
        font-size: 12px;
        color: #fff;
        font-style: normal;
        font-weight: bold
    }

.playAfter {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 200;
    top: 0
}

.playAfterOverlay {
    background-color: #00000070;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.playAfter_title_channel {
    position: absolute;
    top: 10%;
    width: 80%;
    right: 50%;
    margin-right: -40%;
    text-align: center;
    z-index: 10001
}

    .playAfter_title_channel h2 {
        font-size: 18px
    }

.playAfter_btn_container {
    position: absolute;
    top: auto;
    bottom: 15%;
    right: 50%;
    margin-right: -56px;
    z-index: 10001
}

    .playAfter_btn_container .btn.btnWith.BC-orange {
        padding: 8px 28px
    }

@media(min-width:769px) {
    .playAfter_title_channel {
        top: 32%;
        width: 50%;
        right: 50%;
        margin-right: -25%
    }

        .playAfter_title_channel h2 {
            font-size: 26px;
            line-height: 45px
        }

    .playAfter_btn_container {
        top: 51%
    }
}

a.playAfter_link {
    z-index: 100000
}

.playAfter_btn_cancel {
    padding: 8px 26px
}

#VideoPlayPage .playAfterList .container {
    margin: 5% auto
}

#VideoPlayPage .playAfterList .NextBoxVideo {
    height: 250px;
    width: 32%;
    margin: 8px
}

#VideoPlayPage .VideoInfo .OwnerImg.padd0-15 img {
    width: 80px;
    margin: 0 auto
}

@media(max-width:767px) {
    #VideoPlayPage .VideoInfo .OwnerImg.padd0-15 img {
        width: 100px;
        margin: 0 auto
    }

    .circle strong {
        top: 15%;
        left: 3%;
    }

    .circle canvas {
        height: 70px !important;
        width: 70px !important
    }

    .loader {
        margin: 0 auto 0
    }

    .circle {
        margin: 6px 6px 6px
    }

    .playAfter_btn_container .btn.btnWith.BC-orange {
        padding: 4px 20px
    }
    /*.channel_top_boxchnl {
        margin: 0 10px !important;
    }*/

    .videoIcons .open > .dropdown-menu {
        left: auto;
        right: 0
    }

    .videoIcon.MenuIcon.open .dropdown-menu {
        left: 0;
        right: auto
    }
}

.flowplayer .fp-player {
    top: 0 !important
}

@media(max-width:500px) {
    .playAfter_btn_container {
        margin-right: -46px;
        bottom: 18%
    }

    .playAfter_title_channel h2 {
        font-size: 12px
    }
}

#VideoPlayPage .playAfterList .playAfter_title_channel {
    width: 60%;
    margin-right: -30%
}

#commentForm {
    align-items: flex-end
}

@media(max-width:769px) {
    #commentForm #commentText {
        margin-top: 45px
    }
}

@media(max-width:767px) {
    #widBt {
        margin: 0 auto;
        width: 50%
    }
}

#VideoPlayPage ul.comments {
    padding-right: 40px !important
}

.UserInfo {
    align-items: center
}

.AvatarUser {
    width: 70px
}

.comments .userName {
    margin: 0 15px;
    font-size: 16px;
    font-weight: bold
}
p.comment {
    overflow-wrap: break-word;
}
.comments li {
    border-bottom: 1px solid #e1e1e1;
    padding: 20px 0
}

    .comments li:last-child {
        border-bottom: none
    }

@media(min-width:992px) {
    .swipers.right {
        float: right
    }

    .swipers.left {
        float: left
    }

    .swipers.center {
        float: none;
        margin: 0 auto
    }
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    flex-direction: column;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #f7f7f7;
    border-radius: 4px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2)
}

@media(max-width:992px) {
    .OutoPlay .DesVideo .clearfix.rightBx {
        margin-top: 50px
    }
}

#SuggestChannel {
    position: relative;
    overflow-x: auto;
    cursor:grabbing;
}

    #SuggestChannel .swiper-button-next,
    #SuggestChannel .swiper-button-prev {
        top: 0;
        width: 22px;
        height: 22px;
        background-image: url(../images/Arrow.png?v=tZRmHWS3-0S4NeDo8_ZXpMejA6M&v=2QbIhimHoWhBiMFZs92JiaOkReQ);
        background-size: cover;
        background-color: #f980476e;
        outline: none;
        transition: all .2s;
        -webkit-transition: all .2s;
        -moz-transition: all .2s
    }

        #SuggestChannel .swiper-button-next:hover,
        #SuggestChannel .swiper-button-prev:hover,
        #SuggestChannel .swiper-button-next:focus,
        #SuggestChannel .swiper-button-prev:focus {
            background-color: #f98047
        }

    #SuggestChannel .swiper-button-next {
        left: 45px;
        right: auto
    }

    #SuggestChannel .swiper-button-prev {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg)
    }

@media(max-width:768px) {
    .Title-Category {
        margin: 1em 0
    }

    .DesVideo .rightBx {
        margin-top: 25px
    }

    .OutoPlay .DesVideo .clearfix.rightBx {
        margin-top: 30px
    }

    .swiper-container {
        padding: 0 0 15px 0
    }

    #SuggestChannel .swiper-button-next,
    #SuggestChannel .swiper-button-prev {
        top: -11px;
        width: 15px;
        height: 15px
    }

    #SuggestChannel .swiper-button-next {
        left: 35px;
        border-radius: 50%;
    }
}

.DesVideo {
    padding: 0;
    background: #fff
}

.channels .DesVideo,
#ChnlList .DesVideo {
    /*padding: 5px 10px 5px 5px;*/
    background: #fff
}

#EmptyPlListBox, .Dashboard #MyVideo .U-Videos {
    position: relative;
}

 .alert-warning {
    position: relative !important
}

.FunctionsUser .alert-warning, .s-p-video-main .alert-warning {
    margin-top: 10%;
}

/*#channelsPage #ChnlVideobox .alert-warning {
    position: absolute !important;
}*/

@media(min-width:768px) {
    #EmptyPlListBox .DesVideo {
        padding: 5px 0 5px 5px
    }
}
@media(max-width:767px) {
    #EmptyPlListBox .col-5 {
        border: 1px solid #f7f7f7;
        border-radius: 4px;
        padding: 6px;
        background: #fff;
        box-shadow: 0 0 8px rgba(0,0,0,.2);
    }
}
#SuggestChannel .swiper-slide {
    height: 216px
}

#SuggestChannel .BoxVideo .DesVideo {
    margin-top: 15px
}

    #SuggestChannel .BoxVideo .DesVideo h5,
    .Card .DesVideo h5 {
        font-size: 16px;
        height: 35px;
        word-break: break-word;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media(min-width:769px) {
    .col-5:hover,
    .col-5:focus,
    .col-5:active {
        -webkit-box-shadow: rgba(45, 45, 45, .05) 0 2px 2px, rgba(49, 49, 49, .05) 0 4px 4px, rgba(42, 42, 42, .05) 0 8px 8px, rgba(32, 32, 32, .05) 0 16px 16px, rgba(49, 49, 49, .05) 0 32px 32px, rgba(35, 35, 35, .05) 0 64px 64px;
        box-shadow: 0 2px 2px rgba(45, 45, 45, .05), 0 4px 4px rgba(49, 49, 49, .05), 0 8px 8px rgba(42, 42, 42, .05), 0 16px 16px rgba(32, 32, 32, .05), 0 32px 32px rgba(49, 49, 49, .05), 0 64px 64px rgba(35, 35, 35, .05);
        -webkit-transform: translate3D(0, -4px, 0) !important;
        transform: translate3D(0, -4px, 0) !important
    }
}

#SuggestChannel .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 5px;
    background: #e9e9e9;
    opacity: 1;
    outline: none
}

#SuggestChannel .swiper-pagination-bullet-active {
    background: #f98047;
    transform: scale(1.4)
}

@media(max-width:768px) {
    #SuggestChannel .DesVideo .TinyFont {
        position: relative;
        bottom: auto;
        left: auto;
        text-align: center;
        padding: 0
    }

    #SuggestChannel .BoxVideo .DesVideo h5,
    .Card .DesVideo h5 {
        font-size: 16px;
        line-height: 20px;
        height: 25px;
        margin-top: 17px;
    }
}

.ImgOwner {
    position: absolute;
    left: 3px;
    bottom: 3px
}

    .ImgOwner a,
    .owenrVideo a {
        display: flex;
        align-items: center
    }

    .ImgOwner .imgHolder,
    .owenrVideo .imgHolder {
        height: 30px !important;
        width: 30px !important;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 50%;
        margin: 0 auto;
        margin-top: 0 !important;
        background-size: cover
    }

.owenrVideo .imgHolder {
    margin: 0 8px !important
}

.DesVideo .TitelCat {
    text-align: right;
    padding-bottom: 3px
}

.ImgOwner span {
    font-weight: bold;
    font-size: 10px;
    margin-left: 8px
}

.videoName p {
    line-height: 17px;
    text-align: right;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 37px;
}

.videoName h2 {
    line-height: 17px;
    text-align: right;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 5px;
    font-family: "iransans-light";
}

.videoName {
    min-height: 44px;
    overflow-wrap: break-word;
    padding-right: 5px
}
.VideoList li .videoName {
    height: 62px;
    overflow: hidden;
}
.VideoList li .videoName h6 {
    line-height: 20px;
    padding: 0 5px
}

#EmptyPlListBox .videoName p {
    min-height: 44px;
    padding: 5px;
}

.chnindex {
    height: 90%;
    width: 90%;
    box-shadow: none !important;
    vertical-align: middle;
    display: block;
}

@media(max-width:375px) {
    .OutoPlay .DesVideo .clearfix.rightBx {
        margin-top: 13px
    }
    .videoName p {
        font-size: 12px
    }
}

@media(max-width:768px) {
    #homePage .LastVideos .TinyFont .DateCreat {
        float: right;
        margin-top: 10px;
        padding-right: 5px
    }

    #Category .LastVideos .col-5 .imgHolder {
        height: 170px;
    }
}

#EditListName {
    padding-left: 8px
}

    #EditListName ul {
        padding: 8px
    }

        #EditListName ul li {
            cursor: pointer;
            padding: 8px 0;
            font-size: 12px
        }

            #EditListName ul li i {
                margin-left: 5px
            }

            #EditListName ul li:hover {
                color: #f98047
            }

.videoName h5.pull-right {
    line-height: 24px
}

.ImgCaptcha {
    width: 60px
}

    .ImgCaptcha .FlexBox {
        align-items: center
    }

.switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 12px;
    vertical-align: middle;
    margin-top: 4px
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0
    }

.SliderBtn {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

    .SliderBtn:before {
        position: absolute;
        content: "";
        height: 24px;
        width: 24px;
        left: 0;
        bottom: -5px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s
    }

input:checked + .SliderBtn {
    background-color: #135900
}

input:focus + .SliderBtn {
    box-shadow: 0 0 1px #2196f3
}

input:checked + .SliderBtn:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px)
}

@media(min-width:450px) {
    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        display: block
    }
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    width: auto;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: 0
}

input[type="radio"] {
    display: none
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    padding-right: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    margin-top: 20px;
    margin-right: 15px
}

    [type="radio"]:checked + label::before,
    [type="radio"]:not(:checked) + label::before {
        content: '';
        position: absolute;
        top: 0;
        right: 6px;
        width: 16px;
        height: 16px;
        border: 1px solid #135900;
        border-radius: 50px
    }

    [type="radio"]:checked + label:after {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    [type="radio"]:not(:checked) + label:after {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    [type="radio"]:checked + label:after,
    [type="radio"]:not(:checked) + label:after {
        content: '';
        width: 6px;
        height: 6px;
        background: #1b8e6c;
        position: absolute;
        top: 5px;
        right: 11px;
        border-radius: 2px;
        transition: all .2s ease
    }

.SliderBtn.round {
    border-radius: 34px
}

    .SliderBtn.round:before {
        border-radius: 50%
    }

.BoxRow .DateCreat {
    display: inline-flex;
    margin-left: 12px
}

.BoxVideo .DateCreat {
    display: inline-block;
    margin-left: 0;
    margin-top: 3px
}

.DateCreat i {
    margin-top: 6px
}

@media(max-width:1024px) {
    .DateCreat i {
        margin-top: 0
    }
}

#Category .DateCreat i {
    margin-top: 0
}

.DateCreat i:before {
    font-size: 12px
}

.BoxVideo .DateCreat b,
.BoxRow .DateCreat b {
    margin-top: 11px
}

.s-p-video-main .ChanelBox.inline img {
    border: 1px solid #f7f6f6
}

.BoxVideo .imgHolder img,
imgHolder {
    margin: 0 auto;
    width: 100%;
    border: 1px solid #f7f7f7;
    height: 100%
}

#homePage .col-5:hover,
#homePage .col-5:focus,
#homePage .col-5:active {
    -webkit-transform: none !important;
    transform: none !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.swiper-slide {
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s
}

    .swiper-slide a {
        width: 100%
    }

    .swiper-slide .BoxVideo:hover,
    .swiper-slide .BoxVideo:focus,
    .swiper-slide .BoxVideo:active {
        transform: none
    }

    .swiper-slide:hover,
    .swiper-slide:focus,
    .swiper-slide:active {
        box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
    }

@media(min-width:768px) {
    .BoxRow:hover,
    .BoxRow:active,
    .BoxRow:focus,
    .CardBox .Card:hover,
    .CardBox .Card:active,
    .CardBox .Card:focus,
    .MessageList li:hover {
        -webkit-box-shadow: rgba(45, 45, 45, .05) 0 2px 2px, rgba(49, 49, 49, .05) 0 4px 4px, rgba(42, 42, 42, .05) 0 8px 8px, rgba(32, 32, 32, .05) 0 16px 16px, rgba(49, 49, 49, .05) 0 32px 32px, rgba(35, 35, 35, .05) 0 64px 64px;
        box-shadow: 0 2px 2px rgba(45, 45, 45, .05), 0 4px 4px rgba(49, 49, 49, .05), 0 8px 8px rgba(42, 42, 42, .05), 0 16px 16px rgba(32, 32, 32, .05), 0 32px 32px rgba(49, 49, 49, .05), 0 64px 64px rgba(35, 35, 35, .05);
        -webkit-transform: translate3D(0, -4px, 0) !important;
        transform: translate3D(0, -4px, 0) !important;
        transition: all .2s;
        -webkit-transition: all .2s;
        -moz-transition: all .2s
    }
}

.BoxVideo:hover,
.BoxVideo:active,
.BoxVideo:focus {
    -webkit-transform: translate3D(0, -4px, 0);
    transform: translate3D(0, -4px, 0)
}

#ChnlVideobox .BoxVideo:hover,
#ChnlVideobox .BoxVideo:active,
#ChnlVideobox .BoxVideo:focus {
    transform: none
}

.LastVideos #ChnlVideobox .col-5 .imgHolder {
    height: 125px
}

#ChnlVideobox .owenrVideo {
    font-size: 12px
}

#ChnlVideobox .Description {
    padding-bottom: 8px
}

    #ChnlVideobox .Description .V-name,
    .History .Description .V-name {
        margin: 10px 0 3px 0;
        display: block;
        font-size: 13px;
        line-height: 20px;
        min-height: 43px
    }

/*@media(min-width:500px) {
    #Popular {
        padding-bottom: 30px
    }
}*/

@media(max-width:767px) {
    .LastVideos .col-5 .imgHolder,
    .LastVideos #ChnlVideobox .col-5 .imgHolder,
    .searchPage .imgholder {
        height: 100px
    }

    .container-fluid .container .LastVideos .col-5 .imgHolder,
    .ChanelsVideos .BoxVideo .imgHolder,
    container-fluid #SearchPage .container .searchPage .LastVideos .col-5 .imgHolder {
        height: 104px;
        padding-right: 0
    }

    .videoName p {
        text-align: right;
        margin-top: 0
    }

    #PopularVideos .Title-Section.fixed {
        position: fixed;
        top: 28px;
        z-index: 1000;
        background: #fff;
        width: 100%;
        box-shadow: 1px 1px 3px #ccc;
        right: 0;
        padding-top: 5px
    }

    #PopularVideos .Title-Section {
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        border-top: 1px solid gainsboro;
        border-bottom: 1px solid gainsboro;
        height: 35px;
        margin-top: 0;
    }

    .container-fluid .container .LastVideos .col-5,
    #ChnlVideobox .col-5,
    .ChanelsVideos a .BoxVideo {
        position: relative;
        /*border: 1px solid #e7e7e7;*/
        padding: 6px;
        margin: 0px;
        /*box-shadow: 0 0 8px rgba(0, 0, 0, .2);*/
        border-bottom: 1px solid #e7e7e7;
        background:#FFF;
    }

    #ChnlVideobox .col-5 {
        padding: 6px 0 3px 0
    }

        #ChnlVideobox .col-5 .MoreOption {
            padding: 5px 15px 0 0
        }

        #ChnlVideobox .col-5 .imgHolder,
        #ChnlVideobox .col-5 .Description {
            width: 50%;
            float: right
        }

        #ChnlVideobox .col-5 .Description {
            padding-left: 0
        }

            #ChnlVideobox .col-5 .Description .V-name {
                height: 60px
            }

        #ChnlVideobox .col-5 .padd5.TinyFont {
            position: absolute;
            left: 0;
            bottom: 4px;
            width: 50%
        }

    .Userpage #userVideo #ChnlVideobox .col-5 .padd5.TinyFont {
        width: 100%
    }

    .MoreOption ul {
        right: -26px;
        min-width: 165px !important
    }
    .container-fluid .container .LastVideos .col-5:hover,
    .container-fluid .container .LastVideos .col-5:focus,
    .container-fluid .container .LastVideos .col-5:active {
        box-shadow: none !important
    }

    .Chanels .ChanelInfo {
        position: relative
    }

        .Chanels .ChanelInfo:before {
            position: absolute;
            content: '';
            width: calc(98% - 20px);
            height: 40px;
            /*background: #f3f3f3;*/
            border-radius: 0;
            right: 20px;
            border-top: 1px solid gainsboro;
            border-bottom: 1px solid gainsboro;
        }

    .ChanelInfo .FlexBox.Img-Name .ChName h4 {
        /*color: #fff;*/
        font-size: 12px
    }
    .Occasions{
        margin-top:0 !important;
    }

    .ChanelInfo .FlexBox.Img-Name {
        padding: 5px 10px
    }

    .OccasionsBanner .SwiperContent {
        padding: 0
    }

    .container-fluid .container .LastVideos .col-5 .OwnerBox {
        /*width: 50%;
        float: right*/
    }
    .LastVideos .col-5 {
        width: 50%;
        box-shadow:none !important;
    }

    .col-5 .DesVideo {
        /*width: 50%;
        float: right;*/
        margin-top: 0
    }

    #homePage .col-5 .DesVideo {
        /*margin-bottom: 15px*/
    }

    #Category .col-5 .DesVideo {
        margin-top: 0;
        padding-right: 5px
    }

    .BoxVideo .DateCreat, .boxVideo .DateCreat {
        margin-left: 5px
    }

    .searchPage .col-5 .DesVideo {
        margin-top: 5px
    }

    #EmptyPlListBox .col-5 .DesVideo {
        width: auto;
        float: none
    }

    #SuggestVideos .swiper-slide > a {
        width: 100%
    }
    #SuggestVideos .DesVideo .videoName p {
        font-size: 12px
    }
    #SuggestVideos .imgHolder {
        height: 120px;
        width: 100%
    }

        #SuggestVideos .imgHolder img {
            height: 100%;
            width: auto
        }

        #SuggestVideos .imgHolder .duration {
            font-size: 9px;
            font-size: 10px
        }

        #SuggestVideos .imgHolder .durationBox i:before {
            font-size: 8px
        }

    #SuggestVideos .DesVideo .TinyFont {
        font-size: 8px
    }

        #SuggestVideos .DesVideo .TinyFont b {
            margin-top: 7px
        }

    #SuggestVideos .DesVideo .DateCreat {
        margin-left: 0
    }

    .col-5 .DesVideo .TinyFont {
        position: absolute;
        bottom: 5px;
        left: 0
    }

    #EmptyPlListBox .col-5 .DesVideo .TinyFont {
        position: relative;
        bottom: 0
    }

    .videoName .TitelCat.TinyFont {
        max-height: 35px;
        position: absolute;
        bottom: 22px;
        left: auto;
        text-align: right;
        padding-right: 0
    }

    .container-fluid .container .LastVideos .col-5:nth-child(2n+1),
    .container-fluid .container .LastVideos .col-5:nth-child(10),
    .container-fluid .container .LastVideos .col-5:nth-child(11),
    .container-fluid .container .LastVideos .col-5:nth-child(12) {
        /*display: none*/
    }

    .container-fluid #SearchPage .container .LastVideos .col-5, .container-fluid #SearchPage .container .LastVideos .col-5:nth-child(2n+1) {
        display: block !important;
    }

        .container-fluid #SearchPage .container .LastVideos .col-5 .DesVideo .TinyFont {
            left: 6px;
        }

        .container-fluid #SearchPage .container .LastVideos .col-5 .imgHolder {
            height: 130px;
        }

    .chnindex {
        width: 50px;
        height: 50px;
    }
    .channel_Out {
        width: 1350px !important;
    }
    .channelname_rale h5 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media(max-width:480px) {
        #EmptyPlListBox .col-5 .DesVideo .TinyFont {
            left: 10px;
        }

    #EmptyPlListBox .videoName p {
        min-height: 22px;
    }

    #EmptyPlListBox .col-5 .DesVideo .text-center.padd15-0 {
        padding: 0 0 10px 0;
    }

    #homePage .Chanels .ChanelsVideos a:nth-child(4) {
        display: none
    }

    #SuggestVideos .imgHolder {
        height: 100px;
        width: 100%
    }

    #homePage .LastVideos .TinyFont .DateCreat {
        margin-top: 5px;
        padding-right: 0
    }
}

@media(max-width:766px) and (min-width:501px) {
    #SuggestVideos .imgHolder {
        height: 91px;
        width: 100%
    }
}

@media(max-width:320px) {
    #SuggestVideos .imgHolder {
        height: 100px;
        width: 100%
    }
}

.LastVideos .col-5 .imgHolder img,
.searchPage .imgholder img {
    height: 100%;
    width: 100%;
    margin: 0 auto
}

@media(max-width:499px) {
    .searchPage .tab-content {
        margin-top: 0
    }

    .ChanelsVideos .BoxVideo .imgHolder {
        height: 100px !important
    }
}

@media(min-width:450px) {
    [type="checkbox"]:checked + label,
    [type="checkbox"]:not(:checked) + label {
        display: block
    }
}

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    width: auto;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: 0
}

input[type="checkbox"] {
    display: none
}

[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-right: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    margin-top: 20px;
    margin-right: 15px
}

    [type="checkbox"]:checked + label::before,
    [type="checkbox"]:not(:checked) + label::before {
        content: '';
        position: absolute;
        top: 0;
        right: 3px;
        width: 16px;
        height: 16px;
        border: 1px solid #135900;
        border-radius: 4px
    }

    [type="checkbox"]:checked + label:after {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    [type="checkbox"]:not(:checked) + label:after {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    [type="checkbox"]:checked + label:after,
    [type="checkbox"]:not(:checked) + label:after {
        content: '';
        width: 6px;
        height: 6px;
        background: #1b8e6c;
        position: absolute;
        top: 5px;
        right: 8px;
        border-radius: 2px;
        transition: all .2s ease
    }

.EmpBox {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 30px 15px
}

#EditMovie .Videoimage {
    position: relative;
    margin-bottom: 25px
}

@media(max-width:768px) {
    #EditMovie .changeimg {
        margin: 1em 0 8px 0
    }
}

#EditMovie .Videoimage img {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border: 1px solid #3f4b5036;
    border-radius: 5px
}

#EditMovie .Videoimage.selected img {
    box-shadow: 0 1px 8px 3px #717171
}

#EditMovie .Videoimage.selected:before {
    content: "";
    position: absolute;
    font-family: Flaticon;
    font-size: 120px;
    right: 50%;
    margin-right: -60px;
    top: 50%;
    margin-top: -85px;
    color: #fff;
    opacity: .8
}
.chnlmonetarynot {
    position: absolute;
    background: #f98047;
    color: #FFF;
    padding: 0 7px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 700;
    z-index: 9;
}
@media(max-width:520px) {
    .Videoimage.selected:before {
        font-size: 66px;
        right: 65%;
        top: 90%
    }

    #EditMovie .Videoimage.selected:before {
        font-size: 66px;
        right: 65%;
        top: 90%
    }
}

@media(max-width:1024px) and (min-width:992px) {
    .Videoimage.selected:before {
        font-size: 74px;
        right: 61%;
        top: 87%
    }

    #EditMovie .Videoimage.selected:before {
        font-size: 74px;
        right: 61%;
        top: 87%
    }
}

@media(max-width:350px) {
    .Videoimage.selected:before {
        font-size: 50px;
        right: 69%;
        top: 114%
    }
}

#DescriptChanel,
#explain {
    resize: vertical
}

footer {
    position: absolute;
    bottom: 33px;
    right: 0;
    left: 0
}

    footer h5,
    footer h6 {
        margin-bottom: 0;
        line-height: 20px
    }

    footer .mrg15-0 {
        margin: 8px 0
    }

.backimg {
    background-image: url(../images/imgs.png?v=m5CaSLkQzr3rY6bIjsST3Gbo6gY&v=BO1ubJDtiJxgBBoqGIrNUJ6uvT0);
    background-position: 0 0;
    background-repeat: no-repeat
}

.Slogan {
    height: 33px;
    width: 186px;
    margin: 0 auto
}

.BrandList li {
    display: inline-block;
    width: 29px;
    height: 29px;
    padding: 0
}

.BrandList a,
.fllowUs a {
    display: block;
    height: 100%
}

    .BrandList a.backimg.pishtazMovie {
        background-image: url(../images/pishtaz.png?v=nn9_h8Gx--nKHwbv7lF2DKXA66I&v=bss2QuIfgh0n8U2_lTckUdZZd7E);
        background-position: -1px -1px;
        background-repeat: no-repeat
    }

.BrandList .calendar {
    background-position: -139px -133px
}

.BrandList .kids {
    background-position: -128px -246px
}

.BrandList .mp4 {
    background-position: -128px -209px
}

.BrandList .imageplus {
    background-position: -127px -171px
}

.BrandList .mysd {
    background-position: -69px -257px
}

.BrandList .news {
    background-position: -110px -285px
}

.nav-footer li {
    position: relative;
    padding: 3px 10px
}
@media(min-width:768px) {
    .nav-footer li:after,
    .FiltersRow .Filters li:after {
        content: '';
        position: absolute;
        width: 2px;
        height: 15px;
        left: 0;
        top: 6px;
        background: #898282
    }
}
    .nav-footer li:last-child:after {
        display: none
    }

.fllowUs h5 {
    margin-bottom: 5px
}

.fllowUs li {
    display: inline;
    padding: 0
}

    .fllowUs li a {
        display: inline-block;
        width: 33px;
        height: 33px
    }

.Mp4Apps li {
    width: 50%;
    float: right;
    height: 35px;
    padding: 0;
    list-style: none
}

.Mp4Apps .IosApp {
    background: url(../images/ios.png?v=m5CaSLkQzr3rY6bIjsST3Gbo6gY&v=5GnpFe9pr8pSYN4g9IEcLwvpSEA) center no-repeat;
    background-size: contain
}

.Mp4Apps .AndroidApp {
    background: url(../images/android.png?v=tZRmHWS3-0S4NeDo8_ZXpMejA6M&v=tLQLPom_oN6GE6gmxny2ZtzD3n0) center no-repeat;
    background-size: contain
}

.Mp4Apps li a {
    display: block;
    height: 100%
}

.popover.bottom > .arrow:after {
    border-bottom-color: #f4f4f4
}

.footer-in {
    position: relative;
    bottom: 0;
    border-top: none;
    background: #fff;
    box-shadow: 0 0 3px #ccc;
    padding-bottom: 0;
    z-index: 100
}

    .footer-in .Mp4Apps li {
        height: 35px;
        padding: 0;
        display: inline-block;
        width: 150px;
        float: none
    }

.footerB {
    background: #f4f4f4;
    padding: 5px 0 3px 0
}

    .footerB a:hover,
    .footerB a:focus,
    .footerB a:active {
        color: #135900
    }

.masterVideo {
    position: relative;
    padding-top: 30px
}

    .masterVideo.container-fluid {
        width: 82%;
        padding-top: 30px
    }

    .masterVideo h1 {
        font-size: 18px
    }

@media(max-width:500px) {
    .masterVideo h1 {
        font-size: 15px !important;
    }
}

.masterVideo .ImgHolder {
    padding: 10px;
    background: #fff;
    /*box-shadow: 0 2px 10px rgba(0, 0, 0, .2);*/
    border-radius: 4px;
    position: relative
}

    .masterVideo .ImgHolder img {
        border-radius: 4px
    }

.MovieTitle {
    position: absolute;
    bottom: 26px;
    right: 10px;
    color: #fff;
    left: 10px;
    background: #00000080;
    padding: 5px 8px
}

.IconVIdeo {
    position: absolute;
    top: 50%;
    width: 130px;
    right: 50%;
    margin-top: -65px;
    margin-right: -65px
}
.masterVideo .MovieTitle h2 {
    font-size: 20px;
}
@media(max-width:767px) {
    .masterVideo .MovieTitle h2 {
        font-size: 14px
    }

    .MovieTitle {
        bottom: 15px
    }

    .IconVIdeo {
        position: absolute;
        top: 50%;
        width: 50px;
        right: 50%;
        margin-top: -25px;
        margin-right: -25px
    }
    .channelname_rale {
        max-width: 90px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.channel_Out {
    width: 2080px;
}
.ChanelBox {
    margin-bottom: 30px
}
#SuggestChannel::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.channel_top_boxchnl {
    float: right;
    /*margin: 0 25px;*/
    padding-right: 25px;
}

.BoxBack {
    height: 235px
}

.ChanelBox .ImgHolder {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    top: 113px;
    left: 20px
}

@media(min-width:768px) {
    .ChanelBox .ImgHolder {
        width: 100px;
        height: 100px
    }
}

.ChanelBox .NameChanel {
    border-radius: 7px;
    position: relative;
    top: 12px;
    right: 7px
}

    .ChanelBox .NameChanel h3 {
        font-size: 14px;
        width: 132px;
        top: 110px
    }

.BoxStatus {
    background: #929190;
    color: #fff;
    position: relative;
    top: 71px
}

.OccasionsBanner {
    position: relative;
    width: 100%;
    padding-bottom: 0;
    padding-top: 15px
}

    .OccasionsBanner .col-md-8.col-md-pull-4 {
        padding: 0
    }

.Occasionsback {
    height: 115px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px
}

@media(min-width:768px) {
    .Occasionsback {
        height: 228px;
        margin-bottom: 0;
        background-size: contain
    }
}

@media(min-width:769px) {
    .mrgT4em.Occasions.Occasions3th {
        background-size: inherit
    }

    .OccasionsBanner .col-md-8.col-md-pull-4 {
        padding: 0 15px
    }

    .OccasionsBanner {
        height: calc(100% - 59px);
        padding: 4em 0
    }
}

.Occasions .DesVideo {
    padding: 0 5px 5px 4px
}

.col-5 {
    width: 100%;
    float: right;
    margin: 8px 0 8px 13px;
    position: relative
}

.U-Videos .col-5 {
    margin: 8px 0;
    border: 1px solid #e3e3e7;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}

@media(min-idth:992px) {
    .Occasionsback {
        height: 315px;
        background-size: contain
    }

    .OccasionsBanner {
        padding-bottom: 4em
    }
}

@media(min-width:1500px) {
    .UserPage #userVideo .col-5 {
        width: 19%;
        margin: 5px
    }

    .Dashboard #playList #EmptyPlListBox .BoxVideo .ImgHolder {
        height: 145px
    }
}

@media(min-width:769px) and (max-width:991px) {
    .col-5 {
        width: 31%;
        transition: all .2s;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        border: 1px solid #f7f7f7;
        border-radius: 4px;
        padding: 6px;
        background: #fff;
        /*box-shadow: 0 0 8px rgba(0, 0, 0, .2);*/
        margin: 8px 8px 8px 8px
    }

    #UserPannel .U-Videos .col-5 {
        margin: 10px 10px;
        width: 30%
    }

    .UserAcc #BtnFollew .btnWith,
    .UserAcc #BtnFollew span {
        padding: 8px 7px;
        font-size: 11px
    }

    .container-fluid .container .col-5 .imgHolder,
    .container-fluid .container .LastVideos .col-5 .imgHolder {
        height: 120px
    }

    .guestfollow {
        line-height: 27px
    }

    #sideadvBox {
        display: flex;
        align-items: center
    }

    .container-fluid .container .LastVideos .col-5:nth-child(2n+1),
    .container-fluid #FollwingVideos.container .LastVideos .col-5:nth-child(9),
    .container-fluid .container .LastVideos .col-5:nth-child(12) {
        /*display: none*/
    }

    .container-fluid .container .LastVideos .col-5:nth-child(9) {
        display: block
    }
}

@media(min-width:1920px) {
    .container-fluid .container-fluid .col-5 .imgHolder {
        height: 200px
    }
}

@media(min-width:1401px) {
    .container-fluid #homePage .container-fluid .ChanelsVideos a:nth-child(5) {
        display: block !important
    }

    .container-fluid .container-fluid .col-5 {
        width: 15.9%;
        margin: 5px 4px
    }

        .container-fluid .container-fluid .col-5 .imgHolder {
            height: 140px
        }
}

@media(min-width:2560px) {
    .container-fluid .container-fluid .col-5 .imgHolder {
        height: 280px !important
    }
}

@media(min-width:1025px) {
    .container-fluid .container-fluid #playList .col-5 {
        width: 31%;
        margin: 8px 8px
    }

    .container-fluid .col-5 {
        width: 18%;
        margin: 15px 17px
    }

    #UserPannel .U-Videos .col-5 {
        margin: 15px 15px
    }

    .container-fluid .container-fluid .col-5 {
        width: 16%;
        margin: 5px 4px
    }

    .container-fluid .container-fluid .SearchVideos.LastVideos .col-5:nth-child(11),
    .container-fluid .container-fluid .SearchVideos.LastVideos .col-5:nth-child(12) {
        display: none
    }

    #homePage .container .LastVideos .col-5:nth-child(10),
    #homePage .container .LastVideos .col-5:nth-child(9),
    #homePage .container .LastVideos .col-5:nth-child(11),
    #homePage .container .LastVideos .col-5:nth-child(12) {
        display: none
    }

    .container .col-5 {
        width: 24%;
        margin: 3px 3px
    }

    .DesVideo .TitelCat {
        min-height: 27px
    }

    .container .ChanelsVideos a:nth-child(5),
    .container .ChanelsVideos a:nth-child(6),
    .container-fluid #homePage .container-fluid .ChanelsVideos a:nth-child(5) {
        display: none
    }

    .LastVideos #ChnlVideobox .col-5 .imgHolder,
    .searchPage .imgholder {
        height: 145px
    }

    #UserPannel .U-Videos .col-5, .Userpage #userVideo .col-5 {
        margin: 5px;
        width: 31%
    }
}

@media(min-width:1087px) and (max-width:1400px) {
    .ContentMaster.col-lg-offset-1 {
        margin-right: 7.5%;
        width: 91%
    }

    .container-fluid .container-fluid .col-5 {
        width: 19%;
        margin: 5px 4px
    }

    .container-fluid .container-fluid .LastVideos .col-5:nth-child(11),
    .container-fluid .container-fluid .LastVideos .col-5:nth-child(12),
    .container-fluid #homePage .container-fluid .ChanelsVideos a:nth-child(5) {
        display: none
    }

    .container-fluid .container-fluid .col-5 .imgHolder {
        height: 140px
    }
}

@media(min-width:1024px) and (max-width:1086px) {
    .ContentMaster.col-lg-offset-1 {
        margin-right: 8%;
        width: 90.5%
    }

    .container-fluid .container-fluid .col-5 {
        width: 18.8%;
        margin: 5px 5px
    }

        .container-fluid .container-fluid .col-5 .imgHolder {
            height: 100px
        }

    .swiper-slide {
        padding: 4px
    }
}

@media(min-width:1344px) {
    .container .col-5 {
        width: 23.9%;
        margin: 8px 5px 15px 6px;
    }

    #UserPannel .U-Videos .col-5 {
        width: 18.9%;
        margin: 5px
    }

    .container .col-5 .imgHolder {
        height: 150px
    }

    .container-fluid .container .LastVideos .col-5 .OwnerBox .imgHolder {
        height: 160px
    }
}

@media(max-width:1344px) and (min-width:1200px) {
    .container .col-5 {
        width: 23.5%
    }

        .container .col-5 .imgHolder {
            height: 131px
        }

    .container-fluid .container .LastVideos .col-5 .OwnerBox .imgHolder {
        height: 146px
    }
}

@media(max-width:1234px) and (min-width:769px) {
    .LastVideos #ChnlVideobox .col-5 .imgHolder,
    .searchPage .imgholder {
        height: 130px
    }
}

@media(min-width:1233px) {
    .container-fluid .container-fluid #playList .col-5 {
        width: 19%;
        margin: 8px 6px
    }
}

@media(max-width:1183px) and (min-width:1024px) {
    .container .videoName {
        min-height: 55px
    }
}

@media(max-width:1199px) and (min-width:992px) {
    .container .col-5 .imgHolder {
        height: 123px
    }

    .NextBox li .DesVideo .mt30 {
        margin-top: 10px
    }

    .OutoPlay .DesVideo .clearfix.rightBx {
        margin-top: 0
    }

    .header > .col-md-3 {
        padding: 0;
    }
}

@media(min-width:768px) {
    .col-5 {
        width: 31%;
        transition: all .2s;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        border: 1px solid #f7f7f7;
        border-radius: 4px;
        padding: 6px;
        background: #fff;
        /*box-shadow: 0 0 8px rgba(0, 0, 0, .2);*/
        border: 1px solid #e8e8e8bf;
        margin: 8px 8px 8px 8px
    }
}

@media(max-width:1024px) and (min-width:992px) {
    .container-fluid .container .col-5 {
        width: 31%;
        margin: 8px 1%
    }

    .container-fluid .container-fluid .LastVideos .col-5 .imgHolder {
        height: 120px
    }

    .container-fluid .container .LastVideos .col-5:nth-child(2n+1),
    .container-fluid .container .ChanelsVideos a:last-child,
    .container-fluid .container-fluid .ChanelsVideos a:last-child,
    .container-fluid .container-fluid .LastVideos .col-5:nth-child(9),
    .container-fluid .container-fluid .LastVideos .col-5:nth-child(10),
    .container-fluid #FollwingVideos .container-fluid .col-5:nth-child(12),
    .container-fluid #FollwingVideos .container-fluid .col-5:nth-child(11),
    .container-fluid #FollwingVideos .container .col-5:nth-child(12) {
        /*display: none*/
    }

    #SearchPage .container-fluid .container .LastVideos .col-5,
    .container-fluid #SearchPage .container .LastVideos .col-5:nth-child(2n+1) {
        display: block !important
    }

    .container-fluid .container .LastVideos .col-5:nth-child(9) {
        display: block
    }

    #Category .container-fluid .CardBox li {
        width: 18%;
        margin: 7px
    }

    .container-fluid .container .col-5 .imgHolder {
        height: 150px
    }

    .container-fluid .container-fluid .col-5 {
        width: 18%;
        margin: 8px 1%
    }

    .container-fluid .container .col-5 .imgHolder, .container-fluid .container .LastVideos .col-5 .imgHolder {
        height: 118px
    }

    .container-fluid .container-fluid #EmptyPlListBox .col-5 {
        width: 32%;
        margin: 3px 4px
    }

    .container-fluid .container-fluid .col-5, #homePage .container-fluid.Chanels .ChanelsVideos .col-5 {
        width: 24%;
        margin: 3px 3px
    }

    .container-fluid .UserPage#UserPannel .container-fluid #userVideo #ChnlVideobox .col-5 {
        width: 32%;
        margin: 3px 4px
    }

    .container-fluid .container-fluid .col-5 .imgHolder {
        height: 113px
    }

    #homePage .container-fluid.Chanels .ChanelsVideos a:nth-child(5), #homePage .container.Chanels .ChanelsVideos a:nth-child(5), #homePage .container.Chanels .ChanelsVideos a:nth-child(4) {
        display: none
    }

    .OccasionsBanner .BoxVideo .imgHolder img {
        height: 115px
    }

    .container-fluid .OccasionsBanner .container-fluid .BoxVideo .imgHolder img {
        height: 100px
    }
}

.Card {
    border: 1px solid #dad9d9a6;
    padding: 22px 5px 8px 5px;
    height: 200px;
    border-radius: 7px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    background-color: #fff;
    margin-top: 15px
}

#OfferChnnl .Card {
    margin-top: 0
}

.Card .DesVideo {
    margin-top: 10px
}

@media(min-width:300px) and (max-width:358px) {
    .Card .DesVideo h5 {
        text-align: center;
        margin-top: 0;
        height: 25px;
        overflow-wrap: break-word
    }
}

@media(min-width:768px) {
    .Card {
        border: 1px solid #dad9d9a6;
        padding: 22px 5px 8px 5px;
        height: 230px;
        border-radius: 7px;
        box-shadow: 0 0 8px rgba(0, 0, 0, .2);
        margin-top: 20px
    }
}

@media(min-width:768px) and (max-width:992px) {
    .Card {
        padding: 25px 11px;
        height: 230px;
        margin-top: 0
    }
}

.CardBox li {
    float: right;
    width: 47%;
    margin: 4px
}

@media(max-width:649px) {
    #Category .CardBox li:nth-child(2n),
    #channelsPage .CardBox li:nth-child(2n) {
        display: none
    }
}

@media(min-width:1025px) {
    .container-fluid .container-fluid .CardBox li {
        width: 11%;
        margin-right: 14px
    }

    #SuggestChannel .BoxVideo .imgHolder,
    .imgBx {
        width: 145px !important;
        height: 105px !important;
        border-radius: 4px !important;
    }
}

@media(min-width:1200px) {
    .CardBox li {
        width: 15%;
        margin-right: 13px
    }

    #userChannel .CardBox li {
        width: 11%
    }

    .UserPage#UserPannel #userChannel .CardBox li {
        width: 15%;
        margin-right: 12px
    }

    #UserPannel .s-p-video-main .CardBox li {
        width: 13%;
        margin: 7px
    }

    #UserPannel .U-Videos .col-5 .boxVideo .imgHolder {
        height: 120px
    }

    .HistoryPage#UserPannel .U-Videos .col-5 .boxVideo .imgHolder,
    .BookMarks#UserPannel .U-Videos .col-5 .boxVideo .imgHolder {
        height: 108px
    }

    .Dashboard #playList #EmptyPlListBox .BoxVideo .ImgHolder,
    #UserPannel #playList #EmptyPlListBox .col-5 .ImgHolder {
        height: 120px
    }
}

@media(max-width:1341px) and (min-width:1200px) {
    #UserPannel .s-p-video-main .CardBox li {
        width: 15%;
        margin: 7px
    }
}

@media(max-width:1199px) and (min-width:1025px) {
    .container-fluid .container-fluid .CardBox li,
    .container-fluid #Category .container .CardBox li {
        width: 16%
    }
}

@media(max-width:1024px) and (min-width:991px) {
    .container-fluid .container-fluid .CardBox li,
    .container-fluid #Category .container .CardBox li {
        width: 19%
    }
}

@media(max-width:1024px) and (min-width:991px) {
    .container-fluid .container .CardBox li,
    .container-fluid #Category .container .CardBox li {
        width: 23%
    }
}

@media(max-width:1199px) and (min-width:1025px) {
    .CardBox li {
        width: 19%
    }

    #Category .container #OfferChnnl li:last-child {
        display: none
    }

    #Category .container-fluid #OfferChnnl li {
        width: 15%;
        margin: 8px
    }
}

@media(max-width:1023px) and (min-width:768px) {
    .CardBox li {
        width: 23%
    }
}

@media(min-width:650px) and (max-width:767px) {
    .CardBox li {
        float: right;
        width: 23%;
        margin: 5px
    }

    .col-5 {
        width: 48%
    }
    #EmptyPlListBox .col-5 {
        width:47%;
    }
    #homePage .Chanels .ChanelsVideos a:nth-child(1),
    #homePage .Chanels .ChanelsVideos a:nth-child(2),
    #homePage .Chanels .ChanelsVideos a:nth-child(3)
    ,#homePage .Chanels .ChanelsVideos a:nth-child(4) {
        display: block
    }
}

.FollowingChannels .Card {
    position: relative
}

/*@media(max-width:499px) {
    .Dashboard #UserPannel .col-5 {
        width: 75%;
        margin: 10px 40px;
        box-shadow: 0 0 8px rgba(0,0,0,.2);
    }
}*/
@media(min-width:1025px) {
    .container .CardBox li:nth-child(7),
    .container .CardBox li:nth-child(8) {
        display: none
    }
}

@media(max-width:1024px) and (min-width:992px) {
    .container-fluid #channelsPage .container .CardBox li:nth-child(2n),
    .container-fluid #channelsPage .container-fluid .CardBox li:nth-child(3n+2),
    .container-fluid #Category .container .CardBox li:nth-child(2n),
    .container-fluid #Category .container-fluid .CardBox li:nth-child(3n+2) {
        display: none
    }
}

#SuggestChannel .BoxVideo .imgHolder,
.imgBx {
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;
    margin: 0 auto;
    background-size: cover;
    box-shadow: 4px 6px 8px 3px #bbbbbb;
}

@media(min-width:768px) {
    #SuggestChannel .BoxVideo .imgHolder,
    .imgBx {
        width: 100px;
        height: 100px
    }
}

.imgBx img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.ChanelInfo .ImgHolder {
    width: 65px
}

.ImgHolder img {
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s
}

.Chanels .FlexBox {
    align-items: center;
    display: flex !important;
    display: -webkit-flex !important;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap
}

.ChanelInfo .FlexBox.Img-Name {
    justify-content: flex-start;
    display: flex !important;
    display: -webkit-flex !important;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    align-items: center
}

.ViewMore.FlexBox {
    justify-content: flex-end;
    display: flex !important;
    display: -webkit-flex !important;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    font-weight: bold;
    z-index: 5
}

@media(max-idth:767px) {
    .ViewMore a p {
        line-height: 24px
    }
}

.ViewMore.FlexBox a:hover i {
    margin-right: 8px;
    margin-left: 8px
}

.ChanelInfo .ViewMore p.followGuest,
.btns {
    margin-left: 15px;
    border-radius: 40px;
    padding: 0 10px;
    color: 1px solid #ef7f30;
    cursor: pointer;
    z-index: 1;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    border: 1px solid #ef7f30;
}

.asdasd {
    background-color: #ef7f30;
    color: #fff;
}

    .ChanelInfo .ViewMore p.followGuest + .popover.bottom {
        margin-top: 50px
    }

        .ChanelInfo .ViewMore p.followGuest + .popover.bottom .arrow {
            right: auto;
            left: 24%
        }

@media(max-width:550px) {
    .ChanelInfo .ViewMore p.followGuest,
    .btns {
        font-size: 8px;
        margin: 0;
        padding: 2px 6px !important;
        line-height: 25px
    }
   
}


@media(max-width:767px) {
    .ChanelInfo.following p.followGuest {
        color: #ef7f30;
        padding: 0 15px;
        /*background: #fff !important;*/
        box-shadow: none;
        border-radius: 40px;
        border: 1px solid #ef7f30;
        font-size: 11px;
    }
}

.ChanelInfo .Img-Name .ImgHolder {
    height: 65px;
    width: 65px;
    z-index: 5
}

.ChanelInfo .FlexBox.Img-Name .ChName {
    z-index: 5
}

@media(max-width:550px) {
    .ChanelInfo .Img-Name .ChName.mrgR30 {
        margin-right: 10px;
        margin-top: 0;
        font-size: 14px
    }

    .ChanelInfo .Img-Name .ChName a h4 {
        font-size: 10px;
        line-height: 16px
    }

    .ChanelInfo.following p.follow {
        font-size: 8px;
        margin: 0;
        padding: 2px 6px !important;
        line-height: 19px
    }

    .btns {
        line-height: 33px
    }

    .chnltop .ChanelInfo:first-child {
        margin-top: 5px
    }

    #OccasionVideos .DesVideo .videoName p {
        font-weight: bold;
        line-height: 18px;
        margin-top: 8px;
        font-size: 12px;
    }

    .ChanelInfo.followed p.follow,
    .ChanelInfo.following a {
        margin: 0;
        font-size: 12px;
        line-height: 19px
    }

    .ChanelInfo .Img-Name .ImgHolder {
        width: 55px;
        float: right;
        height: 55px
    }

    .ChanelsVideos.mrg2 {
        margin: 0px 0
    }
}

.ChanelInfo.following p.follow {
    /*margin-left: 15px;*/
    border-radius: 40px;
    padding: 0 10px;
    color: #ef7f30;
    cursor: pointer;
    z-index: 1;
    height: 30px;
    line-height: 25px;
    font-size: 13px;
    border: 1px solid #ef7f30;
    background: #FFF;
}

.ChanelInfo.followed p.follow {
    background: #fff !important;
    padding: 0px 10px !important;
    border-radius: 40px;
    color: #135900 !important;
    cursor: pointer;
    border: 1px solid #135900 !important;
    height: 30px;
    line-height: 30px;
}

@media(max-width:767px) {
    #homePage .ChanelInfo.following p.follow {
        color: #ef7f30;
        padding: 0 15px;
        background: #fff;
        box-shadow: none;
        border-radius: 40px;
        cursor: pointer;
        font-size: 11px;
        border: 1px solid #ef7f30;
    }

    #homePage .ChanelInfo.followed p.follow {
        color: #ef7f30;
        padding: 0 15px;
        background: #fff;
        box-shadow: none;
        border-radius: 40px;
        cursor: pointer;
        font-size: 11px;
        border: 1px solid #ef7f30;
    }
}

.ChanelInfo.following .ImgHolder img {
    box-shadow: 0 4px 7px -1px #ef7f30b3
}

.ChanelInfo.following .Img-Name:hover .ImgHolder img {
    box-shadow: 0 4px 14px -1px #ef7f30b3
}

.ChanelInfo.followed .ImgHolder img {
    box-shadow: 0 4px 7px -1px #13590096
}

.ChanelInfo.followed .Img-Name:hover .ImgHolder img {
    box-shadow: 0 4px 14px -1px #13590096
}

.OutoPlay h5 {
    margin-bottom: 0;
    line-height: 26px
}

.OutoPlay .imgHolder .durationBox {
    right: 0
}

.OutoPlay .videoName p {
    text-align: right
}

.OutoPlay .VideoList li {
    padding: 8px;
    cursor: pointer;
    margin: 8px 0 8px 0;
    background: #fff
}

    .OutoPlay .VideoList li .DateCreat i {
        margin-top: 0;
        vertical-align: sub
    }

        .OutoPlay .VideoList li .DateCreat i:before,
        i.flaticon-tv:before {
            font-size: 15px
        }

    .OutoPlay .VideoList li .TitelCat.TinyFont {
        margin-top: 5px
    }

#channelsPage .Title-Section.mrg2-0 {
    margin: 2em 0 1em 0
}

#channelsPage .CardBox .Card {
    margin-top: 0
}

@media(min-width:1025px) {
    .OutoPlay .VideoList li a {
        display: flex;
        align-items: stretch
    }

    .OutoPlay .VideoList li .DesVideo .clearfix.rightBx {
        position: absolute;
        bottom: 0;
        width: 95%
    }

    #channelsPage .Title-Section.mrg2-0 {
        margin: 2em
    }
}

.NextBox li {
    padding: 8px;
    cursor: pointer;
    margin: 9px 2px 8px 0;
    background: #fff;
    position: relative;
    margin-left: 7px;
    margin-right: 15px
}

    .NextBox li .videoName {
        padding: 0 5px
    }

.NextBox h5,
.OutoPlay h5 {
    line-height: 19px;
    word-break:break-word;
}

.NextBox {
    background-color: #101b16
}

    .NextBox .imgHolder img {
        margin: 0 auto
    }

    .NextBox h5 {
        color: #fff
    }

    .NextBox ul li .VideoNumber i {
        color: #ef7f30;
    }

@media(max-width:991px) and (min-width:764px) {
    .NextBox li {
        width: 47%;
        float: right;
        margin: 10px
    }

    .NextBox ul li .VideoNumber {
        right: -17px
    }

    .OutoPlay .VideoList li {
        width: 47%;
        float: right;
        margin: 8px
    }

    .OutoPlay .VideoList li .DesVideo {
        height: 96px
    }

    .OutoPlay .VideoList li .imgHolder {
        height: 94px
    }
    .videoName p {
        font-size: 12px;
    }
}
@media(max-width:763px) and (min-width:479px ){
    .OutoPlay .VideoList li {
        margin: 6px;
        width: 47%;
        float: right;
    }
}

.NextBox ul {
    margin: 0 10px 0 0
}

    .NextBox ul li .VideoNumber {
        position: absolute;
        top: 50%;
        right: -21px;
        margin-top: -14px;
        font-weight: bold
    }

    .NextBox ul lis .VideoNumber {
        right: -25px
    }

    .NextBox ul li .VideoNumber i:before {
        font-size: 9px
    }

.NextBox .ScrollBox {
    max-height: 750px;
    overflow-y: scroll
}

span.MarkerBox {
    background: #135900;
    color: #fff;
    padding: 0 5px;
    margin-right: 8px;
    border-radius: 4px;
    font-size: 12px
}

.OutoPlay .DesVideo .TitelCat {
    min-height: 28px
}

@media(min-width:768px) {
    .OutoPlay .DesVideo .TitelCat {
        min-height: 0
    }
}

.propCheck {
    height: 122px;
    overflow: scroll;
    border-bottom: 1px solid #ef7f3073;
    margin-bottom: 5px
}

.videoIcons .propCheck li .NonIterested {
    top: -24px;
    left: -10px;
    right: auto
}

.PannelUser li {
    padding: 9px 15px
}

.FlexBox.Userpage {
    display: block !important
}

.PannelUser ul {
    right: -116%;
    display: none
}

.M-nav i.flaticon-menu-1:before {
    color: #f98047
}

.M-nav li.dropdown.mt5 .dropdown-menu > .active > a,
.M-nav li.dropdown.mt5 .dropdown-menu > .active > a:focus,
.M-nav li.dropdown.mt5 .dropdown-menu > .active > a:hover {
    background-color: #f98047
}

.PannelUser.sidebar {
    position: fixed;
    height: auto;
    top: 3px;
    z-index: 100;
    background: transparent;
    right: -15px;
    min-width: 185px;
    padding-right: 15px
}

@media(max-width:767px) {
    .PannelUser.sidebar {
        width: auto
    }
}

.PannelUser.sidebar i {
    margin-right: 10px
}

@media(min-width:992px) {
    .PannelUser ul {
        right: 0 !important;
        top: 1em !important;
        display: block !important
    }

    .PannelUser.sidebar {
        position: fixed;
        top: 50px;
        background-color: #fffdfd;
        z-index: 1;
        bottom: 0;
        height: 100%
    }

    .FlexBox.Userpage {
        display: flex !important;
        display: -webkit-flex !important;
        align-items: stretch;
        -webkit-flex-direction: row;
        flex-direction: row;
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap
    }
}

.PannelUser li {
    cursor: auto
}

.PannelUser li.active {
    background: #f98047;
    position: relative
}

.PannelUser li.active a {
    color: #fff
}

.PannelUser li.active:after {
    position: absolute;
    content: '';
    /*border-bottom: 19px solid #f4f4f4;
    border-top: 19px solid #f4f4f4;
    border-left: 7px solid #f4f4f4;
    border-right: 12px solid #13590000;*/
    left: 0;
    top: 0
}

.UserHead {
    height: 250px;
    position: relative;
    margin-bottom: 0;
    padding: 30px 0;
    background: url(../images/comedies.jpg?v=hg9kiS0_Iq8qEYNRU1PHgHMj77s) no-repeat;
    /*background-size: cover;*/
    background-size: 100% 100%;
    background-position: center;
    margin-bottom: 45px;
    background-position: left center;
    background-repeat: no-repeat;
}

@media(min-width:769px) and (max-width:991px) {
    .ContentMaster#UserPannel {
        padding: 10px 0 0 0
    }   
}
.imglblerr{
    display:none;
    color:red;
}
.BtnText {
    position: absolute;
    bottom: 9px;
    left: 15px
}

    .BtnText .follow {
        margin: 0
    }

.UserHead .ViewMore .popover.bottom {
    left: 0;
    width: 250px;
    top: 34px
}

@media(min-width:769px) and (max-width:991px) {
    .UserHead .ViewMore .popover.bottom {
        top: 25px;
    }
}

@media(max-width:768px) {
    .UserHead .ViewMore .popover.bottom {
        left: -5px;
        width: 250px;
        top: 22px;
    }
    .UserHead {
        background-size: cover !important;
    }
}

.UserHead .ViewMore .popover.bottom .arrow {
    right: 80%
}

.UserImge {
    height: 110px;
    width: 110px;
    bottom: 30px;
    right: 30px;
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%
}
@media(max-width:992px) {
    .usernameinpage {
        top: 0px !important;
        font-size:14px !important;
        right: 80px !important;
        font-size: 16px;
    }
}
@media(min-width:992px) {
    /*.UserImge {
        height: 100px;
        width: 100px;
        bottom: 60px;
        right: 10px;
        position: absolute
    }*/
    .BtnText {
        left: 29px
    }

    .UserHead {
        margin-bottom: 0;
        /*padding: 80px 0*/
    }
    .BtnManual {
        margin:0 !important;
    }
}
@media(max-width:815px) {
    .BtnManual {
        margin: 0 !important;
    }
}
/*@media(min-width:1025px) {
    .UserImge {
        height: 110px;
        width: 110px;
        bottom: 30px;
        right: 30px;
        position: absolute;
    }
}*/

.HSec {
    border: 1px solid #e3e3e7;
    padding: 10px;
    border-radius: 4px
}

.CHeader .ViewMore .inline.ml15:hover,
.CHeader .ViewMore .inline.ml15:focus,
.CHeader .ViewMore .inline.ml15:active {
    color: #f98047
}

.HSec .CHeader i {
    float: left
}

.HSec .container-fluid {
    padding-top: 0;
    padding-bottom: 0
}

.CHeader .Title-Section.FlexBox {
    align-items: center;
    display: flex !important;
    display: -webkit-flex !important;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap
}

.CHeader h4 {
    margin-bottom: 0
}

.s-p-video-main .ChanelBox.inline {
    width: 150px;
    margin: 15px;
    position: relative
}

.HSec .CHeader {
    cursor: pointer
}

.Title-Section.mrg1-0 {
    margin: 1em 0 8px 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    height: 35px;
    background: #fbfbfb;
}
@media(max-width:767px) {
    .CHeader h4 {
        font-size: 12px
    }

    .Title-Section .FlexBox i,
    .Title-Section h3 {
        line-height: 35px;
        vertical-align: middle
    }

    .Title-Section.mrg1-0 {
        margin: 1em 0 8px 0;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        height: 35px;
        background: #f3f3f3;
    }
}

@media(min-width:1500px) {
    #userVideo .col-5 {
        width: 18%;
        margin: 8px 20px 15px 8px
    }
}

@media(min-width:1200px) and (max-width:1499px) {
    .container-fluid #userVideo .col-5 {
        width: 23%;
        margin: 8px 8px 15px 8px
    }
}

.MoreOption,
.MoreOption ul li {
    cursor: pointer;
    padding: 5px 0;
    list-style: none
}

    .MoreOption ul {
        padding: 8px;
        min-width: 150px;
        bottom: 100%;
        top: auto
    }

@media(max-width:767px) {
    .MoreOption ul {
        /*bottom: auto;
        top: 28px;*/
        right: -15px
    }
}

.MoreOption .ImgIcon {
    width: 16px
}

.MoreOption ul li p {
    line-height: 20px;
    font-size: 12px;
    display: inline;
    vertical-align: middle
}

.subdropdown-menu {
    display: none
}

.BoxVideo a.BC-green.btns {
    padding: 10px 15px !important;
    font-size: 12px
}

    .BoxVideo a.BC-green.btns:hover,
    .BoxVideo a.BC-green.btns:active,
    .BoxVideo a.BC-green.btns:focus {
        background: #ef7f30;
        color: #fff
    }

#VideoSide.sidebar {
    position: relative
}

@media(min-width:992px) {
    #VideoSide.sidebar {
        position: absolute;
        bottom: 0;
        width: 24%
    }
}

.CommercialBox {
    width: 80%;
    margin: 20px auto
}

.container-fluid {
    position: relative;
    padding: 15px 0
}
/*@media (max-width: 550px) {
    .UserHead {
        background-position: -16px center!important;
    }
    #UserPannel .UserHead {
        padding: 26px 0;
        background-position: -80px center !important;
    }
}*/
@media(max-width:768px) {
    .container-fluid,
    .masterVideo {
        padding: 0
    }

    .UserHead {
        height: 180px !important;
        margin-bottom: 0;
        /*background-position: 33px center;*/
    }
    .UserImge {
        height: 70px !important;
        width: 70px !important;
    }
    /*#UserPannel .UserHead {
        padding: 26px 0;
        background-position: 0px center;
    }*/
    /*.UserPage .UserHead {
        display: block;
        padding: 43px 0
    }*/

    #VideoSide.sidebar {
        top: 0;
    }
    #sideadvBox div:nth-child(2) {
        display:none;
    }
    .xs-center{
        text-align:center !important;
    }
    .multivideotab{
        font-size:12px;
    }
    .multvideosselected{
        font-size:12px;
    }
}

.LogoUp {
    display: none
}

@media(max-width:768px) {
    .Dashboard .ViewMore b {
        font-size: 11px
    }
    .FiltersRow.padd0-15{
        padding:0
    }
    .FiltersRow .Filters {
        margin: 0;
        padding: 15px 0;
    }
    .CommentsFilter .Filters li {
        margin: 10px 0;
    }
}

.FiltersRow .FilterTitle i:before {
    font-size: 40px
}

.FiltersRow .FilterTitle h1 {
    font-size: 18px
}

.FiltersRow .Filters li,
.CommentsList .Filters li {
    position: relative;
    cursor: pointer
}

#CommentLoadBox li.BoxRow h5 {
    overflow-wrap: break-word
}

.FiltersRow .Filters li.active {
    color: #ef7f30;
    transform: scale(1.15)
}
@media(min-width:768px) {
    .FiltersRow .Filters li:after {
        height: 25px;
        background: #fff
    }
    .notif_box {
        width: 360px;
    }
}
@media(max-width:768px) {
    .notif_box {
        width: 90%;
    }
}
.FiltersRow .Filters li:last-child:after {
    display: none
}

.ChartsReport .Title-Section i:before {
    font-size: 24px
}

@media(min-width:768px) {
    .chartS {
        width: 60%
    }
}

.chartS {
    height: 450px;
    width: 100%;
    margin: 0 auto;
    direction: ltr
}

.ChanlistTite h1 {
    font-size: 18px
}

.addNewC {
    text-align: left
}

    .addNewC h2 {
        font-size: 18px
    }

.TblUser-Ch {
    overflow-x: scroll
}

@media(min-width:768px) {
    .TblUser-Ch {
        overflow-x: auto
    }
}

#FollowerChannel {
    position: relative
}

    #FollowerChannel .alert-warning {
        top: 40%
    }

#TrTable {
    background-color: #f0f7ee
}

.TblUser-Che td i,
.TblUser-Ch td.Edit,
.TblUser-Ch td.remove {
    cursor: pointer
}

.TblUser-Ch td i:before {
    font-size: 26px
}

table th {
    line-height: 37px !important;
    vertical-align: middle !important
}

.TblUser-Ch th,
td {
    text-align: center
}

.TblUser-Ch .ImageHolder {
    width: 50px;
    margin: 0 auto
}

.boxVideo .Description a,
.boxVideo .Description p {
    line-height: 26px
}

.Dashboard .boxVideo .imgHolder {
    position: relative;
    background: #f5f5f5
}

    .Dashboard .boxVideo .imgHolder img {
        height: 100%;
        width: auto;
        margin: 0 auto
    }

#UserPannel #FollowerChannel .s-p-video-main .col-5 .NameChanel {
    overflow-wrap: break-word;
    min-height: 52px
}

@media(max-width:991px) and (min-width:769px) {
    #UserPannel #FollowerChannel .s-p-video-main .col-5 .NameChanel {
        min-height: 52px
    }
}

#UserPannel #FollowerChannel .s-p-video-main .col-5 .Description {
    padding: 10px
}

#UserPannel #FollowerChannel .s-p-video-main .col-5 .NameChanel a {
    line-height: 22px
}

#MyVideo .boxVideo .Description .padd0-15 {
    min-height: 160px
}

@media(max-width:1600px) {
    #MyVideo .boxVideo .Description .BtnManual .btn,
    .container-fluid .U-Videos .col-5 .Description .BtnManual .btn {
        padding: 4px;
        font-size: 12px
    }
}

#MyVideo .boxVideo .Description {
    padding: 1px 0
}

#homePage .boxVideo .imgHolder {
    position: relative;
    height: 160px
}

.boxVideo .imgHolder {
    position: relative;
    overflow: hidden
}

@media(min-width:1845px) {
    #ChnlVideobox .boxVideo .imgHolder {
        height: 154px
    }

    #UserPannel #ChnlVideobox .boxVideo .imgHolder {
        height: 150px
    }
}

@media(max-width:1024px) and (min-width:768px) {
    #ChnlVideobox .boxVideo .imgHolder,
    #UserPannel .U-Videos .col-5 .imgHolder {
        height: 121px
    }

    .DashboardPage#UserPannel #playList #EmptyPlListBox .BoxVideo .ImgHolder,
    .UserPage#UserPannel #playList #EmptyPlListBox .col-5 .ImgHolder {
        height: 110px
    }
}

@media(max-width:1024px) {
    #ChnlVideobox .owenrVideo {
        float: none !important
    }

    .BoxRow .DateCreat b {
        margin-top: 0
    }
}

@media(max-width:500px) {
    .container-fluid .container .col-5 .imgHolder {
        height: 130px
    }

    #Category .LastVideos .col-5 .imgHolder {
        height: 104px !important
    }

    .container-fluid .container #ChnlVideobox .col-5 .imgHolder {
        height: 99px
    }

    .container-fluid .container .LastVideos .col-5:nth-child(10),
    .container-fluid .container .LastVideos .col-5:nth-child(11),
    .container-fluid .container .LastVideos .col-5:nth-child(12),
    .container-fluid .container .LastVideos .col-5:nth-child(9) {
        display: none
    }

    .container-fluid #SearchPage .container .LastVideos .col-5 .imgHolder {
        height: 95px;
    }

    .Userpage #userVideo #ChnlVideobox .col-5 .padd5.TinyFont {
        width: 50%;
    }
}

@media(max-width:767px) {
    .boxVideo .imgHolder {
        height: 110px
    }

    #UserPannel .U-Videos .boxVideo .imgHolder {
        height: 120px
    }

    .UserBoxVideo .boxVideo .imgHolder {
        height: 125px
    }

    .ChanelsVideos .BoxVideo .imgHolder,
    .LastVideos .BoxVideo .imgHolder {
        width: 50%;
        float: right;
        height: 98px;
        margin-left:10px !important;
    }

    .boxVideo .imgHolder img {
        margin: 0 auto;
        height: 100%;
        width: 100%
    }

    #homePage .Chanels .ChanelsVideos a {
        display: none
    }

        #homePage .Chanels .ChanelsVideos a:nth-child(1),
        #homePage .Chanels .ChanelsVideos a:nth-child(2),
        #homePage .Chanels .ChanelsVideos a:nth-child(3)
        /*,#homePage .Chanels .ChanelsVideos a:nth-child(4)*/
        {
            display: block
        }
}
@media(max-width:320px) {
    #homePage .Chanels .ChanelsVideos a:nth-child(4) {
        display: none
    }
}
@media(min-width:768px) and (max-width:992px) {
    #homePage .Chanels .ChanelsVideos a:nth-child(1),
    #homePage .Chanels .ChanelsVideos a:nth-child(2),
    #homePage .Chanels .ChanelsVideos a:nth-child(3) {
        display: block
    }
}

.Description .V-name {
    margin: 10px 0 15px 0;
    overflow: hidden;
    min-height: 55px
}

    .Description .V-name p:nth-child(1) {
        min-height: 53px;
        margin-top: 10px;
        font-size: 13px
    }

@media(max-width:500px) {
    .Description .V-name p:nth-child(1) {
        min-height: 35px;
        margin-top: 10px
    }
    .box_alert_not {
        width: 100% !important;
        left: 0px !important;
        margin-left:0px !important;
    }
}

.EventList .ImageHolder,
.CommentsList .ImageHolder {
    width: 90px;
    margin: 15px
}

.EventList ul .FlexBox {
    align-items: center
}

.EventList ul li {
    padding: 15px 0;
    border-top: 1px solid #13590026
}

    .EventList ul li:first-child {
        border-top: none
    }

@media(max-width:500px) {
    .MessageList li .pull-left,
    #CommentLoadBox li .pull-left {
        float: none !important;
        width: 100%
    }
}

.CommentsFilter .Filters li {
    color: #135900
}

    .CommentsFilter .Filters li h1 {
        font-size: 14px
    }

.Dashboard .U-Videos .boxVideo .imgholder img {
    width: auto;
    height: 100%;
    margin: 0 -34px
}

@media(max-width:767px) {
    .CommentsList .DateTime {
        float: right !important;
        font-size: 12px
    }

    .U-Videos .boxVideo .imgholder {
        overflow: hidden;
        text-align: center;
        height: 170px
    }

        .U-Videos .boxVideo .imgholder img {
            width: 100%;
            height: 156px
        }

    .Dashboard .U-Videos .boxVideo .imgholder img {
        width: 100%;
        height: 100%
    }
}

.BoxComment {
    margin-top: 2em;
    margin-bottom: 2em;
    display: none
}

.UserBoxVideo .Description a.V-name.C-green {
    color: #135900 !important;
    min-height: 55px
}

.UserBoxVideo .Description .owenrVideo {
    font-size: 12px
}

@media(max-width:499px) and (min-width:333px) {
    .UserBoxVideo .Description .owenrVideo {
        font-size: 10px;
        margin-top: 12px
    }
}

.UserBoxVideo .Description p {
    line-height: 30px
}

.U-Videos .boxVideo .imgholder {
    overflow: hidden
}

@media(min-width:1600px) {
    .container-fluid #mcontent .U-Videos .col-5, .Userpage #userVideo .col-5 {
        margin: 5px;
        width: 19%
    }

    .container-fluid #mcontent .U-Videos.U-VideosList .col-5 {
        margin: 10px 5px
    }
}

.Userpage #userVideo .col-5 .BoxVideo .DateCreat {
    margin-top: 3px;
}

.Userpage #userVideo .col-5 .BoxVideo .MoreOption {
    padding: 0;
}

@media(max-width:1599px) and (min-width:1200px) {
    .container-fluid #mcontent .U-Videos .col-5 {
        margin: 7px 4px;
        width: 24%
    }

    #UserPannel #playList #EmptyPlListBox .col-5 {
        width: 24%;
        margin: 8px 4px
    }
}

@media(max-width:1199px) and (min-width:1024px) {
    .U-Videos .boxVideo .imgholder {
        height: 150px;
        overflow: hidden;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

        .U-Videos .boxVideo .imgholder img {
            width: auto;
            height: 100%;
            margin: 0 auto
        }

    .container-fluid .U-Videos .col-5 {
        margin: 7px 4px;
        width: 32%
    }
}

.Dashboard .U-Videos .boxVideo .imgholder,
.FolloVideo .BoxVideo .imgHolder {
    height: 150px;
    text-align: center
}

@media(min-width:768px) and (max-width:1024px) {
    .U-Videos .boxVideo .imgholder {
        height: 105px
    }

    .Dashboard .U-Videos .boxVideo .imgholder {
        height: 117px;
        text-align: center
    }

    .U-Videos .col-5 {
        margin: 7px 4px;
        width: 32%
    }
}

@media(min-width:1300px) {
    .DashboardPage#UserPannel #playList #EmptyPlListBox .BoxVideo .ImgHolder,
    .UserPage#UserPannel #playList #EmptyPlListBox .col-5 .ImgHolder {
        height: 140px
    }
}

@media(min-width:1845px) {
    .DashboardPage#UserPannel #playList #EmptyPlListBox .BoxVideo .ImgHolder,
    .UserPage#UserPannel #playList #EmptyPlListBox .col-5 .ImgHolder {
        height: 154px
    }
}

.ChanelBox .ImgHolder {
    position: relative;
    right: -25px;
    top: 5px;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s
}

    .ChanelBox .ImgHolder.ImgHolder fllowing:after {
        content: " ";
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: rgba(0, 0, 0, .22);
        top: 0;
        bottom: 0;
        left: 0
    }

    .ChanelBox .ImgHolder.ImgHolder fllowing:hover:after,
    .ChanelBox .ImgHolder.ImgHolder fllowing:focus:after,
    .ChanelBox .ImgHolder.ImgHolder fllowing:active:after {
        background: rgba(0, 0, 0, 0)
    }

.FavoriteChannels p.btnUnFollow {
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-right: -21px;
    margin-top: -8px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    cursor: pointer
}

p.btnUnFollow i:before {
    font-size: 32px;
    text-shadow: 1px 1px 7px #000
}

.ChanelBox .ImgHolder.Favorites img {
    box-shadow: 0 4px 7px -1px #6b181896
}

.NonIterested {
    position: absolute;
    cursor: pointer;
    z-index: 0;
    top: -12px;
    right: -10px;
    z-index: 1
}

    .NonIterested:before {
        color: #ea0b0b !important;
        font-size: 20px
    }
    @media(max-width:500px){
        .NonIterested:before {
            font-size: 25px
        }
    }
.ChanelBox:hover .NonIterested {
    display: block
}

#AddNewChanel .Label {
    position: relative;
    padding-right: 17px
}

#AddNewChanel .subSpan {
    display: none
}

.Dashboard #AddNewChanel .Label {
    position: relative;
    padding-right: 0
}

.Upload #AddNewChanel .EditTags .Label {
    position: relative;
    padding-right: 0
}

.EditTags .input-group-addon {
    color: #fff;
    cursor: pointer
}

#AddNewChanel .Label:before {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 3px;
    background: #ef7f30;
    top: 7px;
    right: -4px
}

.Dashboard #AddNewChanel .Label:before {
    display: none
}

.Upload #AddNewChanel .EditTags .Label:before {
    display: none
}

.InBoxHS input.TextIn {
    display: none
}

.InBoxHS {
    height: 20px
}

.btnManual {
    margin-top: 15px
}

.btnSetMore i.ArrowIcon {
    margin-right: 0
}

    .btnSetMore i.ArrowIcon:before {
        font-size: 11px
    }

.SetMore i.SettinfIcon:before {
    font-size: 26px
}

.SetMore {
    cursor: pointer
}

.SubtitleBox {
    margin-top: 20px;
    display: none
}

.moreSetting {
    display: inline-block
}

.Filters {
    position: relative;
    background: #fffdfd;
    margin: 16px;
    padding: 13px
}

.imgholder {
    position: relative
}

@media(max-width:359px) {
    .Dashboard .U-Videos .boxVideo .imgholder {
        height: 134px
    }
}

.duration {
    position: absolute;
    bottom: 5px;
    color: #fff;
    right: 5px;
    background: #00000087;
    border-radius: 3px;
    padding:0 2px;
}
.usernameinpage {
    position: absolute;
    font-size:22px;
    right: 280px;
}
.duration i{
    display:none;
}

.Description {
    /*background-color: #fffdfd;*/
    padding: 1px 12px;
    display: block;
    margin-bottom: 0
}

    .Description p {
        margin-bottom: 0
    }

@media(max-width:767px) {
    /*.Description {
        background-color: #fff
    }*/

    /*#MyVideo .U-Videos .Description,
    .s-p-video-main .U-Videos .Description {
        background-color: #f5f5f5
    }*/

    .s-p-video-main .U-Videos .Description {
        padding: 15px 15px 0
    }

    #MyVideo .boxVideo .Description .padd0-15 {
        min-height: 90px
    }

    .Description .V-name {
        margin: 0;
        overflow: hidden;
        min-height: 0
    }

    .boxVideo .Description a,
    .boxVideo .Description p {
        line-height: 16px;
        font-size: 12px
    }
}

.Description a {
    color: #000;
    line-height: 24px
}

    .Description a:hover,
    .Description a:active,
    .Description a:focus {
        color: #135900
    }

.UserInfo p {
    line-height: 35px
}

@media(max-width:1024px) and (min-width:992px) {
    .UserInfo p {
        font-size: 12px
    }
}

.BtnManual {
    margin: 10px
}

    .BtnManual a {
        color: #fff
    }

.ChanlistTite h1 {
    font-size: 18px
}

.addNewC {
    text-align: left
}

    .addNewC h2 {
        font-size: 18px
    }

.TblUser-Ch {
    overflow-x: scroll
}

@media(min-width:768px) {
    .TblUser-Ch {
        overflow-x: auto
    }
}

#TrTable {
    background-color: #f0f7ee
}

.TblUser-Ch th,
td {
    text-align: center
}

.ManNav {
    margin-bottom: 21px
}

@media(max-width:767px) {
    .MenuMobile .navbar-nav {
        margin: 3px 0 0 0
    }

    .MenuMobile .nav > li > a {
        padding: 5px
    }
}
/*@media(max-width:1750px) {
    .sidebar li{
        padding:0;
    }
}*/
.PannelUser {
    overflow-y: auto;
}
@media(max-width:1540px) {
    .sidedeskout i:before {
        display:none;
    }
}
@media(min-width:767px) {
    .MenuMobile a.navbar-brand,
    .MenuMobile .nav > li > a {
        margin-top: 4px
    }
}

.MenuMobile .navbar-brand {
    width: 80px;
    height: auto;
    padding: 0 !important;
    vertical-align: baseline;
    margin-top: 3px
}

    .MenuMobile .navbar-brand img {
        width: 100%;
        height: auto
    }

.MenuMobile .nav > li {
    position: inherit
}

.MenuMobile .navbar-nav .open .dropdown-menu {
    width: 100%;
    min-width: inherit;
    background: #f8f8f8;
    position: absolute
}

.MenuMobile .navbar-nav .open form {
    padding: 15px
}

.MenuMobile .SearchBox input {
    width: calc(100% - 69px);
    float: right
}

@media(max-width:350px) {
    .MenuMobile .SearchBox input {
        font-size: 11px
    }
}

.MenuMobile .btn-search span {
    padding: 1px 20px
}

.MenuMobile .navbar-fixed-bottom .dropdown .dropdown-menu {
    background: #fff;
    background: #fff;
    position: absolute;
    right: 0;
    left: 0;
    padding: 15px;
    box-shadow: 0 0 6px #000
}

    @media(max-width:992px) and (min-width:499px) {
        .MenuMobile .dropdown-menu.category {
            column-count: 4!important
        }
    }

.MenuMobile .nav > li,
.MenuMobile .nav > li > a {
    padding: 3px 15px
}
@media(max-height:479px) {
    .MenuMobile .dropdown-menu.category {
        column-count: 4 !important
    }
}

@media(max-width:500px) {
    .MenuMobile .dropdown-menu.category {
        column-count: 3
    }

    .MenuMobile .nav > li {
        padding: 3px 0
    }

        [class^="flaticon-"]:before {
            font-size: 20px;
        }

        .category li h5 {
            font-size: 12px
        }

    .MenuMobile .navbar-nav .open .dropdown-menu > li > a {
        padding: 0 8px !important
    }
    .MenuMobile .navbar-nav .open .dropdown-menu > li > a:nth-child(1) {
        padding: 0!important
    }
    .MenuMobile .btn-search span {
        padding: 1px 20px
    }
}

.M-nav,
.MenuMobile .nav,
.MenuMobile .nav > li {
    position: static;
    display: inline-block;
    vertical-align: middle;
}
.bottommenunav h6 {
    line-height: 0px;
    margin-bottom: 5px;
}
.bottommenunav, .bottommenunav li {
    position: static !important;
    display: flex !important;
    vertical-align: middle !important;
    width: 100% !important;
    justify-content: space-evenly !important;
}
    .M-nav p,
    UserName {
        font-weight: bold;
        margin-right: 20px
    }

.MenuMobile .navbar-default .navbar-nav > .active > a,
.MenuMobile .navbar-default .navbar-nav > .active > a:focus,
.MenuMobile .navbar-default .navbar-nav > .active > a:hover,
.MenuMobile .navbar-default .navbar-nav > li > a:focus,
.MenuMobile .navbar-default .navbar-nav > li > a:hover {
    color: #f98047;
    background-color: transparent
}

.MenuMobile .navbar {
    min-height: inherit;
    z-index: 10000
}

nav.navbar.navbar-default.navbar-fixed-bottom.text-center {
    bottom: 0;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s
}

.MenuMobile .navbar-fixed-top .M-nav,
.MenuMobile .navbar-fixed-top .M-nav > ul {
    width: 100%;
    margin: 0;
    position: relative
}

.MenuMobile .navbar-fixed-top .M-nav {
    padding: 3px 0
}

    .MenuMobile .navbar-fixed-top .M-nav .UserNav ul {
        display: block;
        right: -60%;
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        top: 37px
    }

.openUsernav {
    right: -1px !important
}

.SearchTop .dropdown-backdrop {
    display: none;
    visibility: hidden
}

.navbar-fixed-top .M-nav > ul > li {
    display: inline-block;
    vertical-align: middle;
    position: static
}

    .navbar-fixed-top .M-nav > ul > li.UserMenu {
        padding-right: 8px
    }

.MenuMobile .navbar .container-fluid {
    padding: 0
}

li.dropdown.pull-left.SearchTop {
    margin-top: 5px;
    padding-left: 8px
}

    li.dropdown.pull-left.SearchTop.open .dropdown-menu {
        padding: 0;
        top: -3px;
        margin-top: 0;
        left: 0
    }

        li.dropdown.pull-left.SearchTop.open .dropdown-menu form {
            padding: 0 15px;
            margin: 0
        }

            li.dropdown.pull-left.SearchTop.open .dropdown-menu form .mrg0-a {
                padding: 3px 50px 3px 15px
            }

            li.dropdown.pull-left.SearchTop.open .dropdown-menu form .C-red {
                top: 7px;
                position: absolute
            }

.MenuMobile .navbar-nav .open .dropdown-menu > li > a,
.MenuMobile .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 0 15px
}

.searchresult {
    position: absolute;
    top: 35px;
    width: 75%;
    right: 50%;
    margin-right: -40%;
    min-height: 50px;
    background: #fff;
    border-radius: 7px;
    border: 1px solid #f4f4f4;
    z-index: 20000;
    display: none;
    max-height: 450px;
    overflow-x: auto;
    direction: rtl;
    left: 0;
    box-shadow: #fba67f87 0 0 6px
}

@media(min-width:992px) {
    .searchresult {
        width: 100%;
        margin-right: -44%
    }
}

@media(max-width:990px) and (min-width:550px) {
    .searchresult {
        width: 53%;
        font-size: 12px
    }

    .M-nav p {
        margin-right: 0
    }

    .M-nav .UserName {
        padding: 0 15px
    }
}

.searchRow:hover {
    background: #f5f5f5
}

.searchRow {
    overflow: hidden;
    line-height: 20px;
    padding: 8px;
    height: 80px;
    border-bottom: 1px solid #f1f1f1
}
.dashvideotitle {
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 35px;
}
@media(min-width:1200px) {
    .searchRow {
        height: 80px
    }
}
@media(max-width:1000px) {
    .clamp {
        word-break: initial !important;
        white-space: initial !important;
    }
}
@media(max-width:991px) and (min-width:768px) {
    .searchRow {
        height: 120px
    }

    #Category .container-fluid .LastVideos .col-5.BoxVideo .BoxImg .imgHolder {
        height: 140px
    }
}

.searchimgbox {
    float: right;
    margin-left: 5px;
    width: 35%
}

.searchimg {
    height: auto;
    width: 100%
}

.searchtitle {
    float: left;
    width: 61%
}

.searchtitle p {
    line-height: 25px;
    text-overflow: ellipsis;
    word-break: break-word;
    overflow: hidden;
}

.txtlimitsingleline {
    text-overflow: ellipsis;
    word-break: break-word;
    overflow: hidden;
    white-space: nowrap;
}
.searchchannelname {
    color: #ef7f30;
    font-size: 9px;
    font-weight: 600
}

.searchNothing {
    line-height: 45px
}

@media(max-width:1300px) and (min-width:992px) {
    .searchtitle p {
        font-size: 12px;
        line-height: 17px;
        font-weight: 600
    }

        .searchtitle p.searchchannelname {
            font-size: 9px
        }
}

@media(max-width:500px) {
    .searchresult {
        right: 56%
    }

    .searchimgbox {
        margin-left: 5px;
        width: 48%
    }

    .searchimg {
        height: auto;
        width: 100%
    }

    .searchtitle {
        width: 49%
    }

    .M-nav p {
        font-weight: bold;
        margin-right: 0;
        line-height: 20px;
        padding: 3px 0;
        font-size: 9px
    }

        .M-nav p.UserName {
            font-weight: bold;
            margin-right: 22px;
            font-size: inherit
        }
}

@media(max-width:414px) {
    .searchRow {
        height: 83px
    }
}

@media(min-width:1650px) {
    .searchresult {
        margin-right: -47%
    }

    .nicescroll-rails .nicescroll-rails-vr {
        left: 1233.75px !important
    }

    .searchimgbox {
        width: 25%
    }

    .searchtitle {
        width: 72%
    }
    .searchtitle p{
        white-space:nowrap;
    }
}

.SearchNav.nav-tabs.nav-justified > .active > a,
.SearchNav.nav-tabs.nav-justified > .active > a:focus,
.SearchNav.nav-tabs.nav-justified > .active > a:hover,
.SearchNav.nav-tabs.nav-justified > li > a:active,
.SearchNav.nav-tabs.nav-justified > li > a:hover,
.SearchNav.nav-tabs.nav-justified > li > a:focus {
    border: none;
    border-bottom-color: transparent;
    background: #f98047;
    color: #fff;
    box-shadow: 0 0 5px #99918e
}

.SearchNav.nav-tabs.nav-justified > li {
    border-left: 11px solid #fff
}

    .SearchNav.nav-tabs.nav-justified > li:first-child {
        border-right: 11px solid #fff
    }

    .SearchNav.nav-tabs.nav-justified > li > a {
        border: none;
        border-radius: 0;
        background: #f4f4f4;
        border-right: 1px solid #e9e9e9
    }

@media(max-width:767px) {
    .SearchNav.nav-tabs.nav-justified {
        display: table
    }

        .SearchNav.nav-tabs.nav-justified > li {
            display: table-cell
        }

            .SearchNav.nav-tabs.nav-justified > li i:before {
                font-size: 13px
            }
}

.swiper-scrollbar-drag {
    background: rgba(240, 110, 22, .47)
}

.swiper-scrollbar {
    background: rgba(19, 89, 0, .27);
    height: 1px;
    opacity: 1 !important;
    margin-bottom: 3px
}

#OfferCat .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 200px;
    height: 200px
}

#OfferCat .DesVideo {
    background: transparent;
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 12px;
    color: #fff
}

    #OfferCat .DesVideo .videoName {
        min-height: inherit
    }

        #OfferCat .DesVideo .videoName p {
            text-align: right
        }

#OfferCat .duration {
    left: 14px;
    font-size: 12px;
    right: auto;
    left: 14px
}

    #OfferCat .duration i:before {
        font-size: 11px
    }

@media(min-width:769px) {
    #OfferCat {
        height: 330px
    }

        #OfferCat .swiper-container {
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px
        }

        #OfferCat .swiper-slide {
            background-position: center;
            background-size: cover;
            width: 300px;
            height: 300px
        }

        #OfferCat .DesVideo {
            bottom: 12px
        }

            #OfferCat .DesVideo p {
                font-size: 13px;
                padding: 5px
            }
}

#OfferCat .DesVideo p {
    padding: 5px
}

.LimitBox {
    background: #000;
    color: #fff;
    margin-top: 30px;
    text-align: center;
    font-size: 20px;
    direction: rtl;
    padding: 0 2em 5em 2em
}

    .LimitBox .ImagHolder img {
        margin: 0 auto
    }

    .LimitBox p {
        margin: 20px 0
    }

.PlayAfter_ManualLink {
    color: #fff;
    font-family: "iransans-medium";
    margin-bottom: 15px;
}
.playAfter_channelname {
    margin: -3rem;
}

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.dropzone,
.dropzone * {
    box-sizing: border-box
}

    .dropzone.dz-clickable {
        cursor: pointer
    }

        .dropzone.dz-clickable * {
            cursor: default
        }

        .dropzone.dz-clickable .dz-message,
        .dropzone.dz-clickable .dz-message * {
            cursor: pointer
        }

    .dropzone.dz-started .dz-message {
        display: none
    }

    .dropzone.dz-drag-hover {
        border-style: solid
    }

        .dropzone.dz-drag-hover .dz-message {
            opacity: .5
        }

    .dropzone .dz-message {
        text-align: center;
        margin: 2em 0
    }

    .dropzone .dz-preview {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 16px;
        min-height: 100px
    }

        .dropzone .dz-preview:hover {
            z-index: 1000
        }

            .dropzone .dz-preview:hover .dz-details {
                opacity: 1
            }

        .dropzone .dz-preview.dz-file-preview .dz-image {
            border-radius: 20px;
            background: #999;
            background: linear-gradient(to bottom, #eee, #ddd)
        }

        .dropzone .dz-preview.dz-file-preview .dz-details {
            opacity: 1
        }

        .dropzone .dz-preview.dz-image-preview {
            background: #fff
        }

            .dropzone .dz-preview.dz-image-preview .dz-details {
                -webkit-transition: opacity .2s linear;
                -moz-transition: opacity .2s linear;
                -ms-transition: opacity .2s linear;
                -o-transition: opacity .2s linear;
                transition: opacity .2s linear
            }

        .dropzone .dz-preview .dz-remove {
            font-size: 14px;
            text-align: center;
            display: block;
            cursor: pointer;
            border: none
        }

            .dropzone .dz-preview .dz-remove:hover {
                text-decoration: underline
            }

        .dropzone .dz-preview:hover .dz-details {
            opacity: 1
        }

        .dropzone .dz-preview .dz-details {
            z-index: 20;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            font-size: 13px;
            min-width: 100%;
            max-width: 100%;
            padding: 2em 1em;
            text-align: center;
            color: rgba(0, 0, 0, .9);
            line-height: 150%
        }

            .dropzone .dz-preview .dz-details .dz-size {
                margin-bottom: 1em;
                font-size: 16px
            }

            .dropzone .dz-preview .dz-details .dz-filename {
                white-space: nowrap
            }

                .dropzone .dz-preview .dz-details .dz-filename:hover span {
                    border: 1px solid rgba(200, 200, 200, .8);
                    background-color: rgba(255, 255, 255, .8)
                }

                .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
                    overflow: hidden;
                    text-overflow: ellipsis
                }

                    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
                        border: 1px solid transparent
                    }

                .dropzone .dz-preview .dz-details .dz-filename span,
                .dropzone .dz-preview .dz-details .dz-size span {
                    background-color: rgba(255, 255, 255, .4);
                    padding: 0 .4em;
                    border-radius: 3px
                }

        .dropzone .dz-preview:hover .dz-image img {
            -webkit-transform: scale(1.05, 1.05);
            -moz-transform: scale(1.05, 1.05);
            -ms-transform: scale(1.05, 1.05);
            -o-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
            -webkit-filter: blur(8px);
            filter: blur(8px)
        }

        .dropzone .dz-preview .dz-image {
            border-radius: 20px;
            overflow: hidden;
            width: 120px;
            height: 120px;
            position: relative;
            display: block;
            z-index: 10
        }

            .dropzone .dz-preview .dz-image img {
                display: block
            }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            -webkit-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
            -moz-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
            -ms-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
            -o-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
            animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)
        }

        .dropzone .dz-preview.dz-error .dz-error-mark {
            opacity: 1;
            -webkit-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
            -moz-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
            -ms-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
            -o-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
            animation: slide-in 3s cubic-bezier(.77, 0, .175, 1)
        }

        .dropzone .dz-preview .dz-success-mark,
        .dropzone .dz-preview .dz-error-mark {
            pointer-events: none;
            opacity: 0;
            z-index: 500;
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            margin-left: -27px;
            margin-top: -27px
        }

            .dropzone .dz-preview .dz-success-mark svg,
            .dropzone .dz-preview .dz-error-mark svg {
                display: block;
                width: 54px;
                height: 54px
            }

        .dropzone .dz-preview.dz-processing .dz-progress {
            opacity: 1;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -ms-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear
        }

        .dropzone .dz-preview.dz-complete .dz-progress {
            opacity: 0;
            -webkit-transition: opacity .4s ease-in;
            -moz-transition: opacity .4s ease-in;
            -ms-transition: opacity .4s ease-in;
            -o-transition: opacity .4s ease-in;
            transition: opacity .4s ease-in
        }

        .dropzone .dz-preview:not(.dz-processing) .dz-progress {
            -webkit-animation: pulse 6s ease infinite;
            -moz-animation: pulse 6s ease infinite;
            -ms-animation: pulse 6s ease infinite;
            -o-animation: pulse 6s ease infinite;
            animation: pulse 6s ease infinite
        }

        .dropzone .dz-preview .dz-progress {
            opacity: 1;
            z-index: 1000;
            pointer-events: none;
            position: absolute;
            height: 16px;
            left: 50%;
            top: 50%;
            margin-top: -8px;
            width: 80px;
            margin-left: -40px;
            background: rgba(255, 255, 255, .9);
            -webkit-transform: scale(1);
            border-radius: 8px;
            overflow: hidden
        }

            .dropzone .dz-preview .dz-progress .dz-upload {
                background: #333;
                background: linear-gradient(to bottom, #666, #444);
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 0;
                -webkit-transition: width 300ms ease-in-out;
                -moz-transition: width 300ms ease-in-out;
                -ms-transition: width 300ms ease-in-out;
                -o-transition: width 300ms ease-in-out;
                transition: width 300ms ease-in-out
            }

        .dropzone .dz-preview.dz-error .dz-error-message {
            display: block
        }

        .dropzone .dz-preview.dz-error:hover .dz-error-message {
            opacity: 1;
            pointer-events: auto
        }

        .dropzone .dz-preview .dz-error-message {
            pointer-events: none;
            z-index: 1000;
            position: absolute;
            display: block;
            display: none;
            opacity: 0;
            -webkit-transition: opacity .3s ease;
            -moz-transition: opacity .3s ease;
            -ms-transition: opacity .3s ease;
            -o-transition: opacity .3s ease;
            transition: opacity .3s ease;
            border-radius: 8px;
            font-size: 13px;
            top: 130px;
            left: -10px;
            width: 140px;
            background: #be2626;
            background: linear-gradient(to bottom, #be2626, #a92222);
            padding: .5em 1.2em;
            color: #fff
        }

            .dropzone .dz-preview .dz-error-message:after {
                content: '';
                position: absolute;
                top: -6px;
                left: 64px;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #be2626
            }

.alarm_Box_Master {
    direction: rtl;
    display: none;
    position: fixed;
    bottom: 10px;
    background: #008000;
    color: #fff;
    padding: 5px 25px;
    border-radius: 4px;
    z-index: 30000
}

.disablebox {
    display: none;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2000;
}

.LDateHead {
    padding-left: 40px
}

.DateHead .LF {
    left: 30px
}

.DateHead .widAuto {
    width: auto;
    margin: 0 auto
}

@media(max-width:768px) {
    .DateHead .LF {
        left: 0;
        float: left
    }
}

.ManSave {
    float: left
}

#sideadvBox {
    text-align: center
}

#AdvContent1 {
    text-align: center
}

.modal {
    position: fixed;
    top: 8%;
    overflow: scroll
}

.addChannel {
    float: left
}

@media(max-width:768px) {
    /*.addChannel {
        margin-top: 30px
    }*/
    .dash_Top_menu_ul {
        margin-top: 10px;
    }
}

#playList .ImgHolder img {
    width: 100%
}
@media(max-width:640px) and (min-height:380px) {
    #SuggestVideos .videoName {
        min-height: 55px;
    }
}
@media(max-width:320px) {
    #SuggestVideos .videoName {
        min-height: 70px;
    }
}
@media(max-width:991px) and (max-height:500px) {
    .playAfter_title_channel {
        position: absolute;
        top: 10%;
        width: 80%;
        right: 50%;
        margin-right: -40%;
        text-align: center;
        z-index: 10001;
    }

        .playAfter_title_channel h2 {
            font-size: 18px;
        }

    .PlayAfter_ManualLink {
        margin-top: 0;
    }

    #VideoPlayPage .VideoInfo .infoCount {
        display: none
    }

    #VideoPlayPage .videoDetails .infoCountTop {
        display: block !important
    }

    .col-5 {
        width: 31%;
        margin: 6px;
        transition: all .2s;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        border: 1px solid #f7f7f7;
        border-radius: 4px;
        padding: 10px;
        background: #fff;
        box-shadow: 0 0 8px rgba(0, 0, 0, .2)
    }

    .OutoPlay .VideoList li {
        margin: 7px;
        width: 47%;
        float: right
    }

    .NextBox li {
        width: 45%;
        float: right
    }

    .OutoPlay .VideoList li .DesVideo {
        height: 68px
    }

    .OutoPlay .DesVideo .clearfix.rightBx {
        margin-top: 37px
    }

    .OutoPlay .VideoList li .TinyFont.hidden-lg.hidden-md {
        padding: 4px 0 0 0
    }

    #sideadvBox {
        display: flex;
        align-items: center
    }

    .UserHead {
        padding: 32px 0;
        margin-bottom: 0
    }

    #VideoPlayPage .BoxPlayer .video-js.vjs-fluid,
    .video-js.vjs-16-9,
    .video-js.vjs-4-3 {
        height: 275px !important
    }

    .playAfter_title_channel {
        top: 6%;
    }

    .playAfter_btn_container {
        top: 20%;
    }

    .loader {
        margin: 30px auto 0 auto;
    }

        .loader i:before {
            font-size: 16px;
        }

    .vd-dimensions {
        width: 100%;
        height: 275px !important
    }

    .container-fluid .container .LastVideos .col-5:nth-child(12) {
        display: block
    }
}

@media(max-width:500px) and (min-width:391px) and (max-height:500px) {
    #oflistBox li .imgHolder {
        height: 110px !important;
        overflow: hidden;
    }
    #oflistBoxchannel li .imgHolder {
        height: 110px !important;
        overflow: hidden;
    }

    .OutoPlay .VideoList li, .NextBox li {
        margin: 6px;
        width: 100%;
    }
}

@media(max-width:390px) and (max-height:500px) {
    .col-5 {
        width: 95%
    }

    .OutoPlay .VideoList li {
        width: 95%
    }
}

@media(max-width:991px) and (min-width:885px) {
    .OutoPlay .VideoList li .imgHolder {
        height: 115px
    }
}

@media(max-width:835px) and (min-width:732px) and (max-height:500px) {
    .container-fluid .container .col-5 .imgHolder {
        height: 120px
    }
}

@media(max-width:729px) and (min-width:640px) and (max-height:500px) {
    .container-fluid .container .col-5 .imgHolder {
        height: 100px
    }

    .masterVideo {
        width: 73%
    }

    .col-5 {
        width: 31%;
        margin: 7px
    }

    .OutoPlay .VideoList li .imgHolder {
        height: 94px
    }

    .container-fluid .container .LastVideos .col-5 {
        transition: all .2s;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        border: 1px solid #f7f7f7;
        border-radius: 4px;
        padding: 10px;
        background: #fff;
        box-shadow: 0 0 8px rgba(0, 0, 0, .2);
        margin: 6px
    }

        .container-fluid .container .LastVideos .col-5 .OwnerBox {
            width: 100%;
            float: none
        }

    .col-5 .DesVideo {
        width: 100%;
        float: none;
        margin-top: 0 !important;
        padding: 0
    }

    .ChanelsVideos a .BoxVideo {
        margin: 6px;
        padding-bottom: 10px
    }

    .container-fluid .container .LastVideos .col-5 .OwnerBox,
    .ChanelsVideos .BoxVideo .imgHolder,
    .LastVideos .BoxVideo .imgHolder {
        width: 100%;
        float: none
    }

    .container-fluid #homePage .container .LastVideos .col-5:nth-child(10) {
        display: none
    }

    #homePage .LastVideos .TinyFont .DateCreat {
        float: none;
        margin-top: 7px
    }

    .ImgOwner {
        position: relative;
        left: 0;
        bottom: auto
    }

    .videoName p {
        line-height: 18px;
        min-height: 40px
    }

    .videoName .TitelCat.TinyFont {
        position: relative;
        bottom: auto;
        left: auto;
        text-align: right;
        padding-right: 0
    }

    .ImgOwner span {
        font-size: 10px
    }

    .container-fluid .container .LastVideos .col-5 .imgHolder,
    .container-fluid .container .col-5 .imgHolder {
        height: 94px;
        margin-top: 0
    }

    .container-fluid .container .ChanelsVideos .col-5 .imgHolder {
        height: 106px
    }

    .container-fluid .container .col-5 .imgHolder {
        width: auto;
        height: 100%
    }

    .container-fluid .container .LastVideos .col-5 .imgHolder {
        width: 100%
    }

    .col-5.BoxVideo .BoxImg {
        display: inline-block;
        width: 100%;
        height: 100%
    }

    .col-5 .DesVideo .TinyFont {
        position: relative;
        bottom: auto;
        left: auto
    }

    .OccasionsBanner .BoxVideo .imgHolder img {
        height: 110px
    }

    .CardBox li {
        width: 23.7%
    }

    .Card .DesVideo h5 {
        font-size: 12px;
        margin-bottom: 15px
    }

    .OutoPlay .VideoList li {
        margin: 6px;
        width: 47%;
        float: right
    }

        .OutoPlay .VideoList li .col-lg-6 {
            width: 100%
        }
        .OutoPlay .VideoList li .DesVideo {
            height: 36px;
        }
        .OutoPlay .VideoList li .imgHolder {
            height: 164px
        }

    .OutoPlay .DesVideo .clearfix.rightBx {
        margin-top: 0
    }

    .OutoPlay .VideoList li .TinyFont.hidden-lg.hidden-md {
        padding: 4px 0 0 0
    }

    .Userpage #userVideo .col-5 {
        width: 48%;
    }

    .Userpage #userVideo .videoName {
        min-height: 60px;
    }
}

@media(max-width:639px) and (max-height:500px) {
    .container-fluid #SearchPage .container .LastVideos .col-5 {
        margin: 5px 10px !important;
    }

    .container-fluid .container .LastVideos .col-5,
    .ChanelsVideos a .BoxVideo {
        margin: 8px;
        width: 45%
    }

    .imgBx {
        width: 70px;
        height: 70px
    }

    #ChnlVideobox .col-5 .DesVideo {
        max-height: 75px;
    }

    .container-fluid .container .LastVideos .col-5 .OwnerBox,
    .col-5 .DesVideo,
    .ChanelsVideos .BoxVideo .imgHolder,
    .LastVideos .BoxVideo .imgHolder {
        width: 100%
    }

    .container-fluid .container .LastVideos .col-5 .imgHolder,
    .ChanelsVideos .BoxVideo .imgHolder,
    #homePage .col-5 .DesVideo,
    #Category .col-5 .DesVideo {
        margin-top: 0
    }

    .container-fluid .container .LastVideos .col-5 .imgHolder {
        height: 128px
    }

    .ImgOwner,
    .col-5 .DesVideo .TinyFont {
        position: relative;
        left: auto;
        bottom: 4px
    }

    .searchPage .col-5 .DesVideo .TinyFont {
        bottom: -2px;
        font-size: 8px
    }

    .ChanelInfo .FlexBox.Img-Name .ChName h4 {
        font-size: 14px
    }

    .videoName p {
        font-size: 12px;
        min-height: 45px;
    }

    .container-fluid .container .ChanelsVideos .BoxVideo .imgHolder {
        height: 135px
    }

    .container-fluid .container .ChanelsVideos .col-5.BoxVideo,
    .swiper-slide,
    .col-5 {
        padding: 5px
    }

    #homePage .Chanels .ChanelsVideos a:nth-child(4) {
        display: block
    }
}

@media(max-width:350px) and (max-height:500px) {
    .container-fluid .container .LastVideos .col-5,
    .ChanelsVideos a .BoxVideo {
        margin: 10px;
        width: 90%
    }
}

@media(max-width:991px) and (min-width:601px) and (max-height:500px) {
    .MenuMobile .navbar-fixed-bottom .dropdown .dropdown-menu {
        column-count: 4
    }

    .LastVideos .col-5 .OwnerBox .imgHolder {
        height: 150px
    }

    .container-fluid .container .LastVideos .col-5,
    .ChanelsVideos a .BoxVideo {
        margin:6px 0 !important
    }

    .container-fluid #SearchPage .container .LastVideos .col-5 {
        margin: 5px 7px !important;
    }

        .container-fluid #SearchPage .container .LastVideos .col-5 .imgHolder {
            height: 135px;
        }

    .container-fluid .container .LastVideos .col-5:nth-child(2n+1) {
        /*display: none*/
    }

    #SearchPage .container-fluid .container .LastVideos .col-5,
    .container-fluid #SearchPage .container .LastVideos .col-5:nth-child(2n+1) {
        display: block !important
    }

    .container-fluid .container .searchPage .LastVideos .col-5 .DesVideo {
        display: inline-block
    }

    .container-fluid .container .LastVideos .col-5 .OwnerBox,
    .ChanelsVideos .BoxVideo .imgHolder,
    .LastVideos .BoxVideo .imgHolder {
        width: 100%;
        float: none
    }

    #homePage .col-5 .DesVideo,
    #Category .col-5 .DesVideo {
        margin-top: 0
    }
    #homePage .col-5 .DesVideo {
        margin-bottom: 0;
    }
    #homePage .ChanelInfo p.follow {
        line-height: 22px
    }

    .col-5 .DesVideo {
        width: 100%;
        float: none;
        text-align: right;
        margin-top: 3px
    }

    #ChnlVideobox .col-5 .DesVideo {
        display: inline-block
    }

    .ImgOwner,
    .col-5 .DesVideo .TinyFont {
        position: relative;
        left: auto;
        bottom: 4px
    }

    .container-fluid .container .LastVideos .col-5 .imgHolder,
    .ChanelsVideos .BoxVideo .imgHolder {
        height: 110px;
        margin-top: 0
    }

    #SuggestVideos .imgHolder {
        height: 120px;
        width: 100%
    }

    .OccasionsBanner {
        padding: 1em 0
    }

        /*.OccasionsBanner .BoxVideo .imgHolder img {
            height: 140px
        }*/

    #homePage .LastVideos .TinyFont .DateCreat {
        float: none;
        margin-top: 4px;
        padding-right: 11px;
        position: relative;
        bottom: auto
    }

    .CardBox li {
        width: 22%;
        margin: 3px 8px;
    }

    .videoName p {
        min-height: 38px;
        font-size: 12px;
        text-align: right
    }
    .OccasionsBanner .videoName {
        min-height: auto;
        overflow-wrap: break-word;
        padding-right: 0;
    }
    .Occasions .DesVideo {
        padding: 0;
    }

    #EmptyPlListBox .videoName p {
        min-height: 36px;
        text-align: right;
        font-size: 12px;
    }

    #EmptyPlListBox .videoName {
        margin-top: 10px
    }

    .masterVideo,
    .BoxPlayer {
        width: 100% ;
        padding-top: 0;
        margin: 0 auto
    }
    .BoxPlayer {
        width: 100%!important;
    }
        .masterVideo .IconVIdeo {
            width: 80px;
            margin-right: -40px
        }

    .ContentMaster {
        padding: 30px 0 45px 0
    }

    #homePage.ContentMaster {
        padding: 50px 0 0 0
    }

    #VideoPlayPage .UserAcc > li {
        margin-right: 3px
    }

    .ChanelInfo .FlexBox.Img-Name .ChName h4 {
        font-size: 14px
    }
}

@media(max-width:767px) and (max-height:500px) {
    #homePage .Chanels .ChanelsVideos a:nth-child(4) {
        display: none
    }

    .container-fluid .container .LastVideos .col-5:nth-child(11) {
        display: block
    }

    #VideoPlayPage .BoxPlayer .video-js.vjs-fluid,
    .video-js.vjs-16-9,
    .video-js.vjs-4-3 {
        height: 230px !important
    }

    .vd-dimensions {
        width: 100%;
        height: 275px !important
    }

    .U-Videos .col-5 {
        margin: 7px 4px;
        width: 48%
    }

    .col-5 {
        transition: all .2s;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        border: 1px solid #f7f7f7;
        border-radius: 4px;
        padding: 10px !important;
        background: #fff;
        box-shadow: 0 0 8px rgba(0, 0, 0, .2)
    }

    .UserBoxVideo .boxVideo .imgHolder {
        height: 121px
    }

    #UserPannel .UserBoxVideo .boxVideo .imgHolder {
        height: 145px
    }

    #ChnlVideobox .col-5 .Description {
        padding-left: unset
    }

    .Description {
        margin-top: -5px;
        background-color: #f5f5f5;
        padding: 1px 15px;
        display: block;
        margin-bottom: 0
    }

    .container-fluid .U-Videos .col-5 .Description {
        padding: 15px 6px 0 5px;
        margin-top: 0
    }

    #UserPannel .U-Videos .col-5 .Description {
        padding: 0 6px 8px 5px
    }

    #ChnlVideobox .Description .V-name,
    .History .Description .V-name {
        margin: 10px 0 3px 0;
        display: block;
        font-size: 13px;
        line-height: 20px;
        min-height: 58px
    }

    #ChnlVideobox .col-5 .imgHolder,
    #ChnlVideobox .col-5 .Description {
        width: 100%;
        float: right
    }
        #ChnlVideobox .col-5 .imgHolder{
            height:99px
        }
        #UserPannel #ChnlVideobox .col-5 .imgHolder {
            height: 170px
        }

    #channelsPage #ChnlVideobox .col-5 .padd5.TinyFont {
        position: relative;
        left: 0;
        width: 100%
    }

    #channelsPage #ChnlVideobox .col-5 .MoreOption {
        padding: 0
    }
}

@media(max-width:700px) and (max-height:500px) {
    .U-Videos .col-5, .Userpage #userVideo .col-5 {
        margin: 8px 3px;
        width: 48%
    }



    .container-fluid .container .LastVideos .col-5:nth-child(8),
    #homePage .Chanels .ChanelsVideos a:nth-child(4) {
        display: none
    }

    .searchresult {
        width: 75%;
        font-size: 12px
    }

    .Userpage #userVideo .col-5 .videoName {
        min-height: 60px;
    }
}

@media(max-width:350px) and (max-height:500px) {
    #ChnlVideobox .col-5, .U-Videos .col-5 {
        margin: 8px 3px;
        width: 95%
    }

    #UserPannel #ChnlVideobox .col-5 .imgHolder {
        height: 140px;
    }
}


@media(max-width:740px) and (max-height:441px) {
    .masterVideo {
        width: 82%;
    }
}

@media(max-height:360px) {
    .masterVideo {
        width: 71%;
        margin: 0% auto;
    }
}
@media(max-width:740px) and (min-width:641px) and (max-height:360px) {
    .masterVideo {
        width: 62%;
        margin: 0% auto;
    }
}
@media(max-height:320px) {
    .MenuMobile .navbar-fixed-top .M-nav .UserNav ul {
        column-count: 2
    }

    .dropdown-menu .divider {
        display: none
    }

    .OutoPlay .VideoList li .DesVideo {
        height: 96px
    }

    .masterVideo {
        width: 70% !important;
        margin: 0% auto;
    }

        .masterVideo h1 {
            font-size: 14px;
        }

    .container-fluid .container .LastVideos .col-5:nth-child(12) {
        display: none
    }
    #homePage .Chanels .ChanelsVideos a:nth-child(4){
        display:block
    }
}

@media(max-width:320px) and (max-height:200px) {
    .container-fluid .container .LastVideos .col-5,
    .ChanelsVideos a .BoxVideo {
        margin: 10px 0;
        width: 100%
    }
}

@media(max-width:670px) and (max-height:500px) {
    #EmptyPlListBox .col-5 {
        width: 47%;
        margin: 5px
    }

    .MenuMobile .navbar-fixed-top .M-nav .UserNav ul {
        padding: 9px 0;
        top: 36px;
        right: -100%
    }

    #UserPannel #ChnlVideobox .col-5 .imgHolder {
        height: 140px
    }
}

@media(max-width:480px) and (max-height:500px) {
    .Userpage #userVideo .col-5, .U-Videos .col-5 {
        width: 90%;
        margin: 10px 5%;
    }

    .Userpage #userVideo .videoName {
        min-height: 60px;
    }
}

@media(max-width:670px) and (max-height:500px) {
    #EmptyPlListBox .col-5 {
        width: 47%;
        margin: 5px
    }

    .MenuMobile .navbar-fixed-top .M-nav .UserNav ul {
        padding: 9px 0;
        top: 36px;
        right: -100%
    }

    #UserPannel #ChnlVideobox .col-5 .imgHolder {
        height: 180px
    }

    .container-fluid #SearchPage .container .LastVideos .col-5 {
        margin: 8px 5% !important;
        width: 90%;
    }

        .container-fluid #SearchPage .container .LastVideos .col-5 .imgHolder {
            height: 190px;
        }
}


.botboxload {
    text-align: center;
    display: none;
    position: fixed;
    bottom: 0;
    height: 90px;
    background: transparent;
    z-index: 2000;
    width: 100%;
    left: 0
}

.hide {
    display: none !important
}

.gifHolder img {
    margin: 0 auto
}

.vjs-big-play-button {
    border-radius: 50%
}

@media(max-width:1000px) {
    #mediaad-sYBj {
        display: none !important
    }
}

#mediaad-bQKM {
    display: none !important
}

.Font0 {
    font-size: 0;
    position: absolute;
}
.TitelPageMobile {
    margin-right: 15px;
    color: #ffffff;
    text-shadow: 0px 0px 3px #262626;
    font-size: 16px;
}

.loadLogo {
    display: none;
    width: 120px
}
.gradient {
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #d2d2d2 8%, #fff 38%, #e6e4e4 54%);
    background-size: 1000px 640px;
    position: relative
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.card1 {
    width: 328px;
    height: 208px;
    margin: 16px auto;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .08)
}

.gradient.loadrightimg {
    width: 40%;
    height: 100px;
    float: right
}

.gradient.loadlefttext {
    float: right;
    width: 50%;
    height: 20px;
    margin-right: 30px;
    margin-top: 20px
}

.gifHolder {
    width: 80%;
    position: relative;
    margin: 0 auto
}

#Page404 .gifHolder img {
    width: 100%;
    position: absolute;
    right: -.6%;
    opacity: 0;
    top: -2%;
    -webkit-animation: mymove 3s forwards;
    animation: mymove 3s forwards;
    animation-delay: 15s
}

@-webkit-keyframes mymove {
    0% {
        opacity: 0
    }

    25% {
        opacity: .25
    }

    75% {
        opacity: .75
    }

    100% {
        opacity: 1
    }
}

@keyframes mymove {
    0% {
        opacity: 0
    }

    25% {
        opacity: .25
    }

    75% {
        opacity: .75
    }

    100% {
        opacity: 1
    }
}

.NotFoundTitle h1 {
    font-size: 22px;
    font-weight: bold
}

.NotFoundTitle h2 {
    font-size: 20px;
    margin-top: 1em
}

@media(max-width:768px) {
    .NotFoundTitle h1 {
        font-size: 17px
    }

    .NotFoundTitle h2 {
        font-size: 15px;
        margin-top: 0
    }
}

#ErrorPage h1 {
    font-size: 28px;
    line-height: 40px;
}
@media(max-width:766px) and (min-width:500px) {
    #UserPannel .col-5 {
        width: 45%;
        margin: 7px;
    }
}
.live_prog_box {
    background: #f4f4f4;
    width: 100%;
}
.live_inside_right {
    line-height: 20px;
    text-align:center;
}
.TimeLive {
    border-left: 11px solid #fff;
    background: #f9804721;
    width: 50px;
}
.live_inside_time {
    font-weight: 700;
    font-size: 20px;
}
.live_inside_txt{
    line-height:30px
}
.live_img_play {
    display: none;
}
.live_prog_box .ImgHolder{
    height:90px
}
.live_prog_box .ImgHolder img{
    height:100%
}
    .live_img_play img {
    width: 35px;
    margin-top: 5px;
}
.live_imgbck {
    background-position-x: left;
    background-size: 220px 150%;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1000px) {
    .live_imgbck {
        background-size: 100px 100%;
    }
}
@media screen and (max-width: 1250px) {
    .header .d-logo {
        margin-right: 0px;
    }
    .livelink {
        margin-right: 0px !important;
    }
}
@media screen and (max-width: 1040px) {
    .livelink i {
        display:none;
    }
}
@media screen and (max-width: 990px) {
    .livelink {
        display: none !important;
    }
}
/*-----LivePage------*/
.LivePage h2 {
    font-size: 20px;
}
.livelink {
    margin-right: 10px;
}
.livelink a {
    font-size:14px;
    font-weight: 100;
}
.lndmodevideo {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    background: #000 !important;
    z-index: 20000000;
}
.lndmodebar {
    bottom: 0 !important;
    position: fixed !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 200000000000 !important;
}
.priceChannel {
    display: flex;
    flex-direction: column;
}

    .priceChannel .vipchannel {
        margin: 0 0 2rem 0;
    }

        .priceChannel .vipchannel label {
            display: flex;
            margin: .5rem 0 0 0;
            font-weight: 600;
            align-items: center;
            background-color: transparent;
        }

            .priceChannel .vipchannel label::before {
                top: auto !important;
            }

            .priceChannel .vipchannel label::after {
                top: auto !important;
            }

            .priceChannel .vipchannel label a {
                font-weight: 400;
                font-size: 11px;
                margin-right: .5rem;
                margin-bottom: -5px;
            }

    .priceChannel .togglevipchannel {
        display: none;
    }

        .priceChannel .togglevipchannel label {
            margin: 2.5rem 0 0 0;
        }

        .priceChannel .togglevipchannel .amount {
            display: flex;
            align-items: center;
        }
            .priceChannel .togglevipchannel .amount .col-sm-3 {
                padding: 0;
            }
            .priceChannel .togglevipchannel .amount .minmax {
                font-size: 13px;
            }
            .priceChannel .togglevipchannel .amount .col-sm-1 span, .priceChannel .togglevipchannel .amount .col-sm-2 span{
                font-weight: 600;
            }
            .priceChannel .togglevipchannel .amount .col-sm-1, .priceChannel .togglevipchannel .checkbox{
                margin: 0;
            }
                .priceChannel .togglevipchannel .amount .col-sm-1, .priceChannel .togglevipchannel .checkbox label {
                    display: flex;
                    margin: .5rem 0 0 0;
                    font-weight: 600;
                    fo
                    align-items: center;
                    background-color: transparent;
                }

                    .priceChannel .togglevipchannel .amount .col-sm-1, .priceChannel .togglevipchannel .checkbox label::before {
                        top: auto !important;
                    }

                    .priceChannel .togglevipchannel .checkbox label a {
                        font-weight: 400;
                        font-size: 11px;
                        margin-right: .5rem;
                        margin-top: 3px;
                    }

.buyvip {
    float: left;
    margin-left: .8rem;
}

    .buyvip .r {
        display: flex;
    }

        .buyvip .r .tooltips {
            position: relative;
            display: inline-block;
            margin-right: .5rem;
        }
            .buyvip .r .tooltips .tooltipstext {
                visibility: hidden;
                width: 160px;
                background-color: black;
                color: #fff;
                text-align: center;
                padding: 5px 8px;
                border-radius: 6px;
                /* Position the tooltip text - see examples below! */
                position: absolute;
                z-index: 1;
                font-size: 12px;
                margin-top: .8rem;
            }
            .buyvip .r .tooltips:hover .tooltipstext {
                visibility: visible;
            }
    .buyvip .r {
        display: flex;
        align-items: center;
        margin-top: 1.8rem;
    }
    .buyvip .r .amount{
        display: flex;
        font-size: 15px;
    }
        .buyvip .r .amount span{
            display: flex;
            font-weight: 600;
            margin: 0 .3rem;
        }
        .buyvip .r button.buyvipchannel {
            display: flex;
            background-color: #66bb6a;
            border: transparent;
            font-weight: 500;
            font-size: 14px;
            color: #fff;
            padding: 4px 8px;
            border-radius: 4px;
            margin: 0 .4rem;
        }
        .buyvip .r .tooltips .icon-helps {
            display: flex;
            background-image: url("/images/help.svg?v=aLuzeo-plVLYCRRV7JbIvscCutY");
            background-size: contain;
            background-repeat: no-repeat;
            width: 16px;
            height: 16px;
        }


.covervipchannel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 5rem 0;
    border-radius: 4px;
    background-color: #000;
    font-family: "iransans-light";
    color: #FFF;
}

.covervipchannel p {
    display: flex;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
}

.covervipchannel span {
    display: flex;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}
.EndOfFreeTime_Box {
    display: none;
    position: absolute;
    width: 100%;
    top: 100px;
    z-index: 200;
}
.EndOfFreeTime_Box_Inside {
    background: #FFF;
    width: 370px;
    margin: auto;
    padding: 10px 20px;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 2px #8080808c;
    font-family: iransans-light !important;
    text-align: center;
}
.covervipchannel button {
    display: flex;
    background-color: #ef5350;
    border: transparent;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    padding: 8px 16px;
    border-radius: 4px;
    margin: 0 .4rem;
}
.chnindex{
    background:#000 !important;
}
.font11 {
    font-size: 11px !important;
    font-weight: 700;
}
.font12 {
    font-size: 12px !important;
    font-weight: 700;
}
.font13{
    font-size:13px !important;
}
.font14 {
    font-size: 14px !important;
}
.font15 {
    font-size: 15px !important;
}
.font16 {
    font-size: 16px !important;
}
.channel_top_boxchnl {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}
.previnchannellabel {
    background: #f2752bd9;
    color: #FFF;
    padding: 2px 7px;
    border-radius: 4px;
    position: absolute;
    top: 5px;
    right: 5px;
}
/*.img-userprofile {
    width: 110px;
    height: 110px;
}*/
.hs {
    background: #daffdb !important;
}
@media only screen and (max-width: 780px) {
    .buyvip {
        float: none;
        clear: both;
    }
}
.vip .imgholder a img{
    max-width: 276px;
    height: auto;
}


.amount {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .amount p {
        display: flex;
        margin-right: .8rem;
        font-weight: 600;
    }

    .amount span {
        margin-right: .5rem;
    }

.wallet {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .wallet p {
        display: flex;
        margin-right: .8rem;
        font-weight: 600;
    }

    .wallet span {
        margin-right: .5rem;
    }

.buyvipch {
    display: flex;
    flex-direction: column;
    margin: 1rem 0;
}

    .buyvipch .col-sm-12:nth-child(odd) {
        background-color: #fff;
        padding: .5rem 2rem;
        border-radius: 4px;
    }

    .buyvipch .col-sm-12:nth-child(even) {
        background-color: #f5f5f5;
        padding: .5rem 2rem;
        border-radius: 4px;
    }


.paymentvip button.payment {
    display: flex;
    align-items: center;
    background-color: #8bc34a;
    border: transparent;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    padding: 8px 14px;
    border-radius: 4px;
    margin: 0 .4rem;
}
.vipVideo {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 4px;
    padding: 1rem 1.5rem;
}

    .vipVideo div.img {
        display: flex;
        width: 100px;
        height: 100px;
        flex: 1 20%;
    }

        .vipVideo div.img a img {
            width: 100px;
            height: 100px;
            border-radius: 4px;
        }

    .vipVideo .detail {
        display: flex;
        flex-direction: column;
        text-align: right;
        flex: 2 80%;
        padding: 0 1.5rem;
    }

        .vipVideo .detail a h5 {
            font-weight: 500;
            font-size: 16px;
        }

        .vipVideo .detail p {
            font-weight: 400;
            font-size: 13px;
            line-height: normal;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            margin-top: .5rem;
        }
        .vipVideo .detail p b{
            display: flex;
        }
            .vipVideo .detail p span{
                display: flex;
                margin-right: .4rem;
            }


            .titlepay {
                display: flex;
                width: 100%;
                margin: 1.5rem 0 1rem 0;
            }



.success-payment {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem 2rem;
    background-color: #fff;
    border-radius: 4px;
}

    .success-payment span.icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100px;
        height: 100px;
        border: 4px solid #9ccc65;
        border-radius: 50%;
    }

    .success-payment div.detail {
        display: flex;
        flex-direction: column;
        margin-right: 2rem;
    }

        .success-payment div.detail p {
            font-weight: 600;
            font-size: 17px;
            color: #558b2f;
        }

        .success-payment div.detail a {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #8bc34a;
            border: transparent;
            font-weight: 500;
            font-size: 15px;
            color: #fff;
            padding: 6px 12px;
            border-radius: 4px;
            margin: .5rem 0;
            width: 140px;
        }





.failed-payment {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1rem 2rem;
    background-color: #fff;
    border-radius: 4px;
}

.failed-payment span.icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border: 4px solid #ef5350;
    border-radius: 50%;
}

    .failed-payment div.detail {
        display: flex;
        flex-direction: column;
        margin-right: 2rem;
    }

        .failed-payment div.detail p {
            font-weight: 600;
            font-size: 17px;
            color: #c62828;
        }

        .threes{
            display: flex;
            justify-content: center;
        }


        @media only screen and (max-width: 768px){
            .flaticon-moneyicon {
                bottom: .7rem;
            }
        }
        @media only screen and (min-width: 768px) and (max-width: 992px){
            .channel_white_box_details{
                min-height: 95px;
            }
        }
        @media only screen and (max-width: 417px){
            .buyvip .r .tooltips .tooltipstext{
                width: 85px;
            }
        }
@media only screen and (max-width: 320px) {
    .buyvip .r .tooltips .tooltipstext {
        width: auto;
    }
}
@media only screen and (max-width: 1440px){
    .vipVideo{
        flex-direction: column;
        align-items: center;
    }
        .vipVideo .detail {
            align-items: center;
            padding: 0 0;
        }
    .row{
        margin: 0;
    }
}
@media only screen and (max-width: 545px){
    .covervipchannel {
        padding: 3rem 1.5rem;
    }
        .covervipchannel p{
            font-size: 14px;
        }
        .covervipchannel span{
            font-size: 15px;
        }
        .covervipchannel button{
            font-size: 15px;
        }
}
@media only screen and (max-width: 710px){
    .failed-payment {
        flex-direction: column;
    }
    .success-payment {
        flex-direction: column;
    }
    .failed-payment div.detail{
        align-items: center;
    }
    .success-payment div.detail {
        align-items: center;
    }
}
.TinyFonts{
    font-size: 14px;
}
div.state-incomes {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}
div.state-income{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 4px;
    padding: 3rem 1.5rem;
    width: 100%;
    min-height: 85px;
}
div.state-income b{
    font-size: 18px;
}
div.state-income span{
    font-size: 15px;
    display: flex;
    margin-top: 1rem;
}
div.headstate {
    display: flex;
    align-items: center;
    background-color: #fbdece;
    height: 45px;
    border-radius: 4px;
    margin-top: 1.5rem;
}

    div.headstate span {
        display: flex;
        font-weight: 600;
        font-size: 14px;
    }

div.fullstate {
    display: flex;
    align-items: center;
    height: 70px;
    border-radius: 4px;
    counter-reset: my-awesome-counter;
}

    div.fullstate:nth-child(even) {
        background-color: #fff;
    }

    div.fullstate:nth-child(odd) {
        background-color: #f5f5f5;
    }

    div.fullstate img.channel {
        width: 50px;
        height: 50px;
        border-radius: 4px;
    }
    .rr{
        margin-top: 2rem;
    }

button.income {
    display: flex;
    background-color: #66bb6a;
    border: transparent;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    margin: 1rem 0 0 0;
}

@media only screen and (max-width: 1000px){
    div.state-incomes div.col-lg-9 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
        div.state-incomes div.col-lg-9 div.col-md-3 {
            display: flex;
            margin-bottom: 1rem;
            flex: 0 0 25%;
            max-width: 25%;
        }
    div.headstate div.col-md-2 {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }
        div.fullstate div.col-md-2 {
            flex: 0 0 16.6667%;
            max-width: 16.6667%;
        }
}

@media only screen and (max-width: 600px) {
    .ll{
        flex-direction: column;
    }
    div.state-incomes div.col-lg-9 div.col-md-3 {
        display: flex;
        margin-bottom: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
    }
    div.state-income {
        padding: 2rem 1.5rem;
    }
        div.state-income b{
            font-size: 17px;
        }
        div.state-income span {
            font-size: 13px;
            display: flex;
            margin-top: .7rem;
        }
        div.headstate div.col-md-2 span {
            font-size: 12px;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
    div.headstate div.col-md-2:first-child {
        display: none;
    }
    div.fullstate div.col-md-2:first-child {
        display: none;
    }
    div.headstate div.col-md-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    div.fullstate div.col-md-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }
        div.fullstate div.col-md-2 div {
            font-size: 12px;
        }
}
.ll {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-left: 5rem;
}

    .ll h4 {
        margin: 0;
        display: flex;
    }
.clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: nowrap;
}

.as{
    display: flex;
    justify-content: center;
}

.col-sm-4 a:hover {
    color: #303030;
}
.vipChannelList {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    border: 1px solid #e8e8e8bf;
    border-radius: 4px;
    padding: 1rem 1rem;
    transition: all .2s ease;
}
    .vipChannelList:hover {
        box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    }

    .vipChannelList .imgVipChannel {
        display: flex;
        flex: 1 1 35%;
        max-width: 35%;
    }

        .vipChannelList .imgVipChannel img {
            width: 100px;
            height: 100px;
            border-radius: 4px;
        }

    .vipChannelList .detailVipChannel {
        display: flex;
        flex: 2 2 65%;
        max-width: 65%;
        flex-direction: column;
    }

        .vipChannelList .detailVipChannel h5 {
            display: flex;
            font-size: 15px;
        }

        .vipChannelList .detailVipChannel p {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-size: 11.5px;
            line-height: 1.5;
        }

        .vipChannelList .detailVipChannel span {
            display: flex;
            font-size: 13px;
            margin-top: .4rem;
        }
        .vipChannelList .detailVipChannel span b{
            margin: 0 .3rem;
        }
        .lr{
            margin: 0 0;
        }
.ImageBox{
    display: none;
    margin-top: 20px;
}
.perviewImageBox {
    margin-top: 20px;
    max-width: 350px;
    height: auto;
    border-radius: 4px;
}
.Image .tooltips {
    position: relative;
    display: inline-block;
    margin-right: -1.5rem;
}
    .Image .tooltips i.icon-helps {
        display: flex;
        background-image: url(/images/help.svg?v=aLuzeo-plVLYCRRV7JbIvscCutY&v=I6f2T9br_5LLgdYW6nLNyhtaTnM);
        background-size: contain;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
    }
    .Image .tooltips span.tooltipstext {
        visibility: hidden;
        width: 160px;
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px 8px;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
        font-size: 12px;
        margin-top: .8rem;
    }
    .Image .tooltips:hover span.tooltipstext {
        visibility: visible;
    }
label.ImageBoxs{
    width: 50%;
}
#oflistBox .imgHolder {
    min-height: 90px;
}
.deleteImage {
    margin-top: 15px;
    background-color: #ef5350;
    border: none;
    padding: 8px 12px;
    width: 100px;
    border-radius: 4px;
    outline: none;
    color: #fff;
    font-size: 13px;
}
.form-group #ImageFile{
    margin-top: 10px;
}
@media only screen and (max-width: 400px){
    .perviewImageBox{
        max-width: 180px;
    }
    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select:focus,
    textarea {
        font-size: 16px;
    }
}
.svg-icon {
    width: 27px;
}
.svg-icon circle {
    stroke: #4691f6;
    stroke-width: 1;
}