html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    background-color: #f9f9f9;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

.tooltips {
    position: relative;
    display: inline;
}


.tooltips span {
    font: 300 12px "dalfak";
    position: absolute;
    color: #ffffff;
    background: #000000;
    padding: 5px 10px;
    width: 140px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltips > span img {
    max-width: 140px;
}

.tooltips[tooltip-position="top"] span {
    margin-left: 10px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.tooltips[tooltip-position="bottom"] span {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.tooltips[tooltip-position="left"] span {
    margin-top: 30px;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.tooltips[tooltip-position="right"] span {
    margin-top: 30px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.tooltips span:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
}

.tooltips[tooltip-position="top"] span:after {
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid black;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.tooltips[tooltip-position="bottom"] span:after {
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    border-bottom: 8px solid black;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.tooltips[tooltip-position="left"] span:after {
    top: 50%;
    left: 100%;
    margin-top: -8px;
    border-left: 8px solid black;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.tooltips[tooltip-position="right"] span:after {
    top: 50%;
    right: 100%;
    margin-top: -8px;
    border-right: 8px solid black;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.tooltips:hover span {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    filter: alpha(opacity=100);
}

.tooltips[tooltip-position="top"]:hover span {
    bottom: 30px;
    left: 50%;
    margin-left: -76px;
}

.tooltips[tooltip-position="bottom"]:hover span {
    top: 30px;
    left: 50%;
    margin-left: -76px;
}

.tooltips[tooltip-position="left"]:hover span {
    right: 100%;
    top: 50%;
    margin-top: -15px;
    margin-right: 15px;
}

.tooltips[tooltip-position="right"]:hover span {
    left: 100%;
    top: 50%;
    margin-top: -15px;
    margin-left: 15px;
}

.tooltips[tooltip-type="primary"] > span {
    background-color: #2980b9;
}

.tooltips[tooltip-type="primary"][tooltip-position="top"] > span:after {
    border-top: 8px solid #2980b9;
}

.tooltips[tooltip-type="primary"][tooltip-position="bottom"] > span:after {
    border-bottom: 8px solid #2980b9;
}

.tooltips[tooltip-type="primary"][tooltip-position="left"] > span:after {
    border-left: 8px solid #2980b9;
}

.tooltips[tooltip-type="primary"][tooltip-position="right"] > span:after {
    border-right: 8px solid #2980b9;
}

.tooltips[tooltip-type="success"] > span {
    background-color: #27ae60;
}

.tooltips[tooltip-type="success"][tooltip-position="top"] > span:after {
    border-top: 8px solid #27ae60;
}

.tooltips[tooltip-type="success"][tooltip-position="bottom"] > span:after {
    border-bottom: 8px solid #27ae60;
}

.tooltips[tooltip-type="success"][tooltip-position="left"] > span:after {
    border-left: 8px solid #27ae60;
}

.tooltips[tooltip-type="success"][tooltip-position="right"] > span:after {
    border-right: 8px solid #27ae60;
}

.tooltips[tooltip-type="warning"] > span {
    background-color: #f39c12;
}

.tooltips[tooltip-type="warning"][tooltip-position="top"] > span:after {
    border-top: 8px solid #f39c12;
}

.tooltips[tooltip-type="warning"][tooltip-position="bottom"] > span:after {
    border-bottom: 8px solid #f39c12;
}

.tooltips[tooltip-type="warning"][tooltip-position="left"] > span:after {
    border-left: 8px solid #f39c12;
}

.tooltips[tooltip-type="warning"][tooltip-position="right"] > span:after {
    border-right: 8px solid #f39c12;
}

.tooltips[tooltip-type="danger"] > span {
    background-color: #c0392b;
}

.tooltips[tooltip-type="danger"][tooltip-position="top"] > span:after {
    border-top: 8px solid #c0392b;
}

.tooltips[tooltip-type="danger"][tooltip-position="bottom"] > span:after {
    border-bottom: 8px solid #c0392b;
}

.tooltips[tooltip-type="danger"][tooltip-position="left"] > span:after {
    border-left: 8px solid #c0392b;
}

.tooltips[tooltip-type="danger"][tooltip-position="right"] > span:after {
    border-right: 8px solid #c0392b;
}

.big_container {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.recommended-vids {
/ / border: 1 px solid #E8E8E8;

}

.recommended-vids .video_type1 {
    padding: 0 20px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
    font-family: 'dalfak';
    src: url("../fonts/Vazirmatn-Light.ttf");
    font-weight: normal;
}

@font-face {
    font-family: 'dalfak';
    src: url("../fonts/Vazirmatn-Black.ttf");
    font-weight: bold;
}


html,
body {
    direction: rtl;
    text-align: right;
    font-family: "dalfak";
}

input,
button,
textarea,
select,
option {
    font-family: "dalfak";
}

a {
    text-decoration: none;
}

.sticky-container {
    position: -webkit-sticky;
    position: sticky;
    top: 72px;
    z-index: 9999;
}

#header {
    background-color: #fff;
    padding: 14px 30px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 9999999;
    top: 0;
}

#header .menu_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#header .right_menu {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#header .right_menu .header_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#header .right_menu .header_buttons .bt_menu_top a {
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 15px;
    color: #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: 15px;
}

#header .right_menu .header_buttons .bt_menu_top a svg {
    width: 16px;
    height: auto;
    display: inline-block;
    margin-left: 10px;
}

#header .right_menu .header_buttons .upload {
    background-color: #EAEAEA;
}

#header .right_menu .search_do {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*border: 1px solid #B1B1B1;*/
    border-radius: 11px;
    overflow: hidden;
    width: 600px;
    background: #eaeaea;
}

#header .right_menu .search_do input {
    border: none;
    display: block;
    padding: 0 20px;
    height: 40px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    outline: none;
    background: #f5f5f5;
}

#header .right_menu .search_do button {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 0;
    height: 40px;
    width: 42px;
    background: #f5f5f5;
}

#header .right_menu .search_do button svg {
    width: 19px;
    height: auto;
    display: block;
}

#header .logo_container {
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#header .logo_container .fix-menu-opener {
    margin-left: 35px;
    cursor: pointer;
}

#header .logo_container .fix-menu-opener svg {
    display: block;
}

#header .logo_container .toggle {
    display: none;
}

#header .logo_container .logo {
    width: 160px;
    height: 45px;
    background-image: url("data:image/png;base64,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");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin-top: -13px;
    fill: #fff;
}

.dalfak-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.dalfak-container .aside-cn {
    width: 240px;
    min-width: 240px;
}

.dalfak-container .aside-cn.small {
    width: 85px !important;
    min-width: 85px !important;
}

.dalfak-container .content-cn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    overflow: hidden;
}

.dalfak-container .content-cn .wrapper {
    width: 100%;
    max-width: 1800px;
    padding: 0 3%;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 0px;
}

.dalfak-container .content-cn .wrapper.nopadding {
    padding: 0 20px;
}

.content_ajax_filter {
    background-color: #F7F7F7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.content_ajax_filter .filter_ajax {
    overflow-x: auto;
    scrollbar-width: thin;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.content_ajax_filter .filter_ajax::-webkit-scrollbar {
    height: 5px;
}

.content_ajax_filter .filter_ajax::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 100px;
}

.content_ajax_filter .filter_ajax::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 100px;
}

.content_ajax_filter .filter_ajax::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.content_ajax_filter .filter_ajax .btn-filter {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    background-color: white;
    border: none;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99999;
    cursor: pointer;
}

.content_ajax_filter .filter_ajax .btn-filter i {
    display: block;
}

.content_ajax_filter .filter_ajax .go-prev {
    left: 10px;
    right: auto;
}

.content_ajax_filter .filter_ajax ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
}

.content_ajax_filter .filter_ajax ul li {
    cursor: pointer;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    font-size: 15px;
}

.content_ajax_filter .filter_ajax ul li a {
    color: #000000;
}

.content_ajax_filter .filter_ajax ul li.active {
    position: relative;
    font-weight: bold;
}

.content_ajax_filter .filter_ajax ul li.active:after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #000000;
    border-radius: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.content_ajax_filter .filter_ajax.scr {
    padding: 0 20px;
}

*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cover_full {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E6E6E6;
}

.cover_full ul {
    margin-top: 10px;
}

.side_full ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.side_full .dash_video {
    width: 24%;
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
}

.side_full .dash_video .add_to_fav {
    position: absolute;
    top: 10px;
    width: 35px;
    height: 35px;
    background-color: rgba(0, 0, 0, 0.7);
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: 300ms;
    transition: 300ms;
    opacity: 0;
    visibility: hidden;
    right: 0;
}

.side_full .dash_video .add_to_fav svg {
    display: block;
    width: 20px;
}

.side_full .dash_video:hover .add_to_fav {
    opacity: 1;
    visibility: visible;
    right: 10px;
}

.side_full .dash_video .thum img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

.side_full .dash_video .thum {
    position: relative;
}

.side_full .dash_video .thum::after, .video_type1 .thum::after {
    padding: 0;
    padding-bottom: 56.25%;
    position: relative;
    display: block;
    content: '';
}

.side_full .dash_video .thum a {
    display: block;
    color: #363A4E;
}

.side_full .dash_video .thum a img {
    display: block;
}


.side_full .dash_video .vid.has_author_pic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.side_full .dash_video .vid {
    margin-top: 12px;
    font-weight: 500;
    font-size: 15px;
}

.side_full .dash_video .vid .author-pic {
    margin-left: 7px;
}

.side_full .dash_video .vid .author-pic img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
}

.side_full .dash_video .vid .stats {
    color: #75759B;
    font-size: 13px;
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    margin-top: 5px;
    width: 100%;
}

.side_full .dash_video .vid .stats .view, .video_type1 .views {
    margin-left: 5px;
    font-size: 13px
}

.side_full .dash_video .vid .stats .date, .video_type1 .date {
    margin-right: 5px;
    font-size: 13px
}

.side_full .dash_video .vid .author {
    width: 100%;
    color: #75759B;
    font-size: 15px;
    font-weight: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0;
}

.side_full .dash_video .vid .author svg {
    display: block;
    margin-right: 6px;
    width: 13px;
    height: auto;
    position: relative;
    top: -1px;
}

.side_full .dash_video .vid a {
    color: #363A4E;
    line-height: 25px;
    font-weight: bold;
    font-size: 18px;
}

.side_full .hidden-c {
    display: none;
}

.side_full .onefive {
    width: 19%;
}

.side_full .onefive.hidden-c {
    display: block !important;
}

.titr1,
.title {
    font-size: 22px;
    font-weight: 600;
    color: #000000;
}

.viewall1 {
    float: left;
    color: #4A4A65;
}

.top-banner {
    margin-bottom: 30px;
    display: block;
    width: 100%;
}

.top-banner img {
    width: 100%;
}

.follow_author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.follow_author .author_details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}

.follow_author .author_details .thumb {
    margin-left: 12px;
}

.follow_author .author_details .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.follow_author .author_details .name svg {
    display: block;
    margin-right: 8px;
}

.follow_author .author_details img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.follow_author .author_follow a {
    background-color: #A131DB;
    border-radius: 5px;
    padding: 7px 14px;
    font-size: 14px;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.follow_author .author_follow a:hover {
    background-color: #8b28bd;
}

.follow_author .author_follow a span {
    margin-left: 7px;
}

.stream_row {
    margin-bottom: 55px;
    width: 100%;
    display: block;
}

.stream_row .title_stream {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.stream_row .title_stream .name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.stream_row .title_stream .name svg {
    display: block;
    margin-left: 7px;
}

.stream_row .stream_body {
    background-color: #000000;
    background-image: url(../images/1w.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
    border-radius: 5px;
    margin-top: 25px;
    position: relative;
}

.stream_row .stream_body .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: rgba(0, 30, 82, 0.8);
    top: 0;
    right: 0;
}

.stream_row .stream_body .content {
    position: relative;
    z-index: 9;
}

.stream_row .stream_body .content li {
    width: 32%;
}

.stream_row .stream_body .content a {
    color: #fff;
}

.streamer_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: white;
    margin-top: 20px;
}

.streamer_info .streamer_name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.streamer_info .streamer_name div.thumb {
    margin-left: 20px;
}

.streamer_info .streamer_name div.thumb img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.streamer_info .streamer_name div.name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.streamer_info .streamer_name div.name span.name {
    margin-bottom: 8px;
    font-size: 14px;
}

.streamer_info .stream_stat {
    background-color: #1B2B64;
    border-radius: 30px;
    padding: 7px 15px;
    font-size: 14px;
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}

.fixed-nav {
    top: 68px;
    background-color: #fff;
    height: calc(100% - 72px);
    width: 240px;
    position: fixed;
    overflow-y: hidden;
    z-index: 9999;
    scrollbar-width: thin;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.fixed-nav:hover {
    overflow-y: auto;
}

.fixed-nav::-webkit-scrollbar {
    width: 5px;
}

.fixed-nav::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 100px;
}

.fixed-nav::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 100px;
}

.fixed-nav::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.fixed-nav nav {
    padding: 20px;
}

.fixed-nav .current-page {
    width: 100%;
    display: block;
    background-color: #EAEAEA;
    padding: 0 30px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000000;
    font-size: 15px;
}


.fixed-nav .current-page svg {
    display: block;
    margin-left: 15px;
    width: 17px;
    height: auto;
}

.fixed-nav .current-page span {
    display: block;
}

.nav-right {
    padding: 0;
}

.nav-right .nav-title {
    color: #75759B;
    font-size: 15px;
    margin-top: 5px;
}

.nav-right .categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: bold;
}

.fixed-nav .thispage {
    width: 100%;
    display: block;
    background-color: #f9f9f9;

}

.nav-right .categories .white-body {
    background-color: white;
    max-height: 235px;
    overflow: hidden;
}

.nav-right .categories .white-body ul {
    padding: 0;
    margin: 0;
}

.nav-right .categories .white-body ul li a {
    padding: 12px 27px;
    border-bottom: 1px solid #F7F7F7;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 15px;
. fixed-nav
}

.nav-right .categories .white-body ul li a:hover {
    background-color: #f1f1f1;
}

.nav-right .categories .white-body ul li a span.name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-right .categories .white-body ul li a span.name svg {
    margin-left: 9px;
}

.nav-right .categories .white-body.active {
    max-height: none;
}

.nav-right .categories .open-all {
    padding: 14px;
    color: #9191AF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 13px;
    cursor: pointer;
    background-color: #f9f9f9;
    margin-top: 20px;
}

.nav-right .categories .open-all svg {
    margin-right: 15px;
}

.nav-right .categories .open-all.rotate svg, .show_more_des.rotate svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.nav-right .sections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 12px;
}

.nav-right .sections .body {
    background-color: white;
    border-radius: 0;
    max-height: 235px;
    overflow: hidden;
}

.nav-right .sections .body ul {
    padding: 0;
    margin: 0;
}

.nav-right .sections .body ul li:last-child a {
    border: none !important;
}

.nav-right .sections .body ul li a {
    padding: 12px 14px;
    border-bottom: 1px solid #F7F7F7;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.nav-right .sections .body ul li a:hover {
    background-color: #f1f1f1;
}

.nav-right .sections .body ul li a span.name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-right .sections .body ul li a span.name svg {
    margin-left: 9px;
}

.nav-right .night_mode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 12px;
}

.nav-right .night_mode .body {
    /*background-color: #181818;*/
    padding: 0 14px;
    /*border-radius: 50px 0 0 50px;*/
    max-height: 235px;
    overflow: hidden;
    /*color: white;*/
}

.nav-right .night_mode .body ul {
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.nav-right .night_mode .body ul li {
    padding: 12px 0;
    /*color: white;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 15px;
}

.nav-right .night_mode .body ul li span.name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-right .night_mode .body ul li span.name svg {
    margin-left: 9px;
}

.no-border {
    border: none !important;
}

.load_more_content {
    width: 100%;
    display: block;
    background-color: white;
}

.load_more_content .more_btn {
    display: block;
    background: #000;
    color: #fff;
    text-align: center;
    width: 200px;
    padding: 10px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 30px;
    cursor: pointer;
}

.load_more_content .loder_img_gif {
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    width: 50px;
    height: auto;
    background-color: white;
}

.event_box {
    position: fixed;
    left: 10px;
    bottom: 15px;
    z-index: 99999999999;
    background-color: #eee;
    border-radius: 5px;
}

.event {
    display: block;
    min-width: 150px;
    border: 1px;
    padding: 7px 15px;
    font-size: 13px;
    border-radius: 5px;
    margin-top: 5px;
    line-height: 25px;
}

.event .fa {
    font-size: 18px;
    margin-left: 10px;
    display: none;
}

.minimized {
    width: 85px !important;
}

.minimized .white-body ul li.other {
    display: none !important;
}

.minimized .white-body ul li.other.visible {
    display: block !important;
}

.minimized .nav-right ul li a span.arrow,
.minimized .nav-right .nav-title,
.minimized .open-all {
    display: none !important;
}

.minimized .nav-right {
    padding: 0;
    background-color: transparent;
}

.minimized .nav-right .categories .white-body,
.minimized .nav-right .sections .body {
    max-height: none;
    border-radius: 15px !important;
    padding: 0 3px;
    background-color: transparent;
}

.minimized .nav-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.minimized .nav-right .sections,
.minimized .nav-right .categories {
    margin: 0;
}

.minimized .current-page {
    padding: 12px 0;
    height: auto;
}

.minimized .current-page svg {
    width: auto;
    margin-left: 0;
}

.minimized ul li a span.name svg,
.minimized .current-page svg {
    margin-left: 0 !important;
    height: auto;
}

.minimized ul li a span.name,
.minimized .current-page {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 11px;
}

.minimized ul li a span.name b,
.minimized .current-page span {
    margin-top: 6px;
    display: block;
    text-align: center;
}

.minimized .current-page {
    background-color: transparent;
}

.minimized li,
.minimized a {
    width: 100%;
    text-align: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.minimized .night_mode {
    display: none;
}

.profile-bg {
    width: 100%;
    height: 245px;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.channel_cover {
    background-color: #F7F7F7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;
    padding-bottom: 20px;
    position: relative;
}

.channel_cover .channel_logo {
    margin-left: 20px;
    width: 150px;
    min-width: 150px;
    height: 150px;
    position: relative;
    display: block;
    margin-top: -85px;
    border-radius: 50%;
    background-color: white;
    padding: 5px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.channel_cover .channel_logo img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 2px solid white;
    object-fit: cover;
}

.channel_cover .channel_live {
    background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    position: relative;
}

.channel_cover .channel_more {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.channel_cover .channel_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.channel_cover .channel_title h1 {
    color: #000000;
    font-size: 30px;
    font-weight: bold;
}

.channel_cover .channel_title .named {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.channel_cover .channel_title .certified {
    width: 20px;
    height: auto;
    margin-right: 8px;
}

.channel_cover .channel_title button, .channel_cover .channel_title .btn {
    margin-right: 30px;
    background-color: #A131DB;
    border-radius: 5px;
    padding: 7px 14px;
    font-size: 14px;
    color: #fff;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}


.channel_cover .channel_title button:hover, .channel_cover .channel_title .btn:hover {
    background-color: #8b28bd;
}

.channel_cover .channel_title .setting-cover-btn svg {
    vertical-align: middle;
    margin-left: 5px;
}

.channel_cover .channel_title button svg, .user_info .followbtn svg {
    vertical-align: middle;
    fill: #fff
}

.channel_cover .channel_title .followed, .user_info .followed {
    background: #858598 !important;
}

.channel_cover .channel__info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}

.channel_cover .channel__info .stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.channel_cover .channel__info .stats .stat {
    margin-left: 20px;
}

.channel_cover .channel__info .vid-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.channel_cover .channel__info .vid-stats .notification {
    margin-right: 25px;
}

.channel_cover .channel__info .vid-stats .notification button {
    background-color: #fff;
    border: none;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.channel_cover .channel__info .stat {
    font-size: 14px;
    color: #858598;
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.channel_cover .channel__info .stat b {
    color: #000000;
    font-weight: bold;
    font-size: 17px;
    margin-left: 6px;
}
.channel_more .channel_des {
    line-height:1.5rem;
    display:block;
    margin-top:10px;
    clear:both;
    color: #000000;
}

.channel_cover .external_social {
    position: absolute;
    top: -49px;
    left: 0;
}

.channel_cover .external_social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    padding: 10px;
}

.channel_cover .external_social ul li a {
    padding: 0 15px;
}

.m_modal {
    display: none;
    position: fixed;
    z-index: 9997;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.m_modal_box {
    display: block;
    margin: 150px auto;
    background-color: #fefefe;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation-name: m_modal_b;
    -webkit-animation-duration: 0.4s;
    animation-name: m_modal_b;
    animation-duration: 0.4s;
}

.m_modal_box2 {
    display: block;
    margin: 150px auto;
    background-color: #f9f9f9;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation-name: m_modal_b;
    -webkit-animation-duration: 0.4s;
    animation-name: m_modal_b;
    animation-duration: 0.4s;
}

.b-dark .m_modal_box {
    background-color: #181818;
    border: none;
}

.b-dark .m_modal_box .modal_title {
    color: white;
}

.b-dark .m_modal_box .m_modal_content {
    color: white;
}
.b-dark .m_modal_box .close_modal svg *{
    fill: white;
}

.b-dark .m_modal_box2 {
    background-color: #181818;
    border: none;
}

.b-dark .m_modal_box2 .modal_title {
    color: white;
}
.b-dark .m_modal_box2 .m_modal_content {
    color: white;
}

.m_modal_content {
    padding: 20px;
}

.m_modal_content .loder_img_gif {
    margin: 5px auto;
    display: block;
}

.m_modal_header {
    width: 100%;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 15px;
}

.m_modal_header .fa-times {
    font-size: 22px;
    width: 20px;
    float: right;
    cursor: pointer;
    margin-top: -5px;
    margin-left: 10px;
}

.m_modal_header2 {
    width: 100%;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 15px;
}

.m_modal_header2 .fa-times {
    font-size: 22px;
    width: 20px;
    float: right;
    cursor: pointer;
    margin-top: -5px;
    margin-left: 10px;
}

@-webkit-keyframes m_modal_b {
    from {
        margin-top: -300px;
        opacity: 0;
    }
    to {
        margin-top: 150px;
        opacity: 1;
    }
}

@keyframes m_modal_b {
    from {
        margin-top: -300px;
        opacity: 0;
    }
    to {
        margin-top: 150px;
        opacity: 1;
    }
}

.channel_navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
}

.channel_navbar .tab_box .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.channel_navbar .tab_box .head .tab a {
    padding: 15px 20px;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.channel_navbar .tab_box .head .tab a svg {
    display: block;
    margin-left: 7px;
    width: 15px;
    position: relative;
    top: -2px;
}

.channel_navbar .tab_box .head .tab.curent a {
    background-color: #F7F7F7 !important;
}

.channel_navbar .channel_search form {
    background-color: #F7F7F7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.channel_navbar .channel_search form input {
    background-color: transparent;
    border: none;
    height: 45px;
    outline: none;
    padding-right: 20px;
    width: 250px;
    font-size: 14px;
}

.channel_navbar .channel_search form button {
    background-color: transparent;
    border: none;
    outline: none;
    padding-left: 15px;
    cursor: pointer;
}

.channel_navbar .channel_search form button svg {
    display: block;
}

.channel_content {
    margin-top: 30px;
}

.channel_about {
    display: none;
    margin-top: 30px;
}

.video_big {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.video_big img {
    width: 100%;
    height: auto;
}

.video_big .desc {
    margin-top: 30px;
    font-size: 18px;
    line-height: 30px;
}

.video_big .thum {
    width: 350px;
    height: auto;
    position: relative;
    margin-left: 35px;
}

.video_big .thum a {
    display: block;
    color: #363A4E;
}

.video_big .thum a img {
    display: block;
    width: 350px;
    height: auto;
}


.video_big .vid {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 18px;
    display: block;
}

.video_big .vid .stats {
    color: #75759B;
    font-size: 18px;
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    margin-top: 10px;
    width: 100%;
}

.video_big .vid .author {
    width: 100%;
    color: #75759B;
    font-size: 13px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.video_big .vid .author svg {
    display: block;
    margin-right: 6px;
    width: 13px;
    height: auto;
    position: relative;
    top: -1px;
}

.video_big .vid a {
    color: #363A4E;
    line-height: 25px;
    font-weight: bold;
    font-size: 24px;
}

.swiper-button-disabled {
    opacity: 0;
    visibility: hidden;
}

#new-videos {
    position: relative;
}

#new-videos .dalfak-button-prev {
    position: absolute;
    right: -30px;
    top: 50%;
    margin-top: -30px;
    z-index: 99999;
    width: 60px;
    height: 60px;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

#new-videos .dalfak-button-next {
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -30px;
    z-index: 99999;
    width: 60px;
    height: 60px;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

#playlist-dalfak {
    position: relative;
}

#playlist-dalfak .playlist-button-prev {
    position: absolute;
    right: -55px;
    top: 50%;
    margin-top: -30px;
    z-index: 99999;
    width: 60px;
    height: 60px;
    background-color: rgba(240, 240, 240, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

#playlist-dalfak .playlist-button-next {
    position: absolute;
    left: -55px;
    top: 50%;
    margin-top: -30px;
    z-index: 99999;
    width: 60px;
    height: 60px;
    background-color: rgba(240, 240, 240, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.channel_playlist {
    background-color: #000000;
    padding: 30px 15px;
    color: #ffffff;
    margin-bottom: 40px;
}

.channel_playlist_page {
    background-color: unset;
    color: #363A4E;
}

.channel_playlist .titr1,
.channel_playlist .viewall1 {
    color: #fff;
    padding: 0 10px;
}

.channel_playlist .vid a.a_video_t {
    color: #ffffff;
    display: block;
}

.channel_playlist .view_playlist {
    color: #858598 !important;
    font-size: 14px;
    display: block;
    margin-top: 12px;
    font-weight: normal !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.channel_playlist .view_playlist svg {
    width: 14px;
    margin-right: 15px;
    display: block;
}

.channel_playlist .playlist_count {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    background-color: rgba(0, 0, 0, 0.65);
    color: #fff;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.channel_playlist .playlist_count span {
    margin-bottom: 10px;
    font-weight: bold;
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}

.channel_playlist .playlist_count span.num {
    font-size: 35px
}

.channel_playlist .playlist_count svg {
    margin-top: 5px;
}

.channel_playlist .dash_video {
    margin-top: 20px;
    margin-bottom: 0 !important;
}

.channel_playlist_page .vid a.a_video_t {
    color: #363A4E
}

.channel_playlist_page .titr1 {
    color: black
}

.single_container {
    width: 100%;
    padding: 0 20px;
    margin: 20px auto;
    max-width: 1900px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.single_container .side_main {
    width: 75%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 30px;
}

.single_container .side_left {
    width: 450px;
    min-width: 450px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.single_container .side_left img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-height: 768px) {
    .single_container {
        width: 100%;
        padding: 0 8%;

    }
}

.video_view {
    width: 10%;
}

@media screen and (max-width: 1200px), screen and (max-height: 480px) {
    .single_container .side_left {
        width: 350px;
        min-width: 350px;
    }
}

@media screen and (max-width: 500px) {
    .single_container {
        width: 100%;
        padding: 0 0px;
    }
}

@media screen and (min-width: 1200px) {
    .single_container {
        padding: 0 5.7%;
    }
}

.hide-menu {
    display: none;
}

.hide-menu .fixed-nav {
    -webkit-transform: translate(270px, 0);
    transform: translate(270px, 0);
    -webkit-transition: 0s;
    transition: 0s;
}

.opener-s-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9997;
}

body.noscroll {
    overflow: hidden;
}

body.noscroll .fixed-nav {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.title-moshabeh {
    background-color: #F0F0F0;
    color: #000000;
    font-size: 19px;
    font-weight: bold;
    padding: 20px 15px;
    margin-bottom: 10px;
}

.video_type1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.video_type1 li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.video_type1 a {
    color: #000000;
}

.video_type1 h3 {

    line-height: 22px;
    overflow: hidden;
}

.video_type1 .more-info {
    width: 50%
}

.video_type1 .more-info .meta {
    margin: 14px 0;
}

.video_type1 .thum {
    width: 50%;
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    margin-left: 15px;
}

.thum .duration {
    position: absolute;
    bottom: 5px;
    left: 7px;
    background-color: #000000;
    opacity: 0.7;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    padding: 5px 5px 3px 5px;
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}

.video_type1 .thum img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}


.video_type1 .views, .video_type1 .date {
    font-size: 13px;
    color: #9191AF;
}

.video_type1 .meta_2 {
    color: #9191AF;
}


.video_title {
    font-size: 23px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
}

.video_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.video_btn_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    justify-content: end;
}

.video_btn_box button,
.video_btn_box a, .dBtn {
    background-color: #fff;
    border: 1px solid #F2F2F2;
    color: #000000;
    border-radius: 11px;
    padding: 5px 10px;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
    height: 38px;
    min-width: 38px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.video_btn_box button:hover,
.video_btn_box a:hover, .dBtn:hover, .def-button:hover {
    border-color: #eee;
    background-color: #f9f9f9;
}

.dBtn {
    margin: 0;
    font-weight: bold;
}

.add_comment .dBtn {
    float: left
}

.video_btn_box button .c_dropdown a,
.video_btn_box button .c_dropdown button,
.video_btn_box a .c_dropdown a,
.video_btn_box a .c_dropdown button {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    margin-left: 10px;
}

.video_btn_box button i,
.video_btn_box a i {
    line-height: normal;
    margin: 0;
    display: block;
}

.video_btn_box button span, .video_btn_box a span {
    margin-left: 10px
}

.video_btn_box button svg,
.video_btn_box a svg {
    width: 20px;
    height: auto;
}

.video_btn_box button span,
.video_btn_box a span {
    line-height: normal;
}

.download_btn svg {
    width: 13px !important;
}

.share_btn svg {
    width: 16px !important;
}

.b-dark .c_dropdown {
    background: #212121;

}

.c_dropdown {
    width: 200px;
    display: none;
    position: absolute;
    -webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    background: #fff;
    z-index: 55;
}

.c_dropdown_left {
    left: 0;
    top: 100%;
}

.c_dropdown_right {
    right: 0;
    top: 100%;
}

.single_more_drop {
    padding: 18px 0;
}

.single_more_drop svg {
    margin: 0 5px;
}

.m_dropdown {
    position: relative;
}

.m_dropdown:hover > .c_dropdown {
    display: block;
}

.c_dropdown a {
    border: none !important;
}

.c_dropdown a i {
    margin-left: 7px;
}

.bordered-content {
    /*border: 1px solid #E8E8E8;*/
    padding: 10px;
}

.video_comment {
    display: block;
    padding: 20px 0 10px 0;
}

.video_comment .cm-sec-title {
    color: black;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
}

.video_comment .cm-sec-title svg {
    width: 20px;
    margin-left: 10px;
}

.video_comment .cm-sec-title .tit-1 {
    font-size: 20px;
    margin: 0;
    font-weight: bold;
}

.video_comment .add_comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F2F2F2;
    padding: 10px;
}

.video_comment .add_comment .profile_img {
    width: 40px;
    height: 40px;
    margin-left: 10px;
}

.video_comment .add_comment .profile_img img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
}

.video_comment .add_comment form {
    width: 100%
}

.video_comment .add_comment textarea {
    font-size: 15px;
    width: 100%;
    background-color: white;
    border: 1px solid #D7DDE0;
    padding: 5px;
    outline: navajowhite;
}

.comm-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.show_comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px;
    margin-top: 30px;
}

.show_comment .profile_img {
    width: 40px;
    height: 40px;
    margin-left: 10px;
}

.show_comment .profile_img img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: block;
}

.show_comment .like-dis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: white;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 15px;
    border-radius: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.show_comment .like-dis button {
    background-color: white;
    border: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
}

.show_comment .like-dis button svg {
    display: block;
    width: 18px;
}

.show_comment .like-dis .like-cm {
    margin-right: 15px;
}

.show_comment .like-dis .like-cm svg {
    margin-left: 5px;
}

.show_comment .like-dis .dislike-cm {
    margin-right: 0;
}

.show_comment .like-dis .dislike-cm svg {
    margin-left: 5px;
}

.show_comment .comment_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 25px;
    padding-left: 10px;
}

.show_comment .date {
    margin-bottom: 10px;
    color: #9191AF;
    font-size: 15px;
}

.show_comment .date a {
    color: #000000;
    font-size: 17px;
    font-weight: bold;
    margin-left: 5px;
}

.post-info {
    border-top: 1px solid #e1e1e1;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px 0px;
}

.b-dark .post-info {
    border-top: 1px solid #363636;
}

.post-info .user_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}

.post-info .user__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 12px;
    margin-left: 20px;
}

.post-info .user__info a {
    font-weight: bold;
    font-size: 20px;
    /*margin-bottom: 10px;*/
    color: #000000;
    display: flex;
    align-items: center;
    gap: 6px;
}
.post-info .user__info a svg {
    fill: #4a4a65;
    width: 20px;height: auto;
}

.post-info .user__info span {
    color: #9191AF;
}

.post-info .followbtn {
    background-color: #A131DB;
    border-radius: 5px;
    padding: 7px 14px;
    font-size: 14px;
    color: #fff;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.post-info .followbtn:hover {
    background-color: #8b28bd;
}

.video_des {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
}

p {
    line-height: 32px;
    font-size: 16px;
}

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

.video_des a {
    /*font-size: 14px;*/
    color: #2196f3
}

.video_des h2 {
    margin-top: 30px
}

.more_video_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.more_video_info .info_date {
    /*margin-left: 20px;*/
    color: #9191AF;
    /*width: 100px;*/
}

.more_video_info .cat_tag {
    background-color: white;
    padding: 3px 7px;
    border-radius: 30px;
    font-size: 14px;
    color: black;
}
.tag_video{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
@media screen and (max-width: 768px) {
    .single_playlist {
        border: none !important;
    }
}

.single_playlist {
    background-color: #F9F9F9;
    border: 1px solid #D7DDE0;

    margin-bottom: 20px;
    min-width: 300px;
}

.single_playlist .header {
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 15px;
}


.single_playlist .header .playlist_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: black;
}


.single_playlist .header .playlist_title svg {
    width: 25px;
    margin-left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.single_playlist .header .playlist_title span {
    display: block;
}

.single_playlist .header .playlist_name span {
    color: #858598;
    font-size: 14px;
    margin-top: 7px;
    font-weight: normal;
}

.single_playlist .header .list_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single_playlist .header .list_info .list_info_act {
    margin-left: 7px;
}

.single_playlist .header .list_info button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #f0f0f0;
    border-radius: 11px;
    border: none;
    cursor: pointer;
}

.single_playlist .header .list_info button svg {
    width: 18px;
    display: block;
    line-height: auto;
}

.single_playlist .container-sl {
    height: 75vh;
    overflow: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    scrollbar-width: thin;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

.single_playlist .container-sl .single_video_list .now_play {
    background-color: #E8E8E8 !important;
}

.single_playlist .container-sl .single_video_list a {
    padding: 10px;
    display: block;
    color: black;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.single_playlist .container-sl .single_video_list a:hover {
    background-color: #f1f1f1;
}

.single_playlist .container-sl .single_video_list a li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single_playlist .container-sl .single_video_list a li .thum {
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
}

.single_playlist .container-sl .single_video_list a li .thum img {
    width: 100px;
    height: 70px;
    min-width: 100px;
    min-height: 70px;
    display: block;
}

.single_playlist .container-sl .single_video_list a h3 {
    font-size: 15px;
    line-height: 27px;
}

.single_playlist .container-sl::-webkit-scrollbar {
    width: 5px;
}

.single_playlist .container-sl::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 100px;
}

.b-dark .single_playlist .container-sl::-webkit-scrollbar-track {
    background: #363636;
}


.single_playlist .container-sl::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 100px;
}

.single_playlist .container-sl::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.search-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
}

.search-title .search-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-title .search-name span {
    color: #000000;
    font-size: 18px;
}

.search-title .search-name h1 {
    background-color: white;
    color: #7818AA;
    padding: 8px 15px;
    margin-right: 10px;
    border-radius: 30px;
    font-weight: bold;
}

.search-title .search-filter select {
    background-color: white;
    border: none;
    padding: 8px 15px;
    margin-right: 10px;
    font-size: 16px;
    outline: none;
    border-radius: 30px;
    border-left: 9px solid transparent;
}

.search-result {
    padding-bottom: 50px;
}

.category_header {
    background-size: cover;
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.category_header .cat-name {
    background-color: white;
    -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.1);
    display: inline-block;
    padding: 8px 15px;
    border-radius: 30px;
    font-weight: bold;
    font-size: 18px;
}

.category_header .cat-name i {
    margin-left: 3px;
}

.playlist-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.playlist-result .loder_img_gif {
    width: 16px !important;
    height: 16px !important;
}

.playlist-info {
    background-color: #F4F4F4;
    min-width: 330px;
    width: 500px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 30px 30px;
    margin-left: 20px;
}

.playlist-info .play-all {
    position: relative;
}

.playlist-info .play-all img {
    max-width: 100%;
    height: auto;
    display: block;
}

.playlist-info .play-all span {
    position: absolute;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    bottom: 0;
    right: 0;
    font-weight: bold;
}

.playlist-info .title {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 22px;
}

.playlist-info .subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.playlist-info .subtitle span {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #70707050;
    color: #646488;
    font-size: 15px;
}

.playlist-info .subtitle span:last-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}

.playlist-info .share-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

.playlist-info .share-buttons button {
    background-color: #fff;
    border: 1px solid #F2F2F2;
    color: #000000;
    border-radius: 11px;
    padding: 5px 10px;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    cursor: pointer;
    height: 38px;
    min-width: 38px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.playlist-info .share-buttons button i {
    line-height: normal;
    margin: 0;
    display: block;
}

.playlist-info .share-buttons button svg {
    margin-right: 10px;
    width: 20px;
    height: auto;
}

.playlist-info .share-buttons button span {
    line-height: normal;
}

.playlist-info .share-buttons button.add {
    width: 38px;
}

.playlist-info .share-buttons button.add svg {
    margin: 0;
}

.def-button {
    background-color: #fff;
    border: 1px solid #F2F2F2;
    color: #000000;
    border-radius: 11px;
    padding: 5px 10px;
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 38px;
    min-width: 38px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.def-button svg {
    margin-left: 5px;
    width: 20px;
    height: auto;
}


.playlist-info .playlist-profile {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #CCCCCC;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.playlist-info .playlist-profile button {
    background-color: #A131DB;
    border-radius: 5px;
    padding: 7px 14px;
    font-size: 14px;
    color: #fff;
    border: none;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    min-width: 105px;
}

.playlist-info .playlist-profile button:hover {
    background-color: #8b28bd;
}

.playlist-info .playlist-profile button svg {
    vertical-align: middle;
    fill: #fff
}

.playlist-info .playlist-profile .info-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.playlist-info .playlist-profile .info-author .author-pic {
    width: 55px;
    min-width: 55px;
    height: 55px;
    margin-left: 10px;
}

.playlist-info .playlist-profile .info-author .author-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.playlist-info .playlist-profile .info-author .author-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.playlist-info .playlist-profile .info-author .author-name a {
    color: black;
}

.playlist-info .playlist-profile .info-author .author-name .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
}

.playlist-info .playlist-profile .info-author .author-name .name h3 {
    font-size: 18px;
    line-height: 23px;
}

.playlist-info .playlist-profile .info-author .author-name .name svg {

    margin: 0 11px;
}

.playlist-info .playlist-profile .info-author .author-name .stats span {
    font-size: 15px;
    color: #646488;
}

.playlist-content {
    background-color: #f9f9f9;
    width: 100%;
    padding: 30px 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    flex: auto;
}

.playlist-content .single_video_list .now_play {
    background-color: #E8E8E8 !important;
}

.playlist-content .single_video_list a {
    padding: 20px 0;
    display: block;
    color: black;
    border-bottom: 1px solid #E6E6E6;
}

.playlist-content .single_video_list a li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.playlist-content .single_video_list a li .thum {
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
}


.playlist-content .single_video_list a li .thum img {
    width: 190px;
    height: 110px;
    min-width: 120px;
    min-height: 70px;
    display: block;
}

.playlist-content .single_video_list a h3 {
    font-size: 16px;
    line-height: 27px;
}

.playlist-content .single_video_list .pos {
    align-self: center
}

.playlist-content .list_action {
    margin-right: auto;
    display: flex;
    align-self: end;
}

.playlist-content .list_action .rm-v-playlist {
    margin-right: 15px;
}

.play-page {
    background-color: #F9F9F9;
}

@media screen and (max-width: 1600px) {
    .fixed-nav {
        width: 190px;
    }

    .dalfak-container .aside-cn {
        width: 190px;
        min-width: 190px;
    }

    .channel_cover .channel_logo img {
        width: 100px;
        height: 100px;
    }

    .channel_cover .channel_logo {
        margin-top: 0;
        width: 100px;
        min-width: 100px;
        height: 100px;
    }

    .profile-bg {
        height: 140px;
    }

    .channel_cover {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 20px;
    }
}

@media screen and (max-width: 1300px) {
    #header .right_menu .search_do {
        width: 400px;
    }

    .content_ajax_filter {
        overflow-x: auto;
        overflow-y: hidden;
        display: block;
        scrollbar-width: thin;
        /* width */
        /* Track */
        /* Handle */
        /* Handle on hover */
    }

    .content_ajax_filter::-webkit-scrollbar {
        height: 5px;
    }

    .content_ajax_filter::-webkit-scrollbar-track {
        background: #eee;
        border-radius: 100px;
    }

    .content_ajax_filter::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 100px;
    }

    .content_ajax_filter::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .content_ajax_filter .filter_ajax ul {
        min-width: 1000px;
    }

    .content_ajax_filter .filter_ajax ul li.active:after {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .side_full .dash_video {
        width: 32%;
    }

    #header .logo_container {
        width: 220px;
    }

    #header .logo_container .logo {
        width: 130px;
        height: 35px;
    }

    .sticky-container,
    .fixed-nav {
        top: 69px !important;
    }

    #header .right_menu .search_do {
        width: 280px;
    }

    #header .logo_container .fix-menu-opener {
        margin-left: 15px;
    }

    .dalfak-container .aside-cn {
        width: 220px;
        min-width: 220px;
    }

    .fixed-nav {
        width: 220px;
    }
}

.mobile-header-buttons {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-header-buttons a {
    margin-right: 20px;
}

.mobile-header-buttons a svg {
    display: block;
}

.mobile-header-buttons .toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: -0.5px;
    left: -3px;
    z-index: inherit;
}

.mobile-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    z-index: 99999999;
    width: 100%;
    height: 100%;
    top: -100%;
    -webkit-transition: 300ms;
    transition: 300ms;
    background-color: white;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.mobile-search .mobile-search_do {
    position: relative;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #B1B1B1;
    border-radius: 11px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    overflow: hidden;
}

.mobile-search .mobile-search_do input {
    border: none;
    display: block;
    height: 40px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    outline: none;
}

.mobile-search .mobile-search_do button {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 0;
    height: 40px;
    width: 50px;
    background-color: white;
}

.mobile-search .mobile-search_do button svg {
    width: 19px;
    height: auto;
    display: block;
}

.mobile-search .mobile-search_do .close-search {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 5px;
    text-align: center !important;
    width: auto !important;
    padding: 0 10px;
}

.mobile-search .mobile-search_do .close-search svg {
    margin: 0;
    width: auto;
}

.mobile-search.active {
    top: 0;
}

.playlist_mobile {
    display: none !important;
}

@media screen and (max-width: 1000px) {
    .single_container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .playlist_desktop {
        display: none;
    }

    .playlist_mobile {
        display: block !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .single_container .side_main {
        min-width: 100%;
    }

    .single_container .side_left {
        min-width: 100%;
        width: 100%;
    }

    .single_playlist {
        width: 100%;
        min-width: 100%;
    }

    .video_type1 .thum {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .video_btn_box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .video_btn_box button,
    .video_btn_box a {
        margin-bottom: 10px;
    }


    .channel_cover {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .channel_cover .channel_title {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .channel_cover .channel_title button {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .channel_cover .channel_logo {
        width: 100px;
        height: 100px;
        min-width: 100px;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .channel_cover .channel_logo img {
        width: 100px;
        height: 100px;
    }

    .channel_cover .channel_title h1 {
        font-size: 22px;
    }

    .channel_navbar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .channel_navbar .channel_search {
        width: 100%;
    }

    .channel_navbar .channel_search form {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .channel_navbar .channel_search form {
        width: 100%;
        margin-top: 10px;
    }

    .video_big .thum {
        min-width: 40%;
    }

    .video_big .thum a img {
        width: 100%;
    }

    .channel_cover .external_social svg {
        width: 15px;
        height: 15px;
    }

    .channel_cover .external_social {
        top: -41px;
    }

    .profile-bg {
        height: 170px;
    }
}

@media screen and (max-width: 910px) {
    .mobile-header-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .search-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .search-title .search-name {
        margin-bottom: 15px;
    }

    .close-search {
        display: block !important;
    }

    .header_buttons,
    .tsearch {
        display: none !important;
    }

    #header .right_menu .search_do input {
        padding-right: 10px;
    }

    #header .right_menu {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .sticky-container,
    .fixed-nav {
        top: 56px !important;
    }

    .side_full .dash_video {
        width: 48%;
    }

    .playlist-result {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .playlist-info {
        min-width: 100%;
        width: 100%;
        height: auto;
    }


}

.mob-asli {
    position: fixed;
    z-index: 99999999;
    right: 0;
}

.mob-asli .fixed-nav {
    height: 100% !important;
    width: 240px !important;
}

.overlay-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
}

@media screen and (max-width: 600px) {
    .aside-cn {
        display: none;
    }

    .sticky-container {
        position: static;
    }

    .mob-asli .fixed-nav {
        height: 100% !important;
        width: 70% !important;
    }
}

.fakespace {
    width: 100%;
    height: auto;
    display: block;
}

.player.fixed {
    position: fixed !important;
    top: 56px;
    right: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 99999;
}

.player {
    position: fixed !important;
    top: 56px !important;
}

.mk::after {
    padding-top: 56%;
    content: ''
}

@media screen and (max-width: 490px) {
    .channel_cover .channel__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 20px;
    }

    .video_big {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .video_big .thum {
        width: 100%;
        min-width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }

    .video_big .desc {
        margin-top: 10px;
    }

    .channel_cover .channel__info .vid-stats {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.toggle {
    --size: 1.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
    width: var(--size);
    height: var(--size);
    -webkit-box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0;
    box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0;
    border-radius: 999px;
    /*color: white;*/
    -webkit-transition: all 500ms;
    transition: all 500ms;
}

.toggle:checked {
    --ray-size: calc(var(--size) * -0.4);
    --offset-orthogonal: calc(var(--size) * 0.65);
    --offset-diagonal: calc(var(--size) * 0.45);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    color: #fa0;
    -webkit-box-shadow: inset 0 0 0 var(--size), calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), var(--offset-orthogonal) 0 0 var(--ray-size), 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), 0 var(--offset-orthogonal) 0 var(--ray-size), calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 var(--ray-size), var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size);
    box-shadow: inset 0 0 0 var(--size), calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), var(--offset-orthogonal) 0 0 var(--ray-size), 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), 0 var(--offset-orthogonal) 0 var(--ray-size), calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 var(--ray-size), var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size);
}

.toggle {
    z-index: 1;
}

.toggle:checked ~ .background {
    --bg: white;
}

.b-dark {
    background-color: #181818;
}

.b-dark .nav-right .night_mode .body ul li {
    color: white;
}

.b-dark #header,
.b-dark .load_more_content,
.b-dark .load_more_content .loder_img_gif,
.b-dark .play-page {
    background-color: #212121;
}

.b-dark .titr1,
.b-dark .title,
.b-dark .content_ajax_filter .filter_ajax ul li a {
    color: white;
}

.b-dark #header {
    border-bottom-color: #414040;
}

.b-dark .bt_menu_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.b-dark #header .right_menu .header_buttons .bt_menu_top a {
    color: #fff;
}

.b-dark #header .right_menu .header_buttons .upload {
    background: #343438;
}

.b-dark #header .right_menu .header_buttons .upload svg * {
    fill: white
}


.b-dark #header .logo_container .logo {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAABsCAMAAADnjH+fAAABXFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9jYfXuAAAAc3RSTlMAAgQGCAoMDhAREhQWGBocHiAiJCYoKiwuMDI0Njg6PD5AQkRGSElKTE5QUlRWWFpcXmBiZGZoamxucHJ0dnh6fH6Bg4WHiYuNj5GTlZeZm52foaOlp6mrra+xs7W3ubu9v8HDxcfJy83P0dPV19nb3d/qzfaHygAACsFJREFUeNrt24lX2swWAPALuD0XEBVEtK2t+mprv6ooWqvWpSqL2s9+KouIGwgKCpl3//9zXtgykMkkgWJ73jvzO1XSGHOSmzs3M5MIgiAIgiAIgiAIgiAIgiAIgiAIgiAIwv8Oi81qtdps5a8K4Ovo6uywddjkTaGqc8w1PDziGh11u0bHBi3wi5wz/s3voR/Hh6G9nQ3flBPaYvgv//Kyf/XLmuzL6uqXstXKwqpM/rYi8/v9K/65YeB4F0zeo0rmPrY7CZr8eazKrUJFHOvdR79P20Bfx14oeLC3HwgdHi1Cg6Gt5BM2eLo7+mCFX/QuIWETCtdfbcCaTxHUVrxeAA07qDiEijSqZYJu0DNdF1uoYz8poJbH3W74Fd8lbFb6E6j0RQnykcSwbrCCUHGPLHLiBL63qLgB6tMT8mTnoHVHBJtHgtDAnUF9hQ+gtouKfZpZGp6XgesNKu5A8U1CPhKCVvkJtoLsQx37Axoh0zqZtQcVKf7p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");
}

.b-dark #header .logo_container .fix-menu-opener svg, .b-dark #header .logo_container .fix-menu-opener svg * {
    fill: white;
}

.b-dark .content_ajax_filter {
    background-color: #2A2A2C;
}

.b-dark #header .right_menu .search_do {
    border-color: #414040;
}

.b-dark #header .right_menu .search_do svg,
.b-dark #header .right_menu .search_do svg * {
    fill: white;
}

.b-dark #header .right_menu .search_do input,
.b-dark #header .right_menu .search_do button {
    background-color: transparent;
    border-color: #414040;
    color: white;
}

.b-dark .viewall1 {
    color: white;
}

.b-dark .side_full .dash_video .vid a {
    color: white;
}

.b-dark .side_full .dash_video .vid .author,
.b-dark .side_full .dash_video .vid .stats {
    color: #CCCCCC;
}

.b-dark .cover_full {
    border-color: #414040;
}

.b-dark .follow_author .author_details {
    color: white;
}

.b-dark .fixed-nav {
    background-color: #212121;
    color: #FFFFFF;
}

.b-dark .fixed-nav .current-page {
    background-color: #212121;
    color: #FFFFFF;
}

.b-dark .fixed-nav .current-page svg,
.b-dark .fixed-nav .current-page svg * {
    fill: white;
}

.b-dark .nav-right .nav-title {
    color: white;
}

.b-dark .nav-right .categories .white-body,
.b-dark .nav-right .sections .body {
    background-color: #202020;
}

.b-dark .nav-right .categories .white-body ul li a,
.b-dark .nav-right .sections .body ul li a {
    background-color: #202020;
    color: white;
    border-color: #2A2A2C;
}

.b-dark .nav-right .categories .white-body ul li a:hover,
.b-dark .nav-right .sections .body ul li a:hover {
    background-color: #161616;
    color: white;
}

.b-dark .nav-right .categories .white-body ul li a svg,
.b-dark .nav-right .categories .white-body ul li a svg *,
.b-dark .nav-right .sections .body ul li a svg:not(.live),
.b-dark .nav-right .sections .body ul li a svg:not(.live) * {
    fill: white;
}

.b-dark .nav-right .categories .open-all {
    background-color: #212121;
    color: white;
}

.b-dark .nav-right .categories .thispage a {
    background-color: #181818 !important;
    color: white;
}

.b-dark .nav-right .categories .open-all svg,
.b-dark .nav-right .categories .open-all svg * {
    fill: white;
}

.b-dark .title-moshabeh {
    background-color: #212121;
    color: white;
}

.b-dark .recommended-vids {

/ / color: white;
/ / border-color: #414040;
}

.b-dark .video_type1 a {
    color: white;
}


.b-dark .video_type1 .date,
.b-dark .video_type1 .views {
    color: #cccccc;
}

.b-dark .bordered-content {
    color: white;
    border-color: #181818;
}

.b-dark .video_btn_box button, .b-dark .video_btn_box a {
    background-color: #212121;
    border: 0;
    color: white;
}

.b-dark .video_btn_box button:hover, .b-dark .video_btn_box a:hover {
    background-color: #202020;
    border-color: #414040;
    color: white;
}

.b-dark .playlist-info .share-buttons button {
    background-color: #202020;
    border-color: #414040;
    color: white;
}

.b-dark .video_btn_box svg,
.b-dark .video_btn_box svg *,
.b-dark .playlist-info .share-buttons button svg,
.b-dark .playlist-info .share-buttons button svg * {
    fill: white;
}


.b-dark .post-info .user__info a {
    color: white;
}
.b-dark .post-info .user__info a svg{
    fill: #ccc;
}

.b-dark .post-info .user__info span,
.b-dark .more_video_info .info_date,
.b-dark .show_comment .date {
    color: #ccc;
}

.b-dark .more_video_info .cat_tag {
    background-color: #212121;
    color: white;
}


.b-dark .video_comment .cm-sec-title,
.b-dark .show_comment .date a {
    color: white;
}

.b-dark .video_comment .cm-sec-title svg,
.b-dark .video_comment .cm-sec-title svg * {
    fill: white;
}

.b-dark .video_comment .add_comment {
    background-color: #343438;
}

.b-dark .video_comment .add_comment textarea {
    background-color: #202020;
    border: none;
    color: white;
}

.b-dark .show_comment .comment_text {
    color: white;
}

.b-dark .show_comment .like-dis,
.b-dark .show_comment .like-dis button {
    color: white;
    background-color: #212121;
}

.b-dark .show_comment .like-dis svg,
.b-dark .show_comment .like-dis svg * {
    fill: white;
}

.b-dark .category_header .cat-name {
    background-color: #202020;
    color: white;
    -webkit-box-shadow: 0 0 0 8px rgba 0, 0, 0, 0.1;
    box-shadow: 0 0 0 8px rgba 0, 0, 0, 0.1;
}

.b-dark .single_playlist .header {
    background-color: #212121;
}

.b-dark .single_playlist {
    background-color: #181818;
    border-color: #414040;
}

.b-dark .playlist_title {
    color: white !important;
}

.b-dark .single_playlist .header .playlist_name span,
.b-dark .single_playlist .header .list_info .list_info_act {
    color: #ccc;
}

.b-dark .single_playlist .header .list_info button {
    background-color: #202020;
}

.b-dark .single_playlist .header .list_info button svg,
.b-dark .single_playlist .header .list_info button svg * {
    fill: white;
}

.b-dark .single_playlist .container-sl .single_video_list a h3,
.b-dark .pos {
    color: white;
}

.b-dark .single_playlist .container-sl .single_video_list a:hover {
    background-color: #303030 !important;
}

.b-dark .single_playlist .container-sl .single_video_list .now_play {
    background-color: #303030 !important;
}

/*.b-dark .video_type1 li:hover {*/
/*background-color: #303030;*/
/*}*/

/*.video_type1 li:hover {*/
/*background-color: #f1f1f1;*/

/*background-color: #f1f1f1;*/
/*}*/

.b-dark .playlist-content {
    background-color: #181818;
}

.b-dark .playlist-info {
    background-color: #373738;
}

.b-dark .playlist-content .single_video_list a {
    border-bottom-color: #414040;
}

.b-dark .playlist-content .single_video_list a h3 {
    color: white;
}

.b-dark .playlist-info .subtitle span,
.b-dark .playlist-info .playlist-profile .info-author .author-name .stats span {
    color: #ccc;
}

.b-dark .playlist-info .playlist-profile {
    border-color: #414040;
}

.b-dark .playlist-info .playlist-profile .info-author .author-name .name h3 {
    color: white;
}

.b-dark .playlist-info .playlist-profile .info-author .author-name .name svg,
.b-dark .playlist-info .playlist-profile .info-author .author-name .name svg * {
    fill: white;
}

.b-dark .channel_cover {
    background-color: #2A2A2C;
}

.b-dark .channel_cover .external_social ul {
    background-color: #343438;
}

.b-dark .channel_cover .external_social ul svg,
.b-dark .channel_cover .external_social ul svg * {
    fill: white;
}

.b-dark .channel_cover .channel_title h1,
.b-dark .channel_cover .channel__info .stat b,
.b-dark .channel_more .channel_des{
    color: white;
}

.b-dark .channel_cover .channel__info span,
.b-dark .channel_navbar .channel_search form input {
    color: #ccc;
}

.b-dark .channel_cover .channel_title .certified,
.b-dark .channel_cover .channel_title .certified * {
    fill: #ccc;
}

.b-dark .channel_cover .channel__info .vid-stats .notification button,
.b-dark .channel_navbar .channel_search form {
    background-color: #343438;
}

.b-dark .channel_cover .channel__info .vid-stats .notification button svg,
.b-dark .channel_cover .channel__info .vid-stats .notification button svg *,
.b-dark .channel_navbar .channel_search form svg,
.b-dark .channel_navbar .channel_search form svg *,
.b-dark .channel_navbar .tab_box .head .tab a svg,
.b-dark .channel_navbar .tab_box .head .tab a svg * {
    fill: white;
}

.b-dark .channel_navbar .tab_box .head .tab a,
.b-dark .video_big .vid a,
.b-dark .video_big .desc {
    color: white;
}

.b-dark .channel_navbar .tab_box .head .tab.curent a {
    background-color: #343438 !important;
}

.b-dark .video_big .vid .stats {
    color: #ccc;
}

.b-dark .search-title .search-name span {
    color: white;
}

.b-dark .search-title .search-filter select,
.b-dark .search-title .search-name strong,
.b-dark .content_ajax_filter .filter_ajax .btn-filter,
.b-dark .mobile-search {
    background-color: #202020;
    color: white;
}

.b-dark .mobile-header-buttons svg,
.b-dark .mobile-header-buttons svg *,
.b-dark .stream_row .title_stream .name svg,
.b-dark .stream_row .title_stream .name svg *, .b-dark .pc-top-avatar svg * {
    fill: white;
}

.pc-top-avatar {
    padding: 0 !important;
    padding-right: 15px !important;
}

.b-dark #header .right_menu .search_do {
    background: #343438
}

.b-dark .mobile-search .mobile-search_do,
.b-dark .mobile-search .mobile-search_do input,
.b-dark .mobile-search .mobile-search_do button {
    background-color: #202020 !important;
    border-color: #414040 !important;
    color: white;
}

.b-dark .mobile-search .mobile-search_do svg,
.b-dark .mobile-search .mobile-search_do svg * {
    fill: white;
}

.b-dark .nav-right .night_mode .body {
    background-color: #212121;
}

.b-dark .minimized a, .b-dark .minimized .white-body, .b-dark .minimized .body {
    background-color: transparent !important;
}

.meta .author {
    width: 100%;
    color: #75759B;
    font-size: 14px;
    font-weight: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.meta .author svg {
    display: block;
    margin-right: 6px;
    width: 13px;
    height: auto;
    position: relative;
    top: -1px;
}

.name span {
    font-size: 22px;
}

.b-dark .form-control {
    border: 1px solid #545657 !important;
}

.login-with-google-btn {
    transition: background-color 0.3s, box-shadow 0.3s;
    padding: 12px 16px 12px 42px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
    color: #757575;
    font-size: 19px;
    font-weight: 500;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;
    width: 100%;
    margin-top: 20px;
    font-weight: bold;
}

.login-with-google-btn:hover {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25);
}

.login-with-google-btn:active {
    background-color: #eeeeee;
}

.login-with-google-btn:focus {
    outline: none;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 3px #c8dafc;
}

.login-with-google-btn:disabled {
    filter: grayscale(100%);
    background-color: #ebebeb;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
}

#tab-btn {
    display: flex;
}

.login-tab, .register-tab {
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: center;
    background-color: transparent;
    color: gray;
    font-size: 20px;
    padding: 10px;
    border-bottom: 2px solid rgba(85, 85, 85, 0.5);
    border-top: none;
    border-right: none;
    border-left: none;
    cursor: pointer;
}

.login-tab.active, .register-tab.active {
    color: black;
    border-top: 2px solid rgba(85, 85, 85, 0.5);
    border-right: 2px solid rgba(85, 85, 85, 0.5);
    border-left: 2px solid rgba(85, 85, 85, 0.5);
    border-bottom: none;
}

.login-box,
.register-box {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 5px;
    padding-right: 5px;
}

.register-box {
    display: none;
}

.inp {
    width: 100%;
    padding: 7px;
    margin-bottom: 20px;
    font-size: 17px;
    border: 1px solid #EAEAEA;
    background-color: #fff;
    color: black;
    border-radius: 5px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
}

.inp:focus {
    outline: none;
    border: 2px solid #EAEAEA;
    border-bottom: 5px solid #EAEAEA;
}

.sub-btn {
    width: 100%;
    padding: 12px;
    border: none;
    font-size: 20px;
    font-weight: bold;
    background-color: #EAEAEA;
    border-radius: 6px;
    color: black;
    cursor: pointer;
}

.b-dark .sub-btn {
    width: 100%;
    padding: 12px;
    border: none;
    font-size: 20px;
    font-weight: bold;
    background-color: #555;
    border-radius: 6px;
    color: white;

}

.sub-btn:focus {
    outline: none;
}

#forgot {
    font-size: 18px;
    color: #444;
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.b-dark #forgot {
    color: white;

}

.b-dark #spandalfak {
    color: white;
}

.b-dark .login-tab, .b-dark .register-tab {
    border-bottom: 2px solid #555;
}

.b-dark .login-tab.active, .b-dark .register-tab.active {
    color: white;
    border-top: 2px solid #555;
    border-right: 2px solid #555;
    border-left: 2px solid #555;
    border-bottom: none;
}

.b-dark .inp {
    border: 1px solid #181818;
    background-color: #282828;
    color: white;
}

.b-dark .inp:focus {
    outline: none;
    border: 2px solid #555;
    border-bottom: 5px solid #555;
}

.b-dark .login-with-google-btn {
    color: black;
}

.b-dark #Icon_Navigation_Fill_Arrow_Right g path {
    fill: white;
}

.b-dark .m_modal_header2 svg g path {
    fill: white;
}

/*
boot*/
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    margin-right: auto;
    margin-left: auto;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    width: 100%
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px
    }
}



.col {
    flex: 1 0 0%
}

.align-items-center {
    align-items: center !important
}

.pt-5 {
    padding-top: 3rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.d-none {
    display: none !important
}

@media (min-width: 1200px) {
    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .d-xl-block {
        display: block !important
    }
}


/*wow*/
.video-container-parent {
    position: absolute
}

.jw-skip {
    right: 0 !important;
    border-radius: .5em 0 0 .5em !important;
    background: rgba(24, 24, 24, .7)!important;
    padding: 0.8em 2em!important;
    height: unset!important;
    line-height: 22px!important;
    border: 1px solid #8c8c8c!important;
    border-right: unset!important;

}

#videochi_player_vastmore9 {
    left: 1.75em;
    bottom: 4em;
}

#videochi_player_vastmore9 div {
    border-radius: .5em;
    padding: 0.8em 2em;
    background: rgba(24, 24, 24, .7);
    border: 1px solid #8c8c8c;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 22px;
    font-family: 'dalfak';
}

#videochi_player_vastmore9 div svg {
    margin-left: 7px;
    vertical-align: sub;
    fill: #fff;
}

#videochi_player_vastmore9 a {
    color: #fff;
    font-size: 15px;
    width: 400px;
    height: 80px;
    position: relative;
    display: block
}

#videochi_player_vastmore9 i {
    font-size: 17px
}

.offer-li {
    /*display: table !important;*/
    box-sizing: border-box;
    padding: 6px !important;
    box-shadow: 0 0 6px #fcefba;
    border: 1px solid #fcefba;
    background: #fdfaee;
    position: relative
}

.offer-note {
    position: absolute;
    display: inline-block;
    width: 55px;
    height: 22px;
    left: 0;
    bottom: 0;
}

.redirect-link {
    direction: ltr;
    font-family: Arial;
}

#ynpos-11382, #ynpos-11956 {
    display: table !important;
    width: 100%;
    height: 90px;
    margin: 0px auto 10px;
}

#yektanet_frm, #pos-article-display-22607 {
    height: 300px;
    overflow: hidden;
}

.unmutebtn {
    cursor: pointer;
    display: none;
    position: absolute;
    width: auto;
    height: auto;
    padding: 10px;
    top: 20px;
    left: 20px;
    z-index: 1;
    background-color: rgba(101, 1, 155, 0.8) !important;
    border: 2px solid #fff;
    border-radius: 13px;
    color: white
}

.unmutebtn svg {
    vertical-align: middle;
    fill: #fff
}

.unmutebtn span {
    vertical-align: baseline;
}

@media only screen and (max-width: 800px) {
    #videochi_player_vastmore9 {
        left: 0.75em!important;
    }

    #videochi_player_vastmore9 a {
        color: #fff;
        font-size: 13px;
        width: 220px;
        height: 70px;
    }

    #videochi_player_vastmore9 i {
        font-size: 14px
    }

    #ynpos-11382 {
        height: 100px !important;
        overflow: hidden
    }

    #ynpos-11956 {
        height: 250px !important;
        overflow: hidden
    }

    #yektanet_frm, #pos-article-display-22607 {
        height: 230px;
        overflow: hidden;
    }

    .unmutebtn {
        padding: 6px;
        top: 10px;
        left: unset;
        right: 10px
    }
}
.jw-text-elapsed, .jw-text-duration {font-size: 14px !important;}
.jw-time-tip .jw-text, .jw-controlbar .jw-tooltip .jw-text, .jw-settings-menu .jw-tooltip .jw-text {font-size: 14px !important; }
.jw-cue{
    background-color:#A131DB;
}
.jw-progress {
    background-color: #A131DB !important;
}


.jw-time-tip, .jw-controlbar .jw-tooltip, .jw-settings-menu .jw-tooltip{
    color: transparent!important;
    background-color: transparent!important;
    border-radius: 12px!important;
}
.jw-time-tip .jw-text, .jw-controlbar .jw-tooltip .jw-text, .jw-settings-menu .jw-tooltip .jw-text{
    color: #ffffff!important;;
    background-color: #181818!important;
    border-radius: 6px!important;
    min-height:unset!important;
}
.jwplayer .jw-shortcuts-tooltip{
    background-color: #181818!important;
    border-radius: 14px!important;
}
.jw-settings-menu{
    background-color: #181818!important;
    border-radius: 14px!important;
    bottom: 64px!important;
}
.jw-settings-topbar{
    border-top-left-radius: 14px!important;
    border-top-right-radius: 14px!important;
}

.jw-reset, .jw-reset-text {
    font-family: "dalfak", Tahoma, Arial!important;
    font-size: 14px!important;
}
.jw-settings-content-item{
    text-align: right!important;
    padding: 7px 15px 7px 0!important;
}
.jw-settings-item-active::before{
    right: 0!important;
    left: unset!important;
}
.jw-time-tip .jw-text.jw-time-chapter{
    margin-bottom: 6px;
    font-size: 16px!important;
    min-width: max-content!important;
}
.jw-time-tip .jw-text.jw-time-time{
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)!important;
    min-width: fit-content!important;
}
.jw-time-tip{
    text-align: center!important;
    box-shadow: unset!important;
}
#jw-videochi_player-settings-submenu-captions .jw-submenu-topbar{
    display: none;
}
.jw-skip .jw-text, .jwplayer.jw-flag-ads .jw-controlbar .jw-text-alt {
    font-family: "dalfak", Tahoma, Arial !important;
    font-size: 0.8em !important;
}

.jw-title-primary {
    font-family: "dalfak", Tahoma, Arial !important;
    text-align: center !important;
    font-size: 20px !important;
    margin-top: 3% !important;
    direction: rtl !important;
}

.jwplayer .jw-display-icon-container {
    border: 5px solid #fff !important;
    border-radius: 50% !important;
}

.jw-controlbar {
    background: linear-gradient(0deg, rgba(0, 0, 0, .75) 0%, transparent 100%) !important;
}

.jwplayer:hover .jw-display-icon-container, .jw-display-icon-container {
    background-color: rgba(101, 1, 155, 0.8) !important;
}

.jwplayer:hover .jw-display .jw-icon, .jw-display .jw-icon {
    color: #fff !important;
}

.jw-skin-seven .jw-text {
    font-family: "dalfak", Tahoma, Arial !important;
    font-size: 14px !important;
}

.jw-text {
    font-family: "dalfak", Tahoma, Arial !important;
}

/*.jw-slider-horizontal .jw-knob {top: -0.25em !important;}*/
/*.jw-slider-vertical .jw-knob {left : -0.2em !important}*/
/*.jw-knob {    width: 0.8em !important;     height: 0.8em !important; border-radius: 0.5em !important;}*/
/*.jw-background-color {background: rgba(33,33,33,1) }*/

.jw-slider-horizontal .jw-buffer, .jw-slider-horizontal .jw-progress, .jw-slider-horizontal .jw-rail {
    border-radius: 5px !important;
}
.jw-skip .jw-skiptext{
    font-size: 1em !important;
    font-weight: normal!important;
}

.video_title .show_more_des {
    float: left
}

.has-pl {
    display: block
}

.has-pl .side_main {
    margin-left: 0;
    width: 100%;
    box-sizing: border-box
}

.has-pl #video {
    display: inline-block;
    box-sizing: border-box;
    width: 70%
}

.has-pl .single_playlist {
    display: inline-block;
    box-sizing: border-box;
    width: 29%;
    margin-bottom: 0;
    min-width: unset;
    vertical-align: top;
}


.scrollbar {
}

.scrollbar::-webkit-scrollbar {
    width: 12px;
}

.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.scrollbar::-webkit-scrollbar-thumb { /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.4);
}

.single_playlist .controller {
    padding: 0 10px;
    display: flex;
    box-sizing: border-box;
    background: #efefef;
    width: 100%;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.single_playlist .controller .action {
    text-align: center;
    flex-grow: 1;
}

.single_playlist .controller .action .info {
    color: #000;
    vertical-align: middle;
    line-height: 42px
}

.single_playlist .controller .action .info {
    font-size: 22px;
    direction: ltr
}

.single_playlist .controller svg {
    vertical-align: middle
}

.single_playlist .loder_img_gif {
    margin: 15px auto;
    display: block;
    width: 38px;
    height: 38px;
}

.single_video_list .now_play svg {
    width: 16px;
    height: 16px;
    margin-right: 7px
}

.pl-h1 {
    margin-top: 0 !important;
}

.dender {
    border-bottom: 1px solid #e1e1e1;
    display: block;
    width: 100%;
    margin: 20px 0;
    clear: both
}

.b-dark .dender {
    border-bottom: 1px solid #363636;
}

.b-dark .single_playlist .controller {
    background: #363636;
    color: white;
}

.b-dark .single_playlist .controller .action .info {
    color: white;
}

.b-dark .single_playlist svg * {
    fill: #fff !important;
}

.b-dark .single_playlist .controller .disable svg * {
    fill: #6c6c6c !important;
}


.single_share_content {
    text-align: center;
    direction: ltr;
}

.close_modal {
    padding: 5px;
    float:left;
}

.close_modal svg {
    vertical-align: top
}

.m_modal .modal_title {
    font-size: 21px
}


.player-solver {
    display: none
}

._video_player {
    width: 100%;
    margin: 0;
    position: relative;
    display: table !important;
}

.video_title h1 {
    overflow: hidden
}

.video_info {
    overflow: hidden
}

.mobile_pl_do .single_playlist, .mobile_pl_do #video {
    width: 100% !important;
}

.thum {
    background: url(../images/thum-bg.png) no-repeat center center;
    background-size: cover;
}


.is_pc {
    display: block;
}

.is_mobile, .is_mobile_inline {
    display: none;
}

.is_mobile_hard {
    display: none !important;
}

@media screen and (max-width: 780px) {
    .is_pc {
        display: none;
    }

    .is_mobile {
        display: block;
    }

    .is_mobile_inline {
        display: inline-block;
    }

    .is_mobile_hard {
        display: block !important;
    }

    .side_full .dash_video .vid a {
        font-size: 14px
    }

    .video_title, .pl-h1 {
        margin-top: 10px !important;
    }

    .video_title h1 {
        font-size: 19px;
        line-height: 25px;
        display: inline-block;
        width: calc(100% - 23px);
    }

    .video_title svg {
        vertical-align: middle
    }

    /*.post-info {padding: 15px 0;}*/
    .post-info .user__info a {
        font-size: 17px
    }

    .video_des {
        border-top: 1px solid #e1e1e1;
    }

    .video_comment {
        display: none;
        background: #fff;
        padding: 10px;
        box-sizing: border-box;
        z-index: 10000000;
        overflow: auto;
        width: 100%;
        height: 100%;
        position: fixed;
        margin: 0;
        right: 0;
        border-radius: 20px 20px 0 0;
    }

    .b-dark .video_comment {
        background: #202020;
    }

    .video_view {
        width: 100%;
        padding-bottom: 14px
    }

    .video_comment .cm-sec-title .tit-1 {
        font-size: 15px
    }

    .hide_comment_btn {
        border: none;
        background: none;
        margin-bottom: 10px;
        margin-top: 15px;
        width: 100%;
        text-align: left
    }

    .single_container {
        margin: 0 auto
    }

    .show_comment .date a {
        font-size: 15px;
    }

    .show_comment .date {
        font-size: 13px
    }

    .video_comment .video_comment_body {
        overflow-y: scroll;
        height: 100%
    }

    #header {
        padding: 14px 20px
    }

    #header .logo_container .fix-menu-opener {
        margin-left: 20px;
    }

    .mobile-header-buttons a {
        margin-right: 30px;
    }

    .playlist-content .single_video_list a li {
        flex-wrap: wrap
    }

    .playlist-content .single_video_list a li .thum, .playlist-content .single_video_list a li .info {
        flex: 1;
    }

    .playlist-content .single_video_list a li .list_action {
        width: 100%;
        justify-content: end;
        margin-top: 20px;
    }


    .has-pl #video {
        width: 100%
    }

    .has-pl .single_playlist {
        width: 100%;
    }

    .b-dark .has-pl .single_playlist {
        border-bottom: 1px solid #363636 !important;
    }

    .single_playlist .header {
        padding: 15px 10px;
    }

    .single_playlist .header .title {
        font-size: 19px
    }

    .single_playlist .header {
        font-size: 21px
    }

    .single_playlist .controller .action .info {
        font-size: 19px
    }

    .jwplayer:hover .jw-display-icon-container, .jw-display-icon-container {
        background-color: unset;
    }

    .jwplayer .jw-display-icon-container {
        border: none !important;
        border-radius: unset !important;
    }

    .jwplayer:hover .jw-display-icon-container, .jw-display-icon-container {
        background-color: unset !important;
    }

}

@media screen and (max-width: 480px) {
    .player-solver {
        display: block;
        padding-top: 56.25%;
    }

    ._video_player {
        position: fixed;
        top: 56px;
        z-index: 9997
    }
}

.no-after:after {
    content: none !important;
}

.reportBTN {
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 15px;
    color: #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    border-color: transparent;
    cursor: pointer;
}


.reportInput {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    background: none;
    outline: none;
    resize: none;
    border: 0;
    font-size: 14px;
    transition: all 0.3s;
    border-bottom: 2px solid #bebed2;
}
.b-dark .reportInput {
    color: white;
}
.b-dark .reportInput option{
    color: black;
}

.reportInput:focus {
    border-bottom: 2px solid #78788c;
}

p.reportP:before {
    content: attr(type);
    display: block;
    margin: 28px 0 0;
    font-size: 14px;
    color: #5a5a5a;
}
#videoCard{
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    color: white;
    background-color: rgba(24,24,24,0.7);
    border-radius: 6px;
    line-height: 1;
    padding: 7px 10px;
    height: auto;
    display:none;
    align-items: center;
    flex-direction: row;
    gap: 5px;
    cursor: pointer;
    direction: rtl;

}
#videoCard a{
    display: none;
    color: white

}
#videoWatermark{
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    height: auto;
    display:none;
    cursor: pointer;
    direction: rtl;
}
#videoWatermark .jw-controlbar{
    position: relative;
}
.videoWatermarkImage{
    width: 40px;height: 40px;opacity: 0.7;
}
.videoWatermarkImage:hover{
    opacity: 1;
}
.videoWatermarkTooltip{
    margin: 0 0 2px!important;
    right: 50px!important;
    left: 0!important;
    bottom: 0!important;
    top: 16px!important;
}
.jw-settings-menu{
    z-index: 2!important;
    height:unset!important;
}
.jw-breakpoint-2 .jw-settings-open.jw-controls, .jw-flag-small-player .jw-settings-open.jw-controls, .jw-flag-touch .jw-settings-open.jw-controls {
    z-index: 2!important;
}



 .modal_t1 {font-size: 18px;line-height: 41px;text-align: center;color: #575757;}
 .modal_t1 .btn {background-color: #A131DB;border-radius: 5px;padding: 7px 14px;font-size: 14px;color: #fff;border: none;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;}