@font-face {
    font-family: 'fa';
    src: url('../../font/Shabnam-FD.ttf') format('truetype')
}

@font-face {
    font-family: 'en';
    src: url('../../font/droid.ttf') format('truetype')
}

::-webkit-input-placeholder {
    direction: rtl
}

:-moz-placeholder {
    direction: rtl
}

::-moz-placeholder {
    direction: rtl
}

:-ms-input-placeholder {
    direction: rtl
}

.hr2 {
    border: 0;
    height: 1px;
    width: 90%;
    background: #f0f0f0;
    margin: 5px 0px
}

h1,h2,h3,h4,h5,h6,p,ul {
    margin-block-end:0;margin-block-start:0;padding-inline-start:0}

.h-60 {
    height: 60px
}

.h-50 {
    height: 50px
}

.h-100 {
    height: 100px
}

.h-250 {
    height: 250px
}

.w-100 {
    width: 100%
}

.w-80 {
    width: 80%
}

.fw-700 {
    font-weight: 700
}

svg,.sc-bar .sv {
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 0;
    width: 18px;
    vertical-align: sub
}

.img-box {
    border-radius: .24rem;
    width: 203px
}

._fd {
    font-family: "fa"
}

.px-5 {
    padding-inline:5px}

input,textarea,select,button {
    font-family: "fa";
    font-size: .8rem
}

textarea:focus,input:focus,select:focus,button:focus {
    outline: none
}

input,select {
    border: none;
    box-sizing: border-box;
    height: 40px;
    padding: 5px;
    width: calc(100% - 44px)
}

.chat-message {
    font-size: 1.2rem;
    position: relative;
    text-decoration: none;
    float: left;
    height: 46px;
    width: 46px;
    text-align: center
}

.chat-message-bdg {
    font-size: .8rem;
    position: absolute;
    height: 15px!important;
    width: 15px!important;
    top: 4px;
    left: 7px;
    right: auto;
    z-index: 1;
    padding: 0!important;
    border-radius: 50%;
    background: red;
    color: #fff
}

.chat-message-bdg.active {
    display: inline-block
}

.chat-message-bdg.hide {
    display: none
}

.mb-0 {
    margin-bottom: 0!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-24 {
    margin-top: 24px!important
}

textarea {
    border: none;
    box-sizing: border-box;
    padding: 5px;
    width: calc(100% - 8px);
    margin-top: 5px;
    resize: vertical
}

.w-t {
    width: calc(100% - 0px)!important
}

.vjs-paused div.vast-skip-button,div.vast-skip-button,.vast-skip-button.enabled {
    z-index: 2147483647!important
}

.ig textarea {
    float: right;
    min-height: 100px
}

a,button,input[type=button],input[type=submit],._bt {
    transition: all 500ms ease;
    transition-timing-function: linear
}

a {
    text-decoration: none;
    cursor: pointer
}

p {
    font-size: 1rem
}

.send-request {
    display: flex;
    justify-content: center
}

.rigth-placeholder::placeholder {
    position: absolute;
    right: 5px
}

button,._bt {
    font-size: 1rem;
    padding: 6px 20px;
    height: 40px;
    border-radius: 0;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
    display: inline-block;
    line-height: 1.4
}

button:disabled,._bt:disabled {
    opacity: .3;
    cursor: not-allowed;
    pointer-events: none
}

button._sm,._bt._sm {
    font-size: .7rem;
    padding: 3px 7px;
    margin-bottom: 4px;
    height: 25px;
    border-radius: 0
}

button._sm svg,._bt._sm svg {
    float: right;
    margin: 2px 3px 0 3px;
    width: 15px
}

button._fit,._bt._fit {
    width: 100%;
    display: inline-block;
    box-sizing: border-box
}

button._flt,._bt._flt {
    border-radius: 0
}

hr {
    border: 0;
    height: 1px
}

hr.dv {
    margin: 5px 50px 0 40px
}

.tag-link {
    color: #f4aa10;
    cursor: pointer;
    transition: all 500ms ease;
    transition-timing-function: linear
}

.tag-link:hover {
    color: #000000
}

.darkTheme .tag-link:hover {
    color: #fff
}

.cot {
    line-height: 30px;
    width: 75%;
    margin: 0 auto
}

.ltr {
    direction: ltr
}

.f-en {
    font-family: en
}

.ltr-fd {
    direction: ltr
}

.hide,.ng-hide {
    display: none
}

.show {
    display: inherit
}

.loading-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/loading.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/loading.svg") no-repeat center;
    width: 50px;
    height: 50px;
    -webkit-mask-size: 50px
}

.next-play-btn .add-to-next-play-svg {
    display: inline-block;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/add-to-next-play.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/add-to-next-play.svg") no-repeat center;
    background-color: #fff;
    filter: invert(70%) sepia(0%) saturate(0)
}

.video-item-title-wrapper .more-video-item-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/more-video-item.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/more-video-item.svg") no-repeat center;
    width: 14px;
    height: 14px;
    -webkit-mask-size: 14px;
    background: #555555;
    display: inline-block
}

.video-item-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.video-item .video-item-title-wrapper {
    align-items: center
}

.video-item-title-wrapper .more-video-item {
    display: none;
    height: 30px;
    width: 30px;
    text-align: left;
    position: relative;
    display: block;
    cursor: pointer;
    display: flex;
    align-items: center;
    z-index: 99
}

.darkTheme .video-item-title-wrapper .more-video-item {
}

.video-item-more-menu {
    display: none;
    position: absolute;
    padding: 4px 10px;
    border: solid #808081;
    border-width: 1px 1px 1px 1px;
    z-index: 42;
    border-radius: 5px;
    background: #fdfdfd;
    left: 0;
    width: 143px;
    top: -3px
}

.video-item-more-menu li {
    list-style: none;
    font-size: 15px;
    direction: rtl;
    text-align: right;
    line-height: 1.5
}

.video-item-more-menu li label {
    display: inline-block;
    margin: 0;
    line-height: 0;
    cursor: pointer;
    font-size: 12px
}

.darkTheme .video-item-more-menu a:hover {
    color: #000
}

.video-item-more-menu li i {
    display: inline-block;
    font-size: 1rem;
    -webkit-mask-size: 22px;
    float: right;
    width: 22px;
    height: 20px;
    -webkit-mask-position: initial;
    margin-left: 2px;
    transition: all 500ms ease;
    mask-repeat: no-repeat
}

.video-item-more-menu li a {
    padding: 3px;
    color: #555555;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.preload-center {
    position: fixed;
    background-color: #fbbc05;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    z-index: 9
}

.f-0 {
    font-size: 0
}

._hlp {
    font-size: .9rem;
    display: flex;
    flex-wrap: wrap
}

.suggest-text {
    position: relative
}

._hlp:before {
    content: url("https://ww.ifilo.net/filo/content/image-site/svg/star-gold.svg");
    width: 20px;
    height: 20px;
    float: right
}

.suggest-text:before {
    position: absolute;
    right: -15px
}

.crd {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 0;
    border: 1px solid;
    z-index: 5
}

.crd .title {
    border-bottom: solid 1px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 1rem
}

._tc {
    text-align: center!important
}

._tr {
    text-align: right
}

._tl {
    text-align: left
}

._fl-r {
    float: right!important
}

._fl-l {
    float: left
}

._p0 {
    padding: 0!important
}

._px0 {
    padding-inline:0!important}

._pb0 {
    padding-bottom: 0!important
}

._pb10 {
    padding-bottom: 10px!important
}

._pt0 {
    padding-top: 0!important
}

._pr20 {
    padding-right: 20px!important
}

._pl20 {
    padding-left: 20px!important
}

._mb1 {
    margin-bottom: 1px
}

._m0 {
    margin: 0!important
}

._mt5 {
    margin-top: 5px
}

._mt10 {
    margin-top: 10px!important
}

._mt20 {
    margin-top: 20px!important
}

._mt60 {
    margin-top: 60px
}

._mt70 {
    margin-top: 70px
}

._mt90 {
    margin-top: 90px
}

._mr5 {
    margin-right: 5px
}

._mr10 {
    margin-right: 10px
}

._ml10 {
    margin-left: 10px
}

._mr50 {
    margin-right: 50px
}

._mr80 {
    margin-right: 80px
}

._mr1 {
    margin-right: 2px
}

._ml50 {
    margin-left: 50px
}

._m-a {
    margin: auto!important
}

._mb10 {
    margin-bottom: 10px
}

._mb20 {
    margin-bottom: 20px
}

._mb40 {
    margin-bottom: 40px
}

._d-b {
    display: block
}

._d-i-f {
    display: inline-flex
}

._d-f-c {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important
}

._d-f {
    display: flex!important;
    align-items: center!important
}

._d-f-s-a {
    display: flex!important;
    justify-content: space-around!important;
    align-items: center!important
}

._w-100 {
    width: 100%
}

blockquote {
    border-right: 3px solid #ffcc03;
    padding-right: 12px
}

body {
    font-family: "fa";
    font-size: 15px;
    direction: rtl;
    text-align: right;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    overflow-y: auto
}

body::-webkit-scrollbar {
    width: 8px;
    position: fixed;
    left: 0
}

body {
    scrollbar-width: thin
}

footer {
    width: calc(100% - 81px);
    margin-right: 81px;
    padding: 10px 0;
    transition: all 200ms ease;
    transition-timing-function: linear;
    margin-top: 20px
}

footer.op {
    margin-right: 210px;
    width: calc(100% - 210px)
}

footer .fi {
    float: left;
    margin-left: 10px;
    line-height: 1
}

.site-footer {
    background-color: #26272b;
    padding: 45px 0 0;
    font-size: 15px;
    line-height: 24px;
    color: #737373
}

.site-footer hr {
    border-top-color: #bbb;
    opacity: .5
}

.site-footer hr.small {
    margin: 20px 0
}

.site-footer h6 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 5px;
    letter-spacing: 2px
}

.site-footer .license {
    display: inline-block;
    border: 1px solid #3b3d43;
    border-radius: 0;
    text-align: center
}

.site-footer .license img {
    width: 100px
}

.site-footer a:hover {
    text-decoration: none
}

.site-footer .keywords {
    line-height: 40px
}

.site-footer .keywords a {
    border: solid 1px;
    padding: 5px 11px;
    border-radius: 5px
}

.site-footer .keywords a:hover {
    color: #f4aa10
}

.footer-desc {
    text-align: justify;
    padding: 6px 12px 6px 20px;
    font-size: 15px
}

.footer-links {
    padding: 0 15px 0 0;
    list-style: none
}

.footer-links li {
    display: flex;
    align-items: center
}

.footer-links li .smlogo {
    width: 15px;
    height: 15px;
    margin-top: 5px;
    float: right
}

.footer-links a {
    margin-right: 5px
}

.footer-links a:active,.footer-links a:focus,.footer-links a:hover {
    color: #f4aa10;
    text-decoration: none
}

.footer-links.inline li {
    display: inline-block
}

.site-footer .social-icons {
    text-align: right
}

.site-footer .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: 6px;
    margin-right: 0;
    border-radius: 100%;
    background-color: #33353d
}

.site-footer .social-icons a svg {
    float: right;
    padding: 11px
}

.copyright-text {
    margin: 0
}

section .tbi {
    border: 1px solid #CCC;
    padding: 0;
    margin: 15px 0
}

.tbi .leb {
    font-size: 0;
    text-align: center;
    border: 1px solid #CCC;
    margin-top: 15px;
    padding: 0;
    border-radius: 0 5px 5px 0;
    border-left-width: 0
}

.tbi .leb img {
    width: 100%;
    border-radius: 5px
}

.tbi .leb .sh {
    position: absolute;
    width: 20%;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg,#FFFFFF 0%,transparent 100%)
}

.tbi .rib {
    font-size: 0;
    text-align: center;
    border: 1px solid #CCC;
    margin-top: 15px;
    padding: 0;
    border-radius: 5px 0 0 5px;
    border-right-width: 0
}

.tbi .rib a {
    margin-top: 15px
}

.tbi .rib .si {
    width: 100%;
    margin-top: 35px;
    margin-bottom: 53px
}

.tbi .rib h3 {
    margin-top: 40px;
    font-size: 16px
}

@media(max-width: 991px) {
    .site-footer[class^=col-] {
        margin-bottom:30px
    }

    ._hlp {
        display: block
    }
}

@media(max-width: 767px) {
    .site-footer {
        padding-bottom:54px
    }

    .site-footer .copyright-text,.site-footer .social-icons {
        text-align: center
    }

    .tbi .rib,.tbi .leb .sh {
        display: none
    }

    .tbi .leb {
        width: 90%;
        margin: 0 auto;
        border-radius: 5px;
        border-left-width: 1px
    }

    .cot {
        width: 100%
    }
}

@media(max-width: 400px) {
    .site-footer .license {
        width:31%
    }

    .site-footer .license img {
        width: 100%
    }
}

.social-icons {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.social-icons li {
    display: inline-block;
    margin-bottom: 0
}

.social-icons li img {
    float: right;
    padding: 5px
}

.social-icons li.title {
    margin-right: 15px;
    text-transform: uppercase;
    color: #96a2b2;
    font-weight: 700;
    font-size: 13px
}

.social-icons a,.social-icons .open-story {
    background-color: #eceeef;
    color: #818a91;
    font-size: 16px;
    display: inline-block;
    line-height: 44px;
    width: 44px;
    height: 44px;
    text-align: center;
    margin-right: 8px;
    border-radius: 100%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.social-icons a:active,.social-icons a:focus,.social-icons a:hover,.social-icons .open-story:hover {
    color: #fff;
    background-color: #f4aa10
}

.social-icons.size-sm a {
    line-height: 34px;
    height: 34px;
    width: 34px;
    font-size: 14px
}

.social-icons a.facebook:hover {
    background-color: #3b5998
}

.social-icons a.twitter:hover {
    background-color: #00aced
}

.social-icons a.linkedin:hover {
    background-color: #007bb6
}

.social-icons a.dribbble:hover {
    background-color: #ea4c89
}

@media(max-width: 767px) {
    .social-icons li.title {
        display:block;
        margin-right: 0;
        font-weight: 600
    }
}

header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0px;
    z-index: 1001
}

header i {
    background-color: #fff!important;
    filter: invert(70%) sepia(0%) saturate(0)!important
}

header .tb {
    height: 50px;
    overflow: hidden
}

header .tb .log {
    width: 30px
}

header .tb .ms {
    font-size: 1.2rem;
    position: relative;
    text-decoration: none;
    float: left;
    height: 46px;
    width: 46px;
    text-align: center
}

header .tb .ms .mb {
    font-size: .7rem;
    position: absolute;
    height: 1rem;
    top: 5px;
    left: 10px;
    right: auto;
    z-index: 1;
    padding: 0px 7px 0 7px;
    border-radius: 5px;
    width: auto
}

header .tb .tm,header .tb .tc,header .tb .tt,header .tb .ms i,header .tb .ts .shs,header .tb .vu {
    padding: 13px;
    height: 22px;
    width: 22px;
    transition: all 500ms ease;
    transition-timing-function: linear;
    cursor: pointer
}

header .tb .tm {
    float: right;
    width: 32px;
    height: 32px;
    padding: 9px
}

header .tb .tc,header .tb .tt {
    float: left;
    height: 22px;
    width: 22px;
    padding: 14px
}

header .tb .ms i {
    padding: 15px 6px
}

header .tb .lg {
    float: right;
    height: 32px;
    width: 32px;
    margin: 9px 4px;
    padding: 3px;
    border-radius: 50%;
    box-sizing: border-box
}

header .tb .mc {
    display: inline-block;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 56px;
    z-index: 7;
    border-width: 0;
    border-style: solid;
    transition: all 200ms ease;
    transition-timing-function: linear;
    width: 200px
}

header .tb .mc.sh {
    height: 310px;
    border-width: 0 1px 1px 1px
}

header .tb .mc.sh.mo {
    overflow-y: auto
}

header .tb .mc.sh.mo::-webkit-scrollbar {
    width: 1px
}

header .tb .mc.sh.mo {
    scrollbar-width: thin
}

header .tb .mc .cam {
    display: none
}

header .tb .mc.sh.mo .cam {
    display: inline-block
}

header .tb .mc ul {
    margin: 0;
    padding-inline-start:0}

header .tb .mc li {
    width: calc(33.333% - 5px);
    box-sizing: border-box;
    list-style: none;
    height: 70px;
    overflow: hidden;
    font-size: .7rem;
    display: inline-grid;
    text-align: center;
    border: none;
    margin: 0;
    padding: 0
}

header .tb .mc li i {
    font-size: 1.5rem;
    display: block;
    width: 100%
}

header .tb .mc button {
    width: 100%;
    padding: 0
}

header .tb .mc.sh.mo button {
}

header .tb .ts {
    float: right;
    width: calc(100% - 360px);
    transition: all 500ms ease;
    transition-timing-function: linear
}

header .tb.lo .ts {
    width: calc(100% - 400px)
}

.ts .shs {
    display: none;
    font-size: 1.4rem;
    transition: all 200ms ease;
    transition-timing-function: linear
}

.ts .shs {
    float: right
}

.ts .sb {
    margin: 5px 56px;
    height: 40px;
    border-radius: 0;
    box-sizing: border-box
}

.he-se.ts .sb {
    margin: 5px 2px
}

.ts .sb input {
    background-color: transparent;
    border: none;
    height: 100%;
    padding: 0 10px 0 0;
    width: calc(100% - 46px);
    font-size: .9rem;
    float: right
}

.ts .sb button {
    background-color: transparent;
    border: none;
    height: 40px;
    width: 40px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    float: left;
    color: #FFF
}

.ts form {
    transition: all 500ms ease;
    transition-timing-function: linear
}

.he-se {
    color: #555555
}

.he-se .sau {
    top: 115px
}

.sau::-webkit-scrollbar {
    width: 1px
}

.sau {
    scrollbar-width: thin
}

.sau {
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 3px;
    padding: 0px;
    max-height: 0;
    border-style: solid;
    border-width: 0;
    transition: all 200ms ease;
    transition-timing-function: linear;
    box-sizing: border-box;
    top: 45px;
    display: none
}

.sau.sh {
    max-height: 80vh;
    border-radius: 0 0 5px 5px;
    padding: 5px;
    z-index: 999
}

.sau>div {
    padding: 0
}

.sau>h4 {
    margin: 0 5px 10px 0
}

.sau>hr {
    margin-top: 10px
}

.sau .mop {
    margin-top: 10px
}

.sau .vth {
    float: right;
    padding-right: 9px
}

.sau .vth img {
    border-radius: 5px;
    width: 100px;
    height: 56px;
    object-fit: contain
}

.sau .vi {
    float: right;
    margin-right: 10px;
    width: calc(100% - 120px)
}

.sau .uth {
    float: right;
    padding-right: 8px
}

.sau .uth img {
    border-radius: 50%;
    width: 50px
}

.sau .ui {
    margin-top: 15px;
    float: right;
    margin-right: 10px;
    width: calc(100% - 115px);
    text-align: right
}

header .tb .pf {
    float: right;
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap
}

header .tb .pf img {
    width: 30px;
    border-radius: 50%;
    float: right;
    margin-top: 12px
}

header .tb .pf span {
    max-width: 80px
}

header .tb a span {
    float: left;
    max-width: 112px;
    width: 24px;
    height: 24px;
    padding: 13px 5px
}

header .tb .vu {
    float: left;
    max-width: 112px;
    width: 24px;
    height: 24px;
    padding: 13px
}

.ts form {
    display: inline-block;
    float: right;
    width: 100%
}

header .tb.sem .lg,header .tb.sem .vu,header .tb.sem .ms,header .tb.sem .tt {
    display: none
}

aside .mc .cam {
    display: none
}

aside .mc button {
    width: 70%;
    padding: 0;
    background: #f0f0f0
}

aside .mc .cam {
    display: none
}

aside .mc.mo .cam {
    display: inline-block
}

aside .mc.mo {
    overflow-y: auto
}

aside .mc.mo::-webkit-scrollbar {
    width: 1px
}

aside .mc.mo {
    scrollbar-width: thin
}

aside .mc .cam {
    display: none
}

aside .mc.mo .cam {
    display: inline-block
}

aside .mc .cam img,aside .mc .cat img {
    margin: 1px
}

aside::-webkit-scrollbar {
    width: 1px
}

.chatbox::-webkit-scrollbar {
    width: 1px
}

aside,.chatbox {
    scrollbar-width: thin
}

aside {
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    width: 81px;
    height: calc(100vh - 56px);
    transition: all 200ms ease;
    transition-timing-function: linear;
    right: 0px;
    z-index: 103;
    top: 50px;
    z-index: 99999
}

aside.op {
    width: 210px
}

aside .h {
    display: none
}

aside.op .h {
    font-style: inherit;
    display: inline-block;
    background-color: transparent
}

aside a.lg {
    text-align: center
}

aside a.lg img {
    width: 72px
}

aside.op a.lg img {
    width: 90px;
    border-radius: 5px
}

aside .pa {
    position: relative;
    box-sizing: border-box
}

aside>a,aside .pa,aside .nm {
    width: 80px;
    padding: 5px
}

aside .pa+div a {
    padding: 2px 0px 2px 20px;
    font-size: 13px
}

aside .pa+div a span {
    display: inline-block;
    font-size: .8rem;
    margin: 0 5px 0 0;
    width: auto;
    text-align: right
}

aside a,aside .nm {
    width: 100%;
    display: flex;
    align-items: center;
    justify-items: right;
    position: relative;
    box-sizing: border-box;
    flex-direction: column
}

aside a svg {
    width: 22px;
    float: right;
    height: 37px
}

aside a.pm,aside .nm {
    text-align: center;
    font-size: 0
}

aside.op a.pm {
    flex-direction: column
}

aside a.pm span {
    margin: -1px 0px;
    text-align: center!important;
    display: block!important
}

aside>a>i,aside>div>a>i,aside .cat a i,aside .cam a i,.dashboard-bage i {
    width: 28px!important;
    height: 28px!important;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 22px!important;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 22px!important
}

.dashboard-bage {
    position: relative;
    height: 22px
}

.dashboard-bage i {
    display: inline-block
}

aside.op>a>span {
    vertical-align: bottom
}

aside.op a,aside.op .pa {
    width: 100%;
    padding-right: 10px;
    align-items: center;
    flex-direction: inherit
}

aside.op a.lg {
    flex-direction: column
}

aside a svg,aside .pa svg {
    width: 25px
}

aside a.pa .sv {
    width: 25px;
    height: 37px;
    -webkit-mask-position-x: left;
    float: right;
    padding: 0 13px
}

aside.op>a>.sv {
    padding: 0 13px
}

aside.op a svg,aside.op a img.svg,aside.op .pa svg,aside .pa+div a svg {
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-mask-size: 20px
}

aside a.pr {
}

aside a.pm img,aside .nm img {
    max-width: 90px;
    border-radius: 50%;
    margin-top: 12px;
    width: 80%;
    margin-top: 0px;
    width: 51px
}

.isUserBirthDay .birthday-hat img {
    border-radius: unset;
    margin-top: 0px;
    position: relative;
    top: 7px
}

aside a span,aside .pa span {
    display: inline-block;
    margin: 7px 0px;
    box-sizing: border-box;
    white-space: normal;
    font-size: 12px;
    text-align: center;
    width: 100%
}

aside.op a span,aside.op .pa span {
    display: inline-block;
    font-size: 13px;
    text-align: right;
    width: auto;
    margin-right: 5px
}

aside a.su,aside a.su span,aside a.lgt i,aside a.lgt span {
    text-align: center
}

aside a.lgt span {
    margin: 7px 0px 0 0
}

aside.op a.lgt i {
}

aside.op a.lgt span {
    text-align: right
}

aside .pa {
    text-align: center
}

aside.op .pa {
    text-align: right;
    display: flex
}

aside .pa.ac {
    width: 100%
}

aside.op .pa:after,aside .pa:after {
    position: absolute;
    left: 0;
    top: 13px;
    background: transparent;
    font-size: 1.2rem;
    margin-left: 6px
}

aside .pa:after,aside.op .pa:after {
    width: 20px;
    display: inline-block
}

aside .pa+div {
    width: 220px;
    z-index: 1;
    transition: all 200ms ease;
    transition-timing-function: linear;
    padding-right: 40px;
    box-sizing: border-box;
    transform: scale(0);
    display: none;
    overflow: hidden;
    transition: all 500ms ease;
    transition-timing-function: linear
}

aside.op .pa+div {
}

aside .pa.ac+div {
    transform: scale(1);
    display: inline-block
}

aside hr {
    border: 0;
    height: 1px;
    width: 100%;
    margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}

article {
    width: calc(100% - 81px);
    min-height: calc(100vh - 100px);
    margin-right: 81px;
    margin-top: 62px;
    transition: all 200ms ease;
    transition-timing-function: linear
}

article.app,article.re-m {
    margin: 0;
    width: 100%
}

article.hide-menu {
    background-color: #ffffff;
    margin-top: 0;
    margin-right: 0;
    width: 100%
}

article.op {
    margin-right: 210px;
    width: calc(100% - 210px)
}

.btns-container {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 15px
}

input[type="search"]::-webkit-search-cancel-button {
    display: none
}

.img-404 {
    width: 100%;
    max-width: 500px
}

.pl {
    height: 270px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box
}

.pl.xx {
    max-height: 405px;
    text-align: center;
    height: auto
}

.pl.au {
    height: auto;
    text-align: center
}

.pl .it {
    margin-bottom: 5px;
    position: relative;
    white-space: normal;
    padding: 30px 8px 0px 8px;
    height: 165px;
    width: 192px;
    display: inline-block;
    vertical-align: top!important
}

.pl .th {
    width: 90%;
    border-radius: .24rem;
    position: absolute;
    right: 0
}

.pl .th.th1 {
    transform: rotate(10deg)
}

.pl .th.th2 {
    transform: rotate(8deg)
}

.pl .th.th3 {
    transform: rotate(4deg)
}

.pl .pt {
    margin-block-end:0;font-size: 13px;
    margin-block-start:0;height: 35px;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%
}

.pl .pt a {
    height: 34px;
    overflow: hidden;
    display: inline-block;
    line-height: 17px;
    white-space: normal
}

.home-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/home.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/home.svg")
}

.bg-play-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/bg-play.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/bg-play.svg")
}

.user-dashboard-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/user-dashboard.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/user-dashboard.svg")
}

.filo-kids-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/filo-kids.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/filo-kids.svg")
}

.tahlil-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/tahlil.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/tahlil.svg")
}

.rpmHistory-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/rpmHistory.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/rpmHistory.svg")
}

.made-by-me-svg {
    background-color: #34a853!important;
    display: inline-block;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/made-by-me.svg") no-repeat center / 20px 20px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/made-by-me.svg") no-repeat center / 20px 20px;
    width: 24px;
    height: 24px
}

.category-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/categories.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/categories.svg")
}

.financial-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/financial.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/financial.svg")
}

.transaction-list-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/transaction-list.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/transaction-list.svg")
}

.finance-profile-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/finance-profile.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/finance-profile.svg")
}

.finance-incomeReport-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/finance-incomeReport.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/finance-incomeReport.svg")
}

.earn-money-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/earn-money.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/earn-money.svg")
}

.calculating-income-help-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/calculating-income-help.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/calculating-income-help.svg")
}

.increase-revenue-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/increase-revenue.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/increase-revenue.svg")
}

.finance-deposit-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/finance-deposit.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/finance-deposit.svg")
}

.video-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/video.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/video.svg")
}

.upload-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/upload.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/upload.svg")
}

.filo-kids-video-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/filo-kids-video-svg.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/filo-kids-video-svg.svg")
}

.filo-kids-help-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/filo-kids-help-svg.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/filo-kids-help-svg.svg")
}

.managing-kids-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/managing-kids.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/managing-kids.svg")
}

.my-videos-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/my-videos.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/my-videos.svg")
}

.analytics-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/analytics.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/analytics.svg")
}

.awards-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/awards.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/awards.svg")
}

.go-to-slide-player-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/goToSlidePlayer.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/goToSlidePlayer.svg")
}

.go-to-wall-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/goToWall.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/goToWall.svg")
}

.play-list-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/play-list.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/play-list.svg")
}

.channel-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/channel.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/channel.svg")
}

.favorited-videos-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/favorited-videos.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/favorited-videos.svg")
}

.watch-later-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/watch-later.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/watch-later.svg")
}

.video-following-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/video-following.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/video-following.svg")
}

.video-suggest-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/video-suggest.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/video-suggest.svg")
}

.play-history-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/play-history.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/play-history.svg")
}

.filmak-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/filmak.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/filmak.svg")
}

.vertica-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/vertica.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/vertica.svg")
}

.search-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/search.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/search.svg")
}

.filo-club-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/filo-club.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/filo-club.svg")
}

.ways-to-get-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/ways-to-get.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/ways-to-get.svg")
}

.club-awards-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/club-awards.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/club-awards.svg")
}

.club-top-user-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/club-top-user.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/club-top-user.svg")
}

.coin-list-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/coin-list.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/coin-list.svg")
}

.filo-sport-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/filo-sport.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/filo-sport.svg")
}

.tournament-list-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/tournament-list.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/tournament-list.svg")
}

.prediction-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/prediction.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/prediction.svg")
}

.video-select-editor-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/video-select-editor.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/video-select-editor.svg")
}

.android-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/android.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/android.svg")
}

.logout-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/logout.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/logout.svg")
}

.add-child-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/add-child.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/add-child.svg")
}

.login-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/login.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/login.svg")
}

.category-1 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-1.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-1.svg")
}

.category-2 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-2.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-2.svg")
}

.category-3 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-3.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-3.svg")
}

.category-4 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-4.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-4.svg")
}

.category-5 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-5.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-5.svg")
}

.category-6 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-6.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-6.svg")
}

.category-6 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-6.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-6.svg")
}

.category-7 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-7.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-7.svg")
}

.category-8 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-8.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-8.svg")
}

.category-9 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-9.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-9.svg")
}

.category-10 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-10.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-10.svg")
}

.category-11 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-11.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-11.svg")
}

.category-12 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-12.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-12.svg")
}

.category-13 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-13.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-13.svg")
}

.category-14 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-14.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-14.svg")
}

.category-15 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-15.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-15.svg")
}

.category-16 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-16.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-16.svg")
}

.category-17 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-17.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-17.svg")
}

.category-18 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-18.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-18.svg")
}

.category-19 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-19.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-19.svg")
}

.category-20 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-20.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-20.svg")
}

.category-21 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-21.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-21.svg")
}

.category-22 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-22.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-22.svg")
}

.category-23 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-23.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-23.svg")
}

.category-24 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-24.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-24.svg")
}

.category-25 {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-25.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category/category-25.svg")
}

.menu-hamburger-svg {
    display: inline-block;
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/menu-hamburger.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 28px 28px;
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/menu-hamburger.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 28px 28px;
    background-color: #555555;
    width: 28px;
    height: 28px
}

.video-search-svg {
    display: inline-block;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/video-search.svg") no-repeat center / 26px 26px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/video-search.svg") no-repeat center / 26px 26px;
    margin-top: 4px;
    width: 32px;
    height: 32px;
    background-color: #fff!important
}

.video-search-svg.b-dark {
    background-color: #000!important
}

.darkTheme .video-search-svg {
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.dark-theme-svg {
    display: inline-block;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/dark-theme.svg") no-repeat center / 28px 28px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/dark-theme.svg") no-repeat center / 28px 28px;
    background-color: #555555
}

.darkTheme .dark-theme-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/light-theme.svg") no-repeat center / 28px 28px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/light-theme.svg") no-repeat center / 28px 28px
}

.theaters-svg {
    display: inline-block;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/theaters.svg") no-repeat center / 22px 22px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/theaters.svg") no-repeat center / 22px 22px;
    margin-top: 4px;
    width: 20px;
    height: 20px;
    background-color: #fff!important;
    filter: invert(70%) sepia(0%) saturate(0)!important
}

.upload-vu-svg {
    display: inline-block;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/upload-vu.svg") no-repeat center / 28px 28px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/upload-vu.svg") no-repeat center / 28px 28px;
    background-color: #555555
}

.message-list-svg {
    display: inline-block;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/message-list.svg") no-repeat center / 28px 28px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/message-list.svg") no-repeat center / 28px 28px;
    background-color: #555555
}

.chat-list-svg {
    float: left;
    height: 22px;
    width: 22px;
    padding: 14px;
    cursor: pointer;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/chat/chat.svg") no-repeat center / 28px 28px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/chat/chat.svg") no-repeat center / 28px 28px;
    background-color: #555555;
    cursor: pointer
}

footer li i {
    display: block;
    width: 18px;
    height: 18px;
    background-color: #fff!important;
    filter: invert(70%) sepia(0%) saturate(0)!important
}

.user-payments-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/user-payments.svg") no-repeat center / 20px 20px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/user-payments.svg") no-repeat center / 20px 20px
}

.logo-ifilo-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/logo-ifilo.svg") no-repeat center / 23px 24px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/logo-ifilo.svg") no-repeat center / 23px 24px
}

.blog-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/blog.svg") no-repeat center / 20px 20px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/blog.svg") no-repeat center / 20px 20px
}

.contact-us-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/contact-us.svg") no-repeat center / 20px 20px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/contact-us.svg") no-repeat center / 20px 20px
}

.user-rules-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/user-rules.svg") no-repeat center / 20px 20px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/user-rules.svg") no-repeat center / 20px 20px
}

.advertise-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/advertise.svg") no-repeat center / 20px 20px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/advertise.svg") no-repeat center / 20px 20px
}

.official-help-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/official-help.svg") no-repeat center / 20px 20px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/official-help.svg") no-repeat center / 20px 20px
}

.sapra-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/sapra.svg") no-repeat center / 20px 20px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/sapra.svg") no-repeat center / 20px 20px
}

.social-icons i.android-svg {
    display: block;
    width: 41px;
    height: 40px;
    -webkit-mask-size: 29px;
    background-color: #686767;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 29px
}

.search-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/search.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/search.svg") no-repeat center
}

.lock-svg {
    width: 19px;
    height: 19px;
    background-color: #f90000;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/lock.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/lock.svg") no-repeat center;
    vertical-align: middle;
    display: inline-block
}

.upload-video-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/upload-video.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/upload-video.svg") no-repeat center
}

.following-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/following.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/following.svg") no-repeat center
}

.visit-svg {
    background-color: #686767;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/visit.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/visit.svg") no-repeat center
}

.date-svg {
    background-color: #686767;
    height: 19px;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/date.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/date.svg") no-repeat center;
    width: 19px;
    float: right
}

.login-page .user-name-svg,.forget-pass-page .user-name-svg {
    background: url("https://ww.ifilo.net/filo/content/image-site/svg/user-name.svg") no-repeat center / 28px 28px
}

.login-page .password-svg,.account-security .password-svg {
    background: url("https://ww.ifilo.net/filo/content/image-site/svg/password.svg") no-repeat center / 28px 28px
}

.account-security .password-svg {
    background-color: #7e7f7f19;
    display: inline-block;
    width: 35px;
    height: 40px;
    border-radius: 0;
    padding: 6px;
    float: right;
    box-sizing: border-box;
    margin-top: 5px
}

.forget-pass-page .refresh-captcha-svg {
    background: url("https://ww.ifilo.net/filo/content/image-site/svg/refresh-captcha.svg") no-repeat center / 28px 28px
}

.parent-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/parent.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/parent.svg")
}

.filo-channel-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/filo-channel.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/filo-channel.svg")
}

.filo-channel-btn {
    position: relative
}

.filo-channel-btn .badge {
    position: absolute;
    top: -15px;
    right: -7px;
    padding: 2px;
    color: #fff;
    font-size: 12px;
    background-color: red;
    border-radius: 100%;
    height: 19px;
    aspect-ratio: 1 / 1;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.login-page .ig>i,.forget-pass-page .ig>i {
    background-color: #7e7f7f19;
    display: inline-block;
    width: 35px;
    height: 40px;
    border-radius: 0;
    padding: 6px;
    float: right;
    box-sizing: border-box;
    margin-top: 5px
}

.darkTheme .forget-pass-page .ig>i,.darkTheme .login-page .ig>i {
    filter: invert(100%) sepia(0%) saturate(0%);
    background-color: rgb(77 76 76 / 30%)
}

.vb {
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    margin: 30px 10px 30px 10px;
    border-radius: 5px
}

.vb.au {
    height: auto;
    text-align: right
}

.vb.vic.au {
    text-align: center;
    margin: 3px 100px
}

.full-banner {
    text-align: center;
    margin: 0px 100px
}

.full-banner img {
    width: 100%;
    object-fit: none;
    height: 190px
}

.vb.au .it {
    font-size: 0
}

.vb.two {
    height: 535px
}

.vb .th {
    width: 100%;
    display: inline-block;
    aspect-ratio: 16 / 9
}

.vb a[data-utm="vilarg"] .th {
    max-width: 720px
}

.video-item img.th {
    height: 96px;
    object-fit: cover
}

.vb .vs {
    position: relative;
    margin-top: -32px;
    left: 2px
}

.vb.sd .vs {
    position: absolute;
    margin: 0;
    left: auto;
    bottom: 15px;
    right: 11px
}

.vb .vs .du,.vb .vs .qu,.vb .vs .fv {
    display: inline-block;
    font-size: 13px;
    padding: 0 6px;
    height: 19px;
    border-radius: 3px;
    float: left;
    margin-left: 2px
}

.vb .vs .du {
}

.vb .vs .qu h6 {
    margin: 3px 0
}

.vb .pv {
    visibility: hidden;
    display: block;
    left: 3px;
    width: calc(100% - 0px);
    height: auto;
    position: absolute;
    z-index: 5;
    top: 0px;
    text-align: center
}

.vb.sd .pv {
    width: 120px;
    top: 0px;
    right: 0
}

.vb video.pv {
    width: 100%
}

.spc .vb video.pv {
    top: 0px;
    left: 3px
}

.vb.sd video.pv {
    width: 120px
}

.vb .it video.pv.sh {
    visibility: visible
}

.vb .it.adi {
    overflow: hidden
}

.vb .pv span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 13px;
    text-transform: capitalize
}

.vb .vi .du i {
    font-size: 10px;
    margin-left: 5px;
    float: right;
    font-style: inherit
}

.vb .vi .du i span.format-label {
    font-size: 9px
}

.vb .box-title {
    display: block;
    width: 100%
}

.vb .box-title h1 {
    margin: 13px 0 13px 0;
    float: right
}

.vb .it {
    padding-top: 19px;
    width: 100%;
    position: relative;
    white-space: normal;
    padding: 0px 3px 0px 3px;
    display: inline-block;
    vertical-align: top!important;
    margin-bottom: 5px;
    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal
}

.vb .vi .du .dot {
    font-size: 14px
}

.vb .it {
    overflow: hidden
}

.vb .it>a {
    width: 100%;
    display: inline-block
}

.vb .it>a .dur {
    position: absolute;
    background-color: #000;
    padding: 1px 2px;
    color: #FFF;
    left: 6px;
    top: 6px;
    font-size: 12px;
    display: none;
    z-index: 9
}

.vb .it>a .re {
    position: absolute;
    background-color: #5c4e4ecf;
    padding: 2px 4px 0px 4px;
    color: #FFF;
    top: 6px;
    font-weight: 700;
    font-size: 10px;
    z-index: 8;
    right: 6px;
    display: inherit;
    border-radius: 2px
}

.vb .it .is-add {
    position: absolute;
    background-color: #ffffffcf;
    padding: 2px 4px 0px 4px;
    color: #000;
    top: 6px;
    font-weight: 700;
    font-size: 10px;
    z-index: 8;
    left: 6px;
    display: inherit;
    border-radius: 2px
}

.vb .it>a:hover .dur {
    display: initial
}

.vb .it .duct {
    position: absolute;
    height: 5px;
    top: 0px;
    left: 3px
}

.vb.sd .it .duct {
    left: auto
}

.spc .vb .it .duct {
    top: 0
}

.vb.sd .it {
    width: 100%
}

.vb.sd .it .vav {
    width: 170px;
    float: right;
    margin-right: 5px;
    position: relative
}

.overflow-hidden {
    overflow: hidden
}

.vb.sd .ib {
    margin-top: -1px;
    float: right;
    margin-right: 5px;
    width: calc(100% - 182px)
}

.vb .vt {
    width: 80%;
    font-size: 14px;
    margin-block-start:0;text-align: right;
    padding: 5px;
    margin: 0px;
    font-weight: 100;
    padding-bottom: 2px
}

.vb .vi .du {
    font-size: 10px;
    position: absolute;
    right: 43px;
    top: 20px
}

.vb.sd .vi .du {
    position: inherit;
    margin-top: 5px;
    right: 0px
}

.vb .vi {
    width: 96%;
    font-size: 14px;
    text-align: right;
    padding: 5px;
    border-radius: 0px 0px 5px 5px;
    margin: 0px 5px 0px 1px;
    font-weight: 100;
    position: relative;
    margin-bottom: 17px;
    padding-top: 0
}

.vb.sd .vi {
    height: 15px;
    margin: 0;
    text-align: right
}

.vic .vi {
    width: 57%
}

.vic .item .vi {
    width: 100%
}

.vb .vi .sei {
    width: 32px;
    border-radius: 50%;
    border: 1px solid #eaeaeb;
    box-sizing: border-box
}

.vb .vi .sen {
    position: absolute;
    right: 0px;
    top: -3px;
    line-height: 1
}

.vb .vi .sen.side-it .official-svg {
    right: 0px;
    top: 0px
}

.vb.sd .vi .sen {
    right: 6px;
    width: 100%;
    height: 20px
}

.vb .vi .sen .official-svg {
    position: absolute;
    width: 14px;
    height: 14px;
    margin-left: 0px;
    right: -8px;
    top: 3px;
    background-size: 14px
}

.storySvg .official-svg {
    right: -4px!important;
    top: 6px!important
}

.vb .vi .sen .nm {
    margin-top: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 121px
}

.vb.sd .vi .sen .nm {
    position: absolute
}

.vb.sd .vi .sen .official-svg+.nm {
    right: 18px
}

.item .ib .vi .sen .nm {
    padding: 6px 45px 0 0
}

.vb.sd .vt {
}

.vb .vt a {
    overflow: hidden;
    display: inline-block;
    line-height: 17px;
    white-space: normal;
    padding: 0 2px
}

.vb .vt a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 34px
}

.vb .vi a {
    font-size: 11px;
    display: block;
    text-align: right
}

.vb.sd .vi a {
    margin-top: 1px
}

.vb a:hover {
    text-decoration: none
}

.vb .vi .av {
    border-radius: 50%
}

.vb .vi .vt {
    font-size: 11px;
    margin-left: 5px;
    float: right;
    text-align: right
}

.vb .bt,.ub .bt {
    width: 98%;
    display: inline-block;
    border-bottom: 1px solid #d7d7d7
}

.vb .bt h2,.ub .bt h2,.vb .bt h1,.ub .bt h1 {
    float: right;
    margin: 0 0 6px 0;
    font-size: 16px
}

.vb .bt .subtitle,.ub .bt .subtitle,.vb .bt .subtitle,.ub .bt .subtitle,.bt .title {
    float: right!important;
    clear: both!important;
    display: block!important;
    margin: 0 6px 6px 0!important;
    font-size: 14px!important
}

a.vi-saz {
    color: #000000!important
}

.vb .bt a,.ub .bt a {
    float: left;
    margin: 0px 6px 4px 6px;
    font-size: 15px;
    font-weight: 100;
    color: #555555
}

.vb .bt .subtitle a.inline-link,.ub .bt .subtitle a.inline-link {
    float: unset;
    margin: unset;
    font-size: unset;
    font-weight: unset;
    color: #f4aa10
}

.vb .bt h1,.ub .bt h1 i {
    margin-left: 5px
}

.vb .bt h1 svg {
    float: right;
    margin: 5px
}

.vb .mo {
    position: absolute;
    margin-top: -16px;
    padding: 5px;
    margin-right: -50px;
    font-size: 15px
}

.vb .mo svg {
    width: 13px;
    padding-top: 5px;
    float: left
}

.vb .cs .its.au {
    white-space: normal
}

.vb .ai {
    position: absolute;
    display: inline-block;
    width: 110px;
    padding: 7px 0 0 2px;
    z-index: 1;
    text-align: center;
    transform: rotate(-45deg);
    font-size: 10px;
    top: -2px;
    left: -50px
}

.vb .ai::before {
    content: "تبلیغ"
}

.vb .ad {
    position: relative;
    overflow: hidden
}

.vb .cs,.ub .cs {
    position: relative;
    padding-bottom: 5px
}

.followers.ub .cs {
    padding-bottom: 25px
}

.vb .cs.sv {
    width: 100%
}

.vb .cs .its,.ub .cs .its {
    width: 100%;
    white-space: nowrap;
    margin-bottom: -25px;
    scrollbar-width: none
}

.vb .cs .its::-webkit-scrollbar,.ub .cs .its::-webkit-scrollbar {
    display: none
}

.vb .cs .its .empty {
    height: 140px
}

.vb .cs .its::-webkit-scrollbar,.ub .cs .its::-webkit-scrollbar {
    display: none
}

.spc {
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    margin: 30px 0px 30px 0px;
    border-radius: 0
}

.spc .spsd {
    width: 280px;
    float: right
}

.spc .spsd .spt {
    font-size: 30px;
    margin-top: 40px
}

.spc .spsd .spd {
    font-size: 14px
}

.spc .spsd .spac {
    font-size: 16px;
    display: block;
    border: solid 1px;
    border-radius: 5px;
    padding: 6px 20px;
    width: fit-content;
    margin: 20px auto;
    opacity: .8
}

.spc .spsd .spac:hover {
    opacity: 1
}

.spc .spsd .spic {
    width: calc(100% - 10px);
    margin-top: 30px;
    margin-left: 0
}

.spc .svl {
    width: auto;
    margin: 0
}

.spc .vb .vi {
    display: none
}

.spc .vb .it {
    width: 25%;
    margin-bottom: 15px
}

.ub.lg .cs .its {
    height: 225px
}

.ub {
    overflow: hidden;
    padding: 0 2%;
    width: 100%;
    box-sizing: border-box;
    text-align: center
}

.ub.lg {
    height: 280px
}

.ub.au {
    height: auto;
    text-align: center
}

.ub .it {
    position: relative;
    white-space: normal;
    padding: 0px 3px 0px 3px;
    width: calc(10.5% - 14px);
    display: inline-block;
    vertical-align: top!important;
    margin-bottom: 10px
}

.ub.au .it {
    height: auto;
    width: 175px;
    margin-bottom: 20px
}

.ub .it .th img {
    box-shadow: 0 5px 5px #00000030,0 6px 6px #0000003a;
    border-radius: 50%;
    width: 100px;
    height: 100px
}

.ub .it a {
    overflow: hidden;
    display: inline-block;
    line-height: 17px;
    font-size: 13px;
    text-align: center;
    font-weight: 100;
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ub .it a svg {
    float: right;
    margin-left: 5px;
    fill: #f4aa10
}

.ub.au .it a {
    text-overflow: ellipsis;
    font-weight: 100
}

.ub .mo {
    position: absolute;
    margin-top: -16px;
    padding: 5px;
    margin-right: -50px;
    font-size: 15px
}

.jc-right,.jc-left {
    border: 1px solid;
    z-index: 5!important;
    top: -14px!important
}

.jc-left {
    margin-left: 20px;
    border-radius: 0px 5px 5px 0px!important;
    left: -21px!important
}

.jc-right {
    margin-right: 23px;
    border-radius: 5px 0px 0px 5px!important
}

.ph {
    display: flex;
    flex-flow: column
}

.ph._tc {
    align-items: center
}

.ph h1 {
    display: flex
}

.ph p {
    margin-block-start:1em;margin-block-end:1em}

.ig {
    margin-top: 6px;
    display: inline-block;
    width: 100%
}

.ig input,.ig select {
    border-radius: 0;
    float: right;
    margin-top: 5px;
    width: calc(100% - 37px)
}

.ig label {
    display: block
}

.ig>svg {
    display: inline-block;
    width: 36px;
    height: 40px;
    border-radius: 0;
    padding: 6px;
    float: right;
    box-sizing: border-box;
    margin-top: 5px
}

.ig .fe {
    font-size: .8rem
}

.ig.cap {
    position: relative
}

.ig.cap input {
    padding-left: 160px
}

.ig.cap img {
    position: absolute;
    left: 5px;
    border-radius: 5px 0 0 5px;
    height: 40px;
    top: 5px
}

._bns {
    text-align: center
}

._bns img {
    display: inline-block;
    width: 100%
}

.refresh-captcha {
    cursor: pointer
}

.refresh-captcha svg {
}

.dl-app {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 999
}

.dl-app img.logo {
    width: 40px;
    float: right;
    margin: 10px
}

.dl-app h5 {
    display: inline-block;
    font-size: 13px;
    padding: 20px 0px
}

.dl-app #close-pd {
    float: left;
    margin-top: 16px;
    margin-left: 3px;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.dl-app #close-pd svg {
    padding: 6px;
    float: right
}

.dl-app a {
    float: left;
    margin: 10px
}

.dl-app a.bnr {
    margin: 0
}

.dl-app a.bnr img {
    width: 100%
}

.dl-app a.bnr #close-pd {
    position: absolute;
    bottom: 40px;
    left: 5px
}

.desc_p {
    font-size: 11px;
    text-align: center
}

[class$=mg_badgeWrap],[class$=mg_header-title],[class$=mg_magnet-header] {
    display: none!important
}

.vb[class$=mg_cl_columns_wrap] img {
    height: 108px!important;
    margin: -5px 0px 0px 0;
    width: 100%;
    border-radius: .26rem
}

.vb[class$=_mg_cl_columns_wrap][class$=_mg_cl_column] {
    padding: 5px 0!important
}

.vb[class$=_mg_cl_columns_wrap][class$=_mg_cl_text-content] a {
    font-size: 10px!important;
    margin-top: 0px!important;
    font-weight: normal;
    line-height: 1.3
}

.vb[class$=_mg_imageSize] img {
    border-radius: 5px!important
}

.vb .ni-related-container {
    border: 0!important
}

.vb .ni-widget-content-img {
    min-height: 108px!important;
    border-radius: .24rem!important;
    padding-top: 0!important;
    margin: 0!important
}

.ni-img-wrapper .ni-widget-content-img {
    border-radius: 5px
}

.vb .ni-ellipsis {
    font-size: 14px!important;
    text-align: right!important;
    font-weight: 700!important;
    font-family: "fa"!important
}

.adver img {
    width: 100%;
    max-width: 600px
}

.checkbox label,.radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-size: 13px
}

.select-video-image label img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.wrapper {
    width: 500px;
    margin: 50px auto
}

input[type=radio],input[type=checkbox] {
    display: none
}

.checkbox label:before,.radio label:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
    background: transparent;
    font-size: 22px;
    line-height: 19px;
    text-align: center
}

.radio label:before {
    border-radius: 8px;
    content: url("https://ww.ifilo.net/filo/content/image-site/svg/radio-out-grey.svg")
}

.checkbox label {
    margin-bottom: 10px;
    padding-right: 25px
}

.checkbox label:before {
    border-radius: 3px
}

input[type=radio]:checked+label:before {
    content: url("https://ww.ifilo.net/filo/content/image-site/svg/radio-grey.svg");
    font-size: 22px;
    text-align: center;
    line-height: 19px;
    width: 20px;
    height: 20px
}

input[type=checkbox]:checked+label:before {
    width: 20px;
    height: 20px;
    top: calc(50% - 10px)
}

article .ms {
    padding: 10px 5px
}

.ts p {
    font-size: 1rem;
    padding: 0px 15px
}

.bp0 p {
    padding: unset!important
}

.ts h1 {
    text-align: center;
    font-size: 2rem
}

.ts h2 {
    padding: 0px 17px
}

.ts h3 {
    padding: 0px 17px
}

.ts h4 {
    padding: 0px 15px
}

.ts p svg {
    padding-left: 5px;
    float: right;
    margin-top: 3px
}

table {
    border: 1px solid;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed
}

table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em
}

table tr {
    border: 1px solid;
    padding: .35em
}

table th,table td {
    padding: .625em;
    text-align: center;
    font-size: 1rem
}

table th {
    font-size: 17px;
    letter-spacing: .1em;
    text-transform: uppercase
}

.pagination {
    text-align: center;
    margin: 20px 0 50px 0
}

.pagination a.prev {
    display: inline-block;
    height: 30px;
    width: auto;
    font-size: 13px;
    line-height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 0;
    padding: 0 10px
}

.pagination a.next {
    display: inline-block;
    height: 30px;
    width: auto;
    color: #6c6c6c;
    font-size: 13px;
    line-height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 0;
    padding: 0 10px
}

.pagination a,.pagination span {
    display: inline-block;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 10px
}

.pagination span.current {
    padding: 0 9px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.lb {
    display: inline-block;
    padding: .33333rem .5rem;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    border-radius: 5px
}

.crdr {
    border: 1px solid;
    border-right: 3px solid;
    height: auto;
    margin: 5px 0px 0px 0px;
    padding: 10px
}

.crdr p span {
    font-size: .9rem
}

.crdr p span.supply {
    color: black;
    font-weight: bold
}

.nt {
    text-align: center;
    border: 1px solid;
    border-radius: 5px;
    padding: 10px
}

.bx {
    border: 1px solid;
    border-radius: 4px;
    padding: 10px;
    display: inline-block;
    margin: 10px;
    width: 143px
}

.bx h4 {
    width: auto;
    display: inline-block
}

.bx h4 svg {
    float: right;
    margin-top: 3px
}

._al {
    padding: 8px;
    text-align: center
}

._msg {
    width: 54%;
    left: 25%;
    border-radius: 5px;
    padding: 8px;
    text-align: center;
    position: fixed;
    bottom: 99px;
    box-sizing: border-box;
    opacity: .9;
    z-index: 1000
}

.err i {
    font-size: 85px
}

.dropzone .img-box {
    max-width: 100%
}

.bnr-top {
    text-align: center;
    margin-top: 70px
}

.bnr-top img {
    max-width: 100%
}

.progress {
    margin: 20px auto;
    padding: 0;
    width: 90%;
    height: 30px;
    overflow: hidden;
    background: #e5e5e5;
    border-radius: 6px
}

.progress .bar {
    position: relative;
    float: left;
    min-width: 1%;
    height: 100%
}

.progress .bar .percent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0 11px;
    font-size: 12px;
    color: #FFF
}

.progress .bar.blue {
    background: #4285f4
}

.progress .bar.red {
    background: #ea4335
}

.progress .bar.green {
    background: #34a853
}

.progress .bar+p {
    font-size: 12px;
    padding-top: 5px
}

.alert_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99966666666666666666666666666666666999;
    background: #0000000c;
    -webkit-backdrop-filter: blur(3px)
}

.pc .alert_msg {
    width: 320px
}

.mob .alert_msg {
    width: 260px;
    border-radius: 4px
}

.alert_msg {
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 30%;
    border: 1px solid #ccc;
    box-shadow: 0 2px 15px #0000004c;
    background: #fff;
    transition: all .2s cubic-bezier(.8,.5,.2,1.4);
    -webkit-transform: translate(-50%,-50%) scale(.5);
    opacity: 0;
    transform: translate(-50%,-50%) scale(.5)
}

.alert_show .alert_msg {
    opacity: 1;
    transform: translate(-50%,-50%) scale(1);
    -webkit-transform: translate(-50%,-50%) scale(1)
}

.alert_show .alert_msg.text-muted {
    z-index: 99999999999999
}

.z-in {
    z-index: 99
}

.alert_content {
    padding: 20px 15px;
    font-size: 14px;
    text-align: right
}

.alert_tips {
    position: fixed;
    z-index: 999999999999999999999999999;
    //z-index: 10176523
}

.pc .alert_buttons {
    padding: 6px;
    border-top: 1px solid #ccc;
    text-align: left;
    box-shadow: 0 1px 0 #fff inset;
    background: #eee;
    -webkit-user-select: none
}

.pc .alert_buttons .alert_btn {
    min-width: 45px;
    padding: 4px 8px;
    margin: 0 2px;
    border: 1px solid #ccc;
    background: #eee;
    cursor: pointer;
    border-radius: 2px;
    font-size: 14px;
    outline: 0;
    -webkit-appearance: none
}

.pc .alert_buttons .alert_btn:hover {
    border-color: #ccc;
    box-shadow: 0 1px 2px #ccc;
    background: #eaeaea
}

.pc .alert_buttons .alert_btn:active {
    box-shadow: 0 1px 2px #ccc inset;
    background: #e6e6e6
}

.pc.alert_tips {
    bottom: 1px;
    right: 30px
}

.pc.alert_tips div {
    background: #000000b2;
    position: relative;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 2px;
    margin-bottom: 20px;
    box-shadow: 0 0 3px #000;
    display: none;
    float: right;
    clear: both;
    width: 100%
}

.mob .alert_buttons {
    text-align: center;
    border-top: 1px solid #ccc;
    -webkit-user-select: none
}

.mob .alert_buttons .alert_btn {
    display: inline-block;
    width: 48%;
    border: 0;
    height: 40px;
    font-size: 14px;
    outline: 0;
    -webkit-appearance: none;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    border-radius: 0 0 4px 4px
}

.mob .alert_buttons .alert_btn:only-child {
    width: 100%
}

.mob .alert_buttons .alert_btn:first-child+.alert_btn {
    border-left: 1px solid #ccc;
    border-radius: 0 0 4px 0
}

.mob.alert_tips {
    width: 100%;
    top: 55%;
    pointer-events: none;
    text-align: center
}

.mob.alert_tips div {
    box-sizing: border-box;
    display: inline-block;
    padding: 15px;
    border-radius: 10px;
    background: #000000b2;
    min-width: 50px;
    max-width: 230px;
    text-align: center;
    color: #fff;
    animation: tipsshow 3s .01s ease;
    -webkit-animation: tipsshow 3s .01s ease;
    opacity: 0
}

@keyframes tipsshow {
    0% {
        opacity: 0;
        transform: scale(1.4) rotateX(-360deg)
    }

    20%,80% {
        opacity: 1;
        transform: scale(1) rotateX(0deg)
    }

    to {
        transform: scale(1.4) rotateX(360deg)
    }
}

@-webkit-keyframes tipsshow {
    0%,to {
        opacity: 0
    }

    0% {
        -webkit-transform: scale(1.4) rotateX(-360deg)
    }

    20%,80% {
        opacity: 1;
        -webkit-transform: scale(1) rotateX(0deg)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.4) rotateX(360deg)
    }
}

._h-m {
    display: block
}

._h-d {
    display: none
}

[class*="co-"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;
    position: relative;
    width: 100%;
    vertical-align: top;
    padding: 5px;
    display: inline-block;
    zoom:1}

.banners .bns {
    display: inline-block;
    width: calc(50% - 10px);
    padding: 0
}

.banners .bns:first-child {
    text-align: right
}

.banners .bns:last-child {
    text-align: left
}

article .banners {
    margin: 0 100px;
    text-align: center
}

@media(max-width: 1200px) {
    .ub .it {
        width:calc(16.666% - 12px)
    }
}

@media screen and (max-width: 1000px) {
    .jc-right,.jc-left {
        width:24px!important;
        height: 24px!important
    }

    .ub .it {
        width: calc(20% - 12px)
    }

    article .banners {
        margin: 0
    }

    article .full-banner {
        margin: 0
    }

    .banner .bn img {
        height: 200px
    }

    .banners .bns img {
        width: 100%
    }

    .banners .bns {
        width: calc(100% - 14px);
        padding: 0
    }

    .banners .bns:first-child,.banners .bns:last-child {
        text-align: center
    }

    .ads-i .ads {
        width: calc(100% - 10px)!important
    }

    article .ads-i {
        margin: 0
    }

    .spc .svl {
    }

    .spc .svl.vb .it {
        width: 250px
    }

    .spc .spsd .spac {
        margin: 2px auto;
        padding: 3px 10px;
        font-size: 15px
    }

    .spc .spsd .spic {
        margin-top: 15px
    }

    .spc .spsd .spt {
        font-size: 25px;
        margin-top: 13px
    }

    .spc .spsd {
        float: initial;
        width: 190px;
        display: inline-block
    }

    .vb.vic.au {
        margin: 0
    }

    .spc .spsd .spic {
        width: calc(100% - 70px);
        margin: 0
    }
}

@media(max-width: 768px) {
    ._h-m {
        display:none
    }

    ._h-d {
        display: block
    }

    article .ms {
        padding: 5px
    }

    header .tb a span {
    }

    header .tb .pf {
        width: 41px;
        height: 56px
    }

    header .tb .pf img {
        margin-right: 4px
    }

    header .tb .ts form {
    }

    .ts.desk-menu {
        width: 100%!important;
        z-index: 9999999999999;
        position: fixed;
        background: #fff;
        display: none
    }

    .mob-ser {
        display: block
    }

    header .tb.lo .ts {
        width: 100%!important
    }

    header .tb .ts.lo form {
    }

    .search-result-svg {
        display: inline-block!important
    }

    header .tb .ts .shs {
        display: inline-block;
        padding: 14px 5px
    }

    header .tb.sem .ts {
        width: calc(100% - 81px)
    }

    header .tb.sem.lo .ts {
        width: calc(100% - 60px)
    }

    header .tb .ts .sb {
        margin: 0;
        height: 50px;
        display: flex;
        align-items: center
    }

    .ser-icon-box {
        display: flex!important
    }

    .ts .sb input {
        padding: 0
    }

    hr.dv {
        margin: 5px 10px 0 10px
    }

    aside {
        right: -230px;
        width: 230px
    }

    aside.op {
        right: 0px
    }

    article,article.op,footer,footer.op {
        width: 100%;
        margin-right: 0px
    }

    article.app {
        margin-top: 5px
    }

    ._msg {
        width: 90%;
        left: 5%
    }

    table {
        border: 0
    }

    table caption {
        font-size: 1.3em
    }

    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    table tr {
        border-bottom: 3px solid;
        display: block;
        margin-bottom: .625em
    }

    table td {
        border-bottom: 1px solid;
        display: block;
        font-size: .8rem;
        text-align: right
    }

    table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase
    }

    table td:last-child {
        border-bottom: 0
    }

    .ub .it {
        width: calc(25% - 12px)
    }

    .sc-bar #accounts-modal {
        display: none
    }
}

@media(max-width: 576px) {
    .banner .bns {
        padding:0
    }

    .ub .it {
        width: calc(50% - 12px)
    }
}

.gr,.gr {
    margin-right: 0px;
    margin-left: 0px
}

.gr {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0px auto;
    position: relative;
    letter-spacing: -.31em;
    *letter-spacing: normal;
    word-spacing: -.43em;
    list-style-type: none;
    width: 100%
}

.gr::before,.gr::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal
}

[class*="co-"]::before,[class*="co-"]::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal
}

[class*="co-"] .gr {
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto
}

.d-none {
    display: none
}

.c12 {
    width: 100%
}

.co-11 {
    width: 91.66666667%
}

.co-10 {
    width: 83.33333333%
}

.co-9 {
    width: 75%
}

.co-8 {
    width: 66.66666667%
}

.co-7 {
    width: 58.33333333%
}

.co-6 {
    width: 50%
}

.co-5 {
    width: 41.66666667%
}

.co-4 {
    width: 33.33333333%
}

.co-3 {
    width: 25%
}

.co-2 {
    width: 16.66666667%
}

.co-1 {
    width: 8.33333333%
}

@media(min-width: 576px) {
    .co-x12 {
        width:100%
    }

    .co-x11 {
        width: 91.66666667%
    }

    .co-x10 {
        width: 83.33333333%
    }

    .co-x9 {
        width: 75%
    }

    .co-x8 {
        width: 66.66666667%
    }

    .co-x7 {
        width: 58.33333333%
    }

    .co-x6 {
        width: 50%
    }

    .co-x5 {
        width: 41.66666667%
    }

    .co-x4 {
        width: 33.33333333%
    }

    .co-x3 {
        width: 25%
    }

    .co-x2 {
        width: 16.66666667%
    }

    .co-x1 {
        width: 8.33333333%
    }

    .vb .it {
        width: 50%
    }
}

@media(min-width: 768px) {
    .co-s12 {
        width:100%
    }

    .co-s11 {
        width: 91.66666667%
    }

    .co-s10 {
        width: 83.33333333%
    }

    .co-s9 {
        width: 75%
    }

    .co-s8 {
        width: 66.66666667%
    }

    .co-s7 {
        width: 58.33333333%
    }

    .co-s6 {
        width: 50%
    }

    .co-s5 {
        width: 41.66666667%
    }

    .co-s4 {
        width: 33.33333333%
    }

    .co-s3 {
        width: 25%
    }

    .co-s2 {
        width: 16.66666667%
    }

    .co-s1 {
        width: 8.33333333%
    }
}

@media(min-width: 992px) {
    .co-m12 {
        width:100%
    }

    .co-m11 {
        width: 91.66666667%
    }

    .co-m10 {
        width: 83.33333333%
    }

    .co-m9 {
        width: 75%
    }

    .co-m8 {
        width: 66.66666667%
    }

    .co-m7 {
        width: 58.33333333%
    }

    .co-m6 {
        width: 50%
    }

    .co-m5 {
        width: 41.66666667%
    }

    .co-m4 {
        width: 33.33333333%
    }

    .co-m3 {
        width: 25%
    }

    .co-m2 {
        width: 16.66666667%
    }

    .co-m1 {
        width: 8.33333333%
    }
}

@media(min-width: 1200px) {
    .co-l12 {
        width:100%
    }

    .co-l11 {
        width: 91.66666667%
    }

    .co-l10 {
        width: 83.33333333%
    }

    .co-l9 {
        width: 75%
    }

    .co-l8 {
        width: 66.66666667%
    }

    .co-l7 {
        width: 58.33333333%
    }

    .co-l6 {
        width: 50%
    }

    .co-l5 {
        width: 41.66666667%
    }

    .co-l4 {
        width: 33.33333333%
    }

    .co-l3 {
        width: 25%
    }

    .co-l2 {
        width: 16.66666667%
    }

    .co-l1 {
        width: 8.33333333%
    }

    .vb .it {
        width: 33.33333333%
    }
}

@media(min-width: 1300px) {
    .vb .it {
        width:25%
    }
}

@media(min-width: 1600px) {
    .co-xl12 {
        width:100%
    }

    .co-xl11 {
        width: 91.66666667%
    }

    .co-l10 {
        width: 83.33333333%
    }

    .co-xl9 {
        width: 75%
    }

    .co-xl8 {
        width: 66.66666667%
    }

    .co-xl7 {
        width: 58.33333333%
    }

    .co-xl6 {
        width: 50%
    }

    .co-xl5 {
        width: 41.66666667%
    }

    .co-xl4 {
        width: 33.33333333%
    }

    .co-xl3 {
        width: 25%
    }

    .co-xl2 {
        width: 16.66666667%
    }

    .co-xl1 {
        width: 8.33333333%
    }

    .vb .it {
        width: 25%
    }

    .spc .vb .it {
        width: 20%
    }
}

@media(min-width: 2000px) {
    .vb .it {
        width:16.66666667%
    }
}

.wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.no-wrap {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.no-wrap[class*="co-"] {
    -ms-flex-negative: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1
}

.wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.direction-row {
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row
}

.area-shadow {
    border: 1px solid #d4d1d19e
}

input[type=text]._sm {
    font-size: .7rem;
    padding: 2px 2px;
    margin-bottom: 4px;
    height: 25px;
    border-radius: 5px
}

select._sm {
    font-size: .7rem;
    padding: 2px 2px;
    margin-bottom: 4px;
    height: 25px;
    border-radius: 5px
}

textarea._sm {
    font-size: .7rem;
    padding: 2px 2px;
    margin-bottom: 4px;
    border-radius: 5px
}

article .ads-i {
    margin: 0 100px;
    text-align: center
}

.ads-i .ads {
    width: calc(50% - 9px)!important;
    border-radius: 0;
    display: inline-block!important;
    font-size: 0
}

.ads-i .mediaad-bnr-img:first-child {
    text-align: right
}

.ads-i .mediaad-bnr-img:last-child {
    text-align: left
}

.ads.full-ads>div {
    margin: auto
}

.ads-i.full-ads .mediaad-bnr-img {
    text-align: center
}

.ads-i.full-ads .ads {
    width: calc(100% - 10px)
}

.ads-i.full-ads .mediaad-bnr-container-970 {
    margin: auto!important;
    max-height: 350px!important;
    max-width: 100%!important
}

.hide-i {
    display: none!important
}

article .banner {
}

.banner .bns img {
    width: 100%;
    max-width: fit-content
}

.banners .bns img {
    width: calc(100% - 10px);
    border-radius: 0;
    max-width: fit-content
}

.banner .bn {
    text-align: center;
    border-radius: 10px
}

.banner .bn img {
    width: 100%;
    object-fit: cover
}

.banner .bn img {
    height: 400px
}

@media screen and (max-width: 1600px) {
    #mediaad-KPkf .ni-ellipsis {
        color:#3d3d3d!important;
        font-weight: bold!important;
        text-align: center!important
    }

    #mediaad-KPkf .ni-ellipsis:hover {
        color: #000000!important
    }

    .banner .bn img {
        height: 300px
    }
}

@media screen and (max-width: 1800px) {
    .spc .spsd .spic {
        width:calc(100% - 50px)
    }
}

@media screen and (max-width: 1500px) {
    .spc .spsd .spic {
        width:calc(100% - 80px)
    }
}

@media screen and (max-width: 1200px) {
    .spc .spsd .spic {
        width:calc(100% - 130px)
    }

    .full-banner img {
        object-fit: cover;
        height: auto
    }
}

.img-competition {
    width: 100%;
    max-width: fit-content
}

.adsOnVideo {
    position: absolute;
    z-index: 5;
    width: 100%;
    bottom: 110px;
    height: 60px;
    overflow: hidden;
    right: -201px;
    transition: right 1s
}

.adsOnVideo.show {
    right: 0px;
    transition: right 1s
}

.adsOnVideo img {
    display: inline-block;
    width: 60px;
    height: 60px;
    z-index: 2;
    position: absolute;
    right: 0;
    transition: right 1s;
    background-color: #FFF
}

.adsOnVideo img.remove {
    right: -100px;
    transition: right 1s
}

.adsOnVideo .ta {
    display: inline-block;
    color: #ffff;
    vertical-align: top;
    padding: 5px;
    position: absolute;
    right: -264px;
    background: #414143cc;
    z-index: 1;
    height: 60px;
    transition: right 1s;
    width: 240px;
    overflow: hidden
}

.adsOnVideo .ta.show {
    right: 60px;
    transition: right 2s
}

.adsOnVideo .ta p {
    font-size: 13px;
    color: #fff
}

.adsOnVideo .ta h5 {
    font-size: 14px;
    color: #fff
}

.adsOnVideo .close {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    color: #fff;
    top: 0;
    cursor: pointer
}

.adsOnVideo .open svg {
    right: 60px;
    position: absolute;
    width: 24px;
    height: 100%;
    background: #414143cc;
    color: #fff;
    cursor: pointer
}

.adsOnVideo .open svg.show {
    right: -20px;
    transition: right .6s
}

.e-ms-b {
    position: absolute;
    width: min(50%,250px);
    top: 220px;
    left: calc(50% - 215px)
}

@media screen and (max-width: 600px) {
    .adsOnVideo {
        bottom:51px
    }

    .banner .bn img {
        height: auto
    }

    .e-ms-b {
        top: 85px;
        left: 7%
    }

    .e-ms-b p {
        font-size: 12px
    }
}

@media screen and (max-width: 400px) {
    .e-ms-b {
        top:125px
    }
}

.img-vod {
    width: 100%;
    max-width: 647px;
    margin: auto;
    padding-top: 12px
}

.post-body .ke-component.float-left {
    margin: 0 20px 10px 0
}

.post-body .ke-component {
    display: flex;
    padding: 1px;
    margin: 0 0 10px
}

.post-body .float-left {
    float: left
}

.btn-se {
    margin-top: 22px
}

.official-svg {
    background-image: url("https://ww.ifilo.net/filo/content/image-site/svg/new-official-violet.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    display: inline-block;
    width: 20px;
    height: 20px
}

.drowp-down-up-svg {
    display: inline-block;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/drowp-down-up.svg") no-repeat center / 24px 24px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/drowp-down-up.svg") no-repeat center / 20px 20px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    filter: invert(70%) sepia(0%) saturate(0)!important
}

.darkTheme .drowp-down-up-svg {
    background-color: #000
}

.football-bg-svg {
    background-image: url("https://ww.ifilo.net/filo/content/image-site/football-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.mm {
    background-size: 12px!important
}

.official-svg.official-user-item {
    -webkit-mask-size: 20px 28px;
    mask-size: 20px 28px;
    width: 14px;
    height: 11px
}

.instagram-svg {
    background-color: #818a91;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/instagram.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/instagram.svg") no-repeat center;
    display: block;
    width: 41px!important;
    height: 40px!important;
    -webkit-mask-size: 27px
}

.logo-icon img {
    width: 31px;
    display: inline-block
}

.play-svg {
    background-color: #f4aa10;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/play.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/play.svg") no-repeat center;
    display: block;
    width: 19px;
    height: 19px
}

.mh {
    margin: 30px auto 0
}

.mh ._bt {
    letter-spacing: normal;
    word-spacing: normal
}

.refresh-svg {
    background-color: #f4aa10;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/refresh-captcha.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/refresh-captcha.svg") no-repeat center;
    display: block;
    width: 35px;
    height: 35px;
    left: 162px;
    top: 9px;
    position: absolute
}

.co-sv {
    background-color: #555555;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/coin-svg.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/coin-svg.svg") no-repeat center;
    width: 20px;
    height: 20px;
    position: relative;
    -webkit-mask-size: 20px;
    right: -4px
}

.sport-sv {
    background-color: #555555;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/soccer.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/soccer.svg") no-repeat center;
    width: 23px;
    height: 20px;
    position: relative;
    -webkit-mask-size: 24px;
    right: -1px;
    padding: 0!important
}

.flag-sv {
    background-color: #555555;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/flag.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/flag.svg") no-repeat center;
    width: 20px;
    height: 20px;
    position: relative;
    -webkit-mask-size: 20px;
    right: -4px
}

.err-img {
    width: min(100%,500px);
    opacity: .5
}

._b-b {
    border: 1px solid #f4aa10;
    border-radius: 0;
    padding: 2px;
    color: #f4aa10;
    background: none
}

.vb .it.mob-b>a .dur {
    display: block
}

.vb .it.mob-s>a .dur {
    display: block;
    left: 4px;
    top: 4px;
    font-size: 8px;
    z-index: 7
}

.close-app-svg {
    background-color: #525252;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/close.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/close.svg") no-repeat center;
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: bottom
}

.site-footer .h-f {
    font-size: 14px;
    padding-right: 17px
}

.list-wrapper {
    max-width: 400px;
    margin: 50px auto
}

.nav-fo {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    z-index: 1000;
    border-top: 1px solid #c1bfbf8f
}

.nv {
    display: flex;
    justify-content: space-around;
    background-color: #e3e3e3;
    color: #242222;
    list-style: none
}

.nv .ni {
    margin: 0 10px
}

.nv .nl {
    display: inline-block;
    padding: 9px 4px;
    text-decoration: none;
    border-radius: 0
}

.nv .nv:hover {
    background-color: #000
}

.nv i {
    width: 27px;
    height: 30px;
    display: inline-block;
    -webkit-mask-size: 30px 30px;
    mask-size: 30px 30px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: #fff!important;
    filter: invert(70%) sepia(0%) saturate(0)!important
}

.nv i#my-account {
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background-color: #4a4a4a!important;
    filter: unset!important
}

.nv i#my-account img {
    height: 100%;
    width: 100%;
    border-radius: 100%
}

.nv svg {
    color: #4a4a4a
}

.nl.active i {
    background-color: #fbbc05
}

.nl.active svg {
    color: #fbbc05
}

.close-ad {
    padding: 0px 5px 5px 0px;
    font-size: 12px;
    cursor: pointer;
    text-align: right;
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 3;
    background-color: #ffffff;
    border: 1px solid #d3d1d1
}

.close-ad .close-svg {
    height: 8px;
    width: 8px;
    float: right;
    margin-left: 7px;
    margin-top: 5px;
    cursor: pointer
}

.close-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/close.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/close.svg") no-repeat center
}

#adwised {
    display: none!important
}

.not-admin {
    position: fixed;
    width: 200px;
    right: -260px;
    top: 66px;
    opacity: 0;
    z-index: 99999;
    transition: right 2s ease,opacity 2s ease
}

.not-admin img {
    width: 21px;
    vertical-align: middle;
    filter: brightness(0%) invert(100%)
}

.not-admin.show {
    opacity: 1;
    right: 100px;
    transition: right 1s
}

@media(max-width: 770px) {
    .not-admin {
        right:-169px
    }

    .not-admin.show {
        right: 33px
    }
}

.not-admin a {
    background-color: #eb554a;
    color: #fff;
    padding: 5px;
    border-radius: 3px
}

.pa-ad {
    width: fit-content;
    margin: auto;
    position: relative
}

.tc-bg {
    background-color: red;
    padding: 0px 6px;
    color: #ffff;
    border-radius: 50%
}

.a-m {
    background-color: red;
    padding: 3px;
    border-radius: 50%;
    width: 1px!important;
    margin: 1px 2px 4px 1px!important
}

.mtoast a:hover {
    color: #f4aa10
}

.dl-app.hi {
    bottom: -62px;
    transition: all 200ms ease
}

.special-svg {
    background-color: #fbbc05;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/special.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/special.svg") no-repeat center;
    display: block;
    width: 24px;
    height: 24px;
    -webkit-mask-size: 24px;
    float: right
}

.my-video .p-v .m-o .v-c .special-svg {
    transform: rotate(90deg);
    margin-top: -4px
}

.tavoos-article-title {
    width: calc(100% - 250px)!important
}

.ads.mob .tav-smoothie-cta {
    font-size: 15px!important
}

.iframe-tavoos {
    border: 0px;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 10px!important;
    height: 250px!important
}

.iframe-tavoos html {
    background: red!important
}

.darkTheme .iframe-tavoos body {
    background: #1f1f20!important
}

* {
    scrollbar-width: thin
}

.oc-thu {
    max-height: 200px!important
}

aside .birthday-hat {
    width: 100%;
    position: relative
}

aside a.pm .birthday-hat img {
    position: absolute;
    top: -22px;
    width: 39%;
    right: 12px;
    border-radius: 0;
    transform: rotate(1deg)
}

aside a.pm.isUserBirthDay {
    margin-top: 10px
}

aside a.pm.isUserBirthDay.mt {
    margin-top: 32px
}

@media(min-width: 768px) {
    aside a.pm .birthday-hat img.sit {
        top:-41px;
        width: 25%;
        right: 50px;
        height: fit-content;
        border-radius: 0;
        transform: rotate(8deg)
    }
}

@media(max-width: 768px) {
    aside a.pm.isUserBirthDay {
        margin-top:32px
    }

    aside a.pm .birthday-hat img {
        position: absolute;
        top: -168px;
        width: 24%;
        right: 71px;
        height: fit-content;
        border-radius: 0;
        transform: rotate(1deg);
        transition: top .9s
    }

    aside a.pm .birthday-hat img.sit {
        top: -41px
    }
}

article.app .hide-in-app {
    display: none
}

.select-video-subtitle button {
    background: #7e7f7f19;
    color: #000
}

.darkTheme .select-video-subtitle button {
    background: #ffffff33;
    color: #fff
}

@media(max-width: 990px) {
    .select-video-subtitle {
        cursor:pointer;
        margin-top: 10%;
        width: 100%;
        text-align: center
    }

    .saveEditVideo,.back-my-videos {
        width: 100%
    }

    .uploadVideoThumb-upload {
        justify-content: center
    }
}

.waiting-bg {
    text-align: center;
    margin-top: 10px;
    background-color: #4285f452;
    color: #4285f4;
    border: 1px solid #4285f4;
    padding: 10px
}

.success-bg {
    text-align: center;
    margin-top: 10px;
    background-color: #34a8533b;
    color: #34a853;
    border: 1px solid #34a853;
    padding: 10px
}

.iframe-ads {
    border: 0px;
    width: 100%;
    min-height: 70px
}

.sapra-logo {
    background: #fbbc05;
    border: 1px solid #f0f0f0;
    height: 32px;
    margin-right: 10px;
    padding: 3px 7px;
    width: 26px;
    margin-bottom: 4px;
    display: inline-block
}

.sapra-logo:hover {
    border-color: #555555;
    color: #000000
}

.mx-0 {
    margin-inline:0!important}

.upload-top {
    padding-inline:1%}

.back-my-videos {
    font-size: 14px;
    padding: 6px 20px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
    display: inline-block;
    line-height: 2;
    border: 1px solid #7f7e7e73;
    margin-top: 15px;
    color: #7e7f7f
}

.back-my-videos:hover {
    border: 1px solid #7e7f7f
}

.add-story-svg {
    width: 15px;
    height: 15px;
    background-color: #555555;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/add-story.svg") no-repeat center / 18px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/add-story.svg") no-repeat center / 18px;
    display: inline-block;
    margin-top: 0px!important
}

.show-video-chart {
    width: 15px;
    height: 15px;
    background-color: #555555;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/vreport.svg") no-repeat center / 18px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/vreport.svg") no-repeat center / 18px;
    display: inline-block;
    margin-top: 0px!important
}

.darkTheme .add-story-svg {
    background-color: #ffffff
}

@media(orientation: landscape) and (max-width:1024px) and (min-width:1000px) {
    .iframe-tavoos {
        display:none
    }
}

#story-background {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    background: #7e7f7f;
    background: linear-gradient(82deg,#7e7f7fff 0%,#ffcc03ff 100%);
    justify-content: center
}

.vi .story-background {
    width: 48px;
    height: 48px
}

.vi .story-avatar {
    width: 42px;
    height: 42px
}

.vi .avatar-wrapper img {
    width: 38px!important;
    height: 38px!important;
    object-fit: cover;
    border-radius: 100%;
    overflow: hidden
}

.vb .vi .sen {
    right: 10px
}

.vb .vi .du {
    right: 54px
}

.vi .story-background {
    background: transparent
}

.vi .story-background.seen-story {
    background: transparent
}

.vi .story-background.seen-story {
    background: transparent!important
}

.vi .story-avatar,.darkTheme .vi .story-avatar {
    background: linear-gradient(82deg,#7e7f7fff 0%,#ffcc03ff 100%)!important
}

.vi .seen-story .story-avatar {
    background: linear-gradient(256deg,rgb(233 226 226) 36%,rgb(213 210 210) 71%)!important
}

#reportModal {
    z-index: 99999
}

._l-h {
    line-height: 1!important
}

.repeat-variant-tick-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/repeat-variant-ticks.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/repeat-variant-ticks.svg") no-repeat center;
    background: #555555;
    width: 24px!important;
    height: 24px!important;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 22px!important;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 22px!important;
    display: inline-block;
    background-color: #fff!important;
    filter: invert(70%) sepia(0%) saturate(0)!important
}

.darkTheme .repeat-variant-tick-svg {
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.my-video .repeat-variant-tick-svg {
    margin-top: 5px
}

.mt-mxauto {
    margin: 70px auto!important
}

#fullscreenSuggestVideo {
    position: absolute;
    bottom: 85px;
    right: 19px;
    background-color: #f4aa10;
    color: white;
    border-radius: 3px;
    width: 34px;
    height: 32px;
    justify-content: center;
    align-items: center;
    display: none;
    transition: all .5s ease-out;
    z-index: 99999
}

.is-fullscreen #fullscreenSuggestVideo {
    display: flex
}

.info-svg {
    background-color: #686767;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/info.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/info.svg") no-repeat center;
    vertical-align: middle;
    cursor: pointer;
    display: block;
    width: 20px!important;
    height: 20px!important;
    margin-top: 0!important;
    float: unset!important
}

.darkTheme .info-svg {
    background-color: #fff
}

#fullscreenSuggestVideo .related-videos-svg {
    background-color: #ffffff;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/related-videos-1.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/related-videos-1.svg") no-repeat center;
    vertical-align: bottom;
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px
}

#fullscreenSuggestVideoModal {
    z-index: 9999999!important
}

#fullscreenSuggestVideoModal,#fullscreenSuggestVideoModal .close:hover {
    color: #fff
}

#fullscreenSuggestVideoModal .close,#fullscreenSuggestVideoModal .share-m {
    margin-bottom: 10px
}

#fullscreenSuggestVideoModal #suggestContent .video-item {
    display: inline-block;
    width: 25%;
    margin-inline:3px}

#fullscreenSuggestVideoModal #suggestContent .video-item .video-item-title-wrapper h3 {
    width: 85%;
    text-align: right
}

#fullscreenSuggestVideoModal #suggestContent .video-item .video-item-title-wrapper {
    justify-content: space-between
}

#fullscreenSuggestVideoModal #suggestContent .video-item-more-menu {
    left: 12px;
    top: 12px;
    padding-inline:3px}

#fullscreenSuggestVideoModal #suggestContent .video-item-title-wrapper .more-video-item-svg {
    -webkit-mask-size: 20px;
    background: #ffffff
}

.hide-on-suggest {
    display: none
}

.modal#playlist {
    z-index: 99999999
}

@media screen and (max-width: 568px) {
    #fullscreenSuggestVideoModal #suggestContent .video-item-more-menu li label {
        font-size:10px
    }

    #fullscreenSuggestVideoModal #suggestContent .video-item-more-menu {
        width: 120px;
        padding: 2px 0px
    }

    #fullscreenSuggestVideoModal #suggestContent .video-item-more-menu {
        left: 7px;
        top: 10px;
        align-items: center
    }

    #fullscreenSuggestVideoModal #suggestContent .video-item-more-menu li i {
        height: 18px!important
    }

    #fullscreenSuggestVideoModal #suggestContent .video-item-more-menu li a {
        margin-inline:0}
}

#fullscreenSuggestVideoModal #suggestContent .video-item .video-item-title-wrapper .more-video-item {
    width: fit-content;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

#fullscreenSuggestVideoModal .modal-window.large {
    background: transparent;
    margin-bottom: 10px;
    margin-top: 10px
}

#fullscreenSuggestVideoModal #suggestContent .dur,#fullscreenSuggestVideoModal #suggestContent .re,#fullscreenSuggestVideoModal #suggestContent .vi {
    display: none
}

#fullscreenSuggestVideoModal #suggestContent .vt a {
    width: 80%;
    display: block;
    margin: 8px 2px;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(max-width: 768px) {
    #fullscreenSuggestVideoModal #suggestContent .video-item {
        width:40%
    }
}

._df-row {
    display: flex!important;
    justify-content: space-between;
    flex-direction: row-reverse
}

.wr_wi {
    text-align: right
}

.b-r0 {
    border-radius: 0px!important
}

.tg-prediction {
    padding: 25px;
    position: relative
}

.tg-prediction p {
    font-size: 17px;
    font-weight: bold;
    padding-top: 6px;
    color: #fff;
    margin-top: 20px
}

.darkTheme .tg-prediction {
    background-color: #8d0801;
    border: 1px solid #8d0801
}

.post-content img {
    max-width: 100%
}

._cfs {
    font-size: 12px;
    color: #fbbc05;
    font-weight: bold
}

.accounts-modal-shadow-back {
    width: 100vw;
    height: 100vh;
    position: fixed;
    inset: 0px;
    background-color: #00000066;
    z-index: 37;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease
}

#accounts-modal {
    position: relative;
    background: #e3e3e3;
    border: 1px solid #7e7f7f19;
    padding: 10px 20px;
    width: 300px;
    z-index: 9999999;
    display: block;
    margin-top: 0px;
    opacity: 1;
    visibility: visible;
    transition: all .5s ease;
    margin: 0 auto
}

.darkTheme #accounts-modal,.darkTheme #accounts-modal-mob {
    background: #1f1f20;
    color: #FFFFFF
}

.darkTheme #accounts-modal-mob .accounts-list-footer .item i,.kid-list .accounts-list-footer .item i {
    background: #FFFFFF
}

.darkTheme #accounts-modal-mob .accounts-list-footer .item i {
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.darkTheme #accounts-modal .accounts-list-footer .item i,.kid-list .accounts-list-footer .item i {
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.darkTheme #accounts-modal .accounts-list .account,.kid-list .accounts-list .account,.darkTheme #accounts-modal .accounts-list-footer .item,.kid-list .accounts-list-footer .item,.darkTheme #accounts-modal-mob .accounts-list .account,.darkTheme #accounts-modal-mob .accounts-list-footer .item,.darkTheme #accounts-modal .accounts-list-footer .item a,.darkTheme #accounts-list-footer .c-5,.darkTheme #accounts-modal .c-5,.darkTheme #accounts-modal-mob .c-5,.darkTheme #accounts-modal-mob .accounts-list-footer .item p,.kid-list .accounts-list-footer .item p {
    color: #FFFFFF
}

#accounts-modal-mob {
    position: fixed;
    background: #f8f9fc;
    border: 1px solid #7e7f7f19;
    padding: 10px 20px;
    width: 300px;
    z-index: 9999999;
    right: 10px;
    margin-top: 0px;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    top: 110px
}

#accounts-modal-mob {
    background: #e3e3e3;
    padding: 10px 20px;
    z-index: 9999;
    right: 0;
    opacity: 1;
    visibility: visible;
    transition: all .5s ease;
    top: unset;
    width: 90%;
    bottom: -500px
}

#accounts-modal .story-background,#accounts-modal-mob .story-background {
    width: 87px;
    height: 87px
}

#accounts-modal .story-avatar,#accounts-modal-mob .story-avatar {
    width: 78px;
    height: 78px
}

#accounts-modal-mob .login-account-image {
    text-align: center;
    border-radius: 100%
}

#accounts-modal .login-account-image img,#accounts-modal-mob .login-account-image img {
    width: 80px;
    height: 80px;
    border-radius: 100%
}

#accounts-modal .accounts-modal-tools,#accounts-modal-mob .accounts-modal-tools {
    border-top: .5px solid #7e7f7f19;
    margin-top: 10px;
    padding-top: 10px
}

#accounts-modal .accounts-modal-tools a span,#accounts-modal-mob .accounts-modal-tools a span {
    font-size: 14px;
    margin: 4px 0px
}

#accounts-modal .accounts-list,.kid-list .accounts-list,#accounts-modal .accounts-list-footer,.kid-list .accounts-list-footer,#accounts-modal-mob .accounts-list,.kid-list .accounts-list,#accounts-modal-mob .accounts-list-footer {
    background-color: #7e7f7f0f
}

#accounts-modal .accounts-list-footer,.kid-list .accounts-list-footer,#accounts-modal-mob .accounts-list-footer {
    margin-bottom: 10px
}

#accounts-modal .accounts-list-header,#accounts-modal-mob .accounts-list-header,.kid-list .accounts-list-header {
    background-color: #7f7e7e66;
    width: 100%;
    margin-top: 20px;
    padding: 10px 0px
}

.kid-list .accounts-list-header {
    margin-top: 30px!important
}

#accounts-modal .accounts-list-header,.accounts-list-header {
    background-color: #7f7e7e66
}

#accounts-modal .accounts-list .account,.kid-list .accounts-list .account,#accounts-modal .accounts-list-footer .item,#accounts-modal-mob .accounts-list .account,#accounts-modal-mob .accounts-list-footer .item,.kid-list .accounts-list-footer .item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-bottom: 1px solid #b7b4a863;
    flex-direction: row;
    color: #555555
}

#accounts-modal-mob .accounts-list-footer .item p,.kid-list .accounts-list-footer .item p {
    color: #555555
}

#accounts-modal .accounts-list .account img,#accounts-modal-mob .accounts-list .account img {
    width: 40px;
    height: 40px;
    border-radius: 100%
}

#accounts-modal .accounts-list-footer .item .image-container,#accounts-modal-mob .accounts-list-footer .item .image-container {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #fdd60321
}

#accounts-modal .accounts-list-footer .item .image-container,#accounts-modal-mob .accounts-list-footer .item .image-container {
    display: flex;
    justify-content: center;
    align-items: center
}

#accounts-modal .accounts-list-footer .item i,#accounts-modal-mob .accounts-list-footer .item i,.kid-list .accounts-list-footer .item i {
    display: inline-block;
    width: 28px!important;
    height: 28px!important;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 22px!important;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 22px!important
}

#accounts-modal-mob .accounts-list-footer .item i,.kid-list .accounts-list-footer .item i {
    background-color: #fff!important;
    filter: invert(70%) sepia(0%) saturate(0)!important
}

#accounts-modal .accounts-list-footer .item a,.kid-list .accounts-list-footer .item a,#accounts-modal .accounts-list-footer .item div,.kid-list .accounts-list-footer .item div,#accounts-modal-mob .accounts-list-footer .item a,#accounts-modal-mob .accounts-list-footer .item div {
    flex-direction: unset;
    display: flex;
    align-items: center
}

.account-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/channel.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/channel.svg")
}

.addAccount-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/addAccount.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/addAccount.svg")
}

.open-lock-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/open-lock.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/open-lock.svg")
}

@media(max-width: 768px) {
    .accounts-modal-shadow-back {
        z-index:9999
    }
}

.m-auto {
    margin: 0 auto
}

.c-5 {
    color: #555555
}

.darkTheme .c-5 {
    color: #555555
}

.p-usr-ac {
    max-height: 50vh;
    overflow: auto
}

._bc5 {
    background-color: #fff!important;
    filter: invert(70%) sepia(0%) saturate(0)!important
}

.effective-millennium-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/effective-millennium.svg") no-repeat center / 28px 28px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/effective-millennium.svg") no-repeat center / 28px 28px;
    background-color: #686767
}

.mod-bg-un {
    background-color: unset!important
}

.logoutAllAccount {
    cursor: pointer
}

#choose-usr-list.modal {
    z-index: 9999999
}

.bg-b7 {
    background-color: #b7b7b7!important
}

._fw-n {
    flex-wrap: nowrap!important
}

._ml {
    margin-left: 24px
}

._mr {
    margin-right: 10px
}

.rpm-box {
    text-align: center;
    padding: 10px;
    padding-inline:10px;border-radius: 5px;
    margin: auto;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 2.4;
    background: #ffcc03!important;
    background: linear-gradient(90deg,#ffcc03ff 0%,#FFF4B5 50%,#ffcc03ff 100%)!important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 10px
}

.mx-auto {
    margin-inline:auto}

.rpm-box-img {
    width: 120px;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover
}

.rpm-box-img img {
    width: 100%;
    height: 100%
}

.rpm-box span {
    text-align: right
}

.rpm-title {
    font-size: 18px;
    color: #555555
}

.rpm-box-img.mob {
    display: none
}

.rpm-sub-desc.si {
    color: #4ec45e
}

.rpm-sub-desc {
    font-size: 15px
}

@media(max-width: 950px) {
    .rpm-title {
        font-size:18px;
        color: #555555
    }
}

@media(max-width: 950px) {
    .rpm-box-img.desk {
        display:none
    }

    .rpm-title {
        font-size: 18px;
        color: #555555;
        display: flex;
        align-items: center
    }

    .rpm-box-img.mob {
        display: block
    }
}

._Tl {
    top: 13px!important;
    left: 15px!important;
    z-index: 999999999999
}

#accounts-modal-mob .close {
    display: none
}

._ws {
    white-space: pre
}

@media(max-width: 1380px) {
}

@media(max-width: 1000px) {
    .card {
        min-height:-moz-fit-content;
        min-height: fit-content
    }
}

@media(max-width: 992px) {
    .tg-prediction p {
        font-size:15px
    }
}

@media(max-width: 950px) {
    .card {
        min-height:50px!important
    }
}

.darkTheme .card {
    background: #ffffff2e;
    border: 1px solid #f0f0f05e;
    color: #fff
}

@media only screen and (max-width: 768px) {
    .card {
        min-height:150px
    }
}

@media(max-width: 590px) {
    .darkTheme .card .sub-desc {
        font-size:12px
    }
}

.card {
    text-align: center;
    padding: 10px;
    padding-inline:10px;border-radius: 5px;
    margin: auto;
    background: #fff;
    border: 1px solid #f0f0f0;
    min-height: 75px;
    line-height: 2.4
}

._bt._sm i {
    background-color: #fff!important;
    filter: invert(70%) sepia(0) saturate(0)!important;
    float: right;
    margin-left: 4px;
    margin-top: -3px
}

.sign-up-with-google {
    width: 100%;
    background-color: white;
    display: flex;
    justify-content: center;
    font-size: 14px;
    position: relative;
    align-items: center;
    color: #686262;
    padding: 8px;
    padding-inline:0}

.darkTheme .sign-up-with-google {
    background-color: #a6a6a6;
    color: black
}

.google-div {
    background-image: url("https://ww.ifilo.net/filo/content/image-site/svg/google.svg");
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    margin-left: 5px
}

.google-login-area {
    background-color: white;
    padding: 10px
}

.google-login-area .header {
    display: flex;
    border-bottom: 1px solid #a69f9f2b;
    padding-bottom: 10px
}

a span.usr-name-wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.google-login-err {
    color: #fd0303!important;
    font-size: 16px
}

._hlp.google-login-err:before {
    content: none!important
}

.marginy-10 {
    margin: 10px 0!important
}

.d-b {
    display: block
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.content-box {
    box-sizing: border-box;
    margin: auto;
    max-width: 1000px
}

.post-content {
    max-width: 1000px
}

@media screen and (min-width: 1001px) and (max-width:1400px) {
    .content-box {
        max-width:1350px
    }
}

@media screen and (min-width: 1401px) and (max-width:1700px) {
    .content-box {
        max-width:1650px
    }
}

@media screen and (min-width: 1701px) and (max-width:1900px) {
    .content-box {
        max-width:1850px
    }
}

@media screen and (min-width: 1901px) {
    .content-box {
        max-width:1900px
    }
}

@media screen and (min-width: 1400px) {
    .post-content {
        max-width:1000px!important
    }
}

@media screen and (min-width: 1600px) {
    .post-content {
        max-width:1200px!important
    }
}

@media screen and (min-width: 1800px) {
    .post-content {
        max-width:1400px!important
    }
}

.content-box .rule.cot {
    width: 100%!important
}

@media(max-width: 1100px) {
    .content-box {
    }
}

.content-box.ms {
    padding: unset
}

.content-box .ms,.content-box .content-box-ch {
    padding: 20px;
    direction: rtl;
    margin-inline:auto;box-sizing: border-box
}

.content-box.cot {
    width: unset
}

.badge-chanel {
    font-size: 12px;
    background-color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    position: absolute;
    z-index: 9;
    left: 3px;
    top: 3px
}

._mr0 {
    margin-right: 0!important
}

.offi-search {
    position: absolute;
    filter: unset!important;
    background-color: unset!important
}

.p-relative {
    position: relative
}

.f-bold {
    font-weight: bold
}

.f-bold ol li {
    font-weight: 100!important
}

.msg-vpn {
    color: #fff;
    box-sizing: border-box;
    position: absolute;
    z-index: 67;
    font-size: 14px;
    background-color: #a3010161;
    width: 100%;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: start
}

.msg-vpn.hide {
    display: none!important
}

.msg-vpn .close-svg {
    background-color: #ffffff;
    float: unset;
    width: 12px;
    height: 12px;
    padding: 2px;
    display: inline-block;
    cursor: pointer;
    margin-right: .2%
}

.msg-vpn span {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex
}

.msg-vpn span img {
    width: 100%;
    height: 29px;
    object-fit: contain
}

@media screen and (max-width: 768px) {
    .msg-vpn {
        gap:5px
    }
}

.mob-vpn-img-bg {
    display: none
}

.mr-4 {
    margin-right: 4px
}

@media screen and (max-width: 580px) {
    .msg-vpn .close-svg {
        width:14px;
        height: 14px
    }

    .des-vpn-img {
        display: none
    }

    .mob-vpn-img-bg {
        display: block;
        height: 32px
    }
}

.tab-list-container {
    text-align: right;
    margin-inline:1rem}

.tablist {
    scrollbar-width: none;
    height: 51px;
    display: flex;
    align-items: center;
    padding-left: 1px
}

.tablist li {
    border: 1px solid #d9d4d4;
    padding: 6px 12px;
    font-size: 14px;
    color: #7a7777;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer
}

.tablist li:last-child {
    margin-left: 20px
}

.tablist li:first-child {
    margin-right: 0
}

li.activeitem {
    color: #f4aa10!important;
    border-color: #f4aa10;
    font-weight: bold
}

.tab-list-container .jc-right,.tab-list-container .jc-left {
    width: 30px!important;
    height: 30px!important;
    top: 0px!important
}

.tab-container {
    position: sticky;
    top: 50px;
    z-index: 999;
    background-color: #f8f9fc
}

.darkTheme .tab-container {
    background-color: #1f1f20
}

.darkTheme .tablist li {
    color: #fff
}

.vi-item,.vi-item>a,.vdo,.u-profile {
    position: relative
}

.video-item {
    position: relative;
    overflow: hidden
}

.vi-item,.vi-img,.vi-title a {
    display: inline-block
}

.vi-item,.vi-item>a,.vi-img,.vdo,.vi-title,.u-profile {
    width: 100%
}

.vi-item>a,.u-profile>a,.vdo-details {
    display: flex
}

.vi-img,.vdo {
    aspect-ratio: 16 / 9
}

.vdo,.vi-title {
    display: block
}

.vdo,.spentTime {
    top: 0px
}

.v-qual,.v-dur,.ad-txt {
    color: #fff;
    top: 6px
}

.v-qual,.vdo-details,.vdo-details span {
    font-size: 10px
}

.v-dur,.ad-txt {
    left: 6px
}

.v-qual,.v-dur,.ad-txt,.ad-icon,.spentTime {
    position: absolute
}

.v-qual,.ad-txt,.ad-icon {
    z-index: 8
}

.v-qual,.ad-icon {
    right: 6px
}

.ad-txt,.ad-icon {
    height: 16px
}

.v-qual,.ad-txt {
    border-radius: 2px;
    background-color: #5c4e4ecf
}

.vi-title,.vi-title a {
    height: 34px
}

.vi-title,.vi-title a,.u-profile,.dot {
    font-size: 14px!important
}

.vi-title,.u-profile {
    font-weight: 100!important
}

.vi-title a,.u-name {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.u-profile {
    border-radius: 0px 0px 5px 5px;
    padding: 0px 5px 5px 5px;
    margin: 0px 5px 17px 1px
}

.u-profile>a {
    gap: 10px
}

.u-name span,.vdo-details a,.ad-txt {
    font-size: 11px
}

.vi-item {
    padding: 0px 3px 0px 3px;
    margin-bottom: 2px
}

@media(min-width: 576px) {
    .vi-item {
        width:50%
    }
}

@media(min-width: 1200px) {
    .vi-item {
        width:33.33%
    }
}

@media(min-width: 1300px) {
    .vi-item {
        width:25%
    }
}

@media(min-width: 2000px) {
    .vi-item {
        width:16.66666667%
    }
}

.vdo {
    background: #000000e5;
    z-index: 5;
    text-align: center
}

.v-qual {
    padding: 2px 4px 0px 4px;
    font-weight: 700;
    display: inherit
}

.v-dur {
    background-color: #000;
    padding: 1px 2px;
    font-size: 12px;
    z-index: 9
}

.ad-txt {
    width: 40px;
    padding: 1px;
    font-weight: 600
}

.ad-icon {
    width: 17px;
    bottom: 6px;
    border: 1px solid #5c4e4ecf;
    background: #fff
}

.vi-title {
    margin-block-start:0;margin-top: 5px;
    padding-inline:5px;margin-bottom: 4px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.vi-title a {
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    line-height: 17px;
    white-space: normal;
    padding: 0 2px
}

.vdo-info {
    color: #737373;
    display: grid;
    overflow: hidden;
    position: relative
}

.u-name {
    line-height: 1;
    max-width: 121px;
    padding-top: 6px;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    color: #555555
}

.vdo-details {
    top: 20px;
    gap: 5px
}

.spentTime {
    background-color: #ea4335;
    height: 5px;
    left: 0px
}

.lo-bg {
    background-color: #e7e7e7;
    animation: blink 1.5s infinite ease-in-out
}

.lo-info-bg {
    background: #e7e7e7!important;
    width: 104px!important;
    height: 15px!important;
    display: inline-block!important;
    overflow: hidden;
    animation: blink 1.5s infinite ease-in-out
}

.bg-side-item-title {
    background: #e7e7e7;
    width: 160px;
    height: 30px;
    display: inline-block;
    animation: blink 1.5s infinite ease-in-out
}

@keyframes blink {
    0% {
        opacity: .4
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .4
    }
}

.darkTheme .vi-title a {
    color: #fff
}

.darkTheme .vdo-details,.darkTheme .u-name {
    color: #c1baba
}

.t-video-list {
    font-weight: bold!important
}

.darkTheme .t-video-list {
    color: #fff!important
}

@media(max-width: 768px) {
    #fullscreenSuggestVideoModal .modal-window.large {
        width:100%
    }

    #fullscreenSuggestVideoModal #suggestContent .vt a {
        font-size: 12px
    }
}

.i-sh {
    margin-inline:3px;font-size: .7rem;
    display: flex;
    align-items: center
}

.i-sh i {
    display: inline-block;
    font-size: 1rem;
    -webkit-mask-size: 22px;
    float: right;
    width: 27px;
    height: 20px;
    -webkit-mask-position: initial;
    margin-left: 2px;
    transition: all 500ms ease;
    mask-repeat: no-repeat
}

.i-sh i {
    background-color: #686767;
    background-color: #fff;
    filter: invert(70%) sepia(0%) saturate(0)
}

.save-playlist-svg {
    -webkit-mask-size: 27px!important;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/save-playlist.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/save-playlist.svg") no-repeat center;
    height: 25px!important
}

.playlist-modal {
    width: 100%;
    outline: none;
    border: navajowhite;
    height: 395px
}

.wall-side-playlist-modal {
    box-sizing: border-box;
    width: 100%;
    outline: none;
    border: navajowhite;
    height: 395px
}

.darkTheme .video-item-more-menu.sug {
    background: #c0bebe
}

.darkTheme .video-item-more-menu.sug {
    background: #c0bebe;
    background: #555555;
    color: #fff
}

.darkTheme .content-box.sug-vid .video-item-more-menu.sug .i-sh i {
    background-color: #000
}

.darkTheme .content-box.sug-vid .video-item-more-menu li label {
    color: #fff
}

.darkTheme .video-item-more-menu.sug li a {
    color: #000000
}

.video-item-title-wrapper .more-video-item-svg.sugi {
    width: 27px;
    height: 20px;
    -webkit-mask-size: 22px
}

.darkTheme .video-item-title-wrapper .more-video-item-svg.sugi {
    background-color: #000
}

.darkTheme .video-item-more-menu.sug .i-sh i {
    background-color: #000
}

.darkTheme .video-item-more-menu.sug li label {
    color: #fff
}

#playlist .modal-window.large .content-box {
    padding-inline:4%}

.sug-vid .video-item-title-wrapper {
    justify-content: space-between
}

.hide-sug {
    display: none!important
}

.video-item-title-wrapper .more-video-item-svg {
    margin-left: -14px
}

.i-sh.more-video-item {
    justify-content: end
}

.it.item {
    overflow: unset
}

.video-item-more-menu {
    left: 3px;
    top: 20px
}

.next-play-container .it.video-item,.vs-section .it.video-item,#sidePlayList .it.video-item {
    overflow: unset!important
}

.report-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/report.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/report.svg") no-repeat center
}

.video-item-more-menu.sug li a {
    justify-content: unset
}

#suggestContent .video-item {
    overflow: unset!important
}

#suggestContent .report .re-tit,#suggestContent .report .repo-exp,#suggestContent .ply-tit,#suggestContent .close {
    color: #555555!important
}

.darkTheme #suggestContent .report .re-tit,.darkTheme #suggestContent .report .repo-exp,.darkTheme #suggestContent .ply-tit,.darkTheme #suggestContent .close {
    color: #fff!important
}

#suggestContent .report .re-tit,#suggestContent .ply-tit {
    text-align: right
}

#fullscreenSuggestVideoModal .modal-window .gr {
    overflow: unset!important
}

.darkTheme #suggestContent .video-item-more-menu {
    background: #b4b4b4!important
}

.darkTheme #suggestContent .video-item-more-menu li label {
    color: #000
}

#suggestContent .vs-section .video-item-more-menu .i-sh label {
    background-color: #fff!important;
    filter: invert(136%) sepia(0%) saturate(0)!important
}

.darkTheme #suggestContent .vs-section .video-item-more-menu .i-sh label {
    background-color: #000!important;
    filter: invert(0%) sepia(0%) saturate(0)!important
}

#suggestVideos .video-item-more-menu .i-sh i, {
    filter: invert(136%) sepia(0%) saturate(0)!important
}

.official-request .w-100 {
    width: 100%!important
}

.disp-name p {
    color: #f4aa10;
    font-size: .8rem
}

.disp-name p:hover {
    color: #000000
}

.comments .list-section .comment-btns .disp-name .fi-rep {
    margin-right: 5px;
    color: inherit
}

@media(max-width: 399px) {
    .inc-rep-btn ._b-d {
        padding-inline:24px;
        margin-bottom: 3px!important
    }
}

#suggestContent .vs-section .video-item-more-menu,#suggestContent .vs-section .video-item-more-menu .i-sh i {
    background: #000000
}

.darkTheme #suggestContent .vs-section .video-item-more-menu,.darkTheme #suggestContent .vs-section .video-item-more-menu .i-sh i {
    background: #fff
}

.suggest-in-slide-player .video-item-title-wrapper .more-video-item-svg {
    margin-left: -7px
}

.suggest-in-slide-player .video-item-more-menu li a {
    justify-content: unset
}

@media(max-width: 440px) {
    .footer-imgs {
        display:flex;
        gap: 12px;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media(max-width: 518px) {
    #rulesTabs blockquote {
        margin-inline:15px
    }
}

@media(max-width : 1115px) {
    header .tb.lo .ts {
        width:calc(100% - 300px)
    }

    .ts .sb {
        margin-left: 3px
    }
}

@media(max-width : 992px) {
    .sau>div.co-m3 {
        width:50%
    }
}

#suggestVideos .vi {
    display: none
}

#suggestVideos .it {
    margin-bottom: unset!important;
    margin-top: 4px!important
}

#suggestVideos .it .i-sh {
    margin-left: 0!important
}

.video-loading .jc-left,.video-loading .jc-right {
    display: none!important
}

.search-item {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 10px 0;
    padding-right: 12px!important;
    color: #555555!important;
    cursor: pointer
}

.search-item p {
    padding: unset
}

.se-ti {
    padding-right: 4px!important;
    padding-bottom: 6px!important;
    text-align: right
}

.se-spac {
    width: 100%;
    display: block;
    height: 1px;
    background: #e3dbdb;
    margin-bottom: 7px
}

.user-search-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/history.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/history.svg");
    width: 28px!important;
    height: 28px!important;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 22px!important;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 22px!important
}

.user-trends-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/trends.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/trends.svg");
    width: 28px!important;
    height: 28px!important;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 22px!important;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 22px!important
}

.darkTheme .user-search-svg,.darkTheme .user-trends-svg {
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.user-search-svg,.user-trends-svg {
    background-color: #fff!important;
    filter: invert(70%) sepia(0%) saturate(0)!important
}

.darkTheme .search-item p {
    color: #fff
}

.search-result-svg {
    -webkit-mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/search-result.svg");
    mask-image: url("https://ww.ifilo.net/filo/content/image-site/svg/search-result.svg");
    width: 28px;
    height: 28px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 28px;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 28px;
    background-color: #fff;
    filter: invert(70%) sepia(0%) saturate(0);
    padding: 14px;
    display: none;
    float: left;
    padding-bottom: 6px
}

.darkTheme .search-result-svg {
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.refresh-svg.log {
    background: url("https://ww.ifilo.net/filo/content/image-site/svg/refresh.svg") no-repeat center / 28px 28px!important;
    position: unset!important;
    -webkit-mask: unset!important;
    mask: unset!important;
    background-color: #7e7f7f19!important;
    display: inline-block;
    width: 35px;
    height: 40px;
    border-radius: 0;
    padding: 6px;
    float: right;
    box-sizing: border-box;
    margin-top: 5px
}

.darkTheme .refresh-svg.log {
    filter: invert(100%) sepia(0%) saturate(0%);
    background-color: rgb(77 76 76 / 30%)!important
}

.cod-con input {
    padding-left: 230px!important
}

.search-item p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    text-align: right
}

.mob-ser {
    float: left!important;
    display: flex;
    justify-content: end
}

.mob-ser .shs {
    height: 32px!important;
    width: 32px!important;
    padding-bottom: 0!important;
    padding-top: 10px!important
}

.mob-ser {
    width: unset!important;
    padding-top: 10px;
    padding-left: 6px
}

.close-mob-menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px
}

.ser-box form {
    display: flex;
    width: 100%
}

.ser-box form button {
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center
}

.ser-box {
    height: 48px;
    margin-inline:1px}

.ser-box,.ser-icon-box {
    display: flex;
    align-items: center
}

.ser-icon-box {
    width: 32px;
    height: 32px;
    padding: 4px;
    cursor: pointer;
    display: none
}

.users-search-svg {
    display: inline-block;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/video-search.svg") no-repeat center / 32px 32px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/video-search.svg") no-repeat center / 32px 32px;
    width: 32px;
    height: 32px;
    background-color: #000
}

.darkTheme .users-search-svg {
    background-color: #fff
}

#mobInMenu {
    display: none
}

.ts.mob-ser {
    display: none
}

.search-item .search-result-svg {
    padding: 2px;
    display: inline-block
}

.darkTheme .ts.desk-menu {
    background: #414143
}

.side-item.vav {
    overflow: hidden!important
}

.video-wrapper {
    position: relative
}

.video-wrapper video {
    left: 0!important
}

.spent-time {
    left: 0!important
}

.iframe-tavoos {
    display: block!important
}

.ads-st-bnr {
    width: 100%;
    height: 100%
}

@media(max-width: 1300px) {
}

@media(max-width: 800px) {
}

@media(max-width: 800px) {
}

@media(max-width: 342px) {
    header .tb .ms i {
        padding:8px 6px;
        height: 34px
    }

    .upload-vu-svg {
        height: 34px;
        padding: 8px
    }

    header .tb .tt {
        height: 34px;
        padding: 8px
    }

    .chat-list-svg {
        height: 34px;
        padding: 8px
    }

    .search-result-svg {
        height: 34px;
        padding: 8px
    }

    .chat-message-bdg {
        left: 7px
    }
}

.chat-notif-container {
    height: 70px;
    width: 340px;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: fixed;
    right: 127px;
    bottom: 105px;
    direction: rtl;
    z-index: 99999;
    box-sizing: border-box;
    background-color: #ffcc03ff;
    border-radius: 15px;
    animation: chat-info-slideInRight .5s ease forwards;
    box-shadow: 0 0 8px 0 #0000007f;
    border: 0;
    cursor: pointer
}

.chat-notif-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 11px;
    margin-left: 11px
}

.chat-notif-text {
    display: flex;
    flex-direction: column;
    text-align: right;
    line-height: 1.5
}

.chat-notif-text strong {
    margin-bottom: 1px;
    font-size: 16px;
    font-weight: 700;
    color: #000000ff
}

.chat-notif-text span {
    color: #282828ff;
    font-size: 16px;
    font-weight: 400;
    margin: 0!important
}

.darkTheme .chat-notif-container {
    background-color: rgb(255,204,3,1);
    border-radius: 15px;
    box-shadow: 0 0 15px 0 #0000007f;
    border: 0;
    cursor: pointer
}

.darkTheme .chat-notif-text span {
    margin: 0!important;
    color: #282828ff!important
}

@keyframes chat-info-slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

@media(max-width: 768px) {
    .chat-notif-container {
        right:18px;
        bottom: 93px;
        height: 60px;
        width: 225px
    }

    .chat-notif-avatar {
        height: 48px;
        width: 48px;
        margin-right: 16px;
        margin-left: 10px
    }

    .chat-notif-text strong {
        font-size: 14px
    }

    .chat-notif-text span {
        font-size: 14px;
        margin: 0!important
    }
}

.modal.kids-dialog {
    position: fixed;
    background-color: #0000007f;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    overflow: hidden;
    height: 100%;
    width: 100%;
    z-index: 9999999;
    display: none
}

.dialog-content,.dialog-header,.dialog-content-buttons,.install-app-btn,.open-in-filo-btn {
    display: flex;
    align-items: center
}

.modal.kids-dialog,.install-app-btn,.open-in-filo-btn {
    justify-content: center
}

.modal-window.dialog-box {
    width: 31.53%;
    background-color: #ffffff;
    box-shadow: 0 0 20px #0000003f;
    border-radius: 8px;
    padding: unset
}

.darkTheme .modal-window.dialog-box {
    background: #1f1f20
}

.darkTheme .modal-window.dialog-box p {
    color: #FFFFFF
}

.dialog-header {
    margin: 8px 16px 0;
    padding-bottom: 8px;
    height: 41px;
    border-bottom: 1px solid #d1d1d1;
    justify-content: end
}

.dialog-close-svg {
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/modal-close.svg") no-repeat center;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/modal-close.svg") no-repeat center;
    width: 20px;
    height: 20px;
    mask-size: 20px;
    -webkit-mask-size: 20px;
    display: inline-block;
    filter: none!important;
    cursor: pointer;
    background-color: #555555
}

.darkTheme .dialog-close-svg {
    background-color: #ffffff
}

.dialog-content {
    margin: 0 31px 35px;
    flex-direction: column
}

.dialog-content img {
    aspect-ratio: 1 / 1;
    width: 114px;
    height: auto
}

.dialog-content p {
    font-size: 16px;
    color: #555555;
    text-align: justify;
    margin-bottom: 24px
}

.dialog-content-buttons {
    justify-content: space-around;
    gap: 24px
}

.install-app-btn {
    background-color: #329c51;
    color: #ffffff
}

.open-in-filo-btn {
    background-color: #ffcc03;
    color: #000000
}

.install-app-btn,.open-in-filo-btn {
    border-radius: 5px;
    width: 147px!important;
    height: 40px;
    font-size: 14px;
    font-weight: normal;
    padding: 0!important
}

.darkTheme .install-app-btn,.darkTheme .open-in-filo-btn {
    color: #000000
}

.never-show {
    margin-top: 18px;
    display: flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px
}

.never-show input {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0
}

.never-show p {
    margin-bottom: 0
}

@media screen and (max-width: 1200px) {
    .modal-window.dialog-box {
        width:50%
    }
}

@media screen and (max-width: 768px) {
    .modal-window.dialog-box {
        width:70%
    }
}

@media screen and (max-width: 576px) {
    .modal-window.dialog-box {
        width:90%
    }

    .dialog-content p {
        font-size: 14px
    }

    .install-app-btn,.open-in-filo-btn {
        width: 100px!important;
        font-size: 12px
    }
}

@media screen and (max-width: 375px) {
    .install-app-btn,.open-in-filo-btn {
        font-size:10px
    }
}

#storyComponent.pt-10 {
    padding-top: 10px
}

.story-container {
    height: 80px;
    margin: 70px 100px 20px 100px;
    display: flex;
    align-items: center
}

.story-item {
    cursor: pointer;
    display: inline-block;
    margin-inline:7px}

.story-background {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    background: #7e7f7f;
    background: linear-gradient(82deg,#7e7f7fff 0%,#ffcc03ff 100%);
    justify-content: center
}

.story-background.seen-story {
    background: #7e7e7e!important;
    background: linear-gradient(256deg,rgb(233 226 226) 36%,rgb(213 210 210) 71%)!important
}

.story-avatar {
    width: 58px;
    height: 58px;
    border-radius: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.darkTheme .story-avatar {
    background: #1f1f20
}

.story-avatar img {
    width: 51px;
    height: 51px;
    object-fit: cover;
    border-radius: 100%
}

.story-username {
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
    width: 64px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.story-username a {
    color: #555555
}

.darkTheme .story-username a {
    color: #c1baba
}

.story-container .swiper .items {
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    white-space: nowrap;
    scrollbar-width: none
}

.loading-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/loading.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/loading.svg") no-repeat center;
    width: 50px;
    height: 50px;
    -webkit-mask-size: 50px
}

.preload {
    position: fixed;
    background-color: #fbbc05;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    z-index: 999999999
}

.story-container .its {
    width: 100%;
    white-space: nowrap;
    scrollbar-width: none
}

.story-container .jc-right,.story-container .jc-left {
    width: 30px!important;
    height: 30px!important
}

#show-story-modal-container {
    position: fixed;
    inset: 0px;
    background-color: #000000cc;
    z-index: 100000000;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0
}

#show-story-modal-container .close-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/close.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/close.svg") no-repeat center;
    width: 19px;
    height: 19px;
    background-color: #fff;
    position: fixed;
    top: 90px;
    right: 100px;
    cursor: pointer;
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

#show-story-modal-container .show-modal {
    height: 85vh;
    background: black;
    width: 25%;
    margin-top: 65px;
    border-radius: 20px
}

#show-story-modal-container .show-modal-data {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 90%
}

#show-story-modal-container .show-modal .avatar-wrapper {
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: relative
}

#show-story-modal-container .show-modal .avatar-container {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
    border: 1px solid #555;
    margin: 10px 10px 10px 0
}

#show-story-modal-container .show-modal .official-svg {
    position: absolute;
    top: 10px;
    right: 5px
}

#show-story-modal-container .show-modal .avatar-container img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

#show-story-modal-container .show-modal .flax-container {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 13%;
    margin-left: 12px
}

#show-story-modal-container .show-modal .flax-container.max-with {
    width: calc(100% - 148px)
}

#show-story-modal-container .show-modal #username {
    color: #fff;
    font-size: 14px;
    width: calc(100% - 72px);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#show-story-modal-container .show-modal .flax-container.max-with.my-story-info {
    width: calc(100% - 190px)
}

#show-story-modal-container .show-modal .text-story-wrapper {
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center;
    overflow: hidden
}

#show-story-modal-container .show-modal .text-wrapper .text-story {
    display: flex;
    justify-content: center;
    height: fit-content;
    max-width: 100%
}

#show-story-modal-container .show-modal .text-wrapper .text-story .truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block
}

#show-story-modal-container .show-modal .text-wrapper .text-story .link-svg {
    display: inline-block;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/sec-link.svg") no-repeat center / 20px 20px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/sec-link.svg") no-repeat center / 20px 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transform: rotate(-60deg)
}

#show-story-modal-container .show-modal .image-wrapper {
    z-index: 998;
    margin-inline:10%;text-align: center;
    position: absolute
}

#show-story-modal-container .show-modal .text-wrapper {
    z-index: 999;
    margin-inline:10%;text-align: center;
    position: absolute
}

#show-story-modal-container .show-modal .text-story-wrapper .position-start {
    top: 0
}

#show-story-modal-container .show-modal .text-story-wrapper .position-center {
    top: calc(50% - 180px);
    top: 50%;
    transform: translate(0,-50%)
}

#show-story-modal-container .show-modal .text-story-wrapper .position-end {
    bottom: 0
}

#show-story-modal-container .show-modal .image-wrapper img {
    width: 100%;
    object-fit: cover
}

#show-story-modal-container .show-modal .text-wrapper a.text-container.text-story {
    cursor: pointer
}

#show-story-modal-container .show-modal .text-container {
    margin: 5%;
    text-align: center;
    border-radius: 10px;
    padding: 5px
}

#show-story-modal-container .show-modal a.text-container {
    width: 110px;
    max-width: 100%
}

#show-story-modal-container .show-modal .text-container p {
    background: #fff;
    background: rgb(255 255 255 / 70%);
    color: #000000;
    overflow: hidden;
    font-size: 14px;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    margin-inline:10px;text-align: center;
    opacity: .8;
    word-wrap: break-word;
    max-width: 85%
}

#show-story-modal-container .video-container {
    height: fit-content;
    max-height: 67%;
    overflow: hidden;
    width: 100%
}

#show-story-modal-container .video-container video {
    width: 100%;
    height: 100%
}

#show-story-modal-container .arrow-svg-container {
    width: 50px;
    height: 50px
}

#show-story-modal-container .arrow-svg {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/down.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/down.svg") no-repeat center;
    float: left;
    vertical-align: bottom;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #fff
}

#show-story-modal-container .arrow-svg#next {
    transform: rotate(-90deg)
}

#show-story-modal-container .arrow-svg#previous {
    transform: rotate(90deg)
}

#show-story-modal-container .justify-content-between {
    justify-content: space-between
}

#show-story-modal-container .show-modal .reference-btn {
    border: 1px solid #ffffff;
    border-radius: 0;
    padding: 2px;
    display: block;
    font-size: .8rem;
    color: #fff
}

#show-story-modal-container .show-modal .reference-btn:hover {
    color: #fff
}

#show-story-modal-container .show-modal .delete-svg {
    display: inline-block;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/delete.svg") no-repeat center / 20px 20px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/delete.svg") no-repeat center / 20px 20px;
    width: 20px;
    height: 20px;
    background-color: red;
    cursor: pointer
}

#show-story-modal-container .show-modal .visit-count-container {
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer
}

#show-story-modal-container .show-modal .visit-svg {
    display: inline-block;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/visit.svg") no-repeat center / 20px 20px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/visit.svg") no-repeat center / 20px 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

#show-story-modal-container .progress-container {
    display: flex;
    width: 95%;
    padding-top: 20px;
    cursor: pointer;
    margin: 0 auto;
    flex-direction: row-reverse
}

#show-story-modal-container .progress {
    height: 2px;
    flex-grow: 1;
    border-radius: 4px;
    margin: 0 5px;
    display: flex;
    background-image: -webkit-linear-gradient(right,#ffffff7f 0%,#ffffff7f 50%,#5859687f 50.001%,#5859687f 100%);
    background-repeat: no-repeat;
    background-size: 200%;
    background-color: #666;
    background-position: 100% 50%;
    animation-timing-function: linear;
    animation-delay: .2s;
    flex-direction: row-reverse
}

#show-story-modal-container .progress.active {
    background: #555555
}

#show-story-modal-container .progress.passed {
    background-position: 0 0
}

@-webkit-keyframes Loader {
    0% {
        background-position: 100% 0
    }

    100% {
        background-position: 0 0
    }
}

@media(max-width: 992px) {
    #show-story-modal-container .show-modal {
        width:40%
    }

    #storyComponent .story-container {
        margin: 70px 0 20px 0
    }
}

@media(max-width: 768px) {
    #show-story-modal-container .show-modal {
        width:65%
    }

    #show-story-modal-container .close-svg {
        right: 30px
    }

    #show-story-modal-container .arrow-svg-container {
        width: 25px
    }

    #show-story-modal-container .arrow-svg {
        width: 25px
    }
}

@media(max-width: 578px) {
    #show-story-modal-container .show-modal {
        width:80%;
        margin-top: 30px
    }

    #show-story-modal-container .close-svg {
        top: 25px
    }
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    overflow: auto;
    background-color: #000000;
    background-color: #000000b2;
    z-index: 9999
}

.modal-window {
    position: relative;
    width: 50%;
    margin: 10% auto;
    padding: 20px
}

.modal-window.small {
    width: 30%
}

.modal-window.large h3 {
    font-size: 1em
}

.modal-window.large {
    width: 75%
}

.modal .close {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    font-size: 30px;
    line-height: 30px;
    text-align: center
}

.modal .close:hover,.modal .close:focus {
    color: #000000;
    cursor: pointer
}

.modal.open {
    display: flex;
    align-items: center
}

@media(max-width: 634px) {
    .modal-window {
        width:90%;
        padding: 5px;
        max-height: 90vh;
        overflow-y: auto
    }
}

@media(max-width: 315px) {
    .modal-window {
        width:85%!important;
        margin: 10% 2.2%!important
    }
}

.p-v {
    border-color: #00000019
}

.p-v .m-o .m-i-c {
    border-left-color: #00000019
}

.p-v .m-o .v-c {
    border-bottom-color: #00000019
}

.p-v .m-o .v-bs a.v-b {
    border-color: #ececec;
    background: #f6f6f6;
    color: #6c6c6c
}

.p-v .m-o .v-c h5 a {
    color: #000
}

.p-v .m-o .v-c p a {
    color: #615e5e
}

.p-l {
    border-color: #00000019;
    border-right-color: #fbbc14b3
}

.c-e {
    background: #00000019;
    border-color: #fbbc14b3
}

:root {
    scrollbar-face-color:#FFF;scrollbar-track-color:#FFF;scrollbar-color: #FFF;
    scrollbar-width: 1px
}

*::-webkit-scrollbar {
    background-color: #FFF;
    background-image: -webkit-gradient(linear,40% 0%,75% 84%,from(#d7d7d7),to(#d7d7d7))
}

*::-webkit-scrollbar-thumb {
    background-color: #FFF;
    background-image: -webkit-gradient(linear,40% 0%,75% 84%,from(#d7d7d7),to(#d7d7d7))
}

*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #0000004c;
    background-color: #F5F5F5;
    background-color: #FFF;
    background-image: -webkit-gradient(linear,40% 0%,75% 84%,from(#d7d7d7),to(#d7d7d7))
}

* {
    scrollbar-color: #555555 #fff
}

.crd {
    background-color: #FFFFFF;
    border-color: #0000001f
}

.crd .title {
    border-bottom-color: #CCC;
    color: #ffffff
}

.crd.bg {
    background: #7e7f7f19
}

.ph p {
    color: #555555
}

body {
    background: #f8f9fc;
    color: #555555
}

.site-footer .social-icons a {
    background-color: #c7c7c7
}

.social-icons a:active,.social-icons a:focus,.social-icons a:hover {
    color: #fff;
    background-color: #f4aa10
}

.site-footer {
    background-color: #e5e5e5
}

.site-footer .license {
    background: #c7c7c7;
    border: 1px solid #c9c9c9
}

.site-footer {
    color: #555555
}

.darkTheme .site-footer {
    color: #FFFFFF
}

.darkTheme .vb .bt a,.darkTheme .ub .bt a {
    color: #c1baba
}

.site-footer hr {
    background-color: #bdbbbb
}

a {
    color: #f4aa10
}

.oc-ite a {
    color: #3d3d3d
}

a:hover {
    color: #000000
}

input,select,textarea {
    background: #7e7f7f19;
    color: #000
}

button,._bt {
    background: #fbbc05;
    border: 1px solid #f0f0f0;
    color: #000000
}

button svg,._bt svg {
    color: inherit
}

button:hover,._bt:hover {
    border-color: #555555;
    color: #000000
}

button._b-s,._bt._b-s,button._b-d,._bt._b-d {
    color: #FFFFFF
}

button._b-s:hover,._bt._b-s:hover,button._b-d:hover,._bt._b-d:hover {
    border-color: #555555;
    color: #FFFFFF
}

button._b-c-l,._bt._b-c-l {
    color: #000000
}

button._b-c-l:hover,._bt._b-c-l:hover {
    border-color: #555555;
    color: #000000
}

button._b-c,._bt._b-c {
    color: #414143
}

button._b-c,._bt._b-c:hover {
    border-color: #FFFFFF;
    color: #6c6c6c
}

header {
    background-color: #fdfdfd
}

header .tb {
    color: #555555;
    border-bottom: solid 1px #7e7f7f54
}

header .tb a {
    color: #555555
}

header .tb a:hover {
    color: #000000
}

header .tb a._bt {
    color: #000000
}

header .tb .mc {
    background-color: #ffffff;
    border-color: #d3d4d4
}

header .tb .tc:hover,header .tb .ts .shs:hover,header .tb .ts .sb button i:hover {
    color: #000000
}

header .tb .tc.ac {
    border-bottom: 1px solid #000000;
    color: #000000
}

header .tb a:hover {
    color: #000
}

header .tb .tm line {
    stroke: #555
}

header .tb .ms .mb {
    background-color: #ea4335;
    color: #fff
}

.header-unread-badge {
    background: red!important;
    border-radius: 50%!important;
    width: 6px!important;
    height: 6px!important;
    padding: 0!important;
    top: 15px!important;
    left: 15px!important
}

@media screen and (min-width: 992px) {
    .video-tools .menu .i-sh:hover {
        color:#000000
    }

    .video-tools .menu .i-sh:hover i {
        background-color: #000000
    }
}

@media screen and (max-width: 768px) {
    header .tb .ms .mb {
        background-color:#ea4335;
        color: #fff
    }
}

header .tb .lg {
}

.sau {
    background-color: #f0f0f0
}

.sau .vi a,.sau .ui a {
    color: #676769
}

.sau .vi a:hover,header .tb .sau .ui a:hover {
    color: #fbbc05
}

header .tb .pf img {
    border: solid 1px #7e7f7f54
}

.ts .sb {
    background-color: #7e7f7f0f
}

header .ts .sb {
    background-color: #f0f0f0
}

.ts .sau-bg {
    background: #0000007f
}

.ts .sb input {
    color: #555555
}

.ts .sb button i {
    color: #555555
}

.ts .sb button svg * {
    stroke: #555555
}

footer {
    background-color: #f0f0f0
}

aside {
    border-left: solid 1px #d7d7d7;
    background-color: #fdfdfd;
    height: calc(100vh - 51px)
}

.is-mob aside {
    height: calc(100vh - 100px)
}

aside a,aside .nm {
    color: currentColor
}

aside a:hover {
    color: #000
}

aside hr {
    background-color: #555555
}

aside i {
    background-color: #fff!important;
    filter: invert(70%) sepia(0%) saturate(0)!important
}

.vb .vi a:hover {
    color: #000
}

hr {
    background-color: rgb(215 215 215 / 75%)
}

.pl .th {
    box-shadow: 0 10px 20px #00000030,0 6px 6px #0000003a
}

.pl .pt a {
    color: #000
}

.vb .vi .du {
    color: #737373
}

.vb .vs .du,.vb .vs .qu,.vb .vs .fv {
    color: #FFF
}

.vb .vt a {
    color: #333
}

.vb .vt.st a {
    color: #3d3d3d;
    max-height: 36px
}

.vb .vi a {
    color: #737373
}

.vb .vi.si a {
    color: #a1a1a1
}

.vb a:hover {
    color: #000
}

.vb .vi .vt {
    color: #a1a1a1
}

.vb .pv {
    background: #000000e5
}

.vb .pv span svg {
    color: #FFF
}

.vb .ai {
    background: #fbbc05;
    color: #000
}

.vb .mo,.ub .mo {
    color: #f4aa10;
    background-color: #fdfdfd
}

.vb .mo:hover {
    color: #000
}

.vb .it .duct {
    background-color: #ea4335
}

.ub .it a {
    color: #000
}

.ub .it a:hover {
    color: #555555
}

.ub .of,.vb .of {
    fill: #f4aa10
}

.spc .vb .vt a {
    color: #fff
}

.spc .vb .vt a:hover {
    color: #fbbc05
}

.spc .spsd .spd {
    color: #fff
}

.ig>svg {
    fill: #000;
    background: #7e7f7f19
}

.ig .fe {
    color: #fd0303
}

.alert_content {
    color: #3e3e40
}

.resp-tablist {
    border-bottom: 1px solid #f0f0f0
}

.resp-tablistItem {
    border-bottom: 1px solid #f0f0f0
}

.resp-tablistItem__active {
    color: #f4aa10;
    border-color: #f4aa10
}

._msg._b-s {
    color: #FFFFFF
}

._msg._b-d {
    color: #FFFFFF
}

table {
    border-color: #ccc;
    color: #555555
}

table tr {
    background-color: #f0f0f0;
    border-color: #d3d4d4
}

table th {
    background-color: #fbbc05cc
}

.pagination a.prev {
    background: #f6f6f6;
    color: #6c6c6c;
    border: 1px solid #ececec
}

.pagination a.next {
    background: #f6f6f6;
    color: #6c6c6c;
    border: 1px solid #ececec
}

.pagination a {
    background: #f6f6f6;
    color: #6c6c6c;
    border: 1px solid #ececec
}

.pagination a:hover {
    background: #f4aa10;
    border: 1px solid #555555;
    color: #000
}

.pagination span.current {
    background: #fbbc05;
    border: 1px solid #555555;
    color: #000
}

._b-d {
    background-color: #ea4335
}

._b-s {
    background: #34a853;
    color: #fdfdfd
}

._b-c {
    background: #e0e0e0
}

._b-w {
    background: #f4aa10
}

._b-da {
    background: #282828b3;
    color: #fff
}

._b-d-l {
    background-color: #ea43354c
}

._b-s-l {
    background: #34a8537f
}

._b-c-l {
    background: #e0e0e04c
}

._b-w-l {
    background: #fdd6037f
}

._b-se-l {
    background: #4285f44c
}

._c-w {
    color: #f4aa10
}

._c-s {
    color: #34a853
}

._c-d {
    color: #ea4335
}

._c-de {
    color: #000000
}

._c-wh {
    color: #ffffff
}

._c-g {
    color: #fdd603
}

._al._b-d-l,._msg._b-d-l {
    color: #000000
}

.lb.al {
    background-color: #ea4335;
    color: #FFF
}

.lb.se {
    background: #4285f4;
    color: #FFF
}

.lb.su {
    background: #34a853;
    color: #FFF
}

.lb.wa {
    background: #fbbc05;
    color: #000000
}

.lb.se {
    background: #4285f4;
    color: #FFF
}

.bx._b-d-l {
    border-color: #ea4335e5
}

.bx._b-s-l {
    border-color: #34a853e5
}

.bx._b-c-l {
    border-color: #e0e0e0e5
}

.bx._b-w-l {
    border-color: #f4aa10e5
}

.bx._b-se-l {
    border-color: #4285f4e5
}

.bx._b-d {
    color: #FFFFFF;
    border-color: #555555
}

.bx._b-d {
    color: #FFFFFF
}

.crdr {
    border-color: #fdd60321;
    border-right-color: #fdd60363
}

.crdr p span {
    color: #cac7c7
}

.nt {
    border-color: #cc33334c;
    background: #cc33334c
}

.uploader {
    border-color: #FFFFFF
}

.uploader.startDrag {
    border-color: #fbbc05
}

.select-file-icon {
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/upload.svg") no-repeat center / 160px 160px;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/upload.svg") no-repeat center / 160px 160px;
    background-color: #fff!important;
    filter: invert(70%) sepia(0%) saturate(0)!important
}

.video-tools .menu .i-sh {
    color: #555555
}

.topProfile .profile-stats {
    background: #fff;
    border: 1px solid #f0f0f0
}

.topProfile .profile-stats .profile-author-stats ul li div.li-text span,.topProfile .profile-stats .profile-author-stats ul li div.li-text p.number-text,.topProfile .profile-stats .profile-author-stats ul li div.icon i {
    color: #555555
}

.topProfile .profile-stats .profile-author-stats ul li div.icon {
    background: #f0f0f0;
    border-color: #f0f0f0
}

.topProfile .profile-stats .profile-author-stats ul li {
    border: 1px solid #f0f0f0
}

.number-pb .number-pb-num {
    background-color: #FFFFFF
}

.open-emo:hover {
    color: #fbbc05
}

.ul-emo>li:hover {
    color: #fbbc05
}

.video-info span a {
    color: #555555
}

.video-info span a:hover {
    color: #000000
}

.video-tools .menu .menu-download {
    background: #fdfdfd
}

.radio label:before,.checkbox label:before {
}

input[type=radio]:checked+label:before {
    color: #fbbc05
}

input[type=checkbox]:checked+label:before {
}

.vb[class$=mg_cl_columns_wrap] img {
    box-shadow: 0 10px 20px #00000030,0 6px 6px #0000003a
}

#mediaad-muGJ .ni-ellipsis {
    color: #555555
}

.vb .s_item {
    color: #555555
}

#mediaad-cxCg .ni-ellipsis,#mediaad-muGJ .ni-ellipsis {
    color: #555555!important
}

@media screen and (max-width: 768px) {
    table tr {
        border-bottom-color:#ddd
    }

    table td {
        border-bottom-color: #ddd
    }
}

#sb8ad837 .s_title {
    color: #555555!important
}

#sb8ad837 .s_item:hover .s_title {
    color: #555555!important
}

body .crisp-client .crisp-1rjpbb7 .crisp-17f70m7 {
    background-image: linear-gradient(125deg,#7e7f7f -10%,#fbbc05 100%)!important
}

body .crisp-client .crisp-1rjpbb7 .crisp-ws3gf1 {
    background-color: #fbbc05!important
}

body .crisp-client .crisp-1rjpbb7 .crisp-14u434g {
    border-color: #fbbc05!important
}

aside .pa:after,aside.op .pa:after {
    content: url("https://ww.ifilo.net/filo/content/image-site/svg/menu-down-grey.svg")
}

aside .pa.ac:after {
    content: url("https://ww.ifilo.net/filo/content/image-site/svg/menu-up-grey.svg")
}

.checkbox label:before {
    content: url("https://ww.ifilo.net/filo/content/image-site/svg/check-out-grey.svg")
}

input[type=checkbox]:checked+label:before {
    content: url("https://ww.ifilo.net/filo/content/image-site/svg/check-grey.svg")
}

.ts .sb button {
    color: #000000
}

.b-bold {
    font-weight: bold
}

.editor .layer-timeline {
    background: #F0F0F0
}

element.style {
}

.jc-right {
    right: -18px
}

.jc-right,.jc-left {
    border-color: #ccc
}

.modal-window {
    background-color: #FFF
}

.video-tools .menu .i-sh i {
    background-color: #fff;
    filter: invert(70%) sepia(0%) saturate(0)
}

.kids-player .gr .co-s12 .video-tools .menu .i-sh i,#videoWall .gr .co-s12 .video-tools .menu .i-sh i {
    background-color: #000000;
    filter: invert(226%) sepia(0%) saturate(0)
}

.splayer-menu ul li .i-sh i {
    background-color: #fff;
    filter: invert(70%) sepia(0%) saturate(0)
}

.darkTheme .video-tools .menu .i-sh i.favorite-add-svg,.video-tools .menu .i-sh i.favorite-add-svg,.darkTheme .kids-player .gr .co-s12 .video-tools .menu .i-sh i.favorite-add-svg,.kids-player .gr .co-s12 .video-tools .menu .i-sh i.favorite-add-svg,#videoWall .gr .co-s12 .video-tools .menu .i-sh i.favorite-add-svg,.darkTheme #videoWall .gr .co-s12 .video-tools .menu .i-sh i.favorite-add-svg {
    filter: unset!important;
    background-color: #f50303!important
}

#videoWall .gr .co-s12 .video-tools .menu .i-sh i.repeat-variant-tick-svg,.darkTheme #videoWall .gr .co-s12 .video-tools .menu .i-sh i.repeat-variant-tick-svg,.darkTheme .video-tools .menu .i-sh i.repeat-variant-tick-svg,.video-tools .menu .i-sh i.repeat-variant-tick-svg {
    filter: unset!important;
    background-color: #34a853!important
}

.video-tools .sender-box div:nth-child(2) a {
    color: #686767
}

.video-tools.fi a i {
    background-color: #fff!important;
    filter: invert(70%) sepia(0%) saturate(0)!important
}

.video-tools.fi>a {
    color: #686767
}

.comments i {
    background-color: #686767;
    background-color: #fff!important;
    filter: invert(70%) sepia(0%) saturate(0)!important
}

.comments .list-section>div:not(:last-child) {
    background-color: #00000019
}

.pl-title a {
    color: #686767
}

.pl-title a i {
    background-color: #686767
}

.up-svg {
    background-color: #fff
}

.down-svg {
    background-color: #fff
}

.wall-side ul.resp-tablist {
    background: #ededed9e
}

.wall-side li.resp-tablistItem {
    background: #f1f0ef;
    border: 1px solid #d9d4d4;
    color: #7a7777
}

.close-ad {
    color: #f10000
}

.video-tools .menu .menu-more {
    background: #fdfdfd
}

.close-svg {
    background-color: #f10000
}

.video-tools.fix {
    background-color: #f8f9fc;
    border-bottom: 1px solid #e3e3e3ba
}

.awars .award-card div.img {
    background-color: #1414140d
}

.matches .match .info {
    color: #555
}

.msg span {
    color: #bdbdbd
}

.chatbox .ch {
    filter: brightness(0%) invert(57%)
}

.msg span {
    color: #626263
}

.chatbox .ch,.do-n {
    filter: brightness(0%) invert(41%)
}

#audioPlayer {
    background-color: #ecedef
}

.social-icons i {
    background-color: #fff!important;
    filter: invert(70%) sepia(0%) saturate(0)!important
}

.editor>div>.properties {
    border: solid 1px #7e7f7f54;
    background: #f0f0f0
}

.video-title-svg,.video-categorys-svg,.video-playlists-svg,.video-channel-svg {
    display: inline-block;
    width: 36px;
    height: 40px;
    border-radius: 0;
    padding: 6px;
    float: right;
    box-sizing: border-box;
    margin-top: 5px;
    background-color: #7e7f7f19;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px
}

.video-title-svg {
    background-image: url("https://ww.ifilo.net/filo/content/image-site/svg/video-title.svg")
}

.video-categorys-svg {
    background-image: url("https://ww.ifilo.net/filo/content/image-site/svg/category.svg")
}

.video-playlists-svg {
    background-image: url("https://ww.ifilo.net/filo/content/image-site/svg/playlist-video.svg")
}

.video-channel-svg {
    background-image: url("https://ww.ifilo.net/filo/content/image-site/svg/video-channel.svg")
}

.add-playlists-svg {
    display: inline-block;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/save-playlist.svg");
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/save-playlist.svg");
    width: 30px;
    height: 38px;
    -webkit-mask-size: 29px;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat
}

.refresh-playlists-svg {
    display: inline-block;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/refresh-playlists.svg");
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/refresh-playlists.svg");
    width: 30px;
    height: 38px;
    -webkit-mask-size: 29px;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat
}

.upload-subtitle-svg {
    display: inline-block;
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/upload-subtitle.svg");
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/upload-subtitle.svg");
    width: 30px;
    height: 32px;
    -webkit-mask-size: 29px;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat
}

.subtitle-svg {
    background-image: url("https://ww.ifilo.net/filo/content/image-site/svg/subtitle.svg");
    display: inline-block;
    width: 36px;
    height: 38px;
    border-radius: 0;
    padding: 6px;
    float: right;
    box-sizing: border-box;
    margin-top: 5px;
    background-color: #7e7f7f19;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px
}

.darkTheme .video-title-svg,.darkTheme .video-categorys-svg,.darkTheme .video-playlists-svg,.darkTheme .video-channel-svg {
    filter: invert(100%) sepia(0%) saturate(0%);
    background-color: rgb(77 76 76 / 30%)
}

.darkTheme .p-v {
    border-color: #ffffff33!important
}

.darkTheme .p-v .m-o .m-i-c {
    border-left-color: #ffffff33!important
}

.darkTheme .p-v .m-o .v-c {
    border-bottom-color: #ffffff33!important
}

.darkTheme .p-v .m-o .v-bs a.v-b {
    border-color: #ececec;
    background: #f6f6f6;
    color: #6c6c6c
}

.darkTheme .p-v .m-o .v-c h5 a {
    color: #fff!important
}

.darkTheme .p-v .m-o .v-c p a {
    color: #e2e2e2!important
}

.darkTheme .p-l {
    border-color: #ffffff33;
    border-right-color: #fbbc14b3
}

.darkTheme .c-e {
    background: #ffffff33;
    border-color: #fbbc14b3
}

.darkTheme *::-webkit-scrollbar-thumb {
    background-color: #f1cf187f
}

.darkTheme *::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #545456;
    background-color: #545456
}

.darkTheme ::placeholder {
    color: #c1babad1
}

.darkTheme .crd {
    background-color: #414143;
    border-color: #676769
}

.darkTheme .crd.bg {
    background: #ffffff33
}

.darkTheme .crd .title {
    border-bottom-color: #CCC;
    color: #ffffff
}

.darkTheme .ph p {
    color: #e8e8e8
}

body.darkTheme {
    background: #1f1f20;
    color: #FFFFFF
}

.darkTheme .img-box {
    box-shadow: 0 10px 20px #00000030,0 6px 6px #0000003a
}

.darkTheme option {
    background: #676769
}

.darkTheme a {
    color: #fbbc05
}

.darkTheme a:hover,.darkTheme .open-story {
    color: #FFFFFF
}

.darkTheme .footer-links li:hover a,.darkTheme .footer-links li:hover svg,.darkTheme .footer-desc a:hover {
    color: #f1cf18
}

.darkTheme input,.darkTheme select,.darkTheme textarea {
    background: #ffffff33;
    color: #FFFFFF
}

.darkTheme button,.darkTheme ._bt {
    background: #fbbc05;
    border: 1px solid #7e7f7f;
    color: #000
}

.darkTheme button svg,.darkTheme ._bt svg {
    color: inherit
}

.darkTheme button._b-s,.darkTheme ._bt._b-s,.darkTheme button._b-c-l,.darkTheme ._bt._b-c-l,.darkTheme button._b-d,.darkTheme ._bt._b-d {
    color: #FFFFFF
}

.darkTheme button._b-s:hover,.darkTheme ._bt._b-s:hover,.darkTheme button._b-c-l:hover,.darkTheme ._bt._b-c-l:hover,.darkTheme button._b-d:hover,.darkTheme ._bt._b-d:hover {
    border-color: #FFFFFF;
    color: #FFFFFF
}

.darkTheme button._b-c,.darkTheme ._bt._b-c {
    color: #ffffff
}

.darkTheme button:hover,.darkTheme ._bt:hover {
    border-color: #FFFFFF;
    color: #000000
}

.darkTheme button._b-c,.darkTheme ._bt._b-c:hover {
    border-color: #FFFFFF;
    color: #6c6c6c
}

.darkTheme header {
    background-color: #414143
}

.darkTheme footer {
    background-color: #2e2e2e
}

.darkTheme .site-footer .license {
    background: #323338;
    border: 1px solid #3b3d43
}

.darkTheme header .tb {
    color: #fff;
    border-bottom: solid 1px #ffffff54
}

.darkTheme header .tb a {
    color: #ffffff
}

.darkTheme header .tb a:hover {
    color: #fee350
}

.darkTheme header .tb a._bt {
    color: #000000
}

.darkTheme header .tb .mc {
    background-color: #414143;
    border-color: #ffffff54
}

.darkTheme header .tb .tc:hover,.darkTheme header .tb .ts .shs:hover,.darkTheme header .tb .ts .sb button i:hover {
    color: #fee350
}

.darkTheme header .tb .tc.ac {
    border-bottom: 1px solid #fee350;
    color: #fee350
}

.darkTheme header .tb .ms .mb {
    background-color: #ea4335;
    color: #fff
}

.darkTheme header .tb .mc li:hover {
    border-color: #FFFFFF;
    color: #FFFFFF
}

.darkTheme header .tb .sau {
    background: #676769
}

.darkTheme header .tb .sau .vi a,.darkTheme header .tb .sau .ui a {
    color: #FFFFFF
}

.darkTheme header .tb .sau .vi a:hover,.darkTheme header .tb .sau .ui a:hover {
    color: #fbbc05
}

.darkTheme header .tb .pf img {
    border: solid 1px #ffffff54
}

.darkTheme header .tb .ts .sb {
    background-color: #ffffff33
}

.darkTheme header .tb .ts .sb button i {
    color: #FFFFFF
}

.darkTheme header .tb .ts .sau-bg {
    background: #0000007f
}

.darkTheme header .tb .ts .sb input {
    color: #FFFFFF
}

.darkTheme aside {
    background-color: #414143;
    height: calc(100vh - 51px)
}

.darkTheme aside a {
    color: #FFFFFF
}

.darkTheme aside a:hover {
    color: #f1cf18
}

.darkTheme aside a:hover .sv {
    background-color: #f1cf18
}

.darkTheme aside hr {
    background-color: #7e7f7f
}

.darkTheme aside i {
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.darkTheme hr {
    background-color: #fdd9164c
}

.darkTheme .pl .th {
    box-shadow: 0 10px 20px #00000030,0 6px 6px #0000003a
}

.darkTheme .pl .pt a {
    color: #FFF
}

.darkTheme .vb .th {
}

.darkTheme .vb .vi .du {
    color: #c1baba
}

.darkTheme .vb .vs .du,.darkTheme .vb .vs .qu,.darkTheme .vb .vs .fv {
    color: #FFF;
    background: #000000b2
}

.darkTheme .vb .vt a {
    color: #FFFFFF
}

.darkTheme .vb .vt a:hover {
    color: #fbbc05
}

.darkTheme .vb .vi a {
    color: #c1baba
}

.darkTheme .vb .vi a:hover {
    color: #fbbc05
}

.darkTheme .vb .vi .vt {
    color: #ffffffb2
}

.darkTheme .vb .pv {
    background: #000000e5
}

.darkTheme .vb .pv span svg {
    color: #FFF
}

.darkTheme .vb .ai {
    background: #fbbc05;
    color: #000
}

.darkTheme .vb .mo,.darkTheme .ub .mo {
    background-color: #414143
}

.darkTheme .vb .mo:hover {
}

.vb .it .duct {
    background-color: #ea4335
}

.darkTheme .vb:first-child .bt h1 {
    color: #fdd916
}

.darkTheme .ub .it a {
    color: #ffffffb2
}

.darkTheme .ub .it a:hover {
    color: #FFFFFF
}

.darkTheme .ub .of,.darkTheme .vb .of {
    fill: #f4aa10
}

.darkTheme .ig>svg {
    fill: #FFFFFF;
    background: #ffffff33
}

.darkTheme .ig .fe {
    color: #fd0303
}

.darkTheme .alert_content {
    color: #3e3e40
}

.darkTheme .resp-tablist {
    border-bottom: 1px solid #555555
}

.darkTheme .resp-tablistItem {
    border-bottom: 1px solid #555555
}

.darkTheme .resp-tablistItem__active {
    color: #fbbc05;
    border-color: #fbbc05
}

.darkTheme ._msg._b-s {
    color: #FFFFFF
}

.darkTheme ._msg._b-d {
    color: #FFFFFF
}

.darkTheme table {
    border-color: #ccc
}

.darkTheme table tr {
    background-color: #545456;
    border-color: #6b6b6d;
    color: #ffffff
}

.darkTheme table th {
    background-color: #fbbc054c
}

.darkTheme .pagination a.prev {
    background: #f6f6f6;
    color: #6c6c6c;
    border: 1px solid #ececec
}

.darkTheme .pagination a.next {
    background: #f6f6f6;
    color: #6c6c6c;
    border: 1px solid #ececec
}

.darkTheme .pagination a {
    background: #f6f6f6;
    color: #6c6c6c;
    border: 1px solid #ececec
}

.darkTheme .pagination a:hover {
    background: #fbbc05;
    border: 1px solid #7e7f7f;
    color: #000
}

.darkTheme .pagination span.current {
    background: #fbbc05;
    border: 1px solid #fbbc05;
    color: #000
}

.darkTheme ._b-d {
    background-color: #ea4335
}

.darkTheme ._b-s {
    background: #34a853
}

.darkTheme ._b-c {
    background: #1f1f20
}

.darkTheme ._b-w {
    background: #f4aa10
}

.darkTheme ._b-da {
    background: #282828b3;
    color: #fff
}

.darkTheme ._b-d-l {
    background-color: #ea43354c
}

.darkTheme ._b-s-l {
    background: #34a8534c
}

.darkTheme ._b-c-l {
    background: #e0e0e04c
}

.darkTheme ._b-w-l {
    background: #f4aa104c
}

.darkTheme ._b-se-l {
    background: #4285f44c
}

.darkTheme ._c-w {
    color: #f4aa10
}

.darkTheme ._c-s {
    color: #34a853
}

.darkTheme ._c-d {
    color: #ea4335
}

.darkTheme ._c-de {
    color: #ffffff
}

.darkTheme ._c-wh {
    color: #ffffff
}

.darkTheme ._c-g {
    color: #fdd603
}

.darkTheme ._al._b-d-l,.darkTheme ._msg._b-d-l {
    color: #FFFFFF
}

.darkTheme .lb.al {
    background-color: #ea4335;
    color: #FFF
}

.darkTheme .lb.se {
    background: #4285f4;
    color: #FFF
}

.darkTheme .lb.su {
    background: #34a853;
    color: #FFF
}

.darkTheme .lb.wa {
    background: #fbbc05;
    color: #000000
}

.darkTheme .lb.se {
    background: #4285f4;
    color: #FFF
}

.darkTheme .bx._b-d-l {
    border-color: #ea4335e5
}

.darkTheme .bx._b-s-l {
    border-color: #34a853e5
}

.darkTheme .bx._b-c-l {
    border-color: #e0e0e0e5
}

.darkTheme .bx._b-w-l {
    border-color: #f4aa10e5
}

.darkTheme .bx._b-se-l {
    border-color: #4285f4e5
}

.darkTheme .bx._b-d {
    color: #FFFFFF;
    border-color: #FFFFFF
}

.darkTheme .bx._b-d {
    color: #FFFFFF
}

.darkTheme .crdr {
    border-color: #fdd60321;
    border-right-color: #fdd60363
}

.darkTheme .crdr p span {
    color: #cac7c7
}

.darkTheme .nt {
    border-color: #cc33334c;
    background: #cc33334c
}

.darkTheme .uploader {
    border-color: #FFFFFF
}

.darkTheme .uploader.startDrag {
    border-color: #fbbc05
}

.darkTheme .select-file-icon {
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.darkTheme .video-tools .menu .i-sh {
    color: #FFFFFF
}

.darkTheme .video-tools .menu .i-sh:hover {
    color: #ffffffb2
}

.darkTheme .video-tools .menu .i-sh:hover i {
    background-color: #ffffffb2
}

.darkTheme .topProfile .profile-stats {
    background: #414143;
    border: 1px solid #555555
}

.darkTheme .topProfile .profile-stats .profile-author-stats ul li div.li-text span,.darkTheme .topProfile .profile-stats .profile-author-stats ul li div.li-text p.number-text,.darkTheme .topProfile .profile-stats .profile-author-stats ul li div.icon i {
    color: #FFFFFF
}

.darkTheme .topProfile .profile-stats .profile-author-stats ul li div.icon {
    background: #555555;
    border-color: #555555
}

.darkTheme .topProfile .profile-stats .profile-author-stats ul li {
    border: 1px solid #555555
}

.darkTheme .number-pb .number-pb-num {
    background-color: #414143
}

.darkTheme .open-emo:hover {
    color: #fbbc05
}

.darkTheme .ul-emo>li:hover {
    color: #fbbc05
}

.darkTheme .video-info span a {
    color: #FFFFFF
}

.darkTheme .video-info span a:hover {
    color: #fbbc05
}

.darkTheme .video-tools .menu .menu-download {
    background: #414143
}

.darkTheme .checkbox label:before,.darkTheme .radio label:before {
    color: #8e8e8e
}

.darkTheme input[type=radio]:checked+label:before {
    color: #fbbc05
}

.darkTheme input[type=checkbox]:checked+label:before {
    color: #fbbc05
}

.darkTheme .vb[class$=mg_cl_columns_wrap] img {
    box-shadow: 0 10px 20px #00000030,0 6px 6px #0000003a
}

.darkTheme #mediaad-muGJ .ni-ellipsis {
    color: #FFFFFF
}

.darkTheme .vb .s_item {
    color: #FFFFFF
}

.darkTheme #mediaad-cxCg .ni-ellipsis,.darkTheme #mediaad-muGJ .ni-ellipsis {
    color: #FFFFFF!important
}

@media screen and (max-width: 768px) {
    .darkTheme table tr {
        border-bottom-color:#ddd
    }

    .darkTheme table td {
        border-bottom-color: #ddd
    }
}

.darkTheme aside .pa:after,.darkTheme aside.op .pa:after {
    filter: invert(100%) sepia(100%) saturate(0)
}

.darkTheme aside .pa.ac:after {
    filter: invert(100%) sepia(0%) saturate(0%)
}

.darkTheme .checkbox label:before {
    filter: invert(100%) sepia(100%) saturate(0)
}

.darkTheme #uploadVideoThumb img {
}

.darkTheme input[type=checkbox]:checked+label:before {
    filter: invert(100%) sepia(100%) saturate(0)
}

.darkTheme header .tb .ts .sb button {
    color: #fff
}

.darkTheme .jc-right {
    border-right-width: 0!important
}

.darkTheme .jc-left {
    border-left-width: 0!important
}

.darkTheme .jc-right,.darkTheme .jc-left {
    background: #363636!important;
    border-color: #fff
}

.darkTheme .jc-right svg,.darkTheme .jc-left svg {
    fill: #fff!important
}

.darkTheme .oc-ite a {
    color: rgb(255 255 255 / 85%)
}

.darkTheme .modal-window {
    background-color: #414143
}

@media screen and (max-width: 1600px) {
    .darkTheme #mediaad-KPkf .ni-ellipsis {
        color:rgb(255 255 255 / 85%)!important;
        font-weight: bold!important;
        text-align: center!important
    }
}

.darkTheme .contact-us .cu-bx {
    background-color: #414143
}

.darkTheme .video-tools .menu .i-sh i {
    background-color: #000000;
    filter: invert(226%) sepia(0%) saturate(0)
}

.darkTheme .video-tools .sender-box div:nth-child(2) a {
    color: #dddddd
}

.darkTheme .video-tools.fi a i {
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.darkTheme .video-tools.fi>a {
    color: #dddddd
}

.darkTheme .comments i {
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.darkTheme .comments .list-section>div:not(:last-child) {
    background-color: rgb(65 65 67)
}

.darkTheme .pl-title a {
    color: #dddddd
}

.darkTheme .pl-title a i {
    background-color: #dddddd
}

.darkTheme .up-svg {
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.darkTheme .down-svg {
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.darkTheme .wall-side ul.resp-tablist {
    background: #dddddd40
}

.darkTheme .wall-side li.resp-tablistItem {
    background: #afabab4d;
    border: 1px solid #262626;
    color: #efebeb
}

.darkTheme #mediaad-p7rkw .ni-ellipsis {
    color: #dddddd!important
}

.darkTheme .close-ad {
    color: #f33333
}

.darkTheme .video-tools .menu .menu-more {
    background: #414143
}

.darkTheme .close-svg {
    background-color: #f33333
}

.darkTheme .video-tools.fix {
    background-color: #1f1f20;
    border-bottom: 1px solid #e3e3e338
}

.darkTheme #mediaad-KPkf .ni-ellipsis {
    color: #ffffff!important
}

.darkTheme .awars .award-card div.img {
    background-color: #ffffff
}

.darkTheme .matches .match .info {
    color: #fff
}

.darkTheme .co-sv,.darkTheme .gc-sv,.darkTheme .ac-sv,.darkTheme .his-co-sv,.darkTheme .top-ac-sv,.darkTheme .sport-sv,.darkTheme .flag-sv {
    background-color: #ffffff
}

.darkTheme .post-content .entry-meta i {
    background-color: #dddddd
}

.darkTheme .comments-mob>div,.darkTheme.is-mob .pl-title {
    background: #dddddd40!important
}

.darkTheme .tournament-b .tournament h2 {
    color: #ffffff
}

.darkTheme .tournament-b .tournament .img {
    background-color: #fffdfd
}

.darkTheme .YN.yn-article-display .yn-item_title {
    color: rgb(255 255 255 / 87%)!important
}

.darkTheme .nv {
    background-color: #2e2e2e
}

.darkTheme .nv i {
    background-color: #ffffff;
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.darkTheme .nv svg {
    color: #fdfbfb
}

.darkTheme aside .filmak-svg {
    background-color: #ffffff
}

.darkTheme aside .vertica-svg {
    background-color: #ffffff
}

.darkTheme aside .cat img,.darkTheme aside .cam img {
    filter: brightness(0%) invert(100%)
}

.darkTheme .bg-png-gray {
    filter: brightness(0%) invert(100%)
}

.darkTheme .chat.ans .msg {
    background: #c5c5c53d!important
}

.darkTheme .b-s {
    background-color: #f0f2f538!important
}

.darkTheme .b-s textarea {
    background: #818181
}

.darkTheme .chat a {
    color: #d9d8d8!important
}

.darkTheme .msg span {
    color: #bdbdbd
}

.darkTheme .chatbox .ch,.darkTheme .do-n {
    filter: brightness(0%) invert(75%)
}

.darkTheme #audioPlayer {
    background-color: #4c4c4d
}

.darkTheme #yn-article-display-84973 .yn-item_title {
    font-family: 'fa';
    color: #ffff!important
}

.darkTheme .social-icons i {
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.darkTheme .social-icons a,.darkTheme .social-icons .open-story {
    background-color: #646666
}

.darkTheme .editor>div>.properties {
    border: solid 1px #7e7f7f54;
    background: #676769
}

.darkTheme .YN.yn-article-display .yn-item_title {
    height: auto!important;
    font-size: 12px!important;
    color: #fbfbfb!important
}

.darkTheme header i {
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.darkTheme header .tb .tm line {
    stroke: #FFF
}

.darkTheme footer li i {
    background-color: #000000!important;
    filter: invert(226%) sepia(0%) saturate(0)!important
}

.footer-links a {
    color: #555
}

.darkTheme .footer-links a {
    color: #FFF
}

.darkTheme .editor .layer-timeline {
    background: #555555
}

iframe.iframe-tavoos body {
    background: red!important
}

.darkTheme iframe.iframe-tavoos body {
    background: #1f1f20!important
}

.c-5 {
    fill: #555555!important
}

.wait-Liking {
    filter: unset!important;
    background-color: #5e5e5e!important;
    transform: scale(0.8);
    -webkit-mask: url("https://ww.ifilo.net/filo/content/image-site/svg/favorite-done.svg") no-repeat center;
    mask: url("https://ww.ifilo.net/filo/content/image-site/svg/favorite-done.svg") no-repeat center
}

.cl-msg {
    left: 4px;
    position: absolute;
    top: -3px;
    font-size: 22px;
    display: none
}

.c-show {
    display: block
}

.c-hide {
    display: none
}