@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url(/assets/fonts/opensans/ttf/OpenSansRegular.ttf) format("truetype");
    font-display: fallback
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/opensans/ttf/OpenSansSemiBold.ttf) format("truetype");
    font-display: fallback
}

@font-face {
    font-family: IRANSans;
    src: url(/assets/fonts/iransans/eot/iransans-fanum-black.eot?1579608199);
    src: url(/assets/fonts/iransans/eot/iransans-fanum-black.eot?&1579608199#iefix) format("embedded-opentype"), url(/assets/fonts/iransans/ttf/iransans-fanum-black.ttf?1579608199) format("truetype"), url(/assets/fonts/iransans/woff2/iransans-fanum-black.woff2?1579608199) format("woff2"), url(/assets/fonts/iransans/woff/iransans-fanum-black.woff?1579608199) format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: IRANSans;
    src: url(/assets/fonts/iransans/eot/iransans-fanum-bold.eot?1579608199);
    src: url(/assets/fonts/iransans/eot/iransans-fanum-bold.eot?&1579608199#iefix) format("embedded-opentype"), url(/assets/fonts/iransans/ttf/iransans-fanum-bold.ttf?1579608199) format("truetype"), url(/assets/fonts/iransans/woff2/iransans-fanum-bold.woff2?1579608199) format("woff2"), url(/assets/fonts/iransans/woff/iransans-fanum-bold.woff?1579608199) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: IRANSans;
    src: url(/assets/fonts/iransans/eot/iransans-fanum-medium.eot?1579608199);
    src: url(/assets/fonts/iransans/eot/iransans-fanum-medium.eot?&1579608199#iefix) format("embedded-opentype"), url(/assets/fonts/iransans/ttf/iransans-fanum-medium.ttf?1579608199) format("truetype"), url(/assets/fonts/iransans/woff2/iransans-fanum-medium.woff2?1579608199) format("woff2"), url(/assets/fonts/iransans/woff/iransans-fanum-medium.woff?1579608199) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: IRANSans;
    src: url(/assets/fonts/iransans/eot/iransans-fanum-light.eot?1579608199);
    src: url(/assets/fonts/iransans/eot/iransans-fanum-light.eot?&1579608199#iefix) format("embedded-opentype"), url(/assets/fonts/iransans/ttf/iransans-fanum-light.ttf?1579608199) format("truetype"), url(/assets/fonts/iransans/woff2/iransans-fanum-light.woff2?1579608199) format("woff2"), url(/assets/fonts/iransans/woff/iransans-fanum-light.woff?1579608199) format("woff");
    font-weight: light;
    font-style: normal
}

@font-face {
    font-family: IRANSans;
    src: url(/assets/fonts/iransans/eot/iransans-fanum-ultralight.eot?1579608199);
    src: url(/assets/fonts/iransans/eot/iransans-fanum-ultralight.eot?&1579608199#iefix) format("embedded-opentype"), url(/assets/fonts/iransans/ttf/iransans-fanum-ultralight.ttf?1579608199) format("truetype"), url(/assets/fonts/iransans/woff2/iransans-fanum-ultralight.woff2?1579608199) format("woff2"), url(/assets/fonts/iransans/woff/iransans-fanum-ultralight.woff?1579608199) format("woff");
    font-weight: ultra-light;
    font-style: normal
}

@font-face {
    font-family: IRANSans;
    src: url(/assets/fonts/iransans/eot/iransans-fanum.eot?1579608199);
    src: url(/assets/fonts/iransans/eot/iransans-fanum.eot?&1579608199#iefix) format("embedded-opentype"), url(/assets/fonts/iransans/ttf/iransans-fanum.ttf?1579608199) format("truetype"), url(/assets/fonts/iransans/woff2/iransans-fanum.woff2?1579608199) format("woff2"), url(/assets/fonts/iransans/woff/iransans-fanum.woff?1579608199) format("woff");
    font-weight: 400;
    font-style: normal
}

.color-gray-60 {
    color: #6f7285;
    fill: #6f7285
}

.color-gray-80 {
    color: #484b62;
    fill: #484b62
}

.color-gray-100 {
    color: #292a33;
    fill: #292a33
}

.g-10 {
    color: #fbfbfc;
    fill: #fbfbfc
}

.gray-bg-10 {
    background-color: #fbfbfc
}

.bc-10 {
    border-color: #fbfbfc
}

.g-20 {
    color: #f5f5f9;
    fill: #f5f5f9
}

.gray-bg-20 {
    background-color: #f5f5f9
}

.bc-20 {
    border-color: #f5f5f9
}

.g-30 {
    color: #e6e7ef;
    fill: #e6e7ef
}

.gray-bg-30 {
    background-color: #e6e7ef
}

.bc-30 {
    border-color: #e6e7ef
}

.g-40 {
    color: #d3d6e0;
    fill: #d3d6e0
}

.gray-bg-40 {
    background-color: #d3d6e0
}

.bc-40 {
    border-color: #d3d6e0
}

.g-60 {
    color: #6f7285;
    fill: #6f7285
}

.gray-bg-60 {
    background-color: #6f7285
}

.bc-60 {
    border-color: #6f7285
}

.g-80 {
    color: #484b62;
    fill: #484b62
}

.gray-bg-80 {
    background-color: #484b62
}

.bc-80 {
    border-color: #484b62
}

.g-100 {
    color: #292a33;
    fill: #292a33
}

.gray-bg-100 {
    background-color: #292a33
}

.bc-100 {
    border-color: #292a33
}

.g-110 {
    color: #9da1b1;
    fill: #9da1b1
}

.gray-bg-110 {
    background-color: #9da1b1
}

.bc-110 {
    border-color: #9da1b1
}

.g-140 {
    color: #212226;
    fill: #212226
}

.gray-bg-140 {
    background-color: #212226
}

.bc-140 {
    border-color: #212226
}

.g-150 {
    color: #16171a;
    fill: #16171a
}

.gray-bg-150 {
    background-color: #16171a
}

.bc-150 {
    border-color: #16171a
}

.c-white {
    color: #fff;
    fill: #fff
}

.color-bg-white {
    background-color: #fff
}

.bc-white {
    border-color: #fff
}

.c-theme {
    color: #e64a19;
    fill: #e64a19
}

.color-bg-theme {
    background-color: #e64a19
}

.bc-theme {
    border-color: #e64a19
}

.c-blue, .list-item .list-header .list-caption.rising {
    color: #05a3e8;
    fill: #05a3e8
}

.color-bg-blue {
    background-color: #05a3e8
}

.bc-blue {
    border-color: #05a3e8
}

.c-blue-10 {
    color: #e9f8ff;
    fill: #e9f8ff
}

.color-bg-blue-10 {
    background-color: #e9f8ff
}

.bc-blue-10 {
    border-color: #e9f8ff
}

.c-green {
    color: #00b96c;
    fill: #00b96c
}

.color-bg-green {
    background-color: #00b96c
}

.bc-green {
    border-color: #00b96c
}

.c-red {
    color: #ff4242;
    fill: #ff4242
}

.color-bg-red {
    background-color: #ff4242
}

.bc-red {
    border-color: #ff4242
}

.c-facebook {
    color: facebook;
    fill: facebook
}

.color-bg-facebook {
    background-color: #3b5998
}

.c-twitter {
    color: twitter;
    fill: twitter
}

.color-bg-twitter {
    background-color: #55acee
}

.c-youtube {
    color: youtube;
    fill: youtube
}

.color-bg-youtube {
    background-color: #cd201f
}

.c-telegram {
    color: telegram;
    fill: telegram
}

.color-bg-telegram {
    background-color: #08c
}

.c-whatsapp {
    color: whatsapp;
    fill: whatsapp
}

.color-bg-whatsapp {
    background-color: #43d854
}

.c-linkedin {
    color: linkedin;
    fill: linkedin
}

.color-bg-linkedin {
    background-color: #0077b5
}

.theme-light .light-10 {
    color: #fbfbfc;
    fill: #fbfbfc
}

.theme-light .light-bg-10 {
    background-color: #fbfbfc
}

.theme-light .light-bc-10 {
    border-color: #fbfbfc
}

.theme-dark.theme-dark .dark-10 {
    color: #fbfbfc;
    fill: #fbfbfc
}

.theme-dark.theme-dark .dark-bg-10 {
    background-color: #fbfbfc
}

.theme-dark.theme-dark .dark-bc-10 {
    border-color: #fbfbfc
}

.theme-light .light-20 {
    color: #f5f5f9;
    fill: #f5f5f9
}

.theme-light .light-bg-20 {
    background-color: #f5f5f9
}

.theme-light .light-bc-20 {
    border-color: #f5f5f9
}

.theme-dark.theme-dark .dark-20 {
    color: #f5f5f9;
    fill: #f5f5f9
}

.theme-dark.theme-dark .dark-bg-20 {
    background-color: #f5f5f9
}

.theme-dark.theme-dark .dark-bc-20 {
    border-color: #f5f5f9
}

.theme-light .light-30 {
    color: #e6e7ef;
    fill: #e6e7ef
}

.theme-light .light-bg-30 {
    background-color: #e6e7ef
}

.theme-light .light-bc-30 {
    border-color: #e6e7ef
}

.theme-dark.theme-dark .dark-30 {
    color: #e6e7ef;
    fill: #e6e7ef
}

.theme-dark.theme-dark .dark-bg-30 {
    background-color: #e6e7ef
}

.theme-dark.theme-dark .dark-bc-30 {
    border-color: #e6e7ef
}

.theme-light .light-40 {
    color: #d3d6e0;
    fill: #d3d6e0
}

.theme-light .light-bg-40 {
    background-color: #d3d6e0
}

.theme-light .light-bc-40 {
    border-color: #d3d6e0
}

.theme-dark.theme-dark .dark-40 {
    color: #d3d6e0;
    fill: #d3d6e0
}

.theme-dark.theme-dark .dark-bg-40 {
    background-color: #d3d6e0
}

.theme-dark.theme-dark .dark-bc-40 {
    border-color: #d3d6e0
}

.theme-light .light-60 {
    color: #6f7285;
    fill: #6f7285
}

.theme-light .light-bg-60 {
    background-color: #6f7285
}

.theme-light .light-bc-60 {
    border-color: #6f7285
}

.theme-dark.theme-dark .dark-60 {
    color: #6f7285;
    fill: #6f7285
}

.theme-dark.theme-dark .dark-bg-60 {
    background-color: #6f7285
}

.theme-dark.theme-dark .dark-bc-60 {
    border-color: #6f7285
}

.theme-light .light-80 {
    color: #484b62;
    fill: #484b62
}

.theme-light .light-bg-80 {
    background-color: #484b62
}

.theme-light .light-bc-80 {
    border-color: #484b62
}

.theme-dark.theme-dark .dark-80 {
    color: #484b62;
    fill: #484b62
}

.theme-dark.theme-dark .dark-bg-80 {
    background-color: #484b62
}

.theme-dark.theme-dark .dark-bc-80 {
    border-color: #484b62
}

.theme-light .light-100 {
    color: #292a33;
    fill: #292a33
}

.theme-light .light-bg-100 {
    background-color: #292a33
}

.theme-light .light-bc-100 {
    border-color: #292a33
}

.theme-dark.theme-dark .dark-100 {
    color: #292a33;
    fill: #292a33
}

.theme-dark.theme-dark .dark-bg-100 {
    background-color: #292a33
}

.theme-dark.theme-dark .dark-bc-100 {
    border-color: #292a33
}

.theme-light .light-110 {
    color: #9da1b1;
    fill: #9da1b1
}

.theme-light .light-bg-110 {
    background-color: #9da1b1
}

.theme-light .light-bc-110 {
    border-color: #9da1b1
}

.theme-dark.theme-dark .dark-110 {
    color: #9da1b1;
    fill: #9da1b1
}

.theme-dark.theme-dark .dark-bg-110 {
    background-color: #9da1b1
}

.theme-dark.theme-dark .dark-bc-110 {
    border-color: #9da1b1
}

.theme-light .light-140 {
    color: #212226;
    fill: #212226
}

.theme-light .light-bg-140 {
    background-color: #212226
}

.theme-light .light-bc-140 {
    border-color: #212226
}

.theme-dark.theme-dark .dark-140 {
    color: #212226;
    fill: #212226
}

.theme-dark.theme-dark .dark-bg-140 {
    background-color: #212226
}

.theme-dark.theme-dark .dark-bc-140 {
    border-color: #212226
}

.theme-light .light-150 {
    color: #16171a;
    fill: #16171a
}

.theme-light .light-bg-150 {
    background-color: #16171a
}

.theme-light .light-bc-150 {
    border-color: #16171a
}

.theme-dark.theme-dark .dark-150 {
    color: #16171a;
    fill: #16171a
}

.theme-dark.theme-dark .dark-bg-150 {
    background-color: #16171a
}

.theme-dark.theme-dark .dark-bc-150 {
    border-color: #16171a
}

.theme-light .light-white {
    color: #fff;
    fill: #fff
}

.theme-light .light-bg-white {
    background-color: #fff
}

.theme-light .light-bc-white {
    border-color: #fff
}

.theme-dark.theme-dark .dark-white {
    color: #fff;
    fill: #fff
}

.theme-dark.theme-dark .dark-bg-white {
    background-color: #fff
}

.theme-dark.theme-dark .dark-bc-white {
    border-color: #fff
}

.theme-light .light-theme {
    color: #e64a19;
    fill: #e64a19
}

.theme-light .light-bg-theme {
    background-color: #e64a19
}

.theme-light .light-bc-theme {
    border-color: #e64a19
}

.theme-dark.theme-dark .dark-theme {
    color: #e64a19;
    fill: #e64a19
}

.theme-dark.theme-dark .dark-bg-theme {
    background-color: #e64a19
}

.theme-dark.theme-dark .dark-bc-theme {
    border-color: #e64a19
}

.theme-light .light-blue {
    color: #05a3e8;
    fill: #05a3e8
}

.theme-light .light-bg-blue {
    background-color: #05a3e8
}

.theme-light .light-bc-blue {
    border-color: #05a3e8
}

.theme-dark.theme-dark .dark-blue {
    color: #05a3e8;
    fill: #05a3e8
}

.theme-dark.theme-dark .dark-bg-blue {
    background-color: #05a3e8
}

.theme-dark.theme-dark .dark-bc-blue {
    border-color: #05a3e8
}

.theme-light .light-blue-10 {
    color: #e9f8ff;
    fill: #e9f8ff
}

.theme-light .light-bg-blue-10 {
    background-color: #e9f8ff
}

.theme-light .light-bc-blue-10 {
    border-color: #e9f8ff
}

.theme-dark.theme-dark .dark-blue-10 {
    color: #e9f8ff;
    fill: #e9f8ff
}

.theme-dark.theme-dark .dark-bg-blue-10 {
    background-color: #e9f8ff
}

.theme-dark.theme-dark .dark-bc-blue-10 {
    border-color: #e9f8ff
}

.theme-light .light-green {
    color: #00b96c;
    fill: #00b96c
}

.theme-light .light-bg-green {
    background-color: #00b96c
}

.theme-light .light-bc-green {
    border-color: #00b96c
}

.theme-dark.theme-dark .dark-green {
    color: #00b96c;
    fill: #00b96c
}

.theme-dark.theme-dark .dark-bg-green {
    background-color: #00b96c
}

.theme-dark.theme-dark .dark-bc-green {
    border-color: #00b96c
}

.theme-light .light-red {
    color: #ff4242;
    fill: #ff4242
}

.theme-light .light-bg-red {
    background-color: #ff4242
}

.theme-light .light-bc-red {
    border-color: #ff4242
}

.theme-dark.theme-dark .dark-red {
    color: #ff4242;
    fill: #ff4242
}

.theme-dark.theme-dark .dark-bg-red {
    background-color: #ff4242
}

.theme-dark.theme-dark .dark-bc-red {
    border-color: #ff4242
}

.theme-light .light-shadow, .theme-light .theme-shadow {
    box-shadow: rgba(0, 0, 0, .15) 1px 0 7px 0
}

.theme-dark .dark-shadow, .theme-dark .theme-shadow {
    box-shadow: rgba(255, 255, 255, .15) 1px 0 7px 0
}

@use "sass:map"; .fs-0-5.fs-0-5 {
                     font-size: .5em
                 }

.fs-0-7.fs-0-7 {
    font-size: .7em
}

.fs-0-8.fs-0-8 {
    font-size: .8em
}

.fs-0-9.fs-0-9 {
    font-size: .9em
}

.fs-0-95.fs-0-95 {
    font-size: .95em
}

.fs-1.fs-1 {
    font-size: 1em
}

.fs-1-1.fs-1-1 {
    font-size: 1.1em
}

.fs-1-2.fs-1-2 {
    font-size: 1.2em
}

.fs-1-5.fs-1-5 {
    font-size: 1.5em
}

.fs-2.fs-2 {
    font-size: 2em
}

.fs-4.fs-4 {
    font-size: 4em
}

.fs-xxs.fs-xxs, .list-item .list-header .list-followers {
    font-size: .8em
}

.fs-xs.fs-xs {
    font-size: .85em
}

.fs-sm.fs-sm {
    font-size: .9em
}

.fs-md.fs-md {
    font-size: 1em
}

.fs-lg.fs-lg {
    font-size: 1.1em
}

.fs-xl.fs-xl {
    font-size: 1.2em
}

.fs-xxl.fs-xxl {
    font-size: 1.3em
}

.fs-xxxl.fs-xxxl {
    font-size: 1.5em
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.lh-none {
    line-height: 0
}

.lh-normal {
    line-height: 1
}

.lh-medium {
    line-height: 1.6
}

.lh-large {
    line-height: 2
}

.lh-xlarge {
    line-height: 2.4
}

.ta-left {
    text-align: left
}

.ta-right {
    text-align: right
}

.ta-center {
    text-align: center
}

.ws-normal {
    white-space: normal
}

.ellipsis, .list-item .list-header .list-followers, .ws-nowrap {
    white-space: nowrap
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.line-through {
    text-decoration: line-through
}

.lines-1 {
    max-height: 2em;
    line-height: 2
}

.lines-2 {
    max-height: 3.6em;
    line-height: 1.8
}

.lines-3 {
    max-height: 6em;
    line-height: 2
}

.fa {
    font-family: IRANSans, "Open Sans", sans-serif
}

.en {
    font-family: "Open Sans", sans-serif
}

.rtl {
    direction: rtl
}

.ltr {
    direction: ltr
}

.device-desktop .heading-1, .device-desktop h1 {
    font-size: 1.3em
}

.device-mobile .heading-1, .device-mobile h1 {
    font-size: 1.2em
}

.device-desktop .heading-2, .device-desktop h2 {
    font-size: 1.2em
}

.device-mobile .heading-2, .device-mobile h2 {
    font-size: 1.1em
}

.device-desktop .heading-3, .device-desktop h3 {
    font-size: 1em
}

.device-mobile .heading-3, .device-mobile h3 {
    font-size: .9em
}

.device-desktop .heading-4, .device-desktop h4 {
    font-size: .9em
}

.device-mobile .heading-4, .device-mobile h4 {
    font-size: .85em
}

.device-desktop .heading-5, .device-desktop h5 {
    font-size: .9em
}

.device-mobile .heading-5, .device-mobile h5 {
    font-size: .85em
}

.device-desktop .heading-6, .device-desktop h6 {
    font-size: .85em
}

.device-mobile .heading-6, .device-mobile h6 {
    font-size: .8em
}

.txt, ol, p, ul {
    font-size: .9em;
    font-weight: 300;
    line-height: 2.2
}

a {
    text-decoration: none
}

a:hover {
    transition-property: color;
    transition-duration: 150ms;
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

p {
    margin: 0
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 400
}

hr {
    border: none;
    border-top: 1px solid
}

.theme-light .heading-1, .theme-light h1 {
    color: #484b62
}

.theme-light .heading-2, .theme-light h2 {
    color: #484b62
}

.theme-light .heading-3, .theme-light h3 {
    color: #484b62
}

.theme-light .heading-4, .theme-light h4 {
    color: #484b62
}

.theme-light .heading-5, .theme-light h5 {
    color: #484b62
}

.theme-light .heading-6, .theme-light h6 {
    color: #484b62
}

.theme-light hr {
    border-color: #e6e7ef
}

.theme-light .txt, .theme-light ol, .theme-light p, .theme-light ul {
    color: #6f7285
}

.theme-dark .heading-1, .theme-dark h1 {
    color: #fff
}

.theme-dark .heading-2, .theme-dark h2 {
    color: #fff
}

.theme-dark .heading-3, .theme-dark h3 {
    color: #fff
}

.theme-dark .heading-4, .theme-dark h4 {
    color: #fff
}

.theme-dark .heading-5, .theme-dark h5 {
    color: #fff
}

.theme-dark .heading-6, .theme-dark h6 {
    color: #fff
}

.theme-dark hr {
    border-color: #292a33
}

.theme-dark .txt, .theme-dark ol, .theme-dark p, .theme-dark ul {
    color: #9da1b1
}

.input-switch .input-label, .rel {
    position: relative
}

.abs {
    position: absolute
}

.static {
    position: static
}

.abs-top {
    top: 0
}

.abs-right {
    right: 0
}

.abs-bottom {
    bottom: 0
}

.abs-left {
    left: 0
}

.abs-center.abs-center.abs-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.abs-x-center.abs-x-center.abs-x-center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.abs-y-center.abs-y-center.abs-y-center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.abs-fit.abs-fit.abs-fit {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.abs-fit-rb.abs-fit-rb.abs-fit-rb {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1
}

.abs-fit-tl.abs-fit-tl.abs-fit-tl {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.rotate-90 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.rotate-180 {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.zi-1.zi-1.zi-1 {
    z-index: 1
}

.zi-2.zi-2.zi-2 {
    z-index: 2
}

.zi-3.zi-3.zi-3 {
    z-index: 3
}

.zi-5.zi-5.zi-5 {
    z-index: 5
}

.zi-10.zi-10.zi-10 {
    z-index: 10
}

.zi-20.zi-20.zi-20 {
    z-index: 20
}

.zi-25.zi-25.zi-25 {
    z-index: 25
}

.m-none {
    margin: 0 !important
}

.p-none {
    padding: 0 !important
}

.mx-auto {
    margin-right: auto;
    margin-left: auto
}

.py-xxs {
    padding-top: .25em;
    padding-bottom: .25em
}

.my-xxs {
    margin-top: .25em;
    margin-bottom: .25em
}

.px-xxs {
    padding-right: .25em;
    padding-left: .25em
}

.mx-xxs {
    margin-right: .25em;
    margin-left: .25em
}

.mt-xxs {
    margin-top: .25em
}

.mr-xxs {
    margin-right: .25em
}

.mb-xxs {
    margin-bottom: .25em
}

.ml-xxs {
    margin-left: .25em
}

.pt-xxs {
    padding-top: .25em
}

.pr-xxs {
    padding-right: .25em
}

.pb-xxs {
    padding-bottom: .25em
}

.pl-xxs {
    padding-left: .25em
}

.py-xs {
    padding-top: .5em;
    padding-bottom: .5em
}

.my-xs {
    margin-top: .5em;
    margin-bottom: .5em
}

.px-xs {
    padding-right: .5em;
    padding-left: .5em
}

.mx-xs {
    margin-right: .5em;
    margin-left: .5em
}

.mt-xs {
    margin-top: .5em
}

.mr-xs {
    margin-right: .5em
}

.mb-xs {
    margin-bottom: .5em
}

.ml-xs {
    margin-left: .5em
}

.pt-xs {
    padding-top: .5em
}

.pr-xs {
    padding-right: .5em
}

.pb-xs {
    padding-bottom: .5em
}

.pl-xs {
    padding-left: .5em
}

.py-sm {
    padding-top: .75em;
    padding-bottom: .75em
}

.my-sm {
    margin-top: .75em;
    margin-bottom: .75em
}

.px-sm {
    padding-right: .75em;
    padding-left: .75em
}

.mx-sm {
    margin-right: .75em;
    margin-left: .75em
}

.mt-sm {
    margin-top: .75em
}

.mr-sm {
    margin-right: .75em
}

.mb-sm {
    margin-bottom: .75em
}

.ml-sm {
    margin-left: .75em
}

.pt-sm {
    padding-top: .75em
}

.pr-sm {
    padding-right: .75em
}

.pb-sm {
    padding-bottom: .75em
}

.pl-sm {
    padding-left: .75em
}

.py-md {
    padding-top: 1em;
    padding-bottom: 1em
}

.my-md {
    margin-top: 1em;
    margin-bottom: 1em
}

.px-md {
    padding-right: 1em;
    padding-left: 1em
}

.mx-md {
    margin-right: 1em;
    margin-left: 1em
}

.mt-md {
    margin-top: 1em
}

.mr-md {
    margin-right: 1em
}

.mb-md {
    margin-bottom: 1em
}

.list-item .list-header .list-followers, .ml-md {
    margin-left: 1em
}

.pt-md {
    padding-top: 1em
}

.pr-md {
    padding-right: 1em
}

.pb-md {
    padding-bottom: 1em
}

.pl-md {
    padding-left: 1em
}

.py-lg {
    padding-top: 1.5em;
    padding-bottom: 1.5em
}

.my-lg {
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.px-lg {
    padding-right: 1.5em;
    padding-left: 1.5em
}

.mx-lg {
    margin-right: 1.5em;
    margin-left: 1.5em
}

.mt-lg {
    margin-top: 1.5em
}

.mr-lg {
    margin-right: 1.5em
}

.mb-lg {
    margin-bottom: 1.5em
}

.ml-lg {
    margin-left: 1.5em
}

.pt-lg {
    padding-top: 1.5em
}

.pr-lg {
    padding-right: 1.5em
}

.pb-lg {
    padding-bottom: 1.5em
}

.pl-lg {
    padding-left: 1.5em
}

.py-xl {
    padding-top: 2em;
    padding-bottom: 2em
}

.my-xl {
    margin-top: 2em;
    margin-bottom: 2em
}

.px-xl {
    padding-right: 2em;
    padding-left: 2em
}

.mx-xl {
    margin-right: 2em;
    margin-left: 2em
}

.mt-xl {
    margin-top: 2em
}

.mr-xl {
    margin-right: 2em
}

.mb-xl {
    margin-bottom: 2em
}

.ml-xl {
    margin-left: 2em
}

.pt-xl {
    padding-top: 2em
}

.pr-xl {
    padding-right: 2em
}

.pb-xl {
    padding-bottom: 2em
}

.pl-xl {
    padding-left: 2em
}

.py-xxl {
    padding-top: 2.5em;
    padding-bottom: 2.5em
}

.my-xxl {
    margin-top: 2.5em;
    margin-bottom: 2.5em
}

.px-xxl {
    padding-right: 2.5em;
    padding-left: 2.5em
}

.mx-xxl {
    margin-right: 2.5em;
    margin-left: 2.5em
}

.mt-xxl {
    margin-top: 2.5em
}

.mr-xxl {
    margin-right: 2.5em
}

.mb-xxl {
    margin-bottom: 2.5em
}

.ml-xxl {
    margin-left: 2.5em
}

.pt-xxl {
    padding-top: 2.5em
}

.pr-xxl {
    padding-right: 2.5em
}

.pb-xxl {
    padding-bottom: 2.5em
}

.pl-xxl {
    padding-left: 2.5em
}

.animate-2ms {
    transition: all .2s ease-in-out
}

.animate-3ms {
    transition: all .2s ease-in-out
}

.d-b.d-b {
    display: block
}

.d-i.d-i {
    display: inline
}

.d-in.d-in {
    display: inline-block
}

.d-f.d-f {
    display: flex
}

.d-if.d-if {
    display: inline-flex
}

.d-n.d-n {
    display: none
}

.d-t.d-t {
    display: table
}

.d-tr.d-tr {
    display: table-row
}

.d-tc.d-tc {
    display: table-cell
}

.w-10 {
    width: 10%
}

.w-20 {
    width: 20%
}

.w-30 {
    width: 30%
}

.w-40 {
    width: 40%
}

.w-50 {
    width: 50%
}

.w-60 {
    width: 60%
}

.w-70 {
    width: 70%
}

.w-80 {
    width: 80%
}

.w-90 {
    width: 90%
}

.w-100 {
    width: 100%
}

.h-100 {
    height: 100%
}

.put-right {
    float: right;
    margin-right: auto
}

.put-left {
    float: left;
    margin-left: auto
}

.put-none {
    float: none;
    margin-none: auto
}

.v-t {
    vertical-align: top
}

.v-b {
    vertical-align: bottom
}

.v-m {
    vertical-align: middle
}

.lines-1, .lines-2, .lines-3, .o-hidden {
    overflow: hidden
}

.o-x-hidden {
    overflow-x: hidden
}

.o-y-hidden {
    overflow-y: hidden
}

.o-visible {
    overflow: visible
}

.o-auto {
    overflow: auto
}

.v-hidden {
    visibility: hidden
}

.v-visible {
    visibility: visible
}

.border-1 {
    border: 1px solid
}

.border-t-1 {
    border-top: 1px solid
}

.border-b-1 {
    border-bottom: 1px solid
}

.border-l-1 {
    border-left: 1px solid
}

.border-r-1 {
    border-right: 1px solid
}

.border-2 {
    border: 2px solid
}

.border-t-2 {
    border-top: 2px solid
}

.border-b-2 {
    border-bottom: 2px solid
}

.border-l-2 {
    border-left: 2px solid
}

.border-r-2 {
    border-right: 2px solid
}

.radius-2 {
    border-radius: 2px
}

.radius-3 {
    border-radius: 3px
}

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

.radius-10 {
    border-radius: 10px
}

.radius-25 {
    border-radius: 25px
}

.radius-50 {
    border-radius: 50%
}

.radius-100 {
    border-radius: 100%
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-20 {
    opacity: .2
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .9
}

.opacity-100 {
    opacity: 1
}

.ad-box:after, .main .view:after, .main:after, .main > .container:after, .modal.modal-fit .modal-content:after {
    content: '';
    display: table;
    clear: both
}

* {
    box-sizing: inherit
}

body, html {
    max-width: 100%;
    overflow-x: hidden
}

html {
    height: 100%
}

html[lang=fa] body {
    font: 14px IRANSans, "Open Sans", sans-serif;
    font-weight: 300
}

html[lang=fa] .icon-flip {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

html[lang=en] body {
    font: 14px "Open Sans", IRANSans, sans-serif;
    font-weight: 300
}

body {
    box-sizing: border-box;
    overflow-x: hidden;
    max-width: 100%;
    margin: 0;
    direction: rtl
}

body.oh {
    height: 100%;
    overflow: hidden
}

body:not(.device-mobile):not(.fluid) {
    padding-top: 65px
}

@media (max-width: 883px) {
    body:not(.device-mobile):not(.fluid):not(.amp-page) {
        padding-top: 100px
    }
}

body.device-mobile.device-mobile.device-mobile.search-results:not(.fluid) {
    padding-top: 90px
}

body.device-mobile.device-mobile.device-mobile:not(.search-results):not(.fluid) {
    padding-top: 50px
}

body.device-mobile.device-mobile.device-mobile [data-responsive='tablet|desktop'], body.device-mobile.device-mobile.device-mobile [data-responsive=desktop], body.device-mobile.device-mobile.device-mobile [data-responsive=tablet] {
    display: none
}

body.device-tablet.device-tablet.device-tablet [data-responsive='mobile|desktop'], body.device-tablet.device-tablet.device-tablet [data-responsive=desktop], body.device-tablet.device-tablet.device-tablet [data-responsive=mobile] {
    display: none
}

body.device-desktop.device-desktop.device-desktop [data-responsive='mobile|tablet'], body.device-desktop.device-desktop.device-desktop [data-responsive=mobile], body.device-desktop.device-desktop.device-desktop [data-responsive=tablet] {
    display: none
}

body:not(.theme-dark) {
    background-color: #fff
}

body.theme-dark {
    background-color: #16171a
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

ul.disc {
    list-style: disc;
    padding-right: 2em
}

img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.main {
    width: 100%
}

.main > .container {
    width: 100%;
    float: left
}

.main .view {
    position: relative
}

@media (max-width: 1137px) {
    .main > .container {
        width: 100%
    }
}

@media (min-width: 1138px) {
    .main:not([data-so])[data-sidebar] > .container {
        width: calc(100% - 240px)
    }
}

.wrapper {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto
}

.grecaptcha-badge.grecaptcha-badge.grecaptcha-badge {
    visibility: hidden
}

.tab-list-wrapper {
    padding: 2em 1em
}

.clear:after {
    content: '';
    display: table;
    clear: both
}

.tx-wrapper {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    opacity: 0
}

.b-link {
    color: #05a3e8;
    transition: opacity .2s ease
}

.b-link .icon {
    fill: #05a3e8
}

.b-link:active, .b-link:focus, .b-link:hover {
    color: #05a3e8;
    opacity: .7
}

.request-link[data-hidden] {
    position: relative;
    width: 1px;
    height: 1px;
    padding: 0;
    opacity: 0;
    visibility: hidden
}

.load-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #d3d6e0;
    z-index: 21
}

.load-progress.hidden {
    display: none
}

.load-progress > .bar {
    height: 100%;
    float: left;
    background: #e64a19;
    transition: width .5s ease
}

.pointer {
    cursor: pointer
}

.not-allowed {
    opacity: .6
}

.not-allowed.not-allowed.not-allowed * {
    cursor: not-allowed
}

.live-blink {
    width: .25em;
    height: .25em
}

.live-blink:after, .live-blink:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background: #e64a19;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.live-blink:before {
    width: .5em;
    height: .5em;
    -webkit-animation-name: blink;
    animation-name: blink
}

.live-blink:after {
    width: 1em;
    height: 1em;
    opacity: .5;
    -webkit-animation-name: blinkShadow;
    animation-name: blinkShadow
}

@-webkit-keyframes blink {
    0% {
        width: .5em;
        height: .5em
    }
    50% {
        width: .3em;
        height: .3em
    }
}

@keyframes blink {
    0% {
        width: .5em;
        height: .5em
    }
    50% {
        width: .3em;
        height: .3em
    }
}

@-webkit-keyframes blinkShadow {
    0% {
        width: 1em;
        height: 1em
    }
    50% {
        width: .5em;
        height: .5em
    }
}

@keyframes blinkShadow {
    0% {
        width: 1em;
        height: 1em
    }
    50% {
        width: .5em;
        height: .5em
    }
}

.list-empty {
    width: 100%;
    font-size: .9em;
    font-weight: 400;
    padding: 1em;
    border-radius: 5px
}

.theme-light .list-empty {
    color: #6f7285;
    background-color: #e6e7ef
}

.theme-dark .list-empty {
    color: #d3d6e0;
    background-color: #212226
}

.dropdown {
    position: relative;
    display: inline-flex
}

.dropdown .dropdown-toggle {
    cursor: pointer
}

.dropdown .dropdown-focus {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0
}

.dropdown .dropdown-content {
    min-width: 270px;
    position: absolute;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, .1) 1px 0 7px 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    z-index: 5;
    transition: opacity 150ms ease
}

.dropdown .dropdown-content, .dropdown .dropdown-content.down-left, .dropdown .dropdown-content.down-right {
    bottom: -10px;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

.dropdown .dropdown-content.down-left {
    right: 0
}

.dropdown .dropdown-content, .dropdown .dropdown-content.down-right {
    left: 0
}

.dropdown .dropdown-content.top-left, .dropdown .dropdown-content.top-right {
    top: -10px;
    bottom: auto;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.dropdown .dropdown-content.top-left {
    right: 0
}

.dropdown .dropdown-content.top-right {
    left: 0
}

.dropdown.dropdown-active .dropdown-content {
    visibility: visible;
    opacity: 1
}

.theme-light .dropdown .dropdown-content {
    background-color: #fff
}

.theme-dark .dropdown .dropdown-content {
    background-color: #212226;
    border: 1px solid #292a33
}

.tab {
    width: 100%
}

.tab .hl-cnt {
    display: inline-block;
    direction: ltr;
    position: absolute;
    top: 3px;
    left: 50%;
    z-index: 1;
    font-size: 10.5px;
    font-weight: 300;
    width: 18px;
    height: 18px;
    line-height: 1.8;
    text-align: center;
    border-radius: 25px;
    overflow: hidden;
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%)
}

.tab .tab-list {
    position: relative;
    font-size: 1em;
    margin-right: -1em;
    margin-left: -1em;
    padding: 0 1em 18px;
    white-space: nowrap
}

.tab .tab-list:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 1em;
    right: 1em;
    border-bottom: 1px solid #f5f5f9
}

.tab .tab-item {
    display: inline-block;
    text-transform: uppercase
}

.tab .tab-item:not(:last-child) {
    margin-left: .5em
}

.tab .tab-item .icon:not(.small) {
    width: 1.6em;
    height: 1.6em
}

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

.tab .tab-item .center {
    text-align: center
}

.tab .tab-item .highlight {
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    margin-right: .5em;
    border-radius: 50%
}

.tab .tab-item .count {
    display: inline-block;
    text-align: center;
    font-size: .9em;
    line-height: 1.6;
    padding: 0 .5em;
    margin-right: .5em;
    border-radius: 3px;
    min-width: 1.5em
}

.tab .tab-item > a {
    width: 100%;
    min-height: 35px
}

.tab .tab-item > a > span {
    display: inline-block
}

.tab .tab-contents {
    width: 100%;
    float: right
}

.tab .tab-contents .tab-content {
    display: none
}

.tab .tab-contents .tab-content.active {
    display: block
}

@media (max-width: 480px) {
    .tab .tab-item {
        min-width: 40%
    }
}

.theme-light .tab .hl-cnt {
    color: #fff;
    background: #e64a19
}

.theme-light .tab .tab-list:after {
    border-bottom: 1px solid #f5f5f9
}

.theme-light .tab .tab-item .icon:not(.small) {
    fill: #6f7285
}

.theme-light .tab .tab-item .highlight {
    background: #e64a19
}

.theme-light .tab .tab-item .count {
    color: #fff;
    background: #6f7285
}

.theme-dark .tab .hl-cnt {
    color: #fff;
    background: #e64a19
}

.theme-dark .tab .tab-list:after {
    border-bottom: 1px solid #f5f5f9
}

.theme-dark .tab .tab-item .icon:not(.small) {
    fill: #6f7285
}

.theme-dark .tab .tab-item .highlight {
    background: #e64a19
}

.theme-dark .tab .tab-item .count {
    color: #d3d6e0;
    background: #484b62
}

.profile-menu .profile-head {
    padding: 1em;
    background-color: #f5f5f9
}

.profile-menu .menu-wrapper [class^=menu-item] {
    font-size: .9em
}

.theme-light .profile-menu .profile-head {
    background-color: #f5f5f9
}

.theme-dark .profile-menu .profile-head {
    background-color: #292a33
}

.profile-modal .profile-wrapper {
    width: 100%;
    padding: 1.5em 0
}

.profile-modal .profile-wrapper .profile-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center
}

.profile-modal .profile-wrapper .profile-avatar {
    position: relative
}

.profile-modal .profile-wrapper .profile-avatar .picture {
    width: 85px;
    height: 85px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .15)
}

.profile-modal .profile-wrapper .profile-avatar .profile-setting-btn {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -5px;
    margin-left: -5px;
    background-color: #f5f5f9
}

.profile-modal .profile-wrapper .profile-avatar .profile-setting-btn .icon {
    fill: #484b62;
    margin: 0
}

.profile-modal .profile-wrapper .profile-title {
    margin: 1em 0 0
}

.profile-modal .profile-wrapper .profile-title > a {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center
}

.profile-modal .profile-wrapper .profile-title .title {
    font-size: 1em;
    font-weight: 400;
    color: #484b62
}

.profile-modal .profile-wrapper .profile-title .title.b-link {
    font-size: .9em;
    color: #05a3e8
}

.profile-modal .profile-wrapper .profile-title .title.b-link .icon {
    fill: #05a3e8;
    margin-left: .75em
}

.profile-modal .profile-wrapper .profile-title [class^=badge] {
    font-size: .7em;
    line-height: 2em;
    margin: 0 .75em 0 0
}

.profile-modal .profile-wrapper .profile-info {
    font-size: .9em;
    font-weight: 300;
    color: #6f7285;
    margin: .75em 0 0;
    padding: 0 1em
}

.profile-modal .button.mobile-upload-video {
    width: calc(100% - 2em);
    height: 3.5em;
    font-weight: 300;
    margin: .75em 1em .75em;
    border-radius: 2px
}

.profile-modal .button.mobile-upload-video .icon:first-child {
    font-size: 1.5em;
    margin-left: .75em
}

.profile-modal .notif-list [class^=menu-item] {
    position: relative
}

.profile-modal .notif-list [class^=menu-item]:not(:last-child):after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 1em;
    left: 1em;
    border-bottom: 1px solid #f5f5f9
}

.profile-modal .notif-list .avatar {
    margin-left: 1em
}

.profile-modal .tab .tab-list {
    text-align: center;
    margin: 0;
    padding: 0 1em 1.5em
}

.profile-modal .tab .tab-list .tab-item.tab-item {
    width: 130px;
    max-width: 49.5%;
    margin: 0
}

.profile-modal .tab .tab-list .tab-item.tab-item:first-child {
    padding: 0 0 0 .25em
}

.profile-modal .tab .tab-list .tab-item.tab-item:last-child {
    padding: 0 .25em 0 0
}

.profile-modal .tab .tab-list .tab-item, .profile-modal .tab .tab-list .tab-item > a {
    transition: all .3s ease-in-out
}

.profile-modal .tab .tab-list.fixed .tab-item, .profile-modal .tab .tab-list.fixed .tab-item > a {
    width: 50px;
    min-width: 50px
}

.profile-modal .menu-wrapper .menu-item, .profile-modal .menu-wrapper .menu-item-link > a {
    padding: .75em 1em
}

.profile-modal .notification.active {
    height: 0
}

.profile-modal .notification .mainmenu.mainmenu {
    -webkit-transform: none;
    transform: none
}

.profile-modal .notification .submenu.submenu {
    position: fixed
}

.profile-modal .notification .notif-list {
    height: 94%
}

.open-notif .dropdown .dropdown-content {
    width: 450px
}

.open-notif .button.notif-link {
    overflow: visible
}

.open-notif .button.notif-link > .icon {
    margin: 0
}

.notification {
    position: relative;
    width: 100%;
    overflow: hidden
}

.notification .item-notif {
    width: 100%;
    padding-right: 1em;
    padding-left: 1em
}

.notification .item-notif:last-child .notif {
    border-bottom: none
}

.notification .item-notif .content {
    font-size: .9em
}

.notification .notif {
    position: relative;
    padding: 1em
}

.notification .notif:after {
    content: '';
    display: table;
    clear: both
}

.notification .notif > .icon, .notification .notif > .profile {
    position: absolute;
    line-height: 0
}

.notification .notif > .icon {
    font-size: 2.5em;
    fill: #fff;
    top: .4em;
    right: .3em;
    padding: .2em;
    border-radius: 50%;
    overflow: visible
}

.notification .notif > .icon-warning {
    background-color: #ffae21
}

.notification .notif > .icon-delete {
    background-color: #ff4242
}

.notification .notif > .icon-warn {
    background-color: #05a3e8
}

.notification .notif > .profile {
    top: .75em;
    right: .75em
}

.notification .notif > .profile .avatar {
    margin: 0
}

.notification .notif > .profile .avatar > .picture {
    width: 2.5em;
    height: 2.5em
}

.notification .notif > .profile > .icon {
    position: absolute;
    left: -2px;
    bottom: -2px;
    width: 20px;
    height: 20px;
    font-size: 1.4em;
    fill: #fff;
    padding: .15em;
    border-radius: 50%;
    overflow: visible
}

.notification .notif > .profile > .comment {
    background: #05a3e8
}

.notification .notif > .profile > .like {
    background: #e64a19
}

.notification .notif > .profile > .reshare {
    background: #05a3e8
}

.notification .notif > .profile > .subscribe {
    background-color: #00b96c
}

.notification .notif > .profile > .setting {
    background-color: gray
}

.notification .notif > .profile.group {
    margin-right: -.25em;
    padding-left: .75em
}

.notification .notif > .profile.group > .avatar {
    font-size: .85em
}

.notification .notif > .profile.group > .avatar:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0
}

.notification .notif > .profile.group > .icon {
    font-size: 1.2em
}

.notification .notif .highlight {
    position: relative
}

.notification .notif .highlight:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 1em;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: -5px;
    background-color: #e64a19
}

.notification .notif .thumb {
    display: block;
    z-index: 1;
    max-width: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.notification .notif .thumb:after {
    display: block;
    content: '';
    padding-top: 57%
}

.notification .notif-comment, .notification .notif-follow, .notification .notif-like, .notification .notif-message, .notification .notif-reshare, .notification .notif-subscribe {
    padding-right: 4em
}

.notification .notif-group .group-action {
    cursor: pointer
}

.notification .notif-message .content {
    padding: .4em 0
}

.notification .notif-empty {
    background-color: red
}

.notification .notif-follow .content {
    width: 100%;
    display: block
}

.notification .notif-follow .content > .text {
    max-width: 70%;
    padding: .2em 0
}

.notification .delete-notif.delete-notif {
    position: absolute;
    top: .5em;
    left: .5em
}

.notification .notif-head {
    position: relative;
    padding: 1em
}

.header .notification .notif-list {
    position: relative;
    height: 50vh
}

.notification .notif-group {
    cursor: pointer
}

.notification .submenu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.notification .mainmenu, .notification .submenu {
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.notification:not(.active) .submenu {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.notification.active .mainmenu {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.theme-light .open-notif .dropdown-active .dropdown-toggle .button {
    background-color: #f5f5f9
}

.theme-light .notification .notif-head {
    color: #484b62
}

.theme-dark .open-notif .dropdown-active .dropdown-toggle .button {
    background-color: #212226
}

.search-widget {
    width: 100%
}

.search-widget .input-text {
    z-index: 1
}

.search-widget .input-text .search-icon {
    position: relative;
    z-index: 1
}

.search-widget .input-text .search-icon:first-child {
    margin-right: .5em
}

.search-widget .input-text .search-icon:last-child {
    margin-left: .5em
}

.search-widget .input-text .search-icon .icon {
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    margin: 0
}

.search-widget .input-text .search-icon:active, .search-widget .input-text .search-icon:focus, .search-widget .input-text .search-icon:hover {
    background-color: transparent
}

.search-widget .input-text .search-icon:active .icon, .search-widget .input-text .search-icon:focus .icon, .search-widget .input-text .search-icon:hover .icon {
    fill: #05a3e8
}

.search-widget .search-suggestion {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    padding: 1em;
    border-radius: 0 0 25px 25px;
    border: 1px solid;
    visibility: hidden;
    opacity: 0
}

.search-widget .search-suggestion .li .list-wrapper.list-wrapper.list-wrapper.list-wrapper, .search-widget .search-suggestion .li.li {
    width: 100%;
    padding: 0
}

.search-widget .search-suggestion .li:not(:last-child) {
    margin-bottom: .5em
}

.search-widget .search-suggestion .li .list-wrapper:after {
    content: none
}

.search-widget .search-suggestion .ss-content {
    max-height: 60vh;
    padding-left: 18px
}

.search-widget .search-suggestion .ss-scroll {
    margin: 0 .25em;
    width: 5px;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8)
}

.search-widget .search-suggestion .no-suggest {
    font-size: .9em;
    font-weight: 300;
    padding: 1em 0;
    text-align: center
}

.search-widget .search-suggestion .grid-thumbnail .grid-item {
    margin-bottom: .5em
}

.search-widget .search-suggestion .thumbnail-movie, .search-widget .search-suggestion .thumbnail-video {
    font-size: .95em
}

.search-widget .search-suggestion .thumbnail-movie .thumb-wrapper, .search-widget .search-suggestion .thumbnail-video .thumb-wrapper {
    width: 130px;
    height: 74.1px
}

.search-widget .search-suggestion .thumbnail-movie .thumb-desc, .search-widget .search-suggestion .thumbnail-video .thumb-desc {
    display: none
}

.search-widget .search-suggestion .thumbnail-movie {
    padding: 0
}

.search-widget .search-suggestion .thumbnail-movie .thumb-title {
    margin: 0
}

.search-widget .search-suggestion .thumbnail-movie .serial {
    display: none
}

.search-widget .search-suggestion .thumbnail-movie .meta-tags {
    line-height: 1.2
}

.search-widget .search-suggestion .thumbnail-movie .thumb-desc {
    display: none
}

.search-widget .search-suggestion .more-suggestions {
    display: block;
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid
}

.search-widget .search-suggestion .history {
    position: relative;
    display: block;
    width: 100%;
    padding: .5em 2.5em;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 3px
}

.search-widget .search-suggestion .history:not(:last-child) {
    border-bottom: 1px solid
}

.search-widget .search-suggestion .history > .delete, .search-widget .search-suggestion .history > .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-widget .search-suggestion .history > .icon {
    font-size: 1.2em;
    right: .5em
}

.search-widget .search-suggestion .history > .delete {
    font-size: .8em;
    left: .5em
}

.search-widget ~ .search-overlay {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    z-index: -1
}

.search-widget .grid-item {
    max-width: 100%
}

.search-widget.has-suggest .input-text .input-box {
    border-radius: 25px 25px 0 0
}

.search-widget.has-suggest .search-suggestion {
    opacity: 1;
    visibility: visible
}

.search-widget.has-suggest ~ .search-overlay {
    visibility: visible
}

.theme-light .search-widget .input-box.input-box {
    border-color: transparent;
    background-color: #f5f5f9
}

.theme-light .search-widget .input:focus ~ .input-box.input-box.input-box, .theme-light .search-widget .input:hover ~ .input-box.input-box.input-box {
    border-color: #fbfbfc;
    background-color: #fff
}

.theme-light .search-widget .search-suggestion {
    background-color: #fff;
    box-shadow: 0 4px 35px -4px #484b62;
    border-color: #f5f5f9
}

.theme-light .search-widget .search-suggestion .no-suggest {
    color: #6f7285
}

.theme-light .search-widget .search-suggestion .history {
    color: #484b62
}

.theme-light .search-widget .search-suggestion .history:not(:last-child) {
    border-bottom-color: #f5f5f9
}

.theme-light .search-widget .search-suggestion .history:hover {
    background-color: #f5f5f9
}

.theme-light .search-widget .search-suggestion .history > .icon {
    fill: #6f7285
}

.theme-light .search-widget .more-suggestions {
    border-color: #f5f5f9
}

.theme-light .search-widget ~ .search-overlay {
    background-color: rgba(41, 42, 51, .6)
}

.theme-dark .search-widget .input:focus ~ .input-box.input-box.input-box, .theme-dark .search-widget .input:hover ~ .input-box.input-box.input-box {
    border-color: #16171a;
    background-color: #16171a
}

.theme-dark .search-widget .search-suggestion {
    box-shadow: 0 4px 35px -4px #292a33;
    border-color: transparent;
    background-color: #16171a
}

.theme-dark .search-widget .search-suggestion .no-suggest {
    color: #6f7285
}

.theme-dark .search-widget .search-suggestion .history {
    color: #f5f5f9
}

.theme-dark .search-widget .search-suggestion .history:not(:last-child) {
    border-bottom-color: #292a33
}

.theme-dark .search-widget .search-suggestion .history:hover {
    background-color: #212226
}

.theme-dark .search-widget .search-suggestion .history > .icon {
    fill: #6f7285
}

.theme-dark .search-widget .more-suggestions {
    border-color: #292a33
}

.theme-dark .search-widget ~ .search-overlay {
    background-color: rgba(41, 42, 51, .6)
}

.main > header.header {
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 65px;
    z-index: 20
}

.main > header.header .wrapper.wrapper.wrapper.wrapper {
    position: relative;
    max-width: none;
    width: 100%;
    padding: 0 1.5em
}

.main > header.header .inline-flex {
    display: inline-flex
}

.main > header.header .logo .icon {
    width: 5em;
    height: 2em
}

.main > header.header .button .icon-live.icon-live {
    font-size: 1.6em
}

.main > header.header .unread-cnt {
    display: inline-block;
    direction: ltr;
    position: absolute;
    top: 1px;
    left: -3px;
    z-index: 1;
    font-size: 10.5px;
    font-weight: 300;
    color: #fff;
    width: 19px;
    height: 19px;
    line-height: 1.8;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 25px;
    background: #e64a19;
    overflow: hidden
}

.main > header.header .header-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    align-self: center;
    flex-grow: 0
}

.main > header.header .header-row .item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    align-self: center;
    flex-grow: 0;
    width: 50%
}

.main > header.header .header-row .item:first-child {
    justify-content: flex-start
}

.main > header.header .header-row .item:last-child {
    justify-content: flex-end
}

.main > header.header .search-widget {
    position: absolute
}

.main > header.header-fluid {
    width: 100%
}

.main > header.header-fluid .wrapper {
    max-width: 100%
}

.main > header.header-fluid .header-row {
    padding: 1em 1.5em 0 1.5em
}

.main > header.header-fluid .logo .icon {
    width: 5em;
    height: 2em
}

@media (max-width: 883px) {
    .device-desktop:not(.amp-page) header.header {
        height: 100px
    }
}

.device-desktop header.header .header-row .item:first-child > .inline-flex {
    margin-left: 1em
}

.device-desktop header.header .header-row .item:last-child > .inline-flex {
    margin-right: 1em
}

@media (max-width: 883px) {
    .device-desktop header.header .open-notif, .device-desktop header.header .profile-menu {
        display: none
    }

    .device-desktop header.header .signin-button {
        font-size: 1.2em;
        width: 2em;
        height: 2em;
        padding: 0
    }

    .device-desktop header.header .signin-button .text {
        display: none
    }

    .device-desktop header.header .signin-button .icon {
        margin: 0
    }

    .device-desktop header.header .search-widget {
        max-width: 100%;
        width: 100%;
        position: static;
        -webkit-transform: none;
        transform: none;
        margin-top: .5em
    }

    .device-desktop header.header .search-widget ~ .search-overlay {
        top: 100px
    }

    .device-desktop header.header .search-widget .search-suggestion {
        top: 80px;
        margin: 0 1.5em
    }

    .device-desktop header.header .upload-video {
        width: 2em;
        height: 2em;
        font-size: 1em;
        color: transparent;
        padding: 0
    }

    .device-desktop header.header .upload-video .icon {
        margin: 0
    }

    .device-desktop header.header .upload-video .text {
        display: none
    }
}

@media (min-width: 884px) {
    .device-desktop header.header .search-widget {
        max-width: 600px;
        width: 45%;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .device-desktop header.header .search-widget .search-suggestion {
        top: 40px
    }

    .device-desktop header.header .search-widget ~ .search-overlay {
        top: 65px
    }

    .device-desktop header.header .profile-modal {
        display: none
    }
}

.device-mobile header.header .header-row > .item:first-child > .inline-flex {
    margin-left: .5em
}

.device-mobile header.header .header-row > .item:last-child > .inline-flex {
    margin-right: .5em
}

.device-mobile header.header .wrapper.wrapper.wrapper {
    padding: 0 1em
}

.device-mobile header.header .open-notif, .device-mobile header.header .profile-menu, .device-mobile header.header .upload-button {
    display: none
}

.device-mobile header.header .signin-button {
    font-size: 1.2em;
    width: 2em;
    height: 2em;
    padding: 0
}

.device-mobile header.header .signin-button .text {
    display: none
}

.device-mobile header.header .signin-button .icon {
    margin: 0
}

.device-mobile header.header .icon-close {
    width: 2.7em;
    height: 1.5em
}

.device-mobile header.header .search-widget .input-text .input-box.input-box.input-box {
    border-radius: 0;
    box-shadow: none
}

.device-mobile header.header.search-mode {
    height: 90px;
    padding-bottom: 45px
}

.device-mobile header.header.search-mode .search-widget {
    align-items: center;
    max-width: 100%;
    width: 100%;
    padding: 0;
    bottom: -5px;
    top: auto;
    left: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.device-mobile header.header.search-mode .search-widget .input-text {
    height: 45px
}

.device-mobile header.header.search-mode .search-widget .search-suggestion {
    top: 40px
}

.device-mobile header.header.search-mode .search-widget ~ .search-overlay {
    top: 90px
}

.device-mobile header.header:not(.search-mode) {
    height: 50px
}

.device-mobile header.header:not(.search-mode) .header-row, .device-mobile header.header:not(.search-mode) .wrapper {
    height: 100%
}

.device-mobile header.header:not(.search-mode) .search-widget {
    top: 0;
    left: 0
}

.device-mobile header.header:not(.search-mode) .search-widget:not(.active) {
    opacity: 0;
    visibility: hidden
}

.device-mobile header.header:not(.search-mode) .search-widget, .device-mobile header.header:not(.search-mode) .search-widget .input-text {
    height: 100%
}

.device-mobile header.header:not(.search-mode) .search-widget .search-suggestion {
    top: 40px
}

.device-mobile header.header:not(.search-mode) .search-widget ~ .search-overlay {
    top: 50px
}

.device-mobile header.header.search-active .search-widget {
    display: flex
}

.theme-light header.header {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .1) 1px 0 7px 0
}

.theme-dark header.header, header.header.theme-dark {
    background-color: #212226;
    box-shadow: rgba(0, 0, 0, .7) 1px 0 7px 0
}

.device-mobile.theme-light header.header .search-widget .input-box {
    box-shadow: none;
    background-color: #fff
}

.device-mobile.theme-light header.header .search-widget .input-text .input-box.input-box.input-box {
    border-top-color: #f5f5f9
}

.device-mobile header.header.theme-dark .search-widget .input-box, .device-mobile.theme-dark header.header .search-widget .input-box {
    box-shadow: none;
    border-color: #212226;
    background-color: #212226
}

.device-mobile header.header.theme-dark .search-widget .input-text .input-box.input-box.input-box, .device-mobile.theme-dark header.header .search-widget .input-text .input-box.input-box.input-box {
    border-top-color: #292a33
}

.device-desktop .sidebar .sidebar-toggle {
    height: 65px;
    padding: 0 1.5em
}

@media (max-width: 883px) {
    .device-desktop .sidebar .sidebar-toggle {
        height: 55px
    }
}

.device-desktop .sidebar .menu-wrapper .menu-item, .device-desktop .sidebar .menu-wrapper .menu-item-link > a {
    padding: .5em 2em
}

.device-desktop .sidebar .menu-wrapper.app .menu-item-link > a {
    padding-right: 1.7em
}

.device-mobile .sidebar .sidebar-toggle {
    height: 65px;
    padding: 0 1em
}

.device-mobile .sidebar .menu-wrapper .menu-item, .device-mobile .sidebar .menu-wrapper .menu-item-link > a {
    padding: .5em 1.5em
}

.device-mobile .sidebar .menu-wrapper.app .menu-item-link > a {
    padding-right: 1.3em
}

.sidebar {
    width: 0;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 5
}

.sidebar .sidebar-inner {
    position: relative;
    z-index: 1;
    width: 240px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.sidebar .menu-wrapper:not(:last-child):after {
    left: 2em
}

.sidebar .menu-wrapper.app .menu-item-link > a {
    height: auto
}

.sidebar .sidebar-toggle {
    display: flex;
    flex-direction: row;
    align-items: center
}

.sidebar .sidebar-toggle > div, .sidebar .sidebar-toggle > div > a {
    display: inline-flex
}

.sidebar .sidebar-toggle > div:not(:last-child) {
    margin-left: 1em
}

.sidebar .sidebar-toggle .logo .icon {
    width: 5em;
    height: 2em
}

.sidebar .sidebar-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(41, 42, 51, .75);
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

@media (min-width: 1138px) {
    .sidebar {
        top: 65px
    }

    .main:not([data-so]) .sidebar .sidebar-overlay, .main:not([data-so]) .sidebar .sidebar-toggle {
        display: none
    }
}

[data-so] .sidebar {
    top: 0;
    z-index: 20;
    width: 0
}

[data-so] .sidebar .sidebar-inner {
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

[data-so]:not([data-sidebar]) .sidebar {
    top: 0
}

[data-so]:not([data-sidebar]) .sidebar .sidebar-inner {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

[data-so]:not([data-sidebar]) .sidebar-overlay {
    visibility: visible;
    opacity: 1
}

@media (max-width: 1137px) {
    .main:not([data-so]) .sidebar {
        top: 0;
        z-index: 20;
        width: 0
    }

    .main:not([data-so]) .sidebar .sidebar-inner {
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }
}

@media (min-width: 1138px) {
    .main:not([data-so])[data-sidebar] .sidebar .sidebar-inner {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media (max-width: 1137px) {
    .main:not([data-so]):not([data-sidebar]) .sidebar .sidebar-inner {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .main:not([data-so]):not([data-sidebar]) .sidebar-overlay {
        visibility: visible;
        opacity: 1
    }
}

.theme-light .sidebar .menu-wrapper, .theme-light .sidebar .sidebar-inner {
    background-color: #fbfbfc
}

.theme-dark .sidebar .sidebar-inner {
    background-color: #212226
}

.theme-dark .sidebar .menu-wrapper {
    background-color: transparent
}

.trend-menu {
    padding: .5em 2em
}

.trend-menu .wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0
}

.trend-menu .label, .trend-menu .trend {
    display: inline-flex;
    flex-shrink: 0;
    margin: .1em 0 .1em 1em
}

.trend-menu .label {
    font-size: .9em;
    font-weight: 400
}

.trend-menu .trend {
    font-size: .85em;
    font-weight: 300;
    line-height: 1.8;
    padding: 0 .5em;
    border-radius: 3px
}

.trend-menu .trend:hover {
    opacity: .9
}

@media (max-width: 669px) {
    .trend-menu {
        padding: .5em 1em
    }

    .trend-menu .wrapper {
        font-size: .8em
    }
}

.device-mobile .trend-menu.collapse-2 .trend:nth-of-type(-n+2) {
    max-width: 38.5%
}

.device-mobile .trend-menu.collapse-3 .trend:nth-of-type(-n+2) {
    max-width: 28.5%
}

.device-mobile .trend-menu.collapse-3 .trend:nth-of-type(3n) {
    width: 20%
}

.device-mobile .trend-menu .trend {
    margin-left: 1%
}

.device-mobile .trend-menu .trend:last-child {
    margin: 0
}

.device-mobile .trend-menu .trend:only-of-type {
    max-width: 78%;
    margin: 0
}

.device-mobile .trend-menu .trend > span {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

:not(.theme-dark) .trend-menu, :not(.theme-dark).trend-menu {
    background-color: #f5f5f9
}

:not(.theme-dark) .trend-menu .label, :not(.theme-dark).trend-menu .label {
    color: #292a33
}

:not(.theme-dark) .trend-menu .trend, :not(.theme-dark).trend-menu .trend {
    color: #fff;
    background-color: #e64a19
}

:not(.theme-dark) .trend-menu.black, :not(.theme-dark).trend-menu.black {
    background-color: #000 !important
}

:not(.theme-dark) .trend-menu.black .label, :not(.theme-dark).trend-menu.black .label {
    color: #b7b7b7 !important
}

:not(.theme-dark) .trend-menu.black .trend, :not(.theme-dark).trend-menu.black .trend {
    background-color: #000 !important;
    border: 1px solid #b7b7b7 !important
}

.theme-dark .trend-menu, .theme-dark.trend-menu {
    background-color: #292a33
}

.theme-dark .trend-menu .label, .theme-dark.trend-menu .label {
    color: #fbfbfc
}

.theme-dark .trend-menu .trend, .theme-dark.trend-menu .trend {
    color: #484b62;
    background-color: #e6e7ef
}

html[lang=fa] .button {
    font-family: IRANSans, "Open Sans", sans-serif
}

html[lang=en] .button {
    font-family: "Open Sans", IRANSans, sans-serif
}

.button.button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    font-size: .9em;
    line-height: 2.6em;
    white-space: nowrap;
    padding: 0 1em;
    outline: 0;
    border: none;
    border-radius: 50px;
    background: 0 0;
    cursor: pointer;
    overflow: hidden
}

.button.button:active, .button.button:focus {
    outline: 0
}

.button.button > .icon {
    font-size: 1.2em
}

.button.button > .icon.xsmall {
    font-size: .8em
}

.button.button > .icon.small {
    font-size: 1em
}

.button.button > .icon.large {
    font-size: 1.4em
}

.button.button.button-double {
    padding: 0
}

.button.button.button-double > .text {
    position: relative;
    padding: 0 1em
}

.button.button.button-double > .text:last-child:before {
    content: '';
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    background: rgba(0, 0, 0, .2)
}

.button.button-xsmall {
    font-size: .6em
}

.button.button-small {
    font-size: .8em
}

.button.button-medium {
    font-size: .9em
}

.button.button-large {
    font-size: 1.2em
}

.button.button-xlarge {
    font-size: 1.4em
}

.button > .icon {
    fill: #fff
}

.button > .icon:first-child {
    margin-left: .25em
}

.button > .icon:last-child {
    margin-right: .25em
}

.button > .icon:only-child {
    margin: 0
}

.button.button-circular {
    padding: 0;
    width: 2em;
    height: 2em
}

.button.button-text.button-text.button-text {
    padding: 0;
    font-weight: 400
}

.button.button-disabled {
    cursor: not-allowed;
    opacity: .5;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.button-theme:not(.button-hollow):not(.button-text), .button:not(.button-hollow):not(.button-text) {
    color: #fff;
    background-color: #e64a19
}

.button-theme:not(.button-hollow):not(.button-text) .icon, .button:not(.button-hollow):not(.button-text) .icon {
    fill: #fff
}

.button-theme.button-hollow, .button-theme.button-text, .button.button-hollow, .button.button-text {
    color: #e64a19
}

.button-theme.button-hollow .icon, .button-theme.button-text .icon, .button.button-hollow .icon, .button.button-text .icon {
    fill: #e64a19
}

.button-theme.button-bordered, .button.button-bordered {
    border: 1px solid #e64a19
}

.button-gray:not(.button-hollow):not(.button-text) {
    color: #fff
}

.button-gray:not(.button-hollow):not(.button-text) .icon {
    fill: #fff
}

.button-gray.button-hollow, .button-gray.button-text {
    color: #6f7285
}

.button-gray.button-hollow .icon, .button-gray.button-text .icon {
    fill: #6f7285
}

.button-gray.button-bordered {
    border: 1px solid #6f7285
}

.button-info:not(.button-hollow):not(.button-text) {
    color: #fff;
    background-color: #05a3e8
}

.button-info:not(.button-hollow):not(.button-text) .icon {
    fill: #fff
}

.button-info.button-hollow, .button-info.button-text {
    color: #05a3e8
}

.button-info.button-hollow .icon, .button-info.button-text .icon {
    fill: #05a3e8
}

.button-info.button-bordered {
    border: 1px solid #05a3e8
}

.button-successful:not(.button-hollow):not(.button-text) {
    color: #fff;
    background-color: #00b96c
}

.button-successful:not(.button-hollow):not(.button-text) .icon {
    fill: #fff
}

.button-successful.button-hollow, .button-successful.button-text {
    color: #00b96c
}

.button-successful.button-hollow .icon, .button-successful.button-text .icon {
    fill: #00b96c
}

.button-successful.button-bordered {
    border: 1px solid #00b96c
}

.button-tab {
    font-weight: 300
}

.button-small.button-circular {
    font-size: 1em
}

.button-medium.button-circular {
    font-size: 1.2em
}

.button-large.button-circular {
    font-size: 1.4em
}

.button-xlarge.button-circular {
    font-size: 1.6em
}

.button-gray:active, .button-gray:focus, .button-gray:hover, .button-info:active, .button-info:focus, .button-info:hover, .button-successful:active, .button-successful:focus, .button-successful:hover, .button-theme:active, .button-theme:focus, .button-theme:hover, .button:active, .button:focus, .button:hover {
    opacity: .7
}

.theme-light .button-gray:not(.button-hollow):not(.button-text) {
    background-color: #6f7285
}

.theme-light .button-gray.button-hollow, .theme-light .button-gray.button-text {
    color: #6f7285
}

.theme-light .button-gray.button-hollow .icon, .theme-light .button-gray.button-text .icon {
    fill: #6f7285
}

.theme-light .button-white.button-white:not(.button-text):not(.button-hollow) {
    color: #6f7285;
    background-color: #fff;
    border: 1px solid #e6e7ef
}

.theme-light .button-white.button-white:not(.button-text):not(.button-hollow) .icon {
    fill: #6f7285
}

.theme-light .button-white.button-white.button-hollow {
    color: #fbfbfc;
    background-color: transparent;
    border: 1px solid #fbfbfc
}

.theme-light .button-white.button-white.button-hollow .icon {
    fill: #fbfbfc
}

.theme-light .button-tab:not(.button-hollow):not(.button-text) {
    color: #292a33;
    background-color: #d3d6e0
}

.theme-light .button-tab:not(.button-hollow):not(.button-text) .icon {
    fill: #292a33
}

.theme-light .button-tab.button-hollow, .theme-light .button-tab.button-text {
    color: #292a33
}

.theme-light .button-tab.button-hollow .icon, .theme-light .button-tab.button-text .icon {
    fill: #292a33
}

.theme-light .button:active.button-hollow, .theme-light .button:focus.button-hollow, .theme-light .button:hover.button-hollow {
    background-color: #f5f5f9
}

.theme-light .button-white.button-white:not(.button-hollow):active, .theme-light .button-white.button-white:not(.button-hollow):focus, .theme-light .button-white.button-white:not(.button-hollow):hover {
    background-color: #fbfbfc
}

.theme-light .button-white.button-white.button-hollow:active, .theme-light .button-white.button-white.button-hollow:focus, .theme-light .button-white.button-white.button-hollow:hover {
    background-color: transparent
}

.theme-light .active > .button-tab:not(.button-hollow):not(.button-text), .theme-light .button-tab.active:not(.button-hollow):not(.button-text), .theme-light .button-tab:active:not(.button-hollow):not(.button-text), .theme-light .button-tab:focus:not(.button-hollow):not(.button-text) {
    opacity: 1;
    color: #f5f5f9;
    background-color: #484b62
}

.theme-light .active > .button-tab:not(.button-hollow):not(.button-text) .icon, .theme-light .button-tab.active:not(.button-hollow):not(.button-text) .icon, .theme-light .button-tab:active:not(.button-hollow):not(.button-text) .icon, .theme-light .button-tab:focus:not(.button-hollow):not(.button-text) .icon {
    fill: #f5f5f9
}

.theme-dark .button-gray:not(.button-hollow):not(.button-text) {
    background-color: #484b62
}

.theme-dark .button-gray.button-hollow, .theme-dark .button-gray.button-text {
    color: #d3d6e0
}

.theme-dark .button-gray.button-hollow .icon, .theme-dark .button-gray.button-text .icon {
    fill: #d3d6e0
}

.theme-dark .button-white.button-white:not(.button-text) {
    color: #e6e7ef;
    background-color: #292a33;
    border: 1px solid #484b62
}

.theme-dark .button-white.button-white:not(.button-text) .icon {
    fill: #e6e7ef
}

.theme-dark .button-tab:not(.button-hollow):not(.button-text) {
    color: #d3d6e0;
    background-color: #292a33
}

.theme-dark .button-tab:not(.button-hollow):not(.button-text) .icon {
    fill: #6f7285
}

.theme-dark .button-tab.button-hollow, .theme-dark .button-tab.button-text {
    color: #d3d6e0
}

.theme-dark .button-tab.button-hollow .icon, .theme-dark .button-tab.button-text .icon {
    fill: #6f7285
}

.theme-dark .button:active.button-hollow, .theme-dark .button:focus.button-hollow, .theme-dark .button:hover.button-hollow {
    background-color: #292a33
}

.theme-dark .button-white.button-white:active, .theme-dark .button-white.button-white:focus, .theme-dark .button-white.button-white:hover {
    opacity: .7
}

.theme-dark .active > .button-tab:not(.button-hollow):not(.button-text), .theme-dark .button-tab.active:not(.button-hollow):not(.button-text), .theme-dark .button-tab:active:not(.button-hollow):not(.button-text), .theme-dark .button-tab:focus:not(.button-hollow):not(.button-text) {
    opacity: 1;
    color: #292a33;
    background-color: #fbfbfc
}

.theme-dark .active > .button-tab:not(.button-hollow):not(.button-text) .icon, .theme-dark .button-tab.active:not(.button-hollow):not(.button-text) .icon, .theme-dark .button-tab:active:not(.button-hollow):not(.button-text) .icon, .theme-dark .button-tab:focus:not(.button-hollow):not(.button-text) .icon {
    fill: #6f7285
}

.icon {
    width: 1em;
    height: 1em
}

.icon.icon-theme.icon-theme {
    fill: #e64a19
}

.icon.icon-green.icon-green {
    fill: #00b96c
}

.icon.icon-blue.icon-blue {
    fill: #05a3e8
}

.icon.icon-red.icon-red {
    fill: #ff4242
}

.icon.icon-gray-40.icon-gray-40 {
    fill: #d3d6e0
}

.icon.icon-gray.icon-gray {
    fill: #6f7285
}

.icon-small {
    font-size: 1em
}

.icon-medium {
    font-size: 1.2em
}

.icon-large {
    font-size: 1.5em
}

.badge-gray, .badge-info, .badge-success, .badge-theme {
    border: 1px solid
}

.badge-gray, .badge-info, .badge-success, .badge-theme {
    font-weight: 400
}

.badge-gray, .badge-gray-filled, .badge-info, .badge-info-filled, .badge-success, .badge-success-filled, .badge-theme, .badge-theme-filled {
    display: inline-block;
    font-size: .85em;
    font-weight: 300;
    line-height: 1.5;
    border-radius: 3px;
    padding: 0 .5em;
    vertical-align: middle
}

.badge-gray-filled:first-child, .badge-gray:first-child, .badge-info-filled:first-child, .badge-info:first-child, .badge-success-filled:first-child, .badge-success:first-child, .badge-theme-filled:first-child, .badge-theme:first-child {
    margin-left: .25em
}

.badge-gray-filled:last-child, .badge-gray:last-child, .badge-info-filled:last-child, .badge-info:last-child, .badge-success-filled:last-child, .badge-success:last-child, .badge-theme-filled:last-child, .badge-theme:last-child {
    margin-right: .25em
}

.badge-theme:not(.badge-theme-filled) {
    color: #e64a19
}

.badge-theme-filled {
    color: #fff;
    background-color: #e64a19
}

.badge-gray:not(.badge-gray-filled) {
    color: #6f7285
}

.badge-gray-filled {
    color: #fff;
    background-color: #6f7285
}

.badge-info:not(.badge-info-filled) {
    color: #05a3e8
}

.badge-info-filled {
    color: #fff;
    background-color: #05a3e8
}

.badge-success:not(.badge-success-filled) {
    color: #00b96c
}

.badge-success-filled {
    color: #fff;
    background-color: #00b96c
}

.badge-lily {
    font-size: .8em;
    line-height: 1.8;
    padding: 0 .5em;
    border-radius: 3px;
    color: #05a3e8;
    background-color: #e9f8ff
}

.badge-blink {
    -webkit-animation: badgeBlink 2.5s ease-in-out infinite;
    animation: badgeBlink 2.5s ease-in-out infinite
}

@-webkit-keyframes badgeBlink {
    0% {
        opacity: .3
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: .3
    }
}

@keyframes badgeBlink {
    0% {
        opacity: .3
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: .3
    }
}

.badge-360, .badge-hd {
    font-size: 1em;
    padding: 0 .3em;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .7)
}

.badge-360 svg, .badge-hd svg {
    fill: #fff
}

.thumb-badge-story {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    font-size: 1em;
    width: 2em;
    height: 2em;
    border-radius: 2px;
    background-color: #e64a19
}

.thumb-badge-story .icon {
    fill: #fff;
    font-size: 1.8em;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.priority-app, .priority-brand, .priority-producer, .priority-streamer {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
    line-height: 0
}

.priority-app .icon, .priority-brand .icon, .priority-producer .icon, .priority-streamer .icon {
    border-radius: 25px
}

.priority-brand .icon {
    font-size: 12px;
    padding: 1px;
    fill: #fff;
    background-color: #00b96c
}

.priority-app .icon {
    font-size: 12px;
    padding: 1px;
    fill: #fff
}

.priority-producer .icon {
    font-size: 15px;
    fill: #e64a19
}

.priority-streamer .icon {
    font-size: 15px
}

.theme-light .priority-app .icon {
    background-color: #d3d6e0
}

.theme-light .priority-streamer .icon {
    fill: #6f7285
}

.theme-dark .priority-app .icon {
    background-color: #6f7285
}

.theme-dark .priority-streamer .icon {
    fill: #e64a19
}

.avatar {
    display: flex;
    align-items: center
}

.avatar .details, .avatar .picture {
    display: inline-flex
}

.avatar .picture {
    position: relative;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid
}

.avatar .picture > img {
    display: block;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    font-size: 0
}

.avatar .picture > .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.8em;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.avatar .picture, .avatar .picture.small {
    width: 35px;
    height: 35px;
    font-size: 1em
}

.avatar .picture.medium {
    width: 45px;
    height: 45px;
    font-size: 1.2em
}

.avatar .picture.large {
    width: 55px;
    height: 55px;
    font-size: 1.4em
}

.avatar .avatar-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.avatar .details {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-right: 1em
}

.avatar .details .icon.icon:not(.icon-priority) {
    font-size: 1.4em;
    fill: #6f7285;
    vertical-align: middle
}

.avatar .details .icon.icon:not(.icon-priority):first-child {
    margin-left: .25em
}

.avatar .details .caption, .avatar .details .title {
    display: inline-flex;
    word-break: break-word
}

.avatar .details .title {
    align-items: center
}

.avatar .details .title:not(h1) {
    font-size: .9em;
    font-weight: 400;
    line-height: 1.6
}

.avatar .details .title.b-link .icon.icon.icon {
    font-size: 1em;
    fill: #05a3e8
}

.avatar .details .title a {
    font-size: 1em
}

.avatar .details .caption {
    width: 100%;
    font-size: .8em;
    font-weight: 300;
    margin-top: .5em
}

.avatar .details .caption a {
    color: inherit
}

.theme-light .avatar .picture {
    background-size: cover
}

.theme-light .avatar .picture, .theme-light .avatar .picture.light {
    border-color: #fbfbfc;
    background: #f5f5f9 no-repeat center
}

.theme-light .avatar .picture .icon, .theme-light .avatar .picture.light .icon {
    fill: #484b62
}

.theme-light .avatar .picture.dark {
    border-color: #292a33;
    background: #484b62 no-repeat center
}

.theme-light .avatar .picture.dark .icon {
    fill: #f5f5f9
}

.theme-light .avatar .details .icon.icon:not(.icon-priority) {
    fill: #6f7285
}

.theme-light .avatar .details .title:not(.b-link), .theme-light .avatar .details .title:not(.b-link) a {
    color: #484b62
}

.theme-light .avatar .details .title:not(.b-link) .icon:not(.icon-priority) {
    fill: #484b62
}

.theme-light .avatar .details .caption {
    color: #6f7285
}

.theme-light .avatar .details a.caption:active, .theme-light .avatar .details a.caption:focus, .theme-light .avatar .details a.caption:hover {
    color: #e64a19
}

.theme-light .avatar .details a.caption:active .icon, .theme-light .avatar .details a.caption:focus .icon, .theme-light .avatar .details a.caption:hover .icon {
    fill: #e64a19
}

.theme-dark .avatar .picture {
    border-color: #292a33;
    background: #292a33 no-repeat center;
    background-size: cover
}

.theme-dark .avatar .picture .icon {
    fill: #d3d6e0
}

.theme-dark .avatar .details .icon.icon:not(.icon-priority) {
    fill: #6f7285
}

.theme-dark .avatar .details .title:not(.b-link), .theme-dark .avatar .details .title:not(.b-link) a {
    color: #f5f5f9
}

.theme-dark .avatar .details .title:not(.b-link) .icon {
    fill: #f5f5f9
}

.theme-dark .avatar .details .caption {
    color: #9da1b1
}

.theme-dark .avatar .details a.caption:active, .theme-dark .avatar .details a.caption:focus, .theme-dark .avatar .details a.caption:hover {
    color: #e64a19
}

.theme-dark .avatar .details a.caption:active .icon, .theme-dark .avatar .details a.caption:focus .icon, .theme-dark .avatar .details a.caption:hover .icon {
    fill: #e64a19
}

.menu-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: .75em 0
}

.menu-wrapper:not(.footer):not(:last-child):after {
    content: '';
    position: absolute;
    left: 1em;
    right: 1em;
    bottom: 0;
    border-bottom: 2px solid
}

.menu-wrapper .menu-title {
    font-size: 1em;
    margin: 0;
    padding: .5em 2em .5em 2.5em
}

.menu-wrapper .avatar {
    margin-left: .8em
}

.menu-wrapper .avatar .picture {
    width: 25px;
    height: 25px
}

.menu-wrapper .menu-item, .menu-wrapper .menu-item-link {
    position: relative
}

.menu-wrapper .menu-item, .menu-wrapper .menu-item-link > a {
    display: inline-flex;
    height: 3em;
    flex-grow: 0;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: .5em 1em
}

.menu-wrapper .menu-item-link > a > .icon, .menu-wrapper .menu-item > .icon {
    width: 1.44em;
    height: 1.44em
}

.menu-wrapper .menu-item-link > a > .icon:first-child, .menu-wrapper .menu-item > .icon:first-child {
    margin-left: 1em
}

.menu-wrapper .menu-item-link > a > .icon:last-child, .menu-wrapper .menu-item > .icon:last-child {
    margin-right: 1em
}

.menu-wrapper .menu-item-link > a > .icon.icon-iphone, .menu-wrapper .menu-item > .icon.icon-iphone {
    width: 2em;
    height: 2em;
    margin-left: .5em
}

.menu-wrapper .menu-item .content, .menu-wrapper .menu-item-link > a .content {
    max-width: 80%;
    font-size: .93em;
    font-weight: 300;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.menu-wrapper .menu-item .content .caption, .menu-wrapper .menu-item-link > a .content .caption {
    display: block;
    font-size: .75em;
    font-weight: 300;
    margin-top: .75em
}

.menu-wrapper .menu-item .content .unread, .menu-wrapper .menu-item-link > a .content .unread {
    display: inline-block;
    vertical-align: middle;
    font-size: .9em;
    font-weight: 300;
    color: #fff;
    padding: .25em .5em;
    margin-right: .5em;
    border-radius: 3px;
    background: #05a3e8
}

.menu-wrapper .menu-item-link {
    display: inline-flex;
    width: 100%
}

.menu-wrapper .menu-item-link.menu-show-more .content {
    font-size: .9em
}

.menu-wrapper .menu-item-link > a, .menu-wrapper .menu-item-link > a .icon {
    transition: all .3s ease-in-out
}

.menu-wrapper .menu-list, .menu-wrapper .menu-list-pages, .menu-wrapper .menu-list-social {
    display: flex;
    align-content: center;
    align-items: flex-start;
    font-size: 1em;
    width: 100%
}

.menu-wrapper .menu-list {
    flex-direction: column;
    justify-content: flex-start
}

.menu-wrapper .menu-list-pages {
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

.menu-wrapper .menu-list-pages:after {
    content: '';
    position: absolute;
    top: 15%;
    right: 45%;
    height: 70%;
    margin-right: -2px;
    border-left: 2px solid
}

.menu-wrapper .menu-list-pages .menu-item-link:nth-child(odd) {
    width: 45%;
    margin-left: -1px
}

.menu-wrapper .menu-list-pages .menu-item-link:nth-child(odd) > a {
    padding: 1em 2em 1em 1em
}

.menu-wrapper .menu-list-pages .menu-item-link:nth-child(even) {
    width: 55%;
    margin-right: -1px
}

.menu-wrapper .menu-list-pages .menu-item-link:nth-child(even) > a {
    padding: 1em 1em 1em 2em
}

.menu-wrapper .menu-list-pages .menu-item-link .content, .menu-wrapper .menu-list-pages .menu-item-link > a .content {
    max-width: 100%
}

.menu-wrapper .menu-list-social {
    flex-direction: row;
    justify-content: center;
    padding-left: 18px
}

.menu-wrapper .menu-list-social .menu-item-link {
    width: auto
}

.menu-wrapper .menu-list-social .menu-item-link.menu-item-link.menu-item-link > a, .menu-wrapper .menu-list-social .menu-item.menu-item.menu-item {
    height: auto;
    padding: 0;
    margin: 0 .75em
}

.menu-wrapper .menu-list-social .menu-item-link.menu-item-link.menu-item-link > a:hover, .menu-wrapper .menu-list-social .menu-item.menu-item.menu-item:hover {
    background-color: transparent
}

.menu-wrapper .menu-list-social .menu-item-link.menu-item-link.menu-item-link > a .icon, .menu-wrapper .menu-list-social .menu-item.menu-item.menu-item .icon {
    margin: 0;
    width: 1.5em;
    height: 1.5em
}

.menu-wrapper .menu-item-notify {
    width: 100%;
    padding: .5em 2em
}

.menu-wrapper .menu-item-notify .content {
    font-size: .8em;
    font-weight: 300;
    line-height: 2
}

.menu-wrapper .menu-item-notify .notif-link {
    display: flex;
    align-items: center;
    color: #05a3e8
}

.menu-wrapper .live-counts {
    position: absolute;
    top: 50%;
    left: 2.5em;
    font-size: .9em;
    font-weight: 300;
    padding: 0 .5em;
    border-radius: 3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.menu-wrapper .live-sign {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: .5em;
    border-radius: 50%;
    background: #e64a19
}

.menu-wrapper.menu-less .menu-show-more .icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.menu-wrapper.menu-more [class^=menu-item]:not(.menu-show-more) {
    display: none
}

.menu-wrapper.menu-more [class^=menu-item]:nth-child(-n+4) {
    display: inline-flex
}

.theme-light .menu-wrapper {
    background-color: #fff
}

.theme-light .menu-wrapper:not(.footer):not(:last-child):after {
    border-bottom-color: #f5f5f9
}

.theme-light .menu-wrapper .menu-title {
    font-weight: 400;
    color: #e64a19
}

.theme-light .menu-wrapper.footer .menu-title {
    color: #484b62
}

.theme-light .menu-wrapper .menu-item-link > a > .icon, .theme-light .menu-wrapper .menu-item > .icon {
    fill: #6f7285
}

.theme-light .menu-wrapper .menu-item .content, .theme-light .menu-wrapper .menu-item-link > a .content {
    color: #484b62
}

.theme-light .menu-wrapper .menu-item .content .caption, .theme-light .menu-wrapper .menu-item-link > a .content .caption {
    color: #6f7285
}

.theme-light .menu-wrapper .menu-item-link.menu-show-more .content {
    color: #6f7285
}

.theme-light .menu-wrapper .menu-item-link.active, .theme-light .menu-wrapper .menu-item-link > a:active, .theme-light .menu-wrapper .menu-item-link > a:focus, .theme-light .menu-wrapper .menu-item-link > a:hover {
    background-color: #f5f5f9
}

.theme-light .menu-wrapper .menu-item-link.active .icon {
    fill: #e64a19
}

.theme-light .menu-wrapper .menu-list-pages:after {
    border-left-color: #f5f5f9
}

.theme-light .menu-wrapper .menu-list-pages .menu-item-link .content, .theme-light .menu-wrapper .menu-list-pages .menu-item-link > a .content {
    color: #6f7285
}

.theme-light .menu-wrapper .menu-list-social .menu-item-link.menu-item-link.menu-item-link > a:hover .icon, .theme-light .menu-wrapper .menu-list-social .menu-item.menu-item.menu-item:hover .icon {
    fill: #e64a19
}

.theme-light .menu-wrapper .menu-list-social .menu-item-link.menu-item-link.menu-item-link > a .icon, .theme-light .menu-wrapper .menu-list-social .menu-item.menu-item.menu-item .icon {
    fill: #6f7285
}

.theme-light .menu-wrapper .menu-item-notify .content {
    color: #6f7285
}

.theme-light .menu-wrapper .menu-item-notify .notif-link {
    color: #05a3e8
}

.theme-light .menu-wrapper .live-counts {
    color: #fff;
    background-color: #6f7285
}

.theme-dark .menu-wrapper {
    background-color: #212226
}

.theme-dark .menu-wrapper:not(.footer):not(:last-child):after {
    border-bottom-color: #292a33
}

.theme-dark .menu-wrapper .menu-title {
    font-weight: 300;
    color: #d3d6e0
}

.theme-dark .menu-wrapper.footer .menu-title {
    color: #f5f5f9
}

.theme-dark .menu-wrapper .menu-item-link > a > .icon, .theme-dark .menu-wrapper .menu-item > .icon {
    fill: #6f7285
}

.theme-dark .menu-wrapper .menu-item .content, .theme-dark .menu-wrapper .menu-item-link > a .content {
    color: #d3d6e0
}

.theme-dark .menu-wrapper .menu-item .content .caption, .theme-dark .menu-wrapper .menu-item-link > a .content .caption {
    color: #6f7285
}

.theme-dark .menu-wrapper .menu-item-link.menu-show-more .content {
    color: #6f7285
}

.theme-dark .menu-wrapper .menu-item-link.active, .theme-dark .menu-wrapper .menu-item-link > a:active, .theme-dark .menu-wrapper .menu-item-link > a:focus, .theme-dark .menu-wrapper .menu-item-link > a:hover {
    background-color: #292a33
}

.theme-dark .menu-wrapper .menu-item-link.active .icon {
    fill: #f5f5f9
}

.theme-dark .menu-wrapper .menu-list-pages:after {
    border-left-color: #292a33
}

.theme-dark .menu-wrapper .menu-list-pages .menu-item-link .content, .theme-dark .menu-wrapper .menu-list-pages .menu-item-link > a .content {
    color: #d3d6e0
}

.theme-dark .menu-wrapper .menu-list-social .menu-item-link.menu-item-link.menu-item-link > a:hover .icon, .theme-dark .menu-wrapper .menu-list-social .menu-item.menu-item.menu-item:hover .icon {
    fill: #e64a19
}

.theme-dark .menu-wrapper .menu-item-notify .content {
    color: #d3d6e0
}

.theme-dark .menu-wrapper .menu-item-notify .notif-link {
    color: #05a3e8
}

.theme-dark .menu-wrapper .live-counts {
    color: #d3d6e0;
    background-color: #484b62
}

.input.ltr.ltr.ltr {
    direction: ltr
}

.input.ltr.ltr.ltr:not(.fa) {
    font-family: "Open Sans", IRANSans, sans-serif
}

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

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

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

.input.placeholder-right::placeholder {
    direction: rtl
}

.input.placeholder-left::-webkit-input-placeholder {
    direction: ltr
}

.input.placeholder-left:-ms-input-placeholder {
    direction: ltr
}

.input.placeholder-left::-ms-input-placeholder {
    direction: ltr
}

.input.placeholder-left::placeholder {
    direction: ltr
}

.en-input {
    text-align: left;
    font-family: Lato;
    direction: ltr
}

.en-input input {
    text-align: left
}

html[lang=en] .input-text .input, html[lang=en] .input-text .textarea, html[lang=en] .input-textarea .input, html[lang=en] .input-textarea .textarea {
    font-family: "Open Sans", IRANSans, sans-serif
}

html[lang=fa] .input-text .input, html[lang=fa] .input-text .textarea, html[lang=fa] .input-textarea .input, html[lang=fa] .input-textarea .textarea {
    font-family: IRANSans, "Open Sans", sans-serif
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none
}

input[type=text]::-ms-clear, input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

.input-text, .input-textarea {
    position: relative;
    font-size: 1em;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: flex-start
}

.input-text .icon, .input-textarea .icon {
    position: relative;
    z-index: 1;
    width: 2.2em;
    height: 1.2em
}

.input-text .icon:last-child, .input-textarea .icon:last-child {
    padding-left: 1em
}

.input-text .icon:first-child, .input-textarea .icon:first-child {
    padding-right: 1em
}

.input-text > .button.button, .input-textarea > .button.button {
    width: 3em;
    height: 100%
}

.input-text > .button.button:active, .input-text > .button.button:focus, .input-text > .button.button:hover, .input-textarea > .button.button:active, .input-textarea > .button.button:focus, .input-textarea > .button.button:hover {
    background: 0 0
}

.input-text > .button > .icon, .input-textarea > .button > .icon {
    padding: 0;
    margin: 0
}

.input-text .input-inner, .input-textarea .input-inner {
    width: 100%
}

.input-text .input, .input-text .textarea, .input-textarea .input, .input-textarea .textarea {
    position: relative;
    z-index: 1;
    width: 100%;
    font-size: .9em;
    font-weight: 300;
    line-height: 40px;
    padding: 0 1em;
    border: none;
    background: 0 0;
    outline: 0;
    -webkit-appearance: none
}

.input-text .input::-webkit-input-placeholder, .input-text .textarea::-webkit-input-placeholder, .input-textarea .input::-webkit-input-placeholder, .input-textarea .textarea::-webkit-input-placeholder {
    font-size: .85em
}

.input-text .input:-ms-input-placeholder, .input-text .textarea:-ms-input-placeholder, .input-textarea .input:-ms-input-placeholder, .input-textarea .textarea:-ms-input-placeholder {
    font-size: .85em
}

.input-text .input::-ms-input-placeholder, .input-text .textarea::-ms-input-placeholder, .input-textarea .input::-ms-input-placeholder, .input-textarea .textarea::-ms-input-placeholder {
    font-size: .85em
}

.input-text .input::placeholder, .input-text .textarea::placeholder, .input-textarea .input::placeholder, .input-textarea .textarea::placeholder {
    font-size: .85em
}

.input-text span.input, .input-textarea span.input {
    display: inline-block
}

.input-text .input-box, .input-textarea .input-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    border: 1px solid;
    cursor: text
}

.input-text .input-box.input-round, .input-textarea .input-box.input-round {
    border-radius: 25px
}

.input-text .input-box:not(.input-round), .input-textarea .input-box:not(.input-round) {
    border-radius: 5px
}

.input-text .actions .icon, .input-textarea .actions .icon {
    padding: .15em
}

.input-text .input.invalid ~ .input-box, .input-text.invalid .input-box, .input-textarea .input.invalid ~ .input-box, .input-textarea.invalid .input-box {
    border: 1px solid #e64a19
}

.input-text.white-input input, .input-textarea.white-input input {
    border-radius: 3px;
    border: solid 1px #d3d6e0;
    background-color: #fff
}

.input-text.white-input input:focus, .input-text.white-input input:hover, .input-textarea.white-input input:focus, .input-textarea.white-input input:hover {
    box-shadow: none
}

.input-text.white-input input:not(readonly):hover ~ .input-box, .input-textarea.white-input input:not(readonly):hover ~ .input-box {
    box-shadow: none !important
}

.input-text.white-input input:focus, .input-textarea.white-input input:focus {
    border-color: #484b62
}

.input-text .pass {
    font-size: 10px
}

.input-text .input-domain {
    position: relative;
    display: block;
    direction: ltr;
    float: left;
    font-size: .95em;
    line-height: 39px;
    color: #6f7285;
    padding: 1px 0 0 1em;
    z-index: 1
}

.input-text .input-domain ~ .input {
    width: 40%;
    float: left;
    padding-left: .25em
}

.input-textarea .textarea {
    min-height: 100px;
    line-height: 2;
    padding: .5em 1em;
    resize: none
}

.input-textarea.white-input textarea {
    border-radius: 3px;
    border: solid 1px #d3d6e0;
    background-color: #fff
}

.input-textarea.white-input textarea:focus, .input-textarea.white-input textarea:hover {
    box-shadow: none
}

.input-textarea.white-input textarea:focus {
    border-color: #484b62
}

.theme-light .box-hover, .theme-light .input-text .input-box:hover, .theme-light .input-text .input:not([readonly]):active ~ .input-box, .theme-light .input-text .input:not([readonly]):focus ~ .input-box, .theme-light .input-text .input:not([readonly]):hover ~ .input-box, .theme-light .input-text .textarea:not([readonly]):active ~ .input-box, .theme-light .input-text .textarea:not([readonly]):focus ~ .input-box, .theme-light .input-text .textarea:not([readonly]):hover ~ .input-box, .theme-light .input-textarea .input-box:hover, .theme-light .input-textarea .input:not([readonly]):active ~ .input-box, .theme-light .input-textarea .input:not([readonly]):focus ~ .input-box, .theme-light .input-textarea .input:not([readonly]):hover ~ .input-box, .theme-light .input-textarea .textarea:not([readonly]):active ~ .input-box, .theme-light .input-textarea .textarea:not([readonly]):focus ~ .input-box, .theme-light .input-textarea .textarea:not([readonly]):hover ~ .input-box {
    border-color: #6f7285;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1)
}

.theme-light .input-text .icon, .theme-light .input-textarea .icon {
    fill: #6f7285
}

.theme-light .input-text .input, .theme-light .input-text .textarea, .theme-light .input-textarea .input, .theme-light .input-textarea .textarea {
    color: #484b62
}

.theme-light .input-text .input::-webkit-input-placeholder, .theme-light .input-text .input[readonly], .theme-light .input-text .textarea::-webkit-input-placeholder, .theme-light .input-text .textarea[readonly], .theme-light .input-textarea .input::-webkit-input-placeholder, .theme-light .input-textarea .input[readonly], .theme-light .input-textarea .textarea::-webkit-input-placeholder, .theme-light .input-textarea .textarea[readonly] {
    color: #6f7285
}

.theme-light .input-text .input:-ms-input-placeholder, .theme-light .input-text .input[readonly], .theme-light .input-text .textarea:-ms-input-placeholder, .theme-light .input-text .textarea[readonly], .theme-light .input-textarea .input:-ms-input-placeholder, .theme-light .input-textarea .input[readonly], .theme-light .input-textarea .textarea:-ms-input-placeholder, .theme-light .input-textarea .textarea[readonly] {
    color: #6f7285
}

.theme-light .input-text .input::-ms-input-placeholder, .theme-light .input-text .input[readonly], .theme-light .input-text .textarea::-ms-input-placeholder, .theme-light .input-text .textarea[readonly], .theme-light .input-textarea .input::-ms-input-placeholder, .theme-light .input-textarea .input[readonly], .theme-light .input-textarea .textarea::-ms-input-placeholder, .theme-light .input-textarea .textarea[readonly] {
    color: #6f7285
}

.theme-light .input-text .input::placeholder, .theme-light .input-text .input[readonly], .theme-light .input-text .textarea::placeholder, .theme-light .input-text .textarea[readonly], .theme-light .input-textarea .input::placeholder, .theme-light .input-textarea .input[readonly], .theme-light .input-textarea .textarea::placeholder, .theme-light .input-textarea .textarea[readonly] {
    color: #6f7285
}

.theme-light .input-text .input-box, .theme-light .input-textarea .input-box {
    border-color: #d3d6e0;
    background-color: #fff
}

.theme-light .input-text .input-disabled ~ .input-box, .theme-light .input-textarea .input-disabled ~ .input-box {
    background-color: #f5f5f9
}

.theme-dark .input-text .icon, .theme-dark .input-textarea .icon {
    fill: #6f7285
}

.theme-dark .input-text .input, .theme-dark .input-text .textarea, .theme-dark .input-textarea .input, .theme-dark .input-textarea .textarea {
    color: #d3d6e0
}

.theme-dark .input-text .input::-webkit-input-placeholder, .theme-dark .input-text .input[disabled], .theme-dark .input-text .input[readonly], .theme-dark .input-text .textarea::-webkit-input-placeholder, .theme-dark .input-text .textarea[disabled], .theme-dark .input-text .textarea[readonly], .theme-dark .input-textarea .input::-webkit-input-placeholder, .theme-dark .input-textarea .input[disabled], .theme-dark .input-textarea .input[readonly], .theme-dark .input-textarea .textarea::-webkit-input-placeholder, .theme-dark .input-textarea .textarea[disabled], .theme-dark .input-textarea .textarea[readonly] {
    color: #9da1b1
}

.theme-dark .input-text .input:-ms-input-placeholder, .theme-dark .input-text .input[disabled], .theme-dark .input-text .input[readonly], .theme-dark .input-text .textarea:-ms-input-placeholder, .theme-dark .input-text .textarea[disabled], .theme-dark .input-text .textarea[readonly], .theme-dark .input-textarea .input:-ms-input-placeholder, .theme-dark .input-textarea .input[disabled], .theme-dark .input-textarea .input[readonly], .theme-dark .input-textarea .textarea:-ms-input-placeholder, .theme-dark .input-textarea .textarea[disabled], .theme-dark .input-textarea .textarea[readonly] {
    color: #9da1b1
}

.theme-dark .input-text .input::-ms-input-placeholder, .theme-dark .input-text .input[disabled], .theme-dark .input-text .input[readonly], .theme-dark .input-text .textarea::-ms-input-placeholder, .theme-dark .input-text .textarea[disabled], .theme-dark .input-text .textarea[readonly], .theme-dark .input-textarea .input::-ms-input-placeholder, .theme-dark .input-textarea .input[disabled], .theme-dark .input-textarea .input[readonly], .theme-dark .input-textarea .textarea::-ms-input-placeholder, .theme-dark .input-textarea .textarea[disabled], .theme-dark .input-textarea .textarea[readonly] {
    color: #9da1b1
}

.theme-dark .input-text .input::placeholder, .theme-dark .input-text .input[disabled], .theme-dark .input-text .input[readonly], .theme-dark .input-text .textarea::placeholder, .theme-dark .input-text .textarea[disabled], .theme-dark .input-text .textarea[readonly], .theme-dark .input-textarea .input::placeholder, .theme-dark .input-textarea .input[disabled], .theme-dark .input-textarea .input[readonly], .theme-dark .input-textarea .textarea::placeholder, .theme-dark .input-textarea .textarea[disabled], .theme-dark .input-textarea .textarea[readonly] {
    color: #9da1b1
}

.theme-dark .input-text .input:not([readonly]):active ~ .input-box, .theme-dark .input-text .input:not([readonly]):focus ~ .input-box, .theme-dark .input-text .input:not([readonly]):hover ~ .input-box, .theme-dark .input-text .textarea:not([readonly]):active ~ .input-box, .theme-dark .input-text .textarea:not([readonly]):focus ~ .input-box, .theme-dark .input-text .textarea:not([readonly]):hover ~ .input-box, .theme-dark .input-textarea .input:not([readonly]):active ~ .input-box, .theme-dark .input-textarea .input:not([readonly]):focus ~ .input-box, .theme-dark .input-textarea .input:not([readonly]):hover ~ .input-box, .theme-dark .input-textarea .textarea:not([readonly]):active ~ .input-box, .theme-dark .input-textarea .textarea:not([readonly]):focus ~ .input-box, .theme-dark .input-textarea .textarea:not([readonly]):hover ~ .input-box {
    border-color: transparent;
    box-shadow: 0 2px 7px 0 #292a33;
    background-color: #16171a
}

.theme-dark .input-text .input-box.input-box, .theme-dark .input-textarea .input-box.input-box {
    border-color: #292a33;
    background-color: #16171a
}

.theme-dark .input-text .input-disabled ~ .input-box.input-box, .theme-dark .input-textarea .input-disabled ~ .input-box.input-box {
    border-color: #292a33;
    background-color: #16171a
}

html[lang=en] .input-select select {
    font-family: "Open Sans", IRANSans, sans-serif
}

html[lang=fa] .input-select select {
    font-family: IRANSans, "Open Sans", sans-serif
}

.input-select {
    width: 100%
}

.input-select.no-search .ss-search {
    display: none
}

.input-select select {
    position: relative;
    z-index: 1;
    width: 100%;
    font-family: IRANSans, "Open Sans", sans-serif;
    font-size: .9em;
    height: 40px;
    outline: 0
}

.input-select select[data-above] ~ .ss-main .ss-content {
    -webkit-transform: scaleY(0) translateY(-100%);
    transform: scaleY(0) translateY(-100%);
    height: auto !important;
    margin: -39px 0 0 !important
}

.input-select select[data-above] ~ .ss-main .ss-open-above ~ .ss-content, .input-select select[data-above] ~ .ss-main .ss-open-below ~ .ss-content {
    -webkit-transform: scaleY(1) translateY(-100%);
    transform: scaleY(1) translateY(-100%)
}

.input-select select[data-above] ~ .ss-main .ss-open-below {
    border-radius: 0 0 5px 5px
}

.theme-light .input-select select {
    color: #484b62;
    border: 1px solid #e6e7ef;
    background-color: #fff
}

.theme-light .input-select select:active, .theme-light .input-select select:focus, .theme-light .input-select select:hover {
    background-color: #fff;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .1)
}

.theme-dark .input-select select {
    color: #d3d6e0;
    border: 1px solid #292a33;
    background-color: #16171a
}

.theme-dark .input-select select:active, .theme-dark .input-select select:focus, .theme-dark .input-select select:hover {
    background-color: #16171a;
    box-shadow: 0 2px 7px 0 #292a33
}

.input-checkbox, .input-radio, .input-switch {
    width: 100%;
    font-size: 1em;
    font-weight: 300
}

.input-checkbox:not(:last-child), .input-radio:not(:last-child), .input-switch:not(:last-child) {
    margin-bottom: .5em
}

.input-checkbox:not(.input-inline) .input-inner, .input-radio:not(.input-inline) .input-inner, .input-switch:not(.input-inline) .input-inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .25em 0
}

.input-checkbox.input-inline .input-inner, .input-radio.input-inline .input-inner, .input-switch.input-inline .input-inner {
    display: inline-block;
    vertical-align: middle;
    padding: .25em 0 .25em .75em
}

.input-checkbox .input-label, .input-radio .input-label, .input-switch .input-label {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding-right: 2em;
    font-size: 1em;
    color: #292a33;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.input-checkbox .input-inner, .input-radio .input-inner, .input-switch .input-inner {
    position: relative
}

.input-checkbox .input-inner .input, .input-radio .input-inner .input, .input-switch .input-inner .input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0
}

.input-checkbox .input-inner.rtl_switch .input-label, .input-radio .input-inner.rtl_switch .input-label, .input-switch .input-inner.rtl_switch .input-label {
    padding-right: 0
}

.input-checkbox .input-inner.rtl_switch .input-check, .input-radio .input-inner.rtl_switch .input-check, .input-switch .input-inner.rtl_switch .input-check {
    left: 0
}

.input-checkbox .input-check, .input-radio .input-check {
    position: absolute;
    width: 18px;
    height: 18px;
    text-align: center
}

.input-checkbox .input-check:after, .input-radio .input-check:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.input-checkbox .input ~ .input-check:after, .input-radio .input ~ .input-check:after {
    content: "";
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.input-radio .input-check {
    border-radius: 50%;
    border: 1px solid
}

.input-radio .input-check:after {
    border-radius: 50%;
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4OC44NzggNDg4Ljg3OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg4Ljg3OCA0ODguODc4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPGc+CgkJPHBvbHlnb24gcG9pbnRzPSIxNDMuMjk0LDM0MC4wNTggNTAuODM3LDI0Ny42MDIgMCwyOTguNDM5IDEyMi4wMDksNDIwLjQ0NyAxMjIuMTQ5LDQyMC4zMDYgICAgIDE0NC40MjMsNDQyLjU4IDQ4OC44NzgsOTguMTIzIDQzNy4wNTUsNDYuMjk4ICAgIiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat center;
    background-size: 10px
}

.input-radio .input:checked ~ .input-check:after {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.input-radio .input-check, .input-radio.radio-gray .input-check {
    border-color: #6f7285
}

.input-radio .input-check:after, .input-radio.radio-gray .input-check:after {
    background-color: #6f7285
}

.input-radio.radio-theme .input-check {
    border-color: #e64a19
}

.input-radio.radio-theme .input-check:after {
    background-color: #e64a19
}

.input-radio.radio-successful .input-check {
    border-color: #00b96c
}

.input-radio.radio-successful .input-check:after {
    background-color: #00b96c
}

.input-radio.radio-info .input-check {
    border-color: #05a3e8
}

.input-radio.radio-info .input-check:after {
    background-color: #05a3e8
}

.input-checkbox .input-check {
    border-radius: 3px;
    border: 1px solid;
    transition: background .2s ease
}

.input-checkbox .input-check:after {
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4OC44NzggNDg4Ljg3OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg4Ljg3OCA0ODguODc4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPGc+CgkJPHBvbHlnb24gcG9pbnRzPSIxNDMuMjk0LDM0MC4wNTggNTAuODM3LDI0Ny42MDIgMCwyOTguNDM5IDEyMi4wMDksNDIwLjQ0NyAxMjIuMTQ5LDQyMC4zMDYgICAgIDE0NC40MjMsNDQyLjU4IDQ4OC44NzgsOTguMTIzIDQzNy4wNTUsNDYuMjk4ICAgIiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat center;
    background-size: 14px
}

.input-checkbox .input:checked ~ .input-check:after {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.input-checkbox .input-check, .input-checkbox.checkbox-gray .input-check {
    border-color: #6f7285
}

.input-checkbox input:checked ~ .input-check, .input-checkbox.checkbox-gray input:checked ~ .input-check {
    background-color: #6f7285
}

.input-checkbox.checkbox-theme .input-check {
    border-color: #e64a19
}

.input-checkbox.checkbox-theme input:checked ~ .input-check {
    background-color: #e64a19
}

.input-checkbox.checkbox-successful .input-check {
    border-color: #00b96c
}

.input-checkbox.checkbox-successful input:checked ~ .input-check {
    background-color: #00b96c
}

.input-checkbox.checkbox-info .input-check {
    border-color: #05a3e8
}

.input-checkbox.checkbox-info input:checked ~ .input-check {
    background-color: #05a3e8
}

.input-switch .input-label {
    padding-right: 4em;
    z-index: 2
}

.input-switch .input-inner {
    min-width: 40px;
    min-height: 25px;
    padding: .5em .5em
}

.input-switch .input-check {
    position: absolute;
    z-index: 1;
    width: 34px;
    height: 14px;
    border-radius: 50px;
    background-color: #e6e7ef;
    transition: background-color .2s cubic-bezier(.68, .96, .67, 1.22)
}

.input-switch .input-check:after, .input-switch .input-check:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    transition: -webkit-transform .2s cubic-bezier(.68, .96, .67, 1.22);
    transition: transform .2s cubic-bezier(.68, .96, .67, 1.22);
    transition: transform .2s cubic-bezier(.68, .96, .67, 1.22), -webkit-transform .2s cubic-bezier(.68, .96, .67, 1.22)
}

.input-switch .input-check:after {
    background-color: #fbfbfc;
    -webkit-transform: translate(20px, -50%);
    transform: translate(20px, -50%);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 0 4px 1px rgba(0, 0, 0, .12)
}

.input-switch .input:checked ~ .input-check:after {
    -webkit-transform: translate(-5px, -50%);
    transform: translate(-5px, -50%)
}

.input-switch .input:disabled ~ .input-check {
    opacity: .7;
    cursor: not-allowed
}

.input-switch.switch-theme input:checked ~ .input-check:after {
    background-color: #e64a19
}

.input-switch.switch-successful input:checked ~ .input-check:after {
    background-color: #00b96c
}

.input-switch.switch-info input:checked ~ .input-check:after {
    background-color: #05a3e8
}

.input-switch.switch-gray input:checked ~ .input-check:after {
    background-color: #6f7285
}

.theme-light .input-checkbox .input-label, .theme-light .input-radio .input-label, .theme-light .input-switch .input-label {
    color: #292a33
}

.theme-light .input-switch .input-check {
    background-color: #e6e7ef
}

.theme-light .input-switch .input-check:after {
    background-color: #fbfbfc
}

.theme-dark .input-checkbox .input-label, .theme-dark .input-radio .input-label, .theme-dark .input-switch .input-label {
    color: #fbfbfc
}

.theme-dark .input-switch .input-check {
    background-color: #484b62
}

.theme-dark .input-switch .input-check:after {
    background-color: #9da1b1
}

.input-file {
    width: 100%
}

.input-file .input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0;
    outline: 0
}

.input-file .input-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.input-file .button.remove-cropped-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.input-file .icon-edit {
    font-size: 1.5em;
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity .2s ease
}

.input-file.input-default .input-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding: 0 .5em;
    height: 40px;
    border-radius: 5px;
    border: 1px solid
}

.input-file.input-default .select, .input-file.input-default .selected {
    color: #6f7285;
    cursor: pointer
}

.input-file.input-default .delete, .input-file.input-default .select {
    position: relative;
    font-family: IRANSans, "Open Sans", sans-serif;
    font-size: .7em;
    line-height: 2.2em;
    white-space: nowrap;
    padding: 0 1em;
    outline: 0;
    border-radius: 5px;
    transition: color .2s ease, background .2s ease, border .2s ease
}

.input-file.input-default .delete {
    float: right;
    color: #6f7285
}

.input-file.input-default .delete:hover {
    color: #fff;
    border-color: #e64a19;
    background-color: #e64a19
}

.input-file.input-default .selected {
    width: 100%;
    font-family: "Open Sans", IRANSans, sans-serif;
    font-size: .9em;
    padding-left: .75em;
    direction: ltr;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.input-file.input-default:hover .select {
    color: #fff;
    border-color: #05a3e8;
    background-color: #05a3e8
}

.input-file.input-cropper .input-box {
    min-height: 120px;
    padding: 1em;
    border-radius: 5px;
    border: 2px dashed
}

.input-file.input-cropper .input-box .file-detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.input-file.input-cropper .input-box .icon-pic {
    position: absolute;
    bottom: 0;
    left: .25em;
    font-size: 2em;
    fill: #fff
}

.input-file.input-cropper .input-box .file-name, .input-file.input-cropper .input-box .file-type {
    position: relative;
    z-index: 1
}

.input-file.input-cropper .input-box .file-type {
    min-width: 3em;
    min-height: 3em;
    border-radius: 5px;
    background-color: #6f7285;
    overflow: hidden
}

.input-file.input-cropper .input-box .file-type[data-type]:after {
    content: attr(data-type);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 1em;
    color: #fff;
    background-color: #00b96c;
    direction: ltr;
    text-transform: uppercase
}

.input-file.input-cropper .input-box .file-type.not-valid:after {
    background-color: #ff4242
}

.input-file.input-cropper .input-box .file-name {
    display: inline-block;
    width: 90%;
    font-family: "Open Sans", IRANSans, sans-serif;
    font-size: .8em;
    font-weight: 300;
    margin-top: 1em;
    text-align: center
}

.input-file.input-cropper .input-box .file-name .selected-file {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr
}

.input-file.input-cropper .input-box .file-name:empty[data-default]:after {
    content: attr(data-default)
}

.input-file.input-cropper .input-box.has-value {
    border: none
}

.input-file.input-cropper .input-box.has-value:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0;
    border-radius: 5px;
    background-color: rgba(41, 42, 51, .6);
    transition: opacity .2s ease
}

.input-file.input-cropper .input-box.has-value:hover .icon-edit, .input-file.input-cropper .input-box.has-value:hover:after {
    opacity: 1
}

.input-file.input-cropper .input-box.cropper-has-image {
    border-width: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.input-file.input-cropper .input-box.cropper-has-image .file-name, .input-file.input-cropper .input-box.cropper-has-image .file-type {
    display: none
}

.input-file.input-cropper .input-inner {
    position: relative
}

.input-file.input-cropper .field-error {
    position: absolute;
    bottom: -1em;
    left: 50%;
    width: 100%;
    text-align: center;
    margin: 0;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.input-file.input-detailside {
    display: flex;
    flex-direction: row;
    align-items: center
}

.input-file.input-detailside.has-file .input-box .icon {
    display: none
}

.input-file.input-detailside:not(.has-file) .remove-selected-file {
    display: none
}

.input-file.input-detailside .input-inner {
    width: 180px
}

.input-file.input-detailside .input-box {
    min-width: 120px;
    min-height: 120px;
    padding: 1em;
    border-radius: 5px;
    border: 2px dashed #e6e7ef;
    background-color: #f5f5f9;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%
}

.input-file.input-detailside .input-box .icon {
    fill: #e6e7ef;
    font-size: 4em;
    width: 1em;
    height: 1em
}

.input-file.input-detailside .input-details {
    display: inline-flex;
    flex-direction: column;
    padding-right: 2em
}

.input-file.input-detailside .placeholder {
    display: inline-flex;
    font-size: .9em;
    font-weight: 300;
    color: #6f7285;
    line-height: 1.8em
}

.input-file.input-detailside .placeholder ~ .remove-selected-file {
    margin-top: 2.5em
}

.input-file.input-detailside .remove-selected-file {
    align-self: flex-start
}

.theme-light .input-file.input-default .input-box {
    border-color: #d3d6e0
}

.theme-light .input-file.input-default .delete, .theme-light .input-file.input-default .select {
    border: 1px solid #d3d6e0;
    background: #fff
}

.theme-light .input-file.input-cropper .input-box {
    border-color: #f5f5f9
}

.theme-light .input-file.input-cropper .input-box .file-name {
    color: #6f7285
}

.theme-dark .input-file.input-default .input-box {
    border-color: #292a33
}

.theme-dark .input-file.input-default .delete, .theme-dark .input-file.input-default .select {
    border: 1px solid #484b62;
    background: #292a33
}

.theme-dark .input-file.input-cropper .input-box {
    border-color: #484b62
}

.theme-dark .input-file.input-cropper .input-box .file-name {
    color: #9da1b1
}

.input-color {
    width: 100%
}

.input-color .input-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1.5em 0;
    border: 1px solid #f5f5f9;
    border-radius: 5px
}

.input-color .input-box > div {
    display: inline-flex;
    justify-content: center;
    flex-shrink: 1;
    flex-grow: 1
}

.input-color .input-box .input[type=color] {
    min-width: 50px;
    width: 100%;
    height: 34px;
    padding: 0;
    border: 1px solid #fbfbfc;
    border-radius: 3px;
    -webkit-appearance: none;
    overflow: hidden
}

.input-color .input-box .input[type=color]::-webkit-color-swatch-wrapper {
    padding: 0
}

.input-color .input-box .input[type=color]::-webkit-color-swatch {
    border: none
}

.input-color .input-box .selected-color {
    position: relative
}

.input-color .input-box .selected-color:before {
    content: attr(data-color);
    position: absolute;
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    direction: ltr;
    text-transform: uppercase;
    font-family: sans-serif;
    color: #484b62
}

.input-color .input-box .default-colors {
    display: inline-flex;
    margin-left: 2em
}

.input-color .input-box .default-colors > span {
    display: inline-flex;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    cursor: pointer
}

.input-color .input-box .default-colors > span:not(:last-child) {
    margin-left: .5em
}

.input-color .input-box .icon-colorpicker {
    font-size: 2em;
    cursor: pointer
}

@media (max-width: 480px) {
    .input-color .input-box {
        font-size: 12px
    }
}

.input-time {
    width: 100%
}

.input-time > div {
    display: inline-block
}

.input-time > div:not(:last-child):after {
    display: inline-block;
    vertical-align: middle
}

.input-time > div:not(:last-child):not([data-split]):after {
    content: ":"
}

.input-time > div:not(:last-child)[data-split]:after {
    content: attr(data-split)
}

.input-time .input {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    font-size: 1em;
    font-family: IRANSans, "Open Sans", sans-serif;
    text-align: center;
    border-radius: 3px;
    outline: 0
}

.theme-light .input-time > div:not(:last-child):after {
    color: #6f7285
}

.theme-light .input-time .input {
    color: #484b62;
    border: 1px solid #e6e7ef;
    background-color: #fff
}

.theme-dark .input-time > div:not(:last-child):after {
    color: #d3d6e0
}

.theme-dark .input-time .input {
    color: #d3d6e0;
    border: 1px solid #292a33;
    background-color: #16171a
}

.message-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 30vw;
    max-width: 95%;
    position: fixed;
    bottom: 2.5%;
    left: 2.5%;
    z-index: 22
}

.message-box .message, .message-box .remove, .message-box .text {
    transition: all 150ms ease-in-out
}

.message-box .remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    height: 1.5em;
    width: 1.5em;
    padding: .3em;
    position: absolute;
    top: 50%;
    right: .5em;
    z-index: 1;
    border-radius: 50px;
    background-color: rgba(0, 0, 0, .03);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.message-box .remove .icon {
    fill: #fff
}

.message-box .message {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 4em;
    font-size: .95em;
    padding: 0 4.5em 0 2em;
    margin-bottom: 1em;
    border-radius: 50px;
    background-color: #fbfbfc;
    color: #6f7285;
    box-shadow: rgba(0, 0, 0, .1) 1px 0 7px 0
}

.message-box .message-info {
    color: #fff;
    background-color: #05a3e8
}

.message-box .message-successful {
    color: #fff;
    background-color: #00b96c
}

.message-box .message-warning {
    color: #fff;
    background-color: #eace3b
}

.message-box .message-danger {
    color: #fff;
    background-color: #ff4242
}

.message-box .message-pop {
    width: 2em;
    height: 2em;
    padding: 0;
    margin-bottom: 2em
}

.message-box .message-hidden .remove, .message-box .message-hidden .text {
    opacity: 0
}

.message-box .message:hover .remove {
    width: 100%;
    height: 100%;
    right: 0
}

.message-box .message:hover .text {
    color: transparent
}

.pop-message {
    position: fixed;
    top: 50%;
    left: 50%;
    font-size: 1.2em;
    font-weight: 400;
    color: #fff;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: rgba(41, 42, 51, .9);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 21
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(41, 42, 51, .75);
    opacity: 0;
    visibility: hidden
}

.modal .modal-close {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    background-color: transparent
}

.modal .modal-title {
    width: 100%;
    font-size: 1.1em;
    padding-bottom: .5em;
    margin-bottom: .5em
}

.modal .modal-caption {
    width: 100%;
    font-size: .9em;
    margin-bottom: 1em
}

.modal.modal-fit {
    z-index: 19
}

.modal:not(.modal-fit) {
    z-index: 20
}

.modal:not(.modal-fit) .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 90%;
    max-height: 90%;
    width: 450px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 3px;
    box-shadow: 0 0 7px 0 #292a33;
    overflow-y: auto
}

.modal:not(.modal-fit) .modal-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2em
}

@media (max-width: 480px) {
    .modal:not(.modal-fit) .modal-inner {
        padding: 1em
    }
}

@media (min-width: 481px) {
    .modal:not(.modal-fit) .modal-inner {
        padding: 2em
    }
}

.modal.modal-fit {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: all .3s ease-in-out
}

.modal.modal-fit .modal-close {
    position: absolute;
    top: 1em;
    left: 1em;
    z-index: 1;
    border-radius: 3px
}

.modal.modal-fit .modal-close .icon {
    margin: 0
}

.modal.modal-fit .modal-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1em 0;
    overflow-x: hidden;
    overflow-y: auto
}

.modal.single-modal .modal-content {
    width: 500px;
    margin: 0 auto
}

.modal.modal-cropper .modal-content {
    width: 500px;
    max-width: 90%
}

.modal.modal-cropper .cropper-controls {
    padding: .5em 1em;
    border-radius: 0 0 3px 3px
}

.modal.modal-cropper .cropper-controls .button {
    max-width: 49.5%;
    min-width: 100px
}

.modal.modal-confirm .modal-content {
    display: flex;
    align-items: center;
    justify-content: center
}

.modal.modal-confirm .confirmation {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1em 2em
}

.modal.modal-confirm .confirmation > .icon {
    font-size: 2.5em;
    margin-bottom: .5em
}

.modal.modal-confirm .confirmation > .title {
    font-size: 1em
}

.modal.modal-confirm .confirmation > .caption {
    font-size: .8em;
    font-weight: 300;
    margin-top: 1em
}

.modal.modal-confirm .confirmation > .actions {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2em
}

.modal.modal-confirm .confirmation > .actions .button:not(:first-child) {
    margin-right: 1em
}

.modal.modal-confirm .confirmation .confirm-abort, .modal.modal-confirm .confirmation .confirm-agree, .modal.modal-confirm .confirmation .confirm-cancel, .modal.modal-confirm .confirmation .confirm-ok {
    width: 150px;
    max-width: 45%
}

.modal.modal-alert .modal-inner.modal-inner {
    align-items: flex-start
}

.modal.modal-alert .title {
    width: 100%;
    color: #484b62;
    padding-bottom: .25em;
    margin-bottom: 1em;
    border-bottom: 1px solid #f5f5f9
}

.modal.modal-alert .actions {
    width: 100%;
    display: block;
    margin-top: 2em
}

.modal.modal-alert .actions > .button {
    min-width: 80px
}

.modal.modal-alert .actions > .button:not(:last-child) {
    margin-left: 1em
}

.modal.modal-active {
    visibility: visible;
    opacity: 1
}

.modal.modal-active.modal-fit {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.modal.profile-modal {
    z-index: 18;
    top: 100%;
    transition: top .3s;
    background: 0 0
}

.modal.profile-modal .modal-content {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border-radius: 0;
    box-shadow: none
}

.modal.profile-modal .modal-content .modal-inner {
    padding: 0
}

.modal.profile-modal .modal-content .close-profile {
    position: absolute;
    top: 1%;
    left: 1%;
    z-index: 1
}

.modal.active {
    transition: top .3s
}

.device-mobile .modal.modal-cropper .modal-content {
    width: 90%;
    margin-top: -25px
}

.theme-light .modal .modal-title {
    color: #484b62;
    border-bottom: 1px solid #f5f5f9
}

.theme-light .modal .modal-caption {
    color: #6f7285
}

.theme-light .modal:not(.modal-fit) .modal-content {
    background-color: #fff
}

.theme-light .modal.modal-fit {
    border-top: 1px solid #f5f5f9;
    background-color: #fff
}

.theme-light .modal.modal-fit .modal-close {
    background-color: #fff
}

.theme-light .modal.single-modal .modal-content {
    background-color: #fff
}

.theme-light .modal.modal-cropper .cropper-controls {
    background-color: #fff
}

.theme-light .modal.modal-confirm .confirmation > .icon {
    fill: #292a33
}

.theme-light .modal.modal-confirm .confirmation > .title {
    color: #484b62
}

.theme-light .modal.modal-confirm .confirmation > .caption {
    color: #6f7285
}

.theme-dark .modal {
    background-color: rgba(41, 42, 51, .8)
}

.theme-dark .modal .modal-title {
    color: #f5f5f9;
    border-bottom: 1px solid #212226
}

.theme-dark .modal .modal-content {
    color: #fff
}

.theme-dark .modal .modal-caption {
    color: #6f7285
}

.theme-dark .modal:not(.modal-fit) .modal-content {
    color: #fff;
    background-color: #212226;
    box-shadow: none
}

.theme-dark .modal.modal-fit {
    border-top: 1px solid #292a33;
    background-color: #212226
}

.theme-dark .modal.modal-fit .modal-close {
    background-color: #292a33
}

.theme-dark .modal.single-modal .modal-content {
    background-color: #292a33
}

.theme-dark .modal.modal-cropper .cropper-controls {
    background-color: #292a33
}

.theme-dark .modal.modal-confirm .confirmation > .icon {
    fill: #f5f5f9
}

.theme-dark .modal.modal-confirm .confirmation > .title {
    color: #f5f5f9
}

.theme-dark .modal.modal-confirm .confirmation > .caption {
    color: #6f7285
}

.modal.login-modal:not(.modal-fit) .modal-content {
    width: 90%;
    height: 90%;
    max-width: 470px;
    max-height: 600px
}

.modal.login-modal .modal-inner {
    width: 100%;
    height: 100%;
    padding: 0
}

.modal.login-modal .iframe-login {
    width: 100%;
    height: 100%
}

.ad-box {
    display: block;
    float: left;
    width: 420px;
    padding: 33px 40px;
    margin: 0 6px 40.1px 2px;
    border-radius: 3px
}

@media (max-width: 1137px) {
    .ad-box {
        display: none
    }
}

.ad-box .ad--wrapper {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    z-index: 3;
    text-align: center
}

.ad-box .ad--list {
    display: inline-block;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0
}

.ad-box .ad--list li {
    margin-bottom: 25px;
    list-style: none;
    height: 100px
}

.ad-box .ad--list li:last-child {
    margin-bottom: 0
}

.ad-box .ad--zone {
    width: 300px;
    max-width: 100%
}

.ad-box .ad--iframe {
    position: relative
}

.ad-box li:not(.v-plus) iframe {
    -webkit-transform: none;
    transform: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ad-box-search .sabavision-adbox {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 .5em
}

@media (min-width: 670px) {
    .ad-box-search {
        margin-top: 1em
    }
}

.theme-light .ad-box {
    background-color: #fbfbfc
}

.theme-dark .ad-box {
    background-color: #212226
}

[class^=thumbnail] {
    display: inline-flex;
    flex-basis: auto;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 1em
}

@media (max-width: 883px) {
    [class^=thumbnail] {
        font-size: .95em
    }
}

@media (max-width: 669px) {
    [class^=thumbnail] {
        font-size: .95em
    }
}

[class^=thumbnail] .dash:after {
    display: inline-block;
    content: '-';
    font-size: 1.2em;
    margin: 0 3px
}

[class^=thumbnail] .duration {
    font-size: .95em;
    font-weight: 400;
    line-height: 1.5;
    padding: 0 .3em;
    letter-spacing: .5px;
    border-radius: 3px
}

[class^=thumbnail] .badge-draft {
    float: left;
    padding: .25em .5em;
    margin-top: -.25em;
    color: #05a3e8;
    background-color: rgba(5, 163, 232, .15);
    border-radius: 3px
}

[class^=thumbnail] .badge-play {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 1
}

[class^=thumbnail] .badge-play .icon {
    width: 1.5em;
    height: 1.5em
}

[class^=thumbnail] .watched-time {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 4px
}

[class^=thumbnail] .watched-time .percent {
    display: block;
    float: left;
    height: 100%
}

[class^=thumbnail] .sensitive-content {
    z-index: 1;
    background-color: rgba(41, 42, 51, .6)
}

[class^=thumbnail] .blur-content {
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

[class^=thumbnail] .live-sign {
    display: inline-block;
    position: absolute;
    top: .5em;
    left: .5em;
    padding: 4px 8px;
    line-height: 0;
    text-align: center;
    border-radius: 2px;
    background-color: #16171a;
    z-index: 2
}

[class^=thumbnail] .live-sign .blink {
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 0;
    border-radius: 25px;
    background-color: #e64a19;
    -webkit-animation-name: liveBlink;
    animation-name: liveBlink;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes liveBlink {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes liveBlink {
    50%, from, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

[class^=thumbnail] .tools {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 1em;
    padding: .5em;
    z-index: 2
}

[class^=thumbnail] .tools > [class*=badge] {
    line-height: 0
}

[class^=thumbnail] .tools > [class*=badge]:not(:last-child) {
    margin-left: .5em
}

[class^=thumbnail] .preview {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 101%;
    height: 101%;
    background-color: #000;
    z-index: 1
}

[class^=thumbnail] .preview-play {
    font-size: 2.5em;
    fill: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: .6
}

[class^=thumbnail] .thumb-title {
    font-size: 1em;
    margin: 0 0 .65em 0;
    padding: 0
}

[class^=thumbnail] .thumb-title > a {
    display: block;
    font-size: .86em;
    font-weight: 400;
    line-height: 1.8em;
    max-height: 3.8em;
    -webkit-line-clamp: 2;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: break-word;
    overflow: hidden
}

[class^=thumbnail] .boosted {
    position: absolute;
    padding: .1em .2em
}

[class^=thumbnail] .meta, [class^=thumbnail] .thumb-channel, [class^=thumbnail] .thumb-view-date {
    font-size: .8em;
    font-weight: 300;
    line-height: 1.5
}

[class^=thumbnail] .meta-tags .meta:not(:last-child):after {
    content: '';
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    font-size: 2em;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    margin-right: .25em
}

[class^=thumbnail] .thumb-view-date .icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2em
}

[class^=thumbnail] .thumb-view-date .visit-online ~ .icon {
    margin-right: .25em
}

[class^=thumbnail] .thumb-channel .channel-name {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[class^=thumbnail] .thumb-channel [class^=priority-] {
    font-size: 1em
}

[class^=thumbnail] .thumb-actions {
    position: absolute;
    top: .5em;
    left: .25em
}

[class^=thumbnail] .thumb-actions:not(.dropdown-active) {
    visibility: hidden
}

[class^=thumbnail] .thumb-actions .thumb-action {
    font-size: 1.2em;
    padding: 0
}

[class^=thumbnail] .thumb-actions .thumb-action, [class^=thumbnail] .thumb-actions .thumb-action:focus, [class^=thumbnail] .thumb-actions .thumb-action:hover {
    background-color: transparent
}

[class^=thumbnail] .thumb-actions .dropdown-content {
    min-width: auto;
    width: 150px;
    font-size: .9em;
    margin-left: .5em
}

[class^=thumbnail] .thumb-actions .dropdown-content .menu-wrapper {
    padding: 0;
    border-radius: 3px
}

[class^=thumbnail] .thumb-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden
}

[class^=thumbnail] .thumb-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0
}

[class^=thumbnail] .thumb-wrapper:after {
    display: block;
    content: '';
    padding-top: 57%
}

[class^=thumbnail] .thumb-wrapper > a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

[class^=thumbnail] .thumb-wrapper .thumb-image {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    font-size: 0;
    max-height: none;
    min-height: 100%;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-position: center;
    background-size: cover
}

[class^=thumbnail] .thumb-wrapper:hover .badge-play {
    display: flex
}

[class^=thumbnail] .thumb-details {
    position: relative;
    max-width: 100%
}

[class^=thumbnail].thumbnail-highlight .thumb-wrapper .badge-play {
    display: flex
}

[class^=thumbnail]:hover .thumb-actions {
    visibility: visible
}

.thumbnail-event:not(.thumbnail-detailside), .thumbnail-live:not(.thumbnail-detailside), .thumbnail-movie:not(.thumbnail-detailside), .thumbnail-playlist:not(.thumbnail-detailside), .thumbnail-story:not(.thumbnail-detailside), .thumbnail-video:not(.thumbnail-detailside) {
    width: 100%;
    flex-direction: column
}

.thumbnail-event:not(.thumbnail-detailside) .thumb-details, .thumbnail-live:not(.thumbnail-detailside) .thumb-details, .thumbnail-movie:not(.thumbnail-detailside) .thumb-details, .thumbnail-playlist:not(.thumbnail-detailside) .thumb-details, .thumbnail-story:not(.thumbnail-detailside) .thumb-details, .thumbnail-video:not(.thumbnail-detailside) .thumb-details {
    padding-top: .75em;
    padding-left: 1em
}

.thumbnail-event:not(.thumbnail-detailside) .thumb-details .thumb-channel, .thumbnail-event:not(.thumbnail-detailside) .thumb-details .thumb-view-date, .thumbnail-live:not(.thumbnail-detailside) .thumb-details .thumb-channel, .thumbnail-live:not(.thumbnail-detailside) .thumb-details .thumb-view-date, .thumbnail-movie:not(.thumbnail-detailside) .thumb-details .thumb-channel, .thumbnail-movie:not(.thumbnail-detailside) .thumb-details .thumb-view-date, .thumbnail-playlist:not(.thumbnail-detailside) .thumb-details .thumb-channel, .thumbnail-playlist:not(.thumbnail-detailside) .thumb-details .thumb-view-date, .thumbnail-story:not(.thumbnail-detailside) .thumb-details .thumb-channel, .thumbnail-story:not(.thumbnail-detailside) .thumb-details .thumb-view-date, .thumbnail-video:not(.thumbnail-detailside) .thumb-details .thumb-channel, .thumbnail-video:not(.thumbnail-detailside) .thumb-details .thumb-view-date {
    display: block
}

.thumbnail-event:not(.thumbnail-detailside) .thumb-details .thumb-channel, .thumbnail-live:not(.thumbnail-detailside) .thumb-details .thumb-channel, .thumbnail-movie:not(.thumbnail-detailside) .thumb-details .thumb-channel, .thumbnail-playlist:not(.thumbnail-detailside) .thumb-details .thumb-channel, .thumbnail-story:not(.thumbnail-detailside) .thumb-details .thumb-channel, .thumbnail-video:not(.thumbnail-detailside) .thumb-details .thumb-channel {
    margin-bottom: .5em
}

.thumbnail-event:not(.thumbnail-detailside) .thumb-details .thumb-channel .channel-name, .thumbnail-live:not(.thumbnail-detailside) .thumb-details .thumb-channel .channel-name, .thumbnail-movie:not(.thumbnail-detailside) .thumb-details .thumb-channel .channel-name, .thumbnail-playlist:not(.thumbnail-detailside) .thumb-details .thumb-channel .channel-name, .thumbnail-story:not(.thumbnail-detailside) .thumb-details .thumb-channel .channel-name, .thumbnail-video:not(.thumbnail-detailside) .thumb-details .thumb-channel .channel-name {
    max-width: 85%
}

.thumbnail-event:not(.thumbnail-detailside) .thumb-desc, .thumbnail-live:not(.thumbnail-detailside) .thumb-desc, .thumbnail-movie:not(.thumbnail-detailside) .thumb-desc, .thumbnail-playlist:not(.thumbnail-detailside) .thumb-desc, .thumbnail-story:not(.thumbnail-detailside) .thumb-desc, .thumbnail-video:not(.thumbnail-detailside) .thumb-desc {
    display: none
}

.thumbnail-live.live-status.active-live .thumb:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(41, 42, 51, .4) url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDEyNC41MTIgMTI0LjUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI0LjUxMiAxMjQuNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+Cgk8cGF0aCBkPSJNMTEzLjk1Niw1Ny4wMDZsLTk3LjQtNTYuMmMtNC0yLjMtOSwwLjYtOSw1LjJ2MTEyLjVjMCw0LjYsNSw3LjUsOSw1LjJsOTcuNC01Ni4yICAgQzExNy45NTYsNjUuMTA1LDExNy45NTYsNTkuMzA2LDExMy45NTYsNTcuMDA2eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgc3R5bGU9ImZpbGw6I0RGMEY1MCI+PC9wYXRoPgo8L2c+PC9nPiA8L3N2Zz4=") no-repeat center;
    background-size: 20%;
    z-index: 1
}

.thumbnail-live.live-status:not(.on-air):not(.active-live) {
    opacity: .6
}

.thumbnail-live .cd {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
    direction: ltr;
    padding: .7em .5em 1.5em;
    background: rgba(41, 42, 51, .85);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.2em
}

.thumbnail-live .cd:after {
    content: attr(data-text);
    position: absolute;
    bottom: 1em;
    left: 0;
    width: 100%;
    font-size: .65em;
    color: #fff
}

.thumbnail-live .cd > span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    line-height: 30px;
    color: #fff;
    margin: 0;
    border-radius: 3px
}

.thumbnail-live .cd > span:not(:last-child):after {
    content: ':';
    position: absolute;
    right: -3px;
    color: #fff
}

.thumbnail-movie {
    padding-top: .5em
}

.thumbnail-movie .thumb-wrapper {
    overflow: visible
}

.thumbnail-movie .thumb-wrapper .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(41, 42, 51, .6)
}

.thumbnail-movie .thumb-wrapper .thumb-image:first-child {
    -webkit-filter: blur(1px);
    filter: blur(1px)
}

.thumbnail-movie .thumb-wrapper .thumb-image ~ .thumb-image {
    width: 39%;
    min-height: auto;
    height: 90%;
    right: 5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.thumbnail-movie .thumb-image {
    border-radius: 2px
}

.thumbnail-movie .serial {
    position: relative;
    z-index: -1;
    width: 90%;
    height: 90%;
    margin: -.5em auto 0;
    background-color: #f5f5f9
}

.thumbnail-movie .serial .thumb-image {
    opacity: .8
}

.thumbnail-movie .tools {
    right: auto;
    flex-direction: column;
    align-items: flex-end
}

.thumbnail-movie .tools > .badge-rate.badge-rate {
    position: relative;
    display: block;
    font-size: .9em;
    font-weight: 400;
    border-radius: 3px;
    color: #fff;
    margin: 0 0 .5em;
    overflow: hidden;
    white-space: nowrap
}

.thumbnail-movie .tools > .badge-rate.badge-rate > span {
    line-height: 1.6;
    padding: 0 .5em
}

.thumbnail-movie .tools > .badge-rate.badge-rate:first-child, .thumbnail-movie .tools > .badge-rate.badge-rate:first-child > span {
    background-color: transparent
}

.thumbnail-movie .tools > .badge-rate.badge-rate:first-child:before {
    content: none
}

.thumbnail-movie .tools > .badge-rate.badge-rate:last-child {
    margin: 0
}

.thumbnail-detailside .thumb-details .thumb-channel:not(.has-priority):after, [class^=thumbnail-] .dot {
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    margin: 0 .5em
}

.thumbnail-detailside {
    max-width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 800px
}

.thumbnail-detailside .thumb-wrapper {
    flex-grow: 0;
    flex-shrink: 0
}

.thumbnail-detailside .thumb-details {
    max-width: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    padding: .25em 1em
}

.thumbnail-detailside .thumb-details .thumb-title {
    font-size: 1.2em;
    margin-bottom: .25em
}

.thumbnail-detailside .thumb-details .thumb-channel, .thumbnail-detailside .thumb-details .thumb-view-date {
    display: inline-block
}

.thumbnail-detailside .thumb-details .thumb-view-date {
    margin-top: .5em
}

.thumbnail-detailside .thumb-details .thumb-channel {
    display: inline-flex;
    align-items: center;
    max-width: 90%
}

.thumbnail-detailside .thumb-details .thumb-channel:not(.has-priority):after {
    content: ''
}

.thumbnail-detailside .thumb-details .thumb-channel.has-priority {
    margin-left: .5em
}

.thumbnail-detailside .thumb-desc {
    font-size: .85em;
    max-height: 4.4em;
    margin-top: .5em;
    overflow: hidden
}

.thumbnail-detailside.thumbnail-event.thumbnail-small .thumb-wrapper, .thumbnail-detailside.thumbnail-live.thumbnail-small .thumb-wrapper, .thumbnail-detailside.thumbnail-movie.thumbnail-small .thumb-wrapper, .thumbnail-detailside.thumbnail-video.thumbnail-small .thumb-wrapper {
    width: 170px;
    height: 96.9px
}

.thumbnail-detailside.thumbnail-event.thumbnail-small .thumb-details, .thumbnail-detailside.thumbnail-live.thumbnail-small .thumb-details, .thumbnail-detailside.thumbnail-movie.thumbnail-small .thumb-details, .thumbnail-detailside.thumbnail-video.thumbnail-small .thumb-details {
    width: calc(100% - 170px)
}

.thumbnail-detailside.thumbnail-event.thumbnail-small .thumb-details .thumb-title, .thumbnail-detailside.thumbnail-live.thumbnail-small .thumb-details .thumb-title, .thumbnail-detailside.thumbnail-movie.thumbnail-small .thumb-details .thumb-title, .thumbnail-detailside.thumbnail-video.thumbnail-small .thumb-details .thumb-title {
    font-size: 1em
}

@media (max-width: 883px) {
    .thumbnail-detailside.thumbnail-event .thumb-wrapper, .thumbnail-detailside.thumbnail-live .thumb-wrapper, .thumbnail-detailside.thumbnail-movie .thumb-wrapper, .thumbnail-detailside.thumbnail-video .thumb-wrapper {
        width: 200px;
        height: 114px
    }

    .thumbnail-detailside.thumbnail-event .thumb-details, .thumbnail-detailside.thumbnail-live .thumb-details, .thumbnail-detailside.thumbnail-movie .thumb-details, .thumbnail-detailside.thumbnail-video .thumb-details {
        width: calc(100% - 200px)
    }
}

@media (max-width: 669px) {
    .thumbnail-detailside.thumbnail-event .thumb-wrapper, .thumbnail-detailside.thumbnail-live .thumb-wrapper, .thumbnail-detailside.thumbnail-movie .thumb-wrapper, .thumbnail-detailside.thumbnail-video .thumb-wrapper {
        width: 137.5px;
        height: 78.375px
    }

    .thumbnail-detailside.thumbnail-event .thumb-details, .thumbnail-detailside.thumbnail-live .thumb-details, .thumbnail-detailside.thumbnail-movie .thumb-details, .thumbnail-detailside.thumbnail-video .thumb-details {
        width: calc(100% - 137.5px)
    }

    .thumbnail-detailside.thumbnail-event .thumb-details .thumb-title, .thumbnail-detailside.thumbnail-live .thumb-details .thumb-title, .thumbnail-detailside.thumbnail-movie .thumb-details .thumb-title, .thumbnail-detailside.thumbnail-video .thumb-details .thumb-title {
        font-size: 1.1em
    }

    .thumbnail-detailside.thumbnail-event .thumb-details .thumb-title > a, .thumbnail-detailside.thumbnail-live .thumb-details .thumb-title > a, .thumbnail-detailside.thumbnail-movie .thumb-details .thumb-title > a, .thumbnail-detailside.thumbnail-video .thumb-details .thumb-title > a {
        display: block;
        max-width: 95%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (min-width: 884px) {
    .thumbnail-detailside.thumbnail-event .thumb-wrapper, .thumbnail-detailside.thumbnail-live .thumb-wrapper, .thumbnail-detailside.thumbnail-movie .thumb-wrapper, .thumbnail-detailside.thumbnail-video .thumb-wrapper {
        width: 250px;
        height: 142.5px
    }

    .thumbnail-detailside.thumbnail-event .thumb-details, .thumbnail-detailside.thumbnail-live .thumb-details, .thumbnail-detailside.thumbnail-movie .thumb-details, .thumbnail-detailside.thumbnail-video .thumb-details {
        width: calc(100% - 250px)
    }
}

.thumbnail-channel {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

.thumbnail-channel .avatar .picture {
    width: 7em;
    height: 7em
}

.thumbnail-channel .title {
    overflow: hidden
}

.thumbnail-channel .name {
    font-size: 1em;
    font-weight: 400;
    word-break: break-word
}

.thumbnail-channel .followers, .thumbnail-channel .video-cnt {
    display: inline-block;
    font-size: .8em;
    font-weight: 300;
    margin-top: .5em
}

.thumbnail-channel:not([data-detailside]) {
    flex-direction: column;
    padding: 1em
}

.thumbnail-channel:not([data-detailside]) .title {
    font-size: .9em;
    max-height: 3.2em
}

.thumbnail-channel:not([data-detailside]) .details {
    text-align: center;
    margin-top: .75em
}

.thumbnail-channel:not([data-detailside]) [class*=priority] {
    line-height: 1
}

.thumbnail-channel:not([data-detailside]) [class*=follow-button] {
    position: absolute;
    bottom: 0;
    width: 80%;
    max-width: 120px
}

.thumbnail-channel[data-detailside] {
    padding: 1.5em 0
}

.thumbnail-channel[data-detailside] .title {
    font-size: 1.2em;
    max-height: 3.2em;
    overflow: hidden
}

.thumbnail-channel[data-detailside] [class*=priority] {
    line-height: 0
}

.thumbnail-channel[data-detailside] [class*=follow-button] {
    width: 85px;
    margin-right: auto;
    flex-shrink: 0
}

.thumbnail-channel[data-detailside] .paragraph {
    word-break: break-word
}

@media (max-width: 669px) {
    .thumbnail-channel[data-detailside] .title {
        font-size: .8em;
        margin-bottom: .75em
    }

    .thumbnail-channel[data-detailside] .avatar {
        font-size: .8em
    }

    .thumbnail-channel[data-detailside] .followers, .thumbnail-channel[data-detailside] .video-cnt {
        display: block;
        margin-top: .25em
    }

    .thumbnail-channel[data-detailside] .dot {
        display: none
    }

    .thumbnail-channel[data-detailside] .details {
        padding-left: 1em;
        margin-right: 1em
    }

    .thumbnail-channel[data-detailside] .paragraph {
        display: none
    }
}

@media (min-width: 670px) {
    .thumbnail-channel[data-detailside] .details {
        padding-left: 2em;
        margin-right: 2em
    }

    .thumbnail-channel[data-detailside] .paragraph {
        margin-top: 1em;
        max-height: 5.4em;
        overflow: hidden
    }
}

.dashboard .thumbnail-channel {
    min-height: 215px;
    padding: 0 0 2.5em 0
}

.theme-light .thumbnail-channel .name {
    color: #484b62
}

.theme-light .thumbnail-channel .followers, .theme-light .thumbnail-channel .video-cnt {
    color: #6f7285
}

.theme-dark .thumbnail-channel .name {
    color: #d3d6e0
}

.theme-dark .thumbnail-channel .followers, .theme-dark .thumbnail-channel .video-cnt {
    color: #9da1b1
}

.thumbnail-tag {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

.thumbnail-tag .avatar:hover .picture.image {
    background-color: #e6e7ef
}

.thumbnail-tag .avatar .picture.image {
    width: 8em;
    height: 8em;
    border: 1px solid #e6e7ef;
    background: #fff no-repeat center;
    background-size: 70%;
    transition: background .2s ease
}

.thumbnail-tag .title {
    overflow: hidden
}

.thumbnail-tag .name {
    font-size: 1em;
    font-weight: 400;
    color: #484b62;
    word-break: break-word
}

.thumbnail-tag:not([data-detailside]) {
    flex-direction: column;
    padding: 1em
}

.thumbnail-tag:not([data-detailside]) .title {
    font-size: .9em;
    max-height: 3.2em;
    margin-top: .5em
}

.thumbnail-tag:not([data-detailside]) .details {
    text-align: center;
    margin-top: .75em
}

.thumbnail-tag:not([data-detailside]) [class*=priority] {
    line-height: 1
}

.thumbnail-tag:not([data-detailside]) [class*=follow-button] {
    position: absolute;
    bottom: 0;
    width: 80%;
    max-width: 120px
}

.theme-light [class^=thumbnail] .meta-tags .meta {
    color: #6f7285
}

.theme-light [class^=thumbnail] .meta-tags .meta:not(:last-child):after {
    background: #6f7285
}

.theme-light .thumbnail-detailside .thumb-details .thumb-channel:not(.has-priority):after, .theme-light [class^=thumbnail-] .dot {
    background: #6f7285
}

.theme-light .thumbnail-event .duration, .theme-light .thumbnail-live .duration, .theme-light .thumbnail-movie .duration, .theme-light .thumbnail-playlist .duration, .theme-light .thumbnail-story .duration, .theme-light .thumbnail-video .duration {
    color: #fff;
    background-color: rgba(0, 0, 0, .7)
}

.theme-light .thumbnail-event .watched-time, .theme-light .thumbnail-live .watched-time, .theme-light .thumbnail-movie .watched-time, .theme-light .thumbnail-playlist .watched-time, .theme-light .thumbnail-story .watched-time, .theme-light .thumbnail-video .watched-time {
    background-color: #d3d6e0
}

.theme-light .thumbnail-event .watched-time .percent, .theme-light .thumbnail-live .watched-time .percent, .theme-light .thumbnail-movie .watched-time .percent, .theme-light .thumbnail-playlist .watched-time .percent, .theme-light .thumbnail-story .watched-time .percent, .theme-light .thumbnail-video .watched-time .percent {
    background-color: #e64a19
}

.theme-light .thumbnail-event .badge-play .icon, .theme-light .thumbnail-live .badge-play .icon, .theme-light .thumbnail-movie .badge-play .icon, .theme-light .thumbnail-playlist .badge-play .icon, .theme-light .thumbnail-story .badge-play .icon, .theme-light .thumbnail-video .badge-play .icon {
    fill: #fff
}

.theme-light .thumbnail-event .thumb-title > a, .theme-light .thumbnail-live .thumb-title > a, .theme-light .thumbnail-movie .thumb-title > a, .theme-light .thumbnail-playlist .thumb-title > a, .theme-light .thumbnail-story .thumb-title > a, .theme-light .thumbnail-video .thumb-title > a {
    color: #484b62
}

.theme-light .thumbnail-event .thumb-channel, .theme-light .thumbnail-event .thumb-view-date, .theme-light .thumbnail-live .thumb-channel, .theme-light .thumbnail-live .thumb-view-date, .theme-light .thumbnail-movie .thumb-channel, .theme-light .thumbnail-movie .thumb-view-date, .theme-light .thumbnail-playlist .thumb-channel, .theme-light .thumbnail-playlist .thumb-view-date, .theme-light .thumbnail-story .thumb-channel, .theme-light .thumbnail-story .thumb-view-date, .theme-light .thumbnail-video .thumb-channel, .theme-light .thumbnail-video .thumb-view-date {
    color: #6f7285
}

.theme-light .thumbnail-event .thumb-view-date .icon, .theme-light .thumbnail-live .thumb-view-date .icon, .theme-light .thumbnail-movie .thumb-view-date .icon, .theme-light .thumbnail-playlist .thumb-view-date .icon, .theme-light .thumbnail-story .thumb-view-date .icon, .theme-light .thumbnail-video .thumb-view-date .icon {
    fill: #6f7285
}

.theme-light .thumbnail-event .thumb-wrapper > a, .theme-light .thumbnail-live .thumb-wrapper > a, .theme-light .thumbnail-movie .thumb-wrapper > a, .theme-light .thumbnail-playlist .thumb-wrapper > a, .theme-light .thumbnail-story .thumb-wrapper > a, .theme-light .thumbnail-video .thumb-wrapper > a {
    background-color: #f5f5f9;
    background-image: url(/assets/images/aparat-light.jpg)
}

.theme-light .thumbnail.thumbnail-highlight .badge-play {
    background-color: rgba(41, 42, 51, .6)
}

.theme-light .thumbnail-playlist .video-count {
    color: #fff;
    background-color: rgba(41, 42, 51, .8)
}

.theme-light .thumbnail-playlist .video-count .icon {
    fill: #fff
}

.theme-dark [class^=thumbnail] .meta-tags {
    color: #9da1b1
}

.theme-dark [class^=thumbnail] .meta-tags .meta:not(:last-child):after {
    background: #9da1b1
}

.theme-dark .thumbnail-detailside .thumb-details .thumb-channel:not(.has-priority):after, .theme-dark [class^=thumbnail-] .dot {
    background: #9da1b1
}

.theme-dark .thumbnail-event .duration, .theme-dark .thumbnail-live .duration, .theme-dark .thumbnail-movie .duration, .theme-dark .thumbnail-playlist .duration, .theme-dark .thumbnail-story .duration, .theme-dark .thumbnail-video .duration {
    color: #fff;
    background-color: rgba(0, 0, 0, .7)
}

.theme-dark .thumbnail-event .watched-time, .theme-dark .thumbnail-live .watched-time, .theme-dark .thumbnail-movie .watched-time, .theme-dark .thumbnail-playlist .watched-time, .theme-dark .thumbnail-story .watched-time, .theme-dark .thumbnail-video .watched-time {
    background-color: #6f7285
}

.theme-dark .thumbnail-event .watched-time .percent, .theme-dark .thumbnail-live .watched-time .percent, .theme-dark .thumbnail-movie .watched-time .percent, .theme-dark .thumbnail-playlist .watched-time .percent, .theme-dark .thumbnail-story .watched-time .percent, .theme-dark .thumbnail-video .watched-time .percent {
    background-color: #e64a19
}

.theme-dark .thumbnail-event .badge-play .icon, .theme-dark .thumbnail-live .badge-play .icon, .theme-dark .thumbnail-movie .badge-play .icon, .theme-dark .thumbnail-playlist .badge-play .icon, .theme-dark .thumbnail-story .badge-play .icon, .theme-dark .thumbnail-video .badge-play .icon {
    fill: #fff
}

.theme-dark .thumbnail-event .thumb-title > a, .theme-dark .thumbnail-live .thumb-title > a, .theme-dark .thumbnail-movie .thumb-title > a, .theme-dark .thumbnail-playlist .thumb-title > a, .theme-dark .thumbnail-story .thumb-title > a, .theme-dark .thumbnail-video .thumb-title > a {
    color: #d3d6e0
}

.theme-dark .thumbnail-event .thumb-channel, .theme-dark .thumbnail-event .thumb-view-date, .theme-dark .thumbnail-live .thumb-channel, .theme-dark .thumbnail-live .thumb-view-date, .theme-dark .thumbnail-movie .thumb-channel, .theme-dark .thumbnail-movie .thumb-view-date, .theme-dark .thumbnail-playlist .thumb-channel, .theme-dark .thumbnail-playlist .thumb-view-date, .theme-dark .thumbnail-story .thumb-channel, .theme-dark .thumbnail-story .thumb-view-date, .theme-dark .thumbnail-video .thumb-channel, .theme-dark .thumbnail-video .thumb-view-date {
    color: #9da1b1
}

.theme-dark .thumbnail-event .thumb-view-date .icon, .theme-dark .thumbnail-live .thumb-view-date .icon, .theme-dark .thumbnail-movie .thumb-view-date .icon, .theme-dark .thumbnail-playlist .thumb-view-date .icon, .theme-dark .thumbnail-story .thumb-view-date .icon, .theme-dark .thumbnail-video .thumb-view-date .icon {
    fill: #9da1b1
}

.theme-dark .thumbnail-event .thumb-wrapper > a, .theme-dark .thumbnail-live .thumb-wrapper > a, .theme-dark .thumbnail-movie .thumb-wrapper > a, .theme-dark .thumbnail-playlist .thumb-wrapper > a, .theme-dark .thumbnail-story .thumb-wrapper > a, .theme-dark .thumbnail-video .thumb-wrapper > a {
    background-color: #292a33;
    background-image: url(../../img-SM3pGXWFtQlC5lD3T2ddcQ/placeholder/aparat-dark.jpg)
}

.theme-dark .thumbnail-event.thumbnail-highlight .badge-play, .theme-dark .thumbnail-live.thumbnail-highlight .badge-play, .theme-dark .thumbnail-movie.thumbnail-highlight .badge-play, .theme-dark .thumbnail-playlist.thumbnail-highlight .badge-play, .theme-dark .thumbnail-story.thumbnail-highlight .badge-play, .theme-dark .thumbnail-video.thumbnail-highlight .badge-play {
    background-color: rgba(41, 42, 51, .6)
}

.theme-dark .thumbnail-event.thumbnail-playlist .video-count, .theme-dark .thumbnail-live.thumbnail-playlist .video-count, .theme-dark .thumbnail-movie.thumbnail-playlist .video-count, .theme-dark .thumbnail-playlist.thumbnail-playlist .video-count, .theme-dark .thumbnail-story.thumbnail-playlist .video-count, .theme-dark .thumbnail-video.thumbnail-playlist .video-count {
    color: #fff;
    background-color: rgba(0, 0, 0, .7)
}

.theme-dark .thumbnail-event.thumbnail-playlist .video-count .icon, .theme-dark .thumbnail-live.thumbnail-playlist .video-count .icon, .theme-dark .thumbnail-movie.thumbnail-playlist .video-count .icon, .theme-dark .thumbnail-playlist.thumbnail-playlist .video-count .icon, .theme-dark .thumbnail-story.thumbnail-playlist .video-count .icon, .theme-dark .thumbnail-video.thumbnail-playlist .video-count .icon {
    fill: #fff
}

.thumbnail-story .video-cnt {
    position: absolute;
    left: .5em;
    bottom: .5em;
    font-size: .8em;
    font-weight: 300;
    line-height: 1.8;
    padding: 0 .5em;
    letter-spacing: .5px;
    border-radius: 3px;
    color: #fff;
    background-color: rgba(0, 0, 0, .7)
}

.thumbnail-story .thumb-badge {
    width: 100%
}

.thumbnail-story .thumb-details .thumb-channel.thumb-channel {
    display: none
}

.thumbnail-playlist .thumb-wrapper .video-count {
    font-size: .9em;
    font-weight: 300;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.thumbnail-playlist .thumb-wrapper .video-count .icon {
    font-size: 2.5em
}

.thumbnail-playlist .thumb-view-date {
    margin-top: .5em
}

.video-thumbnail {
    width: 100%;
    display: flex;
    flex-direction: row
}

.video-thumbnail .video-details, .video-thumbnail .video-wrapper {
    flex-grow: 0;
    flex-shrink: 0
}

.video-thumbnail .video-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 3px
}

.video-thumbnail .video-wrapper:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 56%
}

.video-thumbnail .video-wrapper .video-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #292a33
}

.video-thumbnail .video-wrapper .video-inner > iframe {
    width: 100%;
    height: 100%
}

.video-thumbnail .video-details {
    padding-right: 2em;
    white-space: normal
}

.video-thumbnail .video-details .video-title {
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.4em
}

.video-thumbnail .video-details .video-title > a {
    font-size: inherit;
    color: #292a33
}

.video-thumbnail .video-details .video-info {
    font-size: .8em;
    font-weight: 300;
    line-height: 1.2;
    color: #6f7285;
    margin-top: 1em
}

.video-thumbnail .video-details .video-info .dot:after {
    display: inline-block;
    content: '.';
    font-size: 1.2em;
    margin: 0 3px
}

.video-thumbnail .video-details .video-description p {
    font-size: .9em;
    font-weight: 300;
    line-height: 2;
    max-height: 6em;
    color: #6f7285;
    margin-top: 1em;
    overflow: hidden
}

.video-thumbnail .video-details .video-more {
    font-size: .9em;
    margin-top: 1em
}

.video-thumbnail .video-details .video-more .button .icon {
    font-size: .7em;
    margin-right: .7em;
    transition: margin .3s ease
}

.video-thumbnail .video-details .video-more .button:hover .icon {
    margin-right: 1em
}

@media (max-width: 883px) {
    .video-thumbnail .video-wrapper {
        width: 315px
    }

    .video-thumbnail .video-details {
        width: calc(100% - (210px * 1.5))
    }
}

@media (max-width: 669px) {
    .video-thumbnail {
        flex-direction: column;
        font-size: .9em
    }

    .video-thumbnail .video-details, .video-thumbnail .video-wrapper {
        width: 100%
    }

    .video-thumbnail .video-details {
        padding: 1em 0 0
    }

    .video-thumbnail .video-details .video-title {
        font-size: 1.05em;
        line-height: 1.6em
    }

    .video-thumbnail .video-description, .video-thumbnail .video-more {
        display: none
    }
}

@media (min-width: 884px) {
    .video-thumbnail .video-wrapper {
        width: 420px
    }

    .video-thumbnail .video-details {
        width: calc(100% - (210px * 2))
    }
}

.thumbnail-recommendation {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.thumbnail-recommendation .thumb-title {
    display: block;
    font-size: .9em;
    font-weight: 400;
    max-height: 3.2em;
    line-height: 1.8;
    color: #fbfbfc;
    margin: 0
}

.thumbnail-recommendation .duration {
    position: absolute;
    bottom: 1em;
    left: 1em;
    font-size: .9em;
    font-weight: 300;
    color: #fff;
    line-height: 1.5;
    padding: 0 .3em;
    letter-spacing: .5px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .7);
    z-index: 1
}

.thumbnail-recommendation .thumb-wrapper {
    position: relative;
    background-color: #484b62
}

.thumbnail-recommendation .thumb-wrapper .thumb {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.thumbnail-recommendation:not(.thumbnail-detailside) .thumb-wrapper {
    width: 100%;
    height: 100%
}

.thumbnail-recommendation:not(.thumbnail-detailside) .thumb-details {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1em;
    background-image: linear-gradient(to bottom, #292a33 0, transparent 150px)
}

.thumbnail-recommendation:not(.thumbnail-detailside) .duration, .thumbnail-recommendation:not(.thumbnail-detailside) .thumb-details {
    opacity: 0;
    transition: opacity .3s ease
}

.thumbnail-recommendation:not(.thumbnail-detailside) .cancel-autoplay, .thumbnail-recommendation:not(.thumbnail-detailside) .channel-name, .thumbnail-recommendation:not(.thumbnail-detailside) .upcoming {
    display: none
}

.thumbnail-recommendation:not(.thumbnail-detailside):hover .duration, .thumbnail-recommendation:not(.thumbnail-detailside):hover .thumb-details {
    opacity: 1
}

.thumbnail-recommendation.thumbnail-detailside {
    height: auto;
    flex-direction: row
}

.thumbnail-recommendation.thumbnail-detailside .thumb-wrapper {
    width: 30%;
    height: auto
}

.thumbnail-recommendation.thumbnail-detailside .thumb-wrapper:before {
    content: '';
    display: block;
    padding-top: 57%
}

.thumbnail-recommendation.thumbnail-detailside .thumb-wrapper .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.thumbnail-recommendation.thumbnail-detailside .thumb-details {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 70%;
    padding-right: 1em
}

.thumbnail-recommendation.thumbnail-detailside .channel-name, .thumbnail-recommendation.thumbnail-detailside .upcoming {
    color: #6f7285
}

.thumbnail-recommendation.thumbnail-detailside .upcoming {
    font-size: .8em;
    font-weight: 300;
    margin-bottom: 1em
}

.thumbnail-recommendation.thumbnail-detailside .channel-name {
    font-size: .85em;
    font-weight: 400;
    margin-top: 1em
}

.thumbnail-recommendation.thumbnail-detailside .cancel-autoplay {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 0;
    padding-right: 1em;
    padding-left: 1em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.thumbnail-recommendation.thumbnail-detailside .cancel-autoplay .cancel-button {
    font-family: IRANSans, "Open Sans", sans-serif;
    font-size: .8em;
    font-weight: 300;
    line-height: 1.8;
    color: #fbfbfc;
    margin-top: .5em;
    padding: .25em .75em;
    border: none;
    border-radius: 3px;
    background: 0 0;
    cursor: pointer
}

.thumbnail-recommendation.thumbnail-detailside .cancel-autoplay .cancel-button:active, .thumbnail-recommendation.thumbnail-detailside .cancel-autoplay .cancel-button:focus, .thumbnail-recommendation.thumbnail-detailside .cancel-autoplay .cancel-button:hover {
    color: #e64a19;
    background-color: rgba(255, 255, 255, .1)
}

.thumbnail-recommendation.thumbnail-detailside .cancel-autoplay button.button-play {
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 50%;
    font-size: 1.2em;
    padding-left: .8em;
    background-color: #292a33
}

.thumbnail-recommendation.thumbnail-detailside .cancel-autoplay button.button-play .icon {
    fill: #fbfbfc
}

@media (max-width: 455px) {
    .grid-thumbnail.single-item .thumbnail-detailside {
        flex-direction: column
    }

    .grid-thumbnail.single-item .thumbnail-detailside .thumb-wrapper {
        width: 100%;
        height: inherit
    }

    .grid-thumbnail.single-item .thumbnail-detailside .thumb-details {
        width: 100%;
        padding: 1em 0
    }
}

.loading {
    position: relative;
    width: 100%;
    min-height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em
}

.loading.loading-full {
    position: absolute
}

.loading.loading-full-window {
    position: fixed
}

.loading.loading-full, .loading.loading-full-window {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.loading.loading-full-window {
    background: rgba(41, 42, 51, .6)
}

.loading .inner {
    position: relative;
    display: inline-flex;
    font-size: 1.5em;
    width: 1em;
    height: 1em
}

.loading .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loading .icon-inner {
    width: 1em;
    height: 1em;
    font-size: .9em;
    -webkit-animation: loadingAparatSpinning 1s infinite ease;
    animation: loadingAparatSpinning 1s infinite ease
}

.loading .icon-outer {
    font-size: 1em;
    width: 1em;
    height: 1em
}

@-webkit-keyframes loadingAparatSpinning {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes loadingAparatSpinning {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

.theme-light .loading.loading-aparat .icon-inner, .theme-light .loading.loading-game .icon-inner {
    fill: #d3d6e0
}

.theme-light .loading.loading-aparat .icon-outer, .theme-light .loading.loading-game .icon-outer {
    fill: #6f7285
}

.theme-dark .loading.loading-aparat .icon-inner, .theme-dark .loading.loading-game .icon-inner {
    fill: #6f7285
}

.theme-dark .loading.loading-aparat .icon-outer, .theme-dark .loading.loading-game .icon-outer {
    fill: #484b62
}

.ss-container .ss-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    float: left
}

.ss-container .ss-content {
    position: relative;
    height: 100%;
    padding: 0;
    overflow: auto;
    box-sizing: border-box
}

.ss-container .ss-content:not(.rtl) {
    padding-right: 18px;
    margin-right: -18px
}

.ss-container .ss-content.rtl {
    padding-left: 18px;
    margin-left: -18px
}

.ss-container .ss-scroll {
    position: absolute;
    width: 4px;
    border-radius: 4px;
    top: 0;
    right: auto !important;
    left: 4px;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    transition: opacity .25s linear
}

.ss-container .ss-hidden {
    display: none
}

.ss-container:active .ss-scroll, .ss-container:hover .ss-scroll {
    opacity: 1
}

.ss-container .ss-grabbed {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.theme-light .ss-container .ss-scroll {
    background: rgba(41, 42, 51, .7)
}

.theme-dark .ss-container .ss-scroll {
    background: #6f7285
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    visibility: visible;
    max-width: 100%;
    max-height: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0
}

.simplebar-content:after, .simplebar-content:before {
    content: ' ';
    display: table;
    clear: both
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: '';
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    cursor: pointer;
    transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .7;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 10px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.theme-light .simplebar-scrollbar:before {
    background: #292a33
}

.theme-dark .simplebar-scrollbar:before {
    background: #484b62
}

.player-container {
    position: relative;
    width: 100%;
    z-index: 1;
    background-color: #000
}

.player-container:after {
    content: '';
    display: block;
    padding-top: 56.25%
}

.player-container .player-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.live-alert-wrapper {
    position: fixed;
    bottom: 2em;
    z-index: 20;
    right: 3em;
    width: 15em;
    background-color: #fff;
    border-radius: 3px;
    padding: .25em;
    box-shadow: 0 0 5px 0 #000;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateY(200px);
    transform: translateY(200px)
}

.live-alert-wrapper.active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.live-alert-wrapper .ratio {
    padding-top: 57%;
    display: block
}

.live-alert-wrapper .badget {
    background: #e64a19;
    padding: .5em .75em;
    top: .3125em;
    right: .3125em;
    position: absolute;
    font-size: .6em
}

.live-alert-wrapper .dark {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5)
}

.live-alert-wrapper .text {
    position: absolute;
    color: #fff;
    display: inline-block;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: .75em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 .625em
}

.live-alert-wrapper .text .play-holder {
    width: 4em;
    height: 4em;
    display: block;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 0 auto .5em;
    fill: #fff;
    position: relative
}

.live-alert-wrapper .text .play-holder .icon {
    position: absolute;
    top: 50%;
    left: 60%;
    width: 2em;
    height: 2em;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.live-alert-wrapper .icon-holder {
    position: absolute;
    width: 1.75em;
    height: 1.75em;
    background: #6f7285;
    left: -.7em;
    top: -.9em;
    border-radius: 50%;
    z-index: 2
}

.live-alert-wrapper .icon-holder .icon {
    fill: #fff;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

.live-alert-wrapper a {
    background-size: cover;
    position: relative;
    display: block;
    color: #fff
}

.empty-box > img {
    max-width: 170px;
    margin: 0 auto 2em
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s right, .2s -webkit-transform;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.list-banner .banner {
    background-size: cover;
    background-repeat: no-repeat
}

.list-banner .banner.banner-filimo:before {
    content: '';
    position: absolute;
    top: 0;
    left: 45%;
    right: 0;
    bottom: 0
}

.list-banner .banner .brand {
    width: 7em
}

.list-banner .banner .logo-brand {
    width: 6em;
    height: 2em
}

.list-banner .banner .thumb {
    width: 5em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.list-banner .banner .thumb:before {
    content: '';
    display: block;
    padding-top: 130%
}

@media (max-width: 669px) {
    .list-banner {
        font-size: .8em
    }

    .list-banner .item {
        padding: 0 .5em
    }

    .list-banner .caption {
        display: none
    }

    .list-banner .banner .brand {
        width: 6em
    }

    .list-banner .banner .logo-brand {
        width: 5em
    }

    .list-banner .thumb {
        width: 6em
    }
}

@media (min-width: 670px) {
    .list-banner .brand-logo {
        display: none
    }
}

.theme-light .list-banner .banner.banner-filimo:before {
    background: #fff;
    box-shadow: 0 0 50px 70px #fff
}

.theme-dark .list-banner .banner.banner-filimo:before {
    background: #292a33;
    box-shadow: 0 0 50px 70px #292a33
}

@media (min-width: 242px) {
    .li:not(.l-theater) .list-wrapper {
        width: 100%;
        padding: 0 14px
    }
}

@media (min-width: 456px) {
    .li:not(.l-theater) .list-wrapper {
        width: 456px;
        padding: 0 14px
    }
}

@media (min-width: 670px) {
    .li:not(.l-theater) .list-wrapper {
        width: 670px;
        padding: 0 14px
    }
}

@media (min-width: 884px) {
    .li:not(.l-theater) .list-wrapper {
        width: 884px;
        padding: 0 14px
    }
}

@media (min-width: 1138px) {
    .main:not([data-sidebar]) .li:not(.l-theater) .list-wrapper {
        width: 1098px;
        padding: 0 14px
    }

    .main[data-sidebar] .li:not(.l-theater) .list-wrapper {
        width: 884px;
        padding: 0 14px
    }

    .main[data-so]:not([data-sidebar]) .li:not(.l-theater) .list-wrapper, .main[data-so][data-sidebar] .li:not(.l-theater) .list-wrapper {
        width: 1098px;
        padding: 0 14px
    }
}

@media (min-width: 1352px) {
    .main:not([data-sidebar]) .li:not(.l-theater) .list-wrapper {
        width: 1312px;
        padding: 0 14px
    }

    .main[data-sidebar] .li:not(.l-theater) .list-wrapper {
        width: 1098px;
        padding: 0 14px
    }

    .main[data-so]:not([data-sidebar]) .li:not(.l-theater) .list-wrapper, .main[data-so][data-sidebar] .li:not(.l-theater) .list-wrapper {
        width: 1312px;
        padding: 0 14px
    }
}

@media (min-width: 1592px) {
    .main.main .li:not(.l-theater) .list-wrapper {
        width: 1312px;
        padding: 0 14px
    }
}

.device-mobile .list-item[data-list=slider] .list-content {
    margin: 0 -1em
}

.device-mobile .list-item .list-wrapper {
    width: 100%;
    padding-right: 1em;
    padding-left: 1em
}

.device-mobile .list-item .list-header .list-caption {
    display: none
}

.device-desktop [data-grid=normal] .list-wrapper {
    max-width: 1200px;
    width: 100%;
    padding-right: 1em;
    padding-left: 1em
}

.list-item {
    width: 100%;
    font-size: 1em
}

.list-item:not(.l-theater):first-child {
    padding-top: 1em
}

.list-item:not(.l-theater):last-child {
    padding-bottom: 1em
}

.list-item:not(.l-theater) .list-wrapper.list-wrapper.list-wrapper.list-wrapper {
    padding-top: 1.4286em;
    padding-bottom: 1.4286em
}

.list-item .list-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    margin: 0 auto
}

.list-item .list-content, .list-item .list-footer, .list-item .list-header {
    display: flex
}

.list-item .list-header {
    flex-direction: row;
    align-items: center;
    margin-bottom: 1.4286em
}

@media (max-width: 669px) {
    .list-item .list-header {
        font-size: .85em
    }
}

.list-item .list-header .item {
    display: flex;
    flex-grow: 0;
    align-items: center
}

.list-item .list-header .item:first-child {
    width: 70%;
    justify-content: flex-start
}

@media (min-width: 670px) {
    .list-item .list-header .item:first-child .list-followers {
        display: none
    }
}

.list-item .list-header .item:last-child {
    width: 30%;
    justify-content: flex-end
}

@media (max-width: 669px) {
    .list-item .list-header .item:last-child .list-followers {
        display: none
    }

    .list-item .list-header .item:last-child {
        width: 70%
    }
}

.list-item .list-header .item.full {
    width: 100%;
    flex-shrink: 0;
    justify-content: flex-start
}

.list-item .list-header .item [class*=priority] > .icon {
    font-size: 1em
}

.list-item .list-header .inline-flex {
    display: inline-flex;
    align-items: center
}

.list-item .list-header .flex-end {
    justify-content: flex-start
}

.list-item .list-header .list-avatar {
    margin-left: .75em
}

.list-item .list-header .list-icon {
    margin-left: .5em
}

.list-item .list-header .list-icon {
    font-size: 1.4em
}

.list-item .list-header .list-icon .icon {
    fill: #6f7285
}

.list-item .list-header .list-header-title {
    width: 90%;
    padding-left: 1em
}

.list-item .list-header .list-header-title .list-followers {
    margin: .25em 0 0
}

@media (max-width: 669px) {
    .list-item .list-header .list-header-title {
        flex-wrap: wrap;
        align-items: flex-start
    }
}

.list-item .list-header .list-title {
    display: inline-flex;
    font-size: 1.1em
}

.list-item .list-header .list-title .title {
    width: 100%;
    color: inherit
}

@media (max-width: 669px) {
    .list-item .list-header .list-title {
        width: 100%
    }

    .list-item .list-header .list-title .title > span {
        max-width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (min-width: 670px) {
    .list-item .list-header .list-title {
        max-width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.list-item .list-header .list-caption.rising.rising {
    font-size: .8em;
    padding: 0 .5em;
    border-radius: 2px;
    background-color: rgba(5, 163, 232, .15)
}

@media (max-width: 669px) {
    .list-item .list-header .list-caption {
        font-size: .8em;
        max-width: 100%;
        margin-left: .5em
    }
}

@media (min-width: 670px) {
    .list-item .list-header .list-caption {
        font-size: .9em;
        max-width: 30%;
        margin-right: .75em
    }
}

.list-item .list-header .list-caption ~ .list-followers {
    display: none
}

.list-item .list-tags {
    margin-right: .5em
}

@media (max-width: 883px) {
    .list-item .list-tags {
        display: none
    }
}

@media (min-width: 884px) and (max-width: 1138px) {
    .list-item .list-tags .tag:nth-child(n+4) {
        display: none
    }
}

@media (min-width: 1138px) and (max-width: 1352px) {
    .list-item .list-tags .tag:nth-child(n+6) {
        display: none
    }
}

@media (min-width: 1352px) {
    .list-item .list-tags .tag:nth-child(n+10) {
        display: none
    }
}

.list-item .list-tags .tag {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .5em
}

.list-item .list-tags .tag > a {
    display: inline-block;
    font-size: .85em;
    transition: color .2s ease
}

.list-item .list-content {
    position: relative
}

.list-item .list-footer .channel-more-btn {
    margin: 1.5em auto 0
}

.list-item:not(:last-child) .list-footer {
    padding-bottom: .5em
}

.list-item:not(:last-child) .list-wrapper:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 1em;
    left: 1em
}

.theme-light .list-item .list-header .list-title {
    color: #484b62
}

.theme-light .list-item .list-tags .tag > a {
    color: #6f7285
}

.theme-light .list-item .list-tags .tag > a:hover {
    color: #e64a19
}

.theme-light .list-item:not(:last-child) .list-wrapper:after {
    border-bottom: 1px solid #f5f5f9
}

.theme-dark .list-item .list-tags .tag > a, .theme-dark.list-item .list-tags .tag > a {
    color: #9da1b1
}

.theme-dark .list-item .list-tags .tag > a:hover, .theme-dark.list-item .list-tags .tag > a:hover {
    color: #e64a19
}

.theme-dark .list-item:not(:last-child) .list-wrapper:after, .theme-dark.list-item:not(:last-child) .list-wrapper:after {
    border-bottom: 1px solid #292a33
}

.theme-dark .list-item .list-header .list-title {
    color: #e6e7ef
}

.theme-dark.list-item .list-header .list-title {
    color: #fbfbfc
}

.theme-dark.list-item .thumbnail-live .thumb-title > a, .theme-dark.list-item .thumbnail-playlist .thumb-title > a, .theme-dark.list-item .thumbnail-story .thumb-title > a, .theme-dark.list-item .thumbnail-video .thumb-title > a {
    color: #fbfbfc
}

.theme-dark.list-item .thumbnail-live .thumb-channel, .theme-dark.list-item .thumbnail-live .thumb-view-date, .theme-dark.list-item .thumbnail-playlist .thumb-channel, .theme-dark.list-item .thumbnail-playlist .thumb-view-date, .theme-dark.list-item .thumbnail-story .thumb-channel, .theme-dark.list-item .thumbnail-story .thumb-view-date, .theme-dark.list-item .thumbnail-video .thumb-channel, .theme-dark.list-item .thumbnail-video .thumb-view-date {
    color: #d3d6e0
}

.theme-dark.list-item .thumbnail-live .thumb-view-date .icon, .theme-dark.list-item .thumbnail-playlist .thumb-view-date .icon, .theme-dark.list-item .thumbnail-story .thumb-view-date .icon, .theme-dark.list-item .thumbnail-video .thumb-view-date .icon {
    fill: #d3d6e0
}

.carousel {
    width: 100%
}

.carousel .swiper-wrapper {
    height: auto
}

.carousel.carousel-movie .carousel-item, .carousel.carousel-thumb .carousel-item {
    height: auto
}

.device-mobile .carousel .swiper-wrapper {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-overflow-scrolling: touch
}

.device-mobile .carousel.carousel-movie .item.item.item, .device-mobile .carousel.carousel-thumb .item.item.item {
    display: inline-flex;
    box-sizing: border-box;
    padding: 0 2px
}

@media (max-width: 455px) {
    .device-mobile .carousel.carousel-movie .item.item.item, .device-mobile .carousel.carousel-thumb .item.item.item {
        max-width: 214px;
        width: 45%
    }

    .device-mobile .carousel.carousel-movie .item.item.item:first-child, .device-mobile .carousel.carousel-movie .item.item.item:last-child, .device-mobile .carousel.carousel-thumb .item.item.item:first-child, .device-mobile .carousel.carousel-thumb .item.item.item:last-child {
        max-width: calc(212px + 1em);
        width: calc(45% + 1em)
    }

    .device-mobile .carousel.carousel-movie .item.item.item:first-child, .device-mobile .carousel.carousel-thumb .item.item.item:first-child {
        padding-right: 1em
    }

    .device-mobile .carousel.carousel-movie .item.item.item:last-child, .device-mobile .carousel.carousel-thumb .item.item.item:last-child {
        padding-left: 1em
    }
}

@media (min-width: 456px) {
    .device-mobile .carousel.carousel-movie .item.item.item, .device-mobile .carousel.carousel-thumb .item.item.item {
        max-width: 214px;
        width: 40%
    }

    .device-mobile .carousel.carousel-movie .item.item.item:first-child, .device-mobile .carousel.carousel-movie .item.item.item:last-child, .device-mobile .carousel.carousel-thumb .item.item.item:first-child, .device-mobile .carousel.carousel-thumb .item.item.item:last-child {
        max-width: calc(212px + 1em);
        width: calc(40% + 1em)
    }

    .device-mobile .carousel.carousel-movie .item.item.item:first-child, .device-mobile .carousel.carousel-thumb .item.item.item:first-child {
        padding-right: 1em
    }

    .device-mobile .carousel.carousel-movie .item.item.item:last-child, .device-mobile .carousel.carousel-thumb .item.item.item:last-child {
        padding-left: 1em
    }
}

.device-mobile .carousel.carousel-channel .item.item.item {
    display: inline-flex;
    box-sizing: border-box;
    padding: 0 2px
}

@media (max-width: 455px) {
    .device-mobile .carousel.carousel-channel .item.item.item {
        max-width: 214px;
        width: 40%
    }

    .device-mobile .carousel.carousel-channel .item.item.item:first-child, .device-mobile .carousel.carousel-channel .item.item.item:last-child {
        max-width: calc(212px + 1em);
        width: calc(40% + 1em)
    }

    .device-mobile .carousel.carousel-channel .item.item.item:first-child {
        padding-right: 1em
    }

    .device-mobile .carousel.carousel-channel .item.item.item:last-child {
        padding-left: 1em
    }
}

@media (min-width: 456px) {
    .device-mobile .carousel.carousel-channel .item.item.item {
        max-width: 214px;
        width: 140px
    }

    .device-mobile .carousel.carousel-channel .item.item.item:first-child, .device-mobile .carousel.carousel-channel .item.item.item:last-child {
        max-width: calc(212px + 1em);
        width: calc(140px + 1em)
    }

    .device-mobile .carousel.carousel-channel .item.item.item:first-child {
        padding-right: 1em
    }

    .device-mobile .carousel.carousel-channel .item.item.item:last-child {
        padding-left: 1em
    }
}

.device-mobile .carousel.carousel-poster .item.item.item {
    display: inline-flex;
    box-sizing: border-box;
    padding: 0 2px
}

@media (max-width: 455px) {
    .device-mobile .carousel.carousel-poster .item.item.item {
        max-width: 214px;
        width: 37%
    }

    .device-mobile .carousel.carousel-poster .item.item.item:first-child, .device-mobile .carousel.carousel-poster .item.item.item:last-child {
        max-width: calc(212px + 1em);
        width: calc(37% + 1em)
    }

    .device-mobile .carousel.carousel-poster .item.item.item:first-child {
        padding-right: 1em
    }

    .device-mobile .carousel.carousel-poster .item.item.item:last-child {
        padding-left: 1em
    }
}

@media (min-width: 456px) {
    .device-mobile .carousel.carousel-poster .item.item.item {
        max-width: 214px;
        width: 150px
    }

    .device-mobile .carousel.carousel-poster .item.item.item:first-child, .device-mobile .carousel.carousel-poster .item.item.item:last-child {
        max-width: calc(212px + 1em);
        width: calc(150px + 1em)
    }

    .device-mobile .carousel.carousel-poster .item.item.item:first-child {
        padding-right: 1em
    }

    .device-mobile .carousel.carousel-poster .item.item.item:last-child {
        padding-left: 1em
    }
}

.device-mobile .carousel-arrow {
    display: none
}

.device-mobile .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 1;
    background: rgba(211, 214, 224, .5)
}

.device-mobile .swiper-pagination-bullet-active {
    background: #05a3e8
}

.device-desktop .li:not(.l-theater) .carousel {
    margin: -2px
}

.device-desktop .carousel.carousel-movie:not([data-grid-ads]) .carousel-item.carousel-item.carousel-item.carousel-item, .device-desktop .carousel.carousel-thumb:not([data-grid-ads]) .carousel-item.carousel-item.carousel-item.carousel-item {
    display: inline-flex;
    width: 214px;
    padding: 0 2px;
    box-sizing: border-box
}

.device-desktop .carousel.carousel-thumb:not([data-grid-ads]) ~ .carousel-arrow {
    height: 119.7px
}

.device-desktop .carousel.carousel-movie ~ .carousel-arrow {
    height: 119.7px
}

@media (min-width: 242px) {
    .device-desktop .carousel.carousel-channel .item, .device-desktop .carousel.carousel-poster .item {
        width: 50%
    }
}

@media (min-width: 456px) {
    .device-desktop .carousel.carousel-channel .item, .device-desktop .carousel.carousel-poster .item {
        width: 33.33333%
    }
}

@media (min-width: 670px) {
    .device-desktop .carousel.carousel-channel .item, .device-desktop .carousel.carousel-poster .item {
        width: 20%
    }
}

@media (min-width: 884px) {
    .device-desktop .carousel.carousel-channel .item, .device-desktop .carousel.carousel-poster .item {
        width: 16.66667%
    }
}

@media (min-width: 1138px) {
    .device-desktop .carousel.carousel-channel .item, .device-desktop .carousel.carousel-poster .item {
        width: 14.28571%
    }
}

@media (min-width: 1352px) {
    .device-desktop .carousel.carousel-channel .item, .device-desktop .carousel.carousel-poster .item {
        width: 12.5%
    }
}

@media (min-width: 1592px) {
    .device-desktop .carousel.carousel-channel .item, .device-desktop .carousel.carousel-poster .item {
        width: 12.5%
    }
}

.device-desktop .carousel.carousel-channel.carousel-channel .item.item.item {
    display: block;
    display: inline-flex;
    box-sizing: border-box
}

.device-desktop .carousel.carousel-channel ~ .carousel-arrow {
    height: 80%
}

.device-desktop .carousel.carousel-poster .item {
    padding: 0 2px;
    box-sizing: border-box
}

.device-desktop .carousel.carousel-poster ~ .carousel-arrow {
    height: 82%
}

.device-desktop .carousel-arrow {
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.device-desktop .carousel-arrow.is-hidden {
    display: none
}

.device-desktop .carousel-arrow button {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    outline: 0;
    border: none;
    border-radius: 50%;
    cursor: pointer
}

.device-desktop .carousel-arrow button .icon {
    font-size: 2.5em
}

.device-desktop .carousel-arrow button:hover {
    background-color: #e64a19
}

.device-desktop .carousel-arrow button:hover .icon {
    fill: #fff
}

.device-desktop .carousel-arrow.next {
    left: -17px
}

.device-desktop .carousel-arrow.prev {
    right: -20px
}

@media (min-width: 242px) {
    .device-desktop .swiper-pagination {
        width: 100%;
        padding: 0 14px
    }
}

@media (min-width: 456px) {
    .device-desktop .swiper-pagination {
        width: 456px;
        padding: 0 14px
    }
}

@media (min-width: 670px) {
    .device-desktop .swiper-pagination {
        width: 670px;
        padding: 0 14px
    }
}

@media (min-width: 884px) {
    .device-desktop .swiper-pagination {
        width: 884px;
        padding: 0 14px
    }
}

@media (min-width: 1138px) {
    .device-desktop .main:not([data-sidebar]) .swiper-pagination {
        width: 1098px;
        padding: 0 14px
    }

    .device-desktop .main[data-sidebar] .swiper-pagination {
        width: 884px;
        padding: 0 14px
    }

    .device-desktop .main[data-so]:not([data-sidebar]) .swiper-pagination, .device-desktop .main[data-so][data-sidebar] .swiper-pagination {
        width: 1098px;
        padding: 0 14px
    }
}

@media (min-width: 1352px) {
    .device-desktop .main:not([data-sidebar]) .swiper-pagination {
        width: 1312px;
        padding: 0 14px
    }

    .device-desktop .main[data-sidebar] .swiper-pagination {
        width: 1098px;
        padding: 0 14px
    }

    .device-desktop .main[data-so]:not([data-sidebar]) .swiper-pagination, .device-desktop .main[data-so][data-sidebar] .swiper-pagination {
        width: 1312px;
        padding: 0 14px
    }
}

@media (min-width: 1592px) {
    .device-desktop .main.main .swiper-pagination {
        width: 1312px;
        padding: 0 14px
    }
}

.device-desktop .swiper-pagination {
    position: absolute;
    left: 50%;
    bottom: 2em;
    text-align: left;
    line-height: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    overflow: hidden
}

@media (max-width: 740px) {
    .device-desktop .swiper-pagination {
        font-size: .4em
    }
}

@media (max-width: 991px) and (min-width: 741px) {
    .device-desktop .swiper-pagination {
        font-size: .6em
    }
}

@media (max-width: 1279px) and (min-width: 992px) {
    .device-desktop .swiper-pagination {
        font-size: .8em
    }
}

.device-desktop .swiper-pagination-bullet {
    display: inline-block;
    width: 4em;
    height: auto;
    opacity: .7;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, .5);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.device-desktop .swiper-pagination-bullet:before {
    content: '';
    display: block;
    padding-top: 65%
}

.device-desktop .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    border-color: #e64a19
}

@media (min-width: 242px) and (max-width: 456px) {
    [data-grid-rows="1"][data-grid-ads] .item:not(:nth-child(-n+2)) {
        display: none
    }

    [data-grid-rows="1"]:not([data-grid-ads]) .item:not(:nth-child(-n+1)) {
        display: none
    }

    [data-grid-rows="2"][data-grid-ads] .item:not(:nth-child(-n+3)) {
        display: none
    }

    [data-grid-rows="2"]:not([data-grid-ads]) .item:not(:nth-child(-n+2)) {
        display: none
    }

    [data-grid-rows="3"][data-grid-ads] .item:not(:nth-child(-n+4)) {
        display: none
    }

    [data-grid-rows="3"]:not([data-grid-ads]) .item:not(:nth-child(-n+3)) {
        display: none
    }
}

@media (min-width: 456px) and (max-width: 670px) {
    [data-grid-rows="1"][data-grid-ads] .item:not(:nth-child(-n+3)) {
        display: none
    }

    [data-grid-rows="1"]:not([data-grid-ads]) .item:not(:nth-child(-n+2)) {
        display: none
    }

    [data-grid-rows="2"][data-grid-ads] .item:not(:nth-child(-n+5)) {
        display: none
    }

    [data-grid-rows="2"]:not([data-grid-ads]) .item:not(:nth-child(-n+4)) {
        display: none
    }

    [data-grid-rows="3"][data-grid-ads] .item:not(:nth-child(-n+7)) {
        display: none
    }

    [data-grid-rows="3"]:not([data-grid-ads]) .item:not(:nth-child(-n+6)) {
        display: none
    }
}

@media (min-width: 670px) and (max-width: 884px) {
    [data-grid-rows="1"][data-grid-ads] .item:not(:nth-child(-n+4)) {
        display: none
    }

    [data-grid-rows="1"]:not([data-grid-ads]) .item:not(:nth-child(-n+3)) {
        display: none
    }

    [data-grid-rows="2"][data-grid-ads] .item:not(:nth-child(-n+7)) {
        display: none
    }

    [data-grid-rows="2"]:not([data-grid-ads]) .item:not(:nth-child(-n+6)) {
        display: none
    }

    [data-grid-rows="3"][data-grid-ads] .item:not(:nth-child(-n+10)) {
        display: none
    }

    [data-grid-rows="3"]:not([data-grid-ads]) .item:not(:nth-child(-n+9)) {
        display: none
    }
}

@media (min-width: 884px) and (max-width: 1138px) {
    [data-grid-rows="1"][data-grid-ads] .item:not(:nth-child(-n+5)) {
        display: none
    }

    [data-grid-rows="1"]:not([data-grid-ads]) .item:not(:nth-child(-n+4)) {
        display: none
    }

    [data-grid-rows="2"][data-grid-ads] .item:not(:nth-child(-n+9)) {
        display: none
    }

    [data-grid-rows="2"]:not([data-grid-ads]) .item:not(:nth-child(-n+8)) {
        display: none
    }

    [data-grid-rows="3"][data-grid-ads] .item:not(:nth-child(-n+13)) {
        display: none
    }

    [data-grid-rows="3"]:not([data-grid-ads]) .item:not(:nth-child(-n+12)) {
        display: none
    }
}

@media (min-width: 1138px) and (max-width: 1352px) {
    .main:not([data-so])[data-sidebar] [data-grid-rows="1"][data-grid-ads] .item:not(:nth-child(-n+1)) {
        display: none
    }

    .main:not([data-so])[data-sidebar] [data-grid-rows="1"]:not([data-grid-ads]) .item:not(:nth-child(-n+4)) {
        display: none
    }

    .main [data-grid-rows="1"][data-grid-ads] .item:not(:nth-child(-n+2)) {
        display: none
    }

    .main [data-grid-rows="1"] .item:not(:nth-child(-n+5)) {
        display: none
    }

    .main[data-so]:not([data-sidebar]) [data-grid-rows="1"][data-grid-ads] .item:not(:nth-child(-n+2)), .main[data-so][data-sidebar] [data-grid-rows="1"][data-grid-ads] .item:not(:nth-child(-n+2)) {
        display: none
    }

    .main[data-so]:not([data-sidebar]) [data-grid-rows="1"] .item:not(:nth-child(-n+5)), .main[data-so][data-sidebar] [data-grid-rows="1"] .item:not(:nth-child(-n+5)) {
        display: none
    }

    .main:not([data-so])[data-sidebar] [data-grid-rows="2"][data-grid-ads] .item:not(:nth-child(-n+5)) {
        display: none
    }

    .main:not([data-so])[data-sidebar] [data-grid-rows="2"]:not([data-grid-ads]) .item:not(:nth-child(-n+8)) {
        display: none
    }

    .main [data-grid-rows="2"][data-grid-ads] .item:not(:nth-child(-n+7)) {
        display: none
    }

    .main [data-grid-rows="2"] .item:not(:nth-child(-n+10)) {
        display: none
    }

    .main[data-so]:not([data-sidebar]) [data-grid-rows="2"][data-grid-ads] .item:not(:nth-child(-n+7)), .main[data-so][data-sidebar] [data-grid-rows="2"][data-grid-ads] .item:not(:nth-child(-n+7)) {
        display: none
    }

    .main[data-so]:not([data-sidebar]) [data-grid-rows="2"] .item:not(:nth-child(-n+10)), .main[data-so][data-sidebar] [data-grid-rows="2"] .item:not(:nth-child(-n+10)) {
        display: none
    }

    .main:not([data-so])[data-sidebar] [data-grid-rows="3"][data-grid-ads] .item:not(:nth-child(-n+9)) {
        display: none
    }

    .main:not([data-so])[data-sidebar] [data-grid-rows="3"]:not([data-grid-ads]) .item:not(:nth-child(-n+12)) {
        display: none
    }

    .main [data-grid-rows="3"][data-grid-ads] .item:not(:nth-child(-n+12)) {
        display: none
    }

    .main [data-grid-rows="3"] .item:not(:nth-child(-n+15)) {
        display: none
    }

    .main[data-so]:not([data-sidebar]) [data-grid-rows="3"][data-grid-ads] .item:not(:nth-child(-n+12)), .main[data-so][data-sidebar] [data-grid-rows="3"][data-grid-ads] .item:not(:nth-child(-n+12)) {
        display: none
    }

    .main[data-so]:not([data-sidebar]) [data-grid-rows="3"] .item:not(:nth-child(-n+15)), .main[data-so][data-sidebar] [data-grid-rows="3"] .item:not(:nth-child(-n+15)) {
        display: none
    }
}

@media (min-width: 1352px) and (max-width: 1592px) {
    .main:not([data-so])[data-sidebar] [data-grid-rows="1"][data-grid-ads] .item:not(:nth-child(-n+2)) {
        display: none
    }

    .main:not([data-so])[data-sidebar] [data-grid-rows="1"]:not([data-grid-ads]) .item:not(:nth-child(-n+5)) {
        display: none
    }

    .main [data-grid-rows="1"][data-grid-ads] .item:not(:nth-child(-n+3)) {
        display: none
    }

    .main [data-grid-rows="1"] .item:not(:nth-child(-n+6)) {
        display: none
    }

    .main[data-so]:not([data-sidebar]) [data-grid-rows="1"][data-grid-ads] .item:not(:nth-child(-n+3)), .main[data-so][data-sidebar] [data-grid-rows="1"][data-grid-ads] .item:not(:nth-child(-n+3)) {
        display: none
    }

    .main[data-so]:not([data-sidebar]) [data-grid-rows="1"] .item:not(:nth-child(-n+6)), .main[data-so][data-sidebar] [data-grid-rows="1"] .item:not(:nth-child(-n+6)) {
        display: none
    }

    .main:not([data-so])[data-sidebar] [data-grid-rows="2"][data-grid-ads] .item:not(:nth-child(-n+7)) {
        display: none
    }

    .main:not([data-so])[data-sidebar] [data-grid-rows="2"]:not([data-grid-ads]) .item:not(:nth-child(-n+10)) {
        display: none
    }

    .main [data-grid-rows="2"][data-grid-ads] .item:not(:nth-child(-n+9)) {
        display: none
    }

    .main [data-grid-rows="2"] .item:not(:nth-child(-n+12)) {
        display: none
    }

    .main[data-so]:not([data-sidebar]) [data-grid-rows="2"][data-grid-ads] .item:not(:nth-child(-n+9)), .main[data-so][data-sidebar] [data-grid-rows="2"][data-grid-ads] .item:not(:nth-child(-n+9)) {
        display: none
    }

    .main[data-so]:not([data-sidebar]) [data-grid-rows="2"] .item:not(:nth-child(-n+12)), .main[data-so][data-sidebar] [data-grid-rows="2"] .item:not(:nth-child(-n+12)) {
        display: none
    }

    .main:not([data-so])[data-sidebar] [data-grid-rows="3"][data-grid-ads] .item:not(:nth-child(-n+12)) {
        display: none
    }

    .main:not([data-so])[data-sidebar] [data-grid-rows="3"]:not([data-grid-ads]) .item:not(:nth-child(-n+15)) {
        display: none
    }

    .main [data-grid-rows="3"][data-grid-ads] .item:not(:nth-child(-n+15)) {
        display: none
    }

    .main [data-grid-rows="3"] .item:not(:nth-child(-n+18)) {
        display: none
    }

    .main[data-so]:not([data-sidebar]) [data-grid-rows="3"][data-grid-ads] .item:not(:nth-child(-n+15)), .main[data-so][data-sidebar] [data-grid-rows="3"][data-grid-ads] .item:not(:nth-child(-n+15)) {
        display: none
    }

    .main[data-so]:not([data-sidebar]) [data-grid-rows="3"] .item:not(:nth-child(-n+18)), .main[data-so][data-sidebar] [data-grid-rows="3"] .item:not(:nth-child(-n+18)) {
        display: none
    }
}

@media (min-width: 1592px) {
    [data-grid-rows="1"][data-grid-ads] .item:not(:nth-child(-n+3)) {
        display: none
    }

    [data-grid-rows="1"]:not([data-grid-ads]) .item:not(:nth-child(-n+6)) {
        display: none
    }

    [data-grid-rows="2"][data-grid-ads] .item:not(:nth-child(-n+9)) {
        display: none
    }

    [data-grid-rows="2"]:not([data-grid-ads]) .item:not(:nth-child(-n+12)) {
        display: none
    }

    [data-grid-rows="3"][data-grid-ads] .item:not(:nth-child(-n+15)) {
        display: none
    }

    [data-grid-rows="3"]:not([data-grid-ads]) .item:not(:nth-child(-n+18)) {
        display: none
    }
}

[data-detailside] {
    width: 100%
}

[class^=grid] .box {
    width: 100%
}

[class^=grid] .box .box-content {
    padding: 0
}

.grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 1em
}

.grid > .item {
    margin: 0 2px 20px
}

.grid, .grid-carousel, .grid-thumbnail, .grid-thumbnail-ads {
    margin-left: -2px;
    margin-right: -2px
}

.grid, .grid-carousel, .grid-thumbnail {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin: 0 auto
}

.grid-carousel > .item, .grid-thumbnail > .item, .grid > .item {
    display: inline-flex;
    flex-basis: auto;
    flex-wrap: wrap;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 100%
}

.grid-carousel > .item:not(.carousel-item), .grid-thumbnail > .item:not(.carousel-item), .grid > .item:not(.carousel-item) {
    width: 100%;
    margin-bottom: 20px
}

.grid-thumbnail-ads > .item {
    display: block;
    float: right;
    min-height: 235px;
    padding-bottom: 10px;
    margin: 0 2px
}

.grid-thumbnail {
    flex-wrap: wrap
}

.grid-thumbnail:not([data-detailside]) > .item {
    margin: 0 2px 20px
}

.grid-thumbnail[data-detailside] > .item {
    margin: 0 0 8px
}

.grid-thumbnail[data-detailside] > .item:last-child {
    margin-bottom: 0
}

.grid-detailside {
    flex-direction: column
}

.grid-detailside > .item {
    margin-bottom: 20px
}

.grid-carousel {
    flex-direction: column
}

.grid-carousel > .item {
    margin: 0 2px 20px
}

.grid-poster {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

@media (min-width: 242px) {
    .grid-poster .item {
        width: 50%
    }
}

@media (min-width: 456px) {
    .grid-poster .item {
        width: 33.33333%
    }
}

@media (min-width: 670px) {
    .grid-poster .item {
        width: 20%
    }
}

@media (min-width: 884px) {
    .grid-poster .item {
        width: 16.66667%
    }
}

@media (min-width: 1138px) {
    .grid-poster .item {
        width: 14.28571%
    }
}

@media (min-width: 1352px) {
    .grid-poster .item {
        width: 12.5%
    }
}

@media (min-width: 1592px) {
    .grid-poster .item {
        width: 12.5%
    }
}

.grid-poster > .item.item.item.item.item {
    display: inline-flex;
    padding: 0 2px 20px
}

.grid-channel .item:not(:last-child) {
    border-bottom: 1px solid #f5f5f9
}

.grid-channel .item:first-child .thumbnail-channel {
    padding-top: 0
}

.grid-channel .item:last-child .thumbnail-channel {
    padding-bottom: 0
}

.grid-channel[data-grid-rows="2"] .item:not(:nth-child(-n+2)) {
    display: none
}

@media (max-width: 455px) {
    .device-desktop [data-grid-fixed]:not([data-detailside]).grid-thumbnail, .device-desktop [data-grid-fixed]:not([data-detailside]).grid-thumbnail-ads {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .device-desktop [data-grid-fixed]:not([data-detailside]).grid-thumbnail-ads > .item, .device-desktop [data-grid-fixed]:not([data-detailside]).grid-thumbnail > .item {
        width: calc(50% - 4px);
        min-height: initial;
        float: none
    }
}

@media (min-width: 456px) {
    .device-desktop [data-grid-fixed]:not([data-detailside]).grid-thumbnail-ads > .item, .device-desktop [data-grid-fixed]:not([data-detailside]).grid-thumbnail > .item {
        width: 210px
    }
}

@media (max-width: 455px) {
    .device-mobile .grid-thumbnail-ads, .device-mobile .grid-thumbnail:not([data-detailside]) {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }

    .device-mobile .grid-thumbnail-ads > .item.item.item, .device-mobile .grid-thumbnail:not([data-detailside]) > .item.item.item {
        display: inherit;
        min-height: auto;
        width: calc(50% - 4px)
    }

    .device-mobile .grid-thumbnail:not([data-detailside])[data-grid-rows="2"] > .item.item:not(:nth-child(-n+4)) {
        display: none
    }

    .device-mobile .grid-thumbnail-ads[data-grid-rows="2"] > .item.item:not(:nth-child(-n+4)) {
        display: none
    }
}

@media (min-width: 456px) {
    .device-mobile .grid-thumbnail-ads, .device-mobile .grid-thumbnail:not([data-detailside]) {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }

    .device-mobile .grid-thumbnail-ads > .item.item.item, .device-mobile .grid-thumbnail:not([data-detailside]) > .item.item.item {
        display: inherit;
        min-height: auto;
        width: calc(33.333% - 4px)
    }

    .device-mobile .grid-thumbnail:not([data-detailside])[data-grid-rows="2"] > .item.item:not(:nth-child(-n+6)) {
        display: none
    }

    .device-mobile .grid-thumbnail-ads[data-grid-rows="2"] > .item.item:not(:nth-child(-n+7)) {
        display: none
    }
}

@media (min-width: 242px) {
    .thumbnail-theater .thumb-details {
        width: 100%;
        padding: 0 14px
    }
}

@media (min-width: 456px) {
    .thumbnail-theater .thumb-details {
        width: 456px;
        padding: 0 14px
    }
}

@media (min-width: 670px) {
    .thumbnail-theater .thumb-details {
        width: 670px;
        padding: 0 14px
    }
}

@media (min-width: 884px) {
    .thumbnail-theater .thumb-details {
        width: 884px;
        padding: 0 14px
    }
}

@media (min-width: 1138px) {
    .main:not([data-sidebar]) .thumbnail-theater .thumb-details {
        width: 1098px;
        padding: 0 14px
    }

    .main[data-sidebar] .thumbnail-theater .thumb-details {
        width: 884px;
        padding: 0 14px
    }

    .main[data-so]:not([data-sidebar]) .thumbnail-theater .thumb-details, .main[data-so][data-sidebar] .thumbnail-theater .thumb-details {
        width: 1098px;
        padding: 0 14px
    }
}

@media (min-width: 1352px) {
    .main:not([data-sidebar]) .thumbnail-theater .thumb-details {
        width: 1312px;
        padding: 0 14px
    }

    .main[data-sidebar] .thumbnail-theater .thumb-details {
        width: 1098px;
        padding: 0 14px
    }

    .main[data-so]:not([data-sidebar]) .thumbnail-theater .thumb-details, .main[data-so][data-sidebar] .thumbnail-theater .thumb-details {
        width: 1312px;
        padding: 0 14px
    }
}

@media (min-width: 1592px) {
    .main.main .thumbnail-theater .thumb-details {
        width: 1312px;
        padding: 0 14px
    }
}

.thumbnail-theater {
    position: relative;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box
}

@media (min-width: 741px) {
    .thumbnail-theater {
        min-height: 280px
    }
}

@media (max-width: 740px) {
    .thumbnail-theater {
        min-height: 180px
    }
}

.thumbnail-theater:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(41, 42, 51, .5)
}

.thumbnail-theater .thumb-details {
    position: absolute;
    top: 2em;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.thumbnail-theater .thumb-title {
    font-size: 2em;
    margin-bottom: .5em
}

.thumbnail-theater .thumb-title, .thumbnail-theater .thumb-title > a {
    color: #e6e7ef;
    padding: 0 .5em;
    box-sizing: border-box;
    margin-right: -.5em;
    margin-left: -.5em;
    text-shadow: 0 0 10px #212226
}

.thumbnail-theater .thumb-channel {
    font-size: 1em
}

.thumbnail-theater .thumb-channel.thumb-channel {
    color: #e6e7ef
}

.thumbnail-theater .thumb-channel .channel-name {
    overflow: visible;
    text-shadow: 0 0 7px #212226
}

.thumbnail-theater .thumb-button.thumb-button {
    margin-top: 1.5em
}

@media (max-width: 740px) {
    .thumbnail-theater {
        font-size: .9em
    }
}

@media (max-width: 480px) {
    .thumbnail-theater {
        font-size: .75em
    }
}

[data-tooltip] {
    position: relative
}

[data-tooltip]:before {
    content: attr(data-tooltip);
    position: absolute;
    display: block;
    font-size: .9em;
    font-weight: 400;
    text-align: center;
    line-height: 1.6;
    padding: .5em 1em;
    color: #fff;
    white-space: nowrap;
    border-radius: 3px;
    z-index: 20;
    background-color: #484b62
}

[data-tooltip]:after {
    content: '';
    position: absolute
}

[data-tooltip]:after, [data-tooltip]:before {
    opacity: 0;
    visibility: hidden
}

[data-tooltip]:not([data-tooltip-line]):before {
    min-width: 150px;
    max-width: 90vw
}

[data-tooltip][data-tooltip-small]:before {
    font-size: .7em
}

[data-tooltip][data-tooltip-tl]:after {
    top: -10px;
    left: 5px;
    border-left: 3px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #484b62
}

[data-tooltip][data-tooltip-tl]:before {
    top: -10px;
    left: -10px;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

[data-tooltip][data-tooltip-tr]:after {
    top: -10px;
    right: 5px;
    border-left: 5px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid #484b62
}

[data-tooltip][data-tooltip-tr]:before {
    top: -10px;
    right: -10px;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

[data-tooltip][data-tooltip-l]:after, [data-tooltip][data-tooltip-r]:after {
    top: 50%;
    margin-top: -4px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent
}

[data-tooltip][data-tooltip-l]:before, [data-tooltip][data-tooltip-r]:before {
    top: 50%;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

[data-tooltip][data-tooltip-r]:after {
    right: -10px;
    border-right: 5px solid #484b62
}

[data-tooltip][data-tooltip-r]:before {
    right: -10px;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

[data-tooltip][data-tooltip-l]:after {
    left: -11px;
    border-left: 5px solid #484b62
}

[data-tooltip][data-tooltip-l]:before {
    left: -10px;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

[data-tooltip][data-tooltip-b]:after, [data-tooltip][data-tooltip-t]:after {
    left: 50%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-left: -4px
}

[data-tooltip][data-tooltip-b]:before, [data-tooltip][data-tooltip-t]:before {
    left: 50%
}

[data-tooltip][data-tooltip-t]:after {
    top: -11px;
    border-top: 5px solid #484b62
}

[data-tooltip][data-tooltip-t]:before {
    top: -10px;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

[data-tooltip][data-tooltip-b]:after {
    bottom: -11px;
    border-bottom: 5px solid #484b62
}

[data-tooltip][data-tooltip-b]:before {
    bottom: -10px;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

[data-tooltip]:hover:after, [data-tooltip]:hover:before {
    opacity: 1;
    visibility: visible
}

.tooltip {
    position: absolute;
    display: block;
    font-size: .9em;
    font-weight: 300;
    line-height: 1.8;
    text-align: right;
    white-space: normal;
    border-radius: 3px;
    z-index: 20;
    transition: visibility 150ms ease;
    box-shadow: rgba(0, 0, 0, .3) 0 0 7px 0
}

.tooltip-guide, .tooltip-wrap {
    position: relative;
    display: inline-block
}

.tooltip-guide:hover > .tooltip, .tooltip-wrap:hover > .tooltip {
    visibility: visible
}

.tooltip-wrap .tooltip {
    padding: .5em 1em;
    visibility: hidden
}

.tooltip-wrap .tooltip.tooltip-line {
    white-space: nowrap
}

.tooltip-wrap .tooltip:not(.tooltip-line) {
    min-width: 200px;
    max-width: 300px
}

.tooltip-guide .tooltip {
    width: 250px;
    padding: 1em 1.5em 1em 2.5em;
    word-break: break-word;
    background-color: #05a3e8
}

.tooltip-guide .tooltip:after {
    content: '';
    position: absolute
}

.tooltip-guide .tooltip.tooltip-tr {
    left: -5px
}

.tooltip-guide .tooltip.tooltip-tr:after {
    bottom: -6px;
    left: 20px;
    border-top: 7px solid #059fe3;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.tooltip-guide .tooltip.tooltip-tl {
    right: -5px
}

.tooltip-guide .tooltip.tooltip-tl:after {
    bottom: -6px;
    right: 20px;
    border-top: 7px solid #059fe3;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.tooltip-guide .tooltip .close-guide.close-guide.close-guide {
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    padding: 0;
    border: none;
    background: 0 0;
    transition: none
}

.tooltip:before {
    content: '';
    position: absolute;
    top: -20%;
    right: -20%;
    bottom: -20%;
    left: -20%;
    z-index: -1
}

.tooltip-center {
    min-width: auto;
    text-align: center
}

.tooltip-small {
    font-size: .7em;
    white-space: nowrap
}

.tooltip-help {
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    margin-right: .25em
}

.tooltip-tl {
    top: -10px;
    right: 0;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.tooltip-tr {
    top: -10px;
    left: 0;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.tooltip-bl {
    bottom: -10px;
    left: 20px;
    -webkit-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%)
}

.tooltip-br {
    bottom: -10px;
    right: 20px;
    -webkit-transform: translate(100%, 100%);
    transform: translate(100%, 100%)
}

.tooltip-r {
    top: 50%;
    right: -10px;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.tooltip-l {
    top: 50%;
    left: -10px;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}

.tooltip-t {
    top: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.tooltip-b {
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

.theme-light .tooltip {
    color: #fff
}

.theme-light .tooltip-wrap .tooltip {
    background-color: #484b62
}

.theme-light .tooltip-help {
    fill: #6f7285;
    margin-right: .25em
}

.theme-light .tooltip.tooltip-light {
    color: #6f7285;
    background-color: #fff
}

.theme-dark .tooltip {
    color: #d3d6e0
}

.theme-dark .tooltip-wrap .tooltip {
    background-color: #292a33
}

.theme-dark .tooltip-help {
    fill: #d3d6e0
}

.theme-dark .tooltip.tooltip-light {
    color: #d3d6e0;
    background-color: #292a33
}