/*
Theme Name: کرونکو
Theme URI: kuroneko.in
Author : علی اصغر
Author URI: kuroneko.in
Description: قالب جدید مانگا اختصاصی سایت کرونکو
Version: 1.0.0
*/
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('./public/fonts/eot/IRANSansWeb_Bold.eot');
    src: url('./public/fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('./public/fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('./public/fonts/woff/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('./public/fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('./public/fonts/eot/IRANSansWeb_Medium.eot');
    src: url('./public/fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('./public/fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('./public/fonts/woff/IRANSansWeb_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('./public/fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('./public/fonts/eot/IRANSansWeb_Light.eot');
    src: url('./public/fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('./public/fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('./public/fonts/woff/IRANSansWeb_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('./public/fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('./public/fonts/eot/IRANSansWeb_UltraLight.eot');
    src: url('./public/fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('./public/fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('./public/fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('./public/fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'IRANYekan';
    src: url('./public/fonts/IRANYekanMediumFaNum.ttf') format('truetype'), url('./public/fonts/IRANYekanRegularFaNum.ttf') format('truetype'), url('./public/fonts/iranyekanwebmediumfanum.woff') format('woff'), url('./public/fonts/iranyekanwebregularfanum.woff') format('woff');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('./public/fonts/eot/IRANSansWeb.eot');
    src: url('./public/fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('./public/fonts/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('./public/fonts/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('./public/fonts/ttf/IRANSansWeb.ttf') format('truetype');
}
@font-face {
    font-family: 'VIP-HALA';
    src: url('./public/fonts/Font-VIP-Hala-Bold[DownloadAzad.iR].otf') format('opentype');
}
@font-face {
    font-family: 'Yekan';
    src: url('./public/fonts/Yekan.ttf') format('truetype');
}
@font-face {
    font-family: "Yekan-B";
    src: url("./public/fonts/yekan/7296ae79f6faca68798b00fbbbee4c22.eot"); /* IE9*/
    src: url("./public/fonts/yekan/7296ae79f6faca68798b00fbbbee4c22.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("./public/fonts/yekan/7296ae79f6faca68798b00fbbbee4c22.woff2") format("woff2"), /* chrome、firefox */ url("./public/fonts/yekan/7296ae79f6faca68798b00fbbbee4c22.woff") format("woff"), /* chrome、firefox */ url("./public/fonts/yekan/7296ae79f6faca68798b00fbbbee4c22.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("./public/fonts/yekan/7296ae79f6faca68798b00fbbbee4c22.svg#YekanBakh-Regular") format("svg"); /* iOS 4.1- */
}
@font-face {
    font-family: Kalame;
    src: url('./public/fonts/kalameh/Kalameh_Regular.ttf') format('truetype');
    font-weight: normal;
}
@font-face {
    font-family: Kalame;
    src: url('./public/fonts/kalameh/Kalameh_Bold.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: Kalame;
    src: url('./public/fonts/kalameh/Kalameh_Black.ttf') format('truetype');
    font-weight: 900;
}
@font-face {
    font-family: 'sefid';
    font-weight: normal;
    src: url('./public/fonts/SefidUI-700-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'sefid';
    font-weight: bold;
    src: url('./public/fonts/SefidUI-800-ExtraBold.woff2') format('woff2');
}
@font-face {
    font-family: 'sefid';
    font-weight: 900;
    src: url('./public/fonts/SefidUI-900-Black.woff2') format('woff2');
}
@font-face {
    font-family: 'IRANYekanX';
    font-weight: 700;
    src: url('./public/fonts/IRANYekan/woff2/IRANYekanX-Black.woff2') format('woff2');
}
@font-face {
    font-family: 'IRANYekanX';
    font-weight: 900;
    src: url('./public/fonts/IRANYekan/woff2/IRANYekanX-ExtraBlack.woff2') format('woff2');
}
@font-face {
    font-family: 'IRANYekanX';
    font-weight: 500;
    src: url('./public/fonts/IRANYekan/woff2/IRANYekanX-Bold.woff2') format('woff2');
}
* {
    font-family: IRANSans;
}
.section-title-wrap .section-title {
    font-family: IRANYekanX !important;
    font-weight: 900;
}
#banner-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    right: 0 !important;
    left: auto !important;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    right: -17px !important;
    left: auto !important;
}
.noUi-horizontal .noUi-tooltip {
    font-family: kalame;
}
p.message {
    background: #FFF8E1;
    padding: 16px 4px;
    text-align: center;
    color: #757575;
    font-weight: bold;
    border-radius: 2px;
    border: 1px solid #EEEEEE;
}
button:focus {
    outline: none;
}
.error-message {
    display: inline-block;
    text-align: center;
    background: #ffebee;
    padding: 17px 10px;
    border-radius: 2px;
    color: #e74c3c;
    font-weight: bold;
    width: 100%;
    font-size: 12px;
    line-height: 1.7;
    margin-bottom: 15px;
    font-family: Yekan-B;
    box-sizing: border-box;
}
.error-message.multi-message a {
    font-family: Yekan-B;
    display: block;
    background: #fff;
    padding: 7px;
    margin: 10px 5px;
    font-weight: bold;
    font-size: 15px;
    border: 3px dashed #eee;
}
.global-sign-page .global-prompt {
    min-height: 335px;
    width: 360px;
    margin: 0 auto;
}
.success-message {
    display: inline-block;
    text-align: center;
    background: #F1F8E9;
    padding: 17px 2px;
    border-radius: 2px;
    color: #43A047;
    font-weight: bold;
    width: 100%;
    font-size: 12px;
}
.comment-stream .parent-body-wrap .body-header p {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    color: rgba(70, 70, 86, .6);
}
.comment-stream .avatar.has-link img {
    border-radius: 100%;
}
.comment-stream .parent-body-wrap .body-header p a {
    color: rgba(70, 70, 86, .6);
    font-size: 17px;
    font-family: Kalame;
}
.comment-stream .parent-body-wrap .body-header p .time-since {
    color: #a6a6a6;
    display: inline-block;
    font-weight: 400;
    margin-right: 6px;
    font-size: 11px;
}
.comment-reply-link {
    margin-right: 12px;
    font-size: 10px;
    background: #f6f6f6;
    padding: 3px 14px;
    border-radius: 17px;
    color: #a6a6a6;
    font-weight: bold;
    vertical-align: super;
}
.top-nav .top-nav__item.item--img, .top-nav .top-nav__item.item--log {
    margin-right: 8px;
}
#cancel-comment-reply-link {
    font-size: 12px;
}
.tabs {
    display: none;
}
.tabs.active {
    display: block;
    min-height: 100%;
}
.swal-footer {
    text-align: center;
}
.r-section {
    float: right;
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .loading-indicator > div {
        animation: bouncedelay 1.4s infinite alternate both;
    }
}
@media (max-width: 480px) {
    .popup-unlock .body__top {
        grid-template-columns: 60px minmax(174px, 1fr) !important;
    }

    .popup-unlock .body__middle .unlock-tier > li {
        padding: 8px !important;
    }

    .popup-unlock .body__middle .unlock-tier .tier__label {
        font-size: 14px !important;
    }

    .popup-unlock .body__middle .unlock-tier .tier__price .price__sale {
        padding: 4px 8px !important;
        font-size: 12px !important;
    }

    .popup-unlock .body__middle .unlock-tier .tier__price .price__sale .ico {
        margin-left: 2px !important;
    }

    .popup-unlock .body__bottom img.cta--img {
        display: none !important;
    }
}
*, :after, :before {
    box-sizing: inherit;
}
@media (max-width: 320px) {
    .popup-unlock {
        width: 288px !important;
    }
}
.popup-unlock {
    position: absolute;
    top: 85px;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 999;
    width: 360px;
    background-color: transparent;
}
.popup-unlock .unlock__header {
    height: 32px;
    margin-bottom: 12px;
}
.popup-unlock .unlock__header .coin-status {
    display: inline-block;
    height: 32px;
    padding: 0 8px 0 4px;
    border-radius: 20px;
    background-color: #262636;
    font-size: 0;
}
.popup-unlock .unlock__header .coin-status i, .popup-unlock .unlock__header .coin-status p {
    display: inline-block;
}
.over-hide {
    overflow: hidden !important;
}
.popup-unlock .unlock__header .coin-status i {
    margin-top: 6px;
    color: #fff;
    z-index: 9999;
    font-size: 18px;
}
.popup-unlock .unlock__header .coin-status .amount {
    vertical-align: top;
    margin: 4px 8px;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 700 !important;
}
.popup-unlock .unlock__header .coin-status > a {
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
}
.popup-unlock .unlock__header .coin-status > a > i {
    margin: 0;
}
.popup-unlock .unlock__header .close-btn {
    display: inline-block;
    float: left;
    width: 32px;
    border-radius: 100%;
    background-color: #262636;
}
.popup-unlock .unlock__header .close-btn i {
    margin: 10px;
}
.popup-unlock .unlock__body {
    border-radius: 8px;
    background-color: #fff;
    font-size: 0;
    line-height: 0;
}
.popup-unlock .body__top {
    display: grid;
    grid-template-columns: 60px 1fr;
    grid-gap: 14px;
    padding: 30px 16px 0 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popup-unlock .body__top .unlock-item__thumb {
    position: relative;
    display: block;
}
.popup-unlock .body__top .unlock-item__thumb img {
    border-radius: 4px;
    height: 65px;
}
.popup-unlock .body__top .unlock-item__info {
    display: flex;
    flex-direction: column;
    margin: auto 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popup-unlock .body__top .unlock-item__info p {
    margin: 0;
}
.popup-unlock .body__top .unlock-item__info .info__series {
    margin-bottom: 2px;
    line-height: 20px;
    font-size: 16px;
    color: #262636;
    font-weight: 700 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popup-unlock .body__top .unlock-item__info .info__episode {
    margin-bottom: 2px;
    line-height: 18px;
    font-size: 14px;
    color: #666676;
}
.popup-unlock .body__middle {
    padding: 24px 16px 30px 16px;
}
.popup-unlock .body__middle .unlock-tier {
    font-size: 0;
    line-height: 0;
}
.popup-unlock .body__middle .unlock-tier > li {
    display: flex;
    justify-content: space-between;
    border: 1px solid #f6b606;
    border-radius: 8px;
    padding: 11px 16px;
    cursor: pointer;
}
.popup-unlock .body__middle .unlock-tier > li .tier__label {
    padding: 0;
    margin: auto 0;
    line-height: 20px;
    font-size: 16px;
    color: #262636;
    font-family: Yekan-B;
    font-weight: 600 !important;
}
.popup-unlock .body__middle .unlock-tier > li .tier__price {
    display: flex;
    justify-content: space-between;
}
.popup-unlock .body__middle .unlock-tier > li .tier__price .price__sale {
    padding: 5px 15px;
    margin: auto 0;
    background-color: #FFF3E0;
    border-radius: 18px;
    line-height: 20px;
    font-size: 14px;
    color: #464656;
    font-weight: 700 !important;
}
.popup-unlock .body__middle .unlock-tier > li .tier__price .price__sale span {
    font-family: Yekan-B;
}
#review-list {
    width: 90%;
    margin: 0 auto;
}
#review-list li.list {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
    margin-left: 30px;
    border-radius: 10px;
    color: #fff;
    position: relative;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 31px;
}
#review-list li.list .box .user-logo img {
    vertical-align: bottom;
    margin-left: 8px;
}
#review-list li.list .box .user-logo > div {
    display: inline-block;
}
#review-list li.list .box .user-logo > div a {
    display: block;
    font-family: kalame;
    font-size: 21px;
}
#review-list li.list .box .user-logo > div span {
    color: #9E9E9E;
    font-size: 11px;
}
#review-list li.list .box .left-info {
    position: absolute;
    left: 20px;
    top: 11px;
    color: #333;
    font-size: 12px;
}
#review-list li.list .box .left-info > span {
    margin-bottom: 0px;
    display: inline-block;
}
#review-list li.list .box .left-info > div span:last-of-type {
    font-weight: bold;
    font-family: kalame;
    font-size: 21px;
    margin-right: 6px;
}
.top-nav .top-nav__bottom {
    display: none;
}
#review-list li.list .box h3 a {
    font-family: kalame;
    padding: 14px 100px 0 0;
    display: inline-block;
}
.popup-unlock .body__middle .unlock-tier > li .tier__price .price__sale .ico {
    vertical-align: top;
    margin: 2px 4px 2px 0;
}
.popup-unlock .body__bottom {
    position: relative;
    padding: 18px 16px;
    background-color: #f6f6f6;
    border-radius: 0 0 9px 9px;
}
.popup-unlock .body__bottom .app__cta {
    font-size: 0;
    line-height: 0;
    width: 77%;
}
.rate-box .card {
    position: relative;
    width: 24%;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    transition: 0.5s;
}
.rate-box .card:hover {
    transform: translateY(-10px);
}
.rate-box .card:before {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .03);
    pointer-events: none;
    z-index: 1;
}
.rate-box .percent {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto;
}
.rate-box .percent .number {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.rate-box .percent .number img {
    width: 87px;
}
.rate-box .percent .number h2 {
    color: #777;
    font-weight: 700;
    font-size: 40px;
    transition: 0.5s;
    position: absolute;
    top: -53px;
}
.rate-box .card:hover .percent .number h2 {
    color: #fff;
    font-size: 55px;
}
.rate-box .percent .number h2 span {
    font-size: 24px;
    color: #777;
    transition: 0.5s;
}
.rate-box .card:hover .percent .number h2 span {
    color: #fff;
}
.rate-box .text {
    position: relative;
    color: #777;
    font-weight: 700;
    margin-top: 14px;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: 0.5s;
}
.banner__info {
    position: absolute;
    bottom: 24px;
    width: 80%;
    text-align: right;
    padding-right: 30px;
    display: none;
}
.swiper-slide-active .banner__info {
    display: block;
    z-index: 999;
}
.banner__info .info__desc {
    display: -webkit-box;
    font-size: 14px;
    opacity: 1;
    color: #fff;
    font-weight: 500 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 7px;
    font-family: Yekan-B;
}
.banner__info .info__desc.info__desc--small span {
    font-family: Yekan-B;
}
.swiper-container .swiper-slide:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .5;
    background-color: rgba(0, 0, 0, .4);
    z-index: 1;
    border-radius: 4px;
}
.swiper-container .swiper-slide-active:before {
    background-color: transparent;
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    display: inline-block;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    border-radius: 4px;
    opacity: 1;
}
.banner__info .info__desc.info__desc--small {
    font-size: 12px;
    margin-bottom: 13px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    background: #fff;
}
.top-nav .top-nav__logo img {
    width: 115px;
}
.rate-box svg {
    position: relative;
    width: 150px;
    height: 150px;
}
.rate-box svg circle {
    width: 100px;
    height: 100px;
    fill: none;
    stroke: #FAFAFA;
    stroke-width: 10;
    stroke-linecap: round;
    transform: translate(5px, 5px);
}
.rate-box {
    margin: 75px 20px 30px 0;
}
.rate-box svg circle:nth-child(2) {
    stroke-dasharray: 440;
    stroke-dashoffset: 440;
    stroke: #E0E0E0;
}
.popup-unlock .body__bottom .app__cta p {
    margin: 0;
    line-height: 18px;
    font-size: 13px;
}
.popup-unlock .body__bottom .app__cta .cta__title {
    margin-bottom: 4px;
    color: #262636;
    font-weight: 600 !important;
}
.popup-unlock .body__bottom .app__cta .cta__label {
    margin-bottom: 6px;
    color: #666676;
}
.popup-unlock .body__bottom .app__cta .cta__button {
    font-size: 0;
    line-height: 0;
}
.popup-unlock .body__bottom .app__cta .cta__button > a {
    display: inline-block;
}
.popup-unlock .body__bottom .app__cta .cta__button > a:first-child {
    margin-right: 4px;
}
.popup-unlock .body__bottom > img {
    position: absolute;
    top: 7px;
    left: 16px;
    width: 61px;
}
@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
        opacity: 0;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}
.l-section {
    float: left;
}
.w-85 {
    width: 85%;
}
.w-15 {
    width: 15%;
}
.f-r {
    float: right;
}
.f-l {
    float: left;
}
.box-manga-author .f-r {
    width: 30%;
    margin: 20px 0;
}
.box-manga-author .f-r p {
    text-align: center;
}
.box-manga-author .f-r img {
    width: 220px;
    margin: 0 auto;
    display: block;
}
.box-manga-author .f-l {
    width: 70%;
    margin: 20px 0;
}
.box-manga-author .f-l .box-author {
    display: inline-block;
    width: 45%;
}
.box-manga-author .f-l .box-author p:first-of-type {
    font-weight: bold;
    color: #757575;
    font-size: 12px;
}
.box-manga-author .f-l .box-author p:last-of-type {
    margin-right: 17px;
}
.section_ongoing .list_wrap li:hover {
    box-shadow: -1px 5px 15px -5px rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-in-out;
}
.section_ongoing .list_wrap li:hover h4 {
    -webkit-animation: neon3 1.5s ease-in-out infinite alternate;
    -moz-animation: neon3 1.5s ease-in-out infinite alternate;
    animation: neon3 1.5s ease-in-out infinite alternate;
}
.visual .main_text .etc .type03 {
    padding: 0 0 0 0;
    display: inline-block;
    font-size: 12px;
    font-family: yekan-b;
}
.visual .main_text .etc .type15 {
    padding: 0 0 0 0;
    display: inline-block;
    font-size: 12px;
    font-family: yekan-b;
}
.section_other .ico_box {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.section_other .section_remai {
    font-size: 14px;
    padding: 1px 6px;
    background: rgba(162, 162, 162, 0.26);
    color: #08ff08;
    float: left;
    border-radius: 3px;
    position: absolute;
    left: 15px;
    bottom: 15px;
    z-index: 1;
    min-width: 21px;
    text-align: center;
    font-family: IRANYekanX !important;
}
.section_other .rank {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: -1px;
    z-index: 1;
    font-size: 20px;
    text-align: center;
    color: #fff;
    width: 38px;
    height: 51px;
    padding: 6px 0 0 0;
    font-weight: bold;
    background: url(https://global.toomics.com/assets/web/img/global/ico_rank.png) no-repeat;
    text-shadow: 1px 1px 5px #e91504;
}
.list_wrap li {
    overflow: hidden;
    border-radius: 3px;
    background: #f5f5f5;
}
.list_wrap li .visual img {
    border-radius: 3px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.fil-blur {
    filter: blur(2px);
}
.list_wrap li .visual .type {
    position: absolute;
    background: red;
    color: #fff;
    font-family: yekan-b;
    top: 13px;
    font-size: 12px;
    right: 0;
    padding: 2px 7px;
    font-weight: bold;
    border-radius: 10px 0 0 10px;
}
.nice-select.small .option {
    text-align: right;
}
.list_wrap li .visual .type.color1000 {
    background: #2E7D32;
}
.list_wrap li .visual .type.color20 {
    background: #283593;
}
.list_wrap li .visual .type.color21 {
    background: #D81B60;
}
.list_wrap li .visual .type.color22 {
    background: #4A148C;
}
.list_wrap li:hover img {
    -ms-transform: scale3d(1.02, 1.02, 1.02);
    -o-transform: scale3d(1.02, 1.02, 1.02);
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
    transform: scale3d(1.02, 1.02, 1.02);
}
.list_wrap li .visual .main_text {
    border-radius: 3px;
}
.section_ongoing .list_wrap li {
    position: relative;
    float: right;
    background: #000;
    width: 217px;
    height: 325px;
    border-radius: 3px;
    color: #fff;
    margin: 10px;
    cursor: pointer;
}
.section_ongoing .list_wrap li img {
    border-radius: 3px 3px 0 0;
    width: 100%;
    height: auto;
}
.section_ongoing .list_wrap li .visual .main_text {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.84) 85%, #000);
    border-radius: 3px;
}
.section_ongoing .list_wrap li .visual .main_text .title {
    padding: 0 0 8px;
    position: absolute;
    bottom: 62px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 1.2em;
    max-height: 3.4em;
    border-bottom: 1px solid rgba(121, 121, 121, .5);
    width: 90%;
    color: #fff;
    font-weight: 700;
    font-family: kalame;
    font-size: 23px;
    text-align: left;
    margin: 0 auto;
    left: 12px;
    white-space: nowrap;
    direction: ltr;
}
.section_ongoing .list_wrap li .visual .main_text .writer {
    color: #adadad;
    position: absolute;
    bottom: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 170px;
    text-align: right;
    direction: ltr;
    font-size: 10px;
    right: 15px;
}
.section_ongoing .list_wrap li .visual .main_text .etc {
    margin: 0 0 0 0 !important;
    position: absolute;
    bottom: 19px;
    font-size: 11px;
    text-align: right;
    right: 15px;
}
.section_ongoing .list_wrap li:hover .text {
    opacity: 1;
}
.section_ongoing .list_wrap li .text {
    color: #fff;
    position: absolute;
    top: 0;
    background: rgba(255, 255, 255, 0.1);
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 3px;
    padding: 15px;
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.section_ongoing .list_wrap .best li {
    position: relative;
    float: left;
    background: #000;
    width: 220px;
    height: 325px;
    border-radius: 3px;
    color: #fff;
    margin: 10px;
    cursor: pointer;
}
.section_ongoing .list_wrap .best li .text {
    color: #fff;
    position: absolute;
    top: 0;
    background: rgba(255, 255, 255, 0.1);
    width: 220px;
    height: 325px;
    z-index: 1;
    border: 1px solid rgba(227, 173, 15, 0.8);
    border-radius: 3px;
    padding: 15px;
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.section_ongoing .list_wrap .best li .text:hover {
    opacity: 1;
}
p.etc {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 70%;
    color: #888888;
}
/*! CSS Used keyframes */
@-webkit-keyframes neon3 {
    from {
        text-shadow: 0 0 3px #FFDD1B, 0 0 5px #FFDD1B;
    }
    to {
        text-shadow: 0 0 1px #FFDD1B, 0 0 3px #FFDD1B;
    }
}
#analytics {
    text-align: center;
}
.ranking_lst.main {
    width: 100%;
}
.ranking_lst {
    margin: 0 auto;
    display: inline-block;
}
.ranking_lst .left_area, .ranking_lst .right_area {
    float: left;
    width: 50%;
}
.ranking_lst .left_area .title_area, .ranking_lst .left_area .lst_type1 {
    margin-right: 30px;
}
.ranking_lst .title_area {
    position: relative;
    height: 35px;
}
.ranking_lst .title_area h2 a {
    display: inline-block;
    border: 1px solid transparent;
    font-family: VIP-HALA;
    color: #424242;
    font-size: 13px;
    vertical-align: middle;
    margin-bottom: 5px;
}
.ranking_lst .title_area .ico_arr1 {
    margin: 3px 0 0 6px;
}
.ico_arr1 {
    width: 7px;
    height: 13px;
    background-position: -390px -70px !important;
    transform: rotate(180deg);
    margin-top: 6px !important;
}
.ranking_lst .title_area .sort_area {
    position: absolute;
    top: 10px;
    left: 0;
    padding-right: 12px;
}
.ranking_lst .title_area .sort_area .checked {
    position: relative;
    padding-right: 24px;
    vertical-align: top;
    font-size: 13px;
    line-height: 18px;
    color: #424242;
    font-family: Yekan-B;
}
.ranking_lst .title_area .sort_area .checked .ico_chk {
    position: absolute;
    top: 1px;
    right: 0;
}
.ico_chk {
    width: 12px;
    height: 11px;
    background-position: -400px -70px !important;
}
[class^=ico_] {
    display: inline-block;
    overflow: hidden;
    background: url(./public/image/sp_ico_v10.png) no-repeat;
    line-height: 999px;
    vertical-align: top;
}
.ranking_lst .title_area .sort_box {
    display: none;
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 12px;
    z-index: 10;
    width: 188px;
    padding: 9px 0 11px;
    border: 1px solid #ddd;
    background: #fff;
}
.ranking_lst .title_area .sort_box li {
    position: relative;
    height: 33px;
    padding-right: 35px;
    text-align: right;
}
.sort_area i {
    font-size: 22px;
    vertical-align: middle;
    margin-left: 3px;
}
.ranking_lst .title_area .sort_box a {
    height: 23px;
    line-height: 19px;
    padding-top: 10px;
    cursor: pointer;
    font-size: 13px;
    color: #838383;
    direction: ltr;
}
.ranking_lst .title_area .sort_box li i {
    display: none;
}
.ranking_lst .title_area .sort_box li.checked {
    padding-right: 9px !important;
}
.ranking_lst .title_area .sort_box li.checked i {
    display: inline-block;
    float: right;
    margin-left: 7px;
}
.ranking_lst .title_area .sort_area .checked > i {
    display: none;
}
.ranking_lst .left_area .title_area, .ranking_lst .left_area .lst_type1 {
    margin-right: 30px;
}
.lst_type1 {
    border-bottom: 1px solid #ddd;
}
.lst_type1 li {
    position: relative;
    border-top: 1px solid #ddd;
    list-style: none;
    width: 100%;
    background: #fff;
}
.lst_type1 a {
    display: block;
    cursor: pointer;
    text-decoration: none;
    color: #333;
}
.ranking_lst .title_area h2 {
    text-align: right;
}
.lst_type1 .pic_area {
    position: absolute;
    top: 0;
    right: 0;
    width: 92px;
    height: 98px;
    overflow: hidden;
}
.lst_type1 li:hover .hvr-buzz-out, .lst_type1 li:focus .hvr-buzz-out, .lst_type1 li:active .hvr-buzz-out {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
[class^="hvr-"] {
    cursor: pointer;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.lst_type1 .num_ranking {
    position: absolute;
    top: 25px;
    left: 27px;
    z-index: 10;
    font-family: kalame;
    font-weight: 900;
    font-size: 36px;
    color: #BDBDBD;
}
.lst_type1 li:nth-child(1) .num_ranking {
    color: #FDD835;
}
.lst_type1 li:nth-child(2) .num_ranking {
    color: #FFA000;
}
.lst_type1 li:nth-child(3) .num_ranking {
    color: #EF6C00;
}
.lst_type1 .info_area {
    height: 98px;
    padding: 0 115px 0 80px;
}
.lst_type1 .info_area .genre {
    padding-top: 18px;
    padding-bottom: 6px;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lst_type1 .info_area .genre a {
    display: inline-block !important;
    color: #757575;
    font-size: 12px;
    font-family: Yekan-B;
}
.genre.g_fantasy {
    color: #8b00e9;
}
.lst_type1 .info_area .subj {
    overflow: hidden;
    padding-top: 3px;
    font-size: 18px;
    line-height: 21px;
    font-family: 'hind_m', 'simhei', verdana, Helvetica, sans-serif;
    white-space: nowrap;
    direction: ltr;
    text-overflow: ellipsis;
}
.lst_type1 .info_area .subj a {
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
}
.lst_type1 .info_area .author {
    font-size: 13px;
    line-height: 15px;
    direction: ltr;
}
.lst_type1 .info_area .author i {
    vertical-align: middle;
    font-size: 14px;
    margin-right: 1px;
}
.lst_type1 li .pic_area img {
    filter: grayscale(100%);
    transition: all .5s;
    height: auto;
}
.lst_type1 li:first-of-type .pic_area img {
    filter: grayscale(0%);
}
.lst_type1 li:nth-child(2) .pic_area img {
    filter: grayscale(30%);
}
.lst_type1 li:nth-child(3) .pic_area img {
    filter: grayscale(60%);
}
.lst_type1 li:hover .pic_area img {
    filter: grayscale(0%);
}
@media (max-width: 760px) {
    #analytics {
        padding: 10px 0 0;
    }
}
.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
    -webkit-transform: scale(1.2);
    transform: scale(1.1);
    z-index: 999999;
    box-shadow: 0 2px 20px 0 rgba(67, 57, 72, .1);
    border: none;
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}
.js-popover-btn img {
    height: auto;
}
.section-row.top > img {
    position: absolute;
    width: 413px;
    top: -62px;
    right: -20px;
}
.section-row.last-update {
    padding-top: 0;
    margin-bottom: 40px;
    margin-top: 29px;
}
.section-row.last-update > img {
    position: absolute;
    width: 324px;
    right: -28px;
    bottom: -58px;
}
.section-row.review > img {
    position: absolute;
    width: 325px;
    left: -13px;
    top: -15px;
}
.section-row.last-update .inner {
    padding: 0 0 20px;
}
.page-leaderboard .ranking {
    clear: both;
}
.page-leaderboard .ranking .contain {
    padding: 0 1.5em;
    text-align: center;
    margin-bottom: 20px;
}
.page-leaderboard .ranking .contain > img {
    width: 102px
}
.page-leaderboard .ranking .contain > h2 {
    font-family: VIP-HALA;
    line-height: 2;
    font-size: 19px;
    margin-top: 20px;
}
.page-leaderboard .ranking .contain > h3 {
    font-family: Yekan-B;
    line-height: 2;
    font-size: 15px;
}
.page-leaderboard .ranking .ranking-table {
    width: 21%;
    margin: 0 auto;
    display: inline-block;
    margin-left: 32px;
}
.page-leaderboard .ranking .ranking-table-body {
    box-shadow: 0 0 0.75em 0 rgba(46, 60, 73, 0.12);
    border-radius: 0.375rem;
    border: solid 0.063em #dbe2e8;
    max-height: 24.625em;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
@media (min-width: 33em) {
    .page-leaderboard .ranking .ranking-table-body {
        max-height: 31.125em;
    }
}
.page-leaderboard .ranking .ranking-table-header-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 1.125em;
}
.page-leaderboard .ranking .ranking-table-header-row svg {
    position: absolute;
    bottom: 3px;
    width: 100%;
    height: 10px;
    right: 6px;
}
@media (min-width: 33em) {
    .page-leaderboard .ranking .ranking-table-header-row {
        padding-top: 1.875em;
    }
}
.page-leaderboard .ranking .ranking-table-header-data {
    text-align: center;
    align-self: center;
    font-family: Yekan-B;
    font-size: 18px;
    font-weight: bold;
}
.page-leaderboard .ranking .ranking-table-header-data:first-child {
    width: 100%;
    text-align: center;
    margin-bottom: 17px;
}
.page-leaderboard .ranking .ranking-table-header-data:nth-child(2) {
    padding-left: 9%;
    text-align: left;
    width: 50%;
}
@media (min-width: 33em) {
    .page-leaderboard .ranking .ranking-table-header-data:nth-child(2) {
        padding-left: 6.3%;
    }
}
@media (min-width: 48em) {
    .page-leaderboard .ranking .ranking-table-header-data:nth-child(2) {
        padding-left: 9%;
        width: 55%;
    }
}
@media (min-width: 70em) {
    .page-leaderboard .ranking .ranking-table-header-data:nth-child(2) {
        padding-left: 4%;
    }
}
.page-leaderboard .ranking .ranking-table-header-data:nth-child(3) {
    width: 30%;
}
@media (min-width: 33em) {
    .page-leaderboard .ranking .ranking-table-header-data:nth-child(3) {
        width: 25%;
    }
}
.page-leaderboard .ranking .ranking-table-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: .875em;
    padding-bottom: .875em;
    background-color: #fff;
}
@media (min-width: 33em) {
    .page-leaderboard .ranking .ranking-table-row {
        padding-top: 1.125em;
        padding-bottom: 1.125em;
    }
}
.page-leaderboard .ranking .ranking-table-row:nth-child(even) {
    background-color: #fafbfc;
}
.page-leaderboard .ranking .ranking-table-row-leader-1, .page-leaderboard .ranking .ranking-table-row-leader-2, .page-leaderboard .ranking .ranking-table-row-leader-3 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: .875em;
    padding-bottom: .875em;
    background-color: #fff;
    box-shadow: 0 0 0.75em 0 rgba(46, 60, 73, 0.12);
    border-radius: 0.375rem;
    margin-bottom: 25px;
    position: relative;
}
.page-leaderboard .ranking .ranking-table-row-leader-1, .page-leaderboard .ranking .ranking-table-row-leader-2, .page-leaderboard .ranking .ranking-table-row-leader-3 {
    padding-top: 1.125em;
    padding-bottom: 10px;
}
.page-leaderboard .ranking .ranking-table-row-leader-1 > img {
    position: absolute;
    width: 45px;
    left: 0;
    top: -45px;
}
.page-leaderboard .ranking .ranking-table-row-leader-1 .ranking-table-data-leader-1, .page-leaderboard .ranking .ranking-table-row-leader-2 .ranking-table-data-leader-2, .page-leaderboard .ranking .ranking-table-row-leader-3 .ranking-table-data-leader-3 {
    display: flex;
    justify-content: center;
    width: 26%;
}
.page-leaderboard .ranking .ranking-table-row-leader-1 .ranking-table-data-leader-1 .medal-gold, .page-leaderboard .ranking .ranking-table-row-leader-2 .ranking-table-data-leader-2 .medal-silver, .page-leaderboard .ranking .ranking-table-row-leader-3 .ranking-table-data-leader-3 .medal-bronze {
    margin-top: -1.313em;
    height: 2.875em;
    width: 2.875em;
}
@media (min-width: 33em) {
    .page-leaderboard .ranking .ranking-table-row-leader-1 .ranking-table-data-leader-1 .medal-gold, .page-leaderboard .ranking .ranking-table-row-leader-2 .ranking-table-data-leader-2 .medal-silver, .page-leaderboard .ranking .ranking-table-row-leader-3 .ranking-table-data-leader-3 .medal-bronze {
        margin-top: -1.563em;
        height: 3.875em;
        width: 3.875em;
    }
}
.page-leaderboard .ranking .ranking-table-row-leader-1 .ranking-table-data-leader-1 .medal-gold {
    background: url(https://d125fmws0bore1.cloudfront.net/assets/pages/leaderboard/medal-gold-c49052bfa07f36621f16dbe77f7fc36cbafd72ff088ea970256ff998be05687b.svg) no-repeat;
    background-size: contain;
}
.page-leaderboard .ranking .ranking-table-row-leader-2 .ranking-table-data-leader-2 .medal-silver {
    background: url(https://d125fmws0bore1.cloudfront.net/assets/pages/leaderboard/medal-silver-d099c5dd916c167c3ba4716c8968a819f317daaef1901c8e8bae6c6932852faa.svg) no-repeat;
    background-size: contain;
}
.page-leaderboard .ranking .ranking-table-row-leader-3 .ranking-table-data-leader-3 .medal-bronze {
    background: url(https://d125fmws0bore1.cloudfront.net/assets/pages/leaderboard/medal-bronze-d0f15d413800257442c8d4b2d5239cfe28c9fd9594f863ab1fad5258f8d1d5eb.svg) no-repeat;
    background-size: contain;
}
.page-leaderboard .ranking .ranking-table-data {
    align-self: center;
    color: #525c65;
    font-size: 1em;
    width: 30%;
}
.page-leaderboard .ranking .ranking-table-data:first-child {
    text-align: center;
    width: 20%;
    color: #525c65;
    font-weight: 600;
}
@media (min-width: 33em) {
    .page-leaderboard .ranking .ranking-table-data:first-child {
        font-size: 1.25em;
    }
}
@media (min-width: 48em) {
    .page-leaderboard .ranking .ranking-table-data:first-child {
        width: 15%;
    }
}
.page-leaderboard .ranking .ranking-table-data:nth-child(2) {
    color: #2e3d49;
    width: 55%;
    font-size: .875em;
    padding-left: 9%;
}
.page-leaderboard .ranking .ranking-table-data:nth-child(2) {
    font-size: 15px;
    font-family: Yekan-B;
    width: 55%;
    font-weight: bold;
    color: #000;
    margin-top: -3px;
}
@media (min-width: 70em) {
    .page-leaderboard .ranking .ranking-table-data:nth-child(2) {
        font-size: 1em;
        padding-left: 4%;
    }
}
.page-leaderboard .ranking .ranking-table-data:nth-child(3) {
    font-size: .875em;
    text-align: center;
    width: 25%;
    padding-right: 4%;
}
.ranking-table-data img {
    position: absolute;
    top: 3px;
    left: 6px;
}
.page-leaderboard .ranking .ranking-table-data:nth-child(3) {
    padding-right: 0%;
    font-size: 15px;
    font-family: Yekan-B;
    font-weight: bold;
    color: #000;
    margin-top: -3px;
}
.page-leaderboard .ranking .ranking-table-data:nth-child(3) .complete {
    margin: -1.25em auto;
    transform: translateY(18%);
    background: url(https://d125fmws0bore1.cloudfront.net/assets/pages/leaderboard/leaderboard-complete-316433dd02f79185962dbaa82ad025c4722722e8ad276abe2aa00463a145691e.svg) no-repeat;
    background-size: contain;
    width: 3em;
    height: 3em;
}
@media (min-width: 33em) {
    .page-leaderboard .ranking .ranking-table-data:nth-child(3) .complete {
        width: 3.5em;
        height: 3.5em;
    }
}
.section-row.review .section-title-wrap {
    margin-bottom: 15px;
    position: relative;
}
.section-row.last-update .filter {
    position: absolute;
    left: -13px;
    padding: 15px 9px;
    top: 0;
    border-radius: 5px;
}
.nice-select > span {
    font-family: Yekan-B;
    font-size: 13px;
}
.nice-select {
    min-width: 110px;
    text-align: center !important;
}
.section-row.last-update .filter select {

}
.button-depth {
    -webkit-transition: color .1s ease-in-out, background-color .1s ease-in-out;
    transition: color .1s ease-in-out, background-color .1s ease-in-out;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.0125), 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.0125), 0 1px 1px rgba(0, 0, 0, 0.05);
    border-top-width: .0625rem;
    background-color: #845ef7;
    color: #f8f9fa;
    border-color: rgba(0, 0, 0, 0.3);
    padding: 10px 20px;
    border-bottom-width: calc(.2rem + .0625rem);
}
.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
    display: inline-block;
    margin-left: 14px;
}
.nice-select {
    clear: none;
}
.section-row.review .tp-carousel .tp-carousel-inner {
    overflow: inherit;
}
.r-head {
    float: right;
}
.r-head i {
    font-size: 45px;
    margin-left: 14px;
}
.section-row.review .content-item-pair {
    margin-top: 106px;
}
.section-row.review .box-review {
    background: #060616;
    color: #fff;
    position: relative;
    padding: 17px;
    border-radius: 17px;
}
.section-row.review .box-review img {
    position: absolute;
    width: 205px;
    height: 265px;
    left: 25px;
    top: -82px;
    border-radius: 24px;
    box-shadow: 6px 6px 30px 6px rgba(0, 0, 0, 0.1);
}
.section-row.review .box-review .r-box {
    width: 58%;
}
.section-row.review .box-review .r-box h2 a {
    font-family: kalame;
    font-size: 23px;
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
    width: 310px;
    display: inline-block;
}
.section-row.review .box-review .r-box p {
    margin: 10px 0;
    font-size: 11px;
    overflow: hidden;
    height: 50px;
    line-height: 1.5;
}
.rate {
    margin-top: 30px;
}
.ia-radial {
    width: 70px;
    position: relative;
    display: inline-block;
    text-align: center;
    color: #777;
    padding: 0 15px;
}
.ia-radial h3 {
    position: absolute;
    font-size: 10px;
    top: -18px;
    left: 0;
    right: 0;
    color: #FAFAFA;
}
.ia-radial svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-radius: 50%;
}
.ia-radial svg #pie {
    fill: currentcolor;
    stroke-width: 50;
    stroke-dasharray: 0 158;
    transition: stroke-dasharray 2s;
    stroke: #777;
}
.ia-radial .precent {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -62%);
    background: #fff;
    width: 30px;
    height: 30px;
    line-height: 32px;
    border-radius: 50%;
    font-size: 13px;
    font-weight: bold;
    font-family: kalame;
}
.ia-radial .precent:after {
    content: '/10';
}
.ia-radial.red {
    color: #fd5b4e;
}
.ia-radial.red #pie {
    stroke: #fd5b4e;
}
.ia-radial.green #pie {
    stroke: #5BC89E;
}
.single-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #6e758d;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.single-item::after {
    position: absolute;
    content: '';
    right: -1rem;
    bottom: -1rem;
    left: 1rem;
    top: 1rem;
    background: #202229;
    border-radius: 10px;
    z-index: -1;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.single-item:hover::after, .single-item:focus::after, .single-item:active::after {
    left: -2rem;
    right: -1rem;
    top: -2rem;
    bottom: -3rem;
}
.single-item .cover-link {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border: 0 !important;
    z-index: 1;
}
.iframe-wrap {
    position: relative;
    height: 0;
    border-radius: 6px;
    padding-top: 56.25%;
    overflow: hidden;
    background: #444857;
    left: -6px;
    top: -6px;
}
.iframe-wrap .grid-preview-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}
.single-item .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    direction: ltr;
}
.single-item .authorAvatar {
    display: block;
    margin-left: -7px;
    position: relative;
    z-index: 1;
    border-radius: 100%;
}
.single-item .authorAvatar > img {
    display: block;
    width: 40px;
    height: 40px;
    background: #444857;
    overflow: hidden;
    border-radius: 100%;
}
.single-item .titleAndAuthor {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 1rem 0 0;
}
.single-item .titleAndAuthor, .single-item .titleAndAuthor .title {
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.single-item .title {
    font-family: 'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;
    font-weight: 900;
    font-size: 17px;
    margin: 0 0 0.25rem;
    display: block;
}
.single-item .title a {
    color: #fff;
    font-size: 13px;
}
.single-item .author {
    color: #c0c3d0;
    font: inherit;
    font-size: 12px;
    margin-top: 7px;
    line-height: 1.2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    display: inherit;
    margin-left: 7px;
    font-family: kalame;
    margin-bottom: 0;
}
body > .content {
    right: 0;
    position: relative;
    transition: all .5s;
    width: 100%;
    height: 100%;
}
.body-outline {
    min-height: 76%;
}
.right-menu .modal-backdrop.backdrop__low.js-modal,
.notify-menu .modal-backdrop.backdrop__low.js-modal,
.message-menu .modal-backdrop.backdrop__low.js-modal {
    display: block !important;
}
.team-menu, .notification-menu, .messages-menu {
    position: fixed;
    top: 0;
    right: -275px;
    width: 275px;
    background: #fff;
    min-height: 100%;
    transition: all .5s;
    z-index: 99999;
    padding: 0 21px;
    box-sizing: border-box;
}
li.no-chapter {
    text-align: center !important;
    display: inline-block !important;
    width: 100% !important;
    font-size: 15px !important;
    font-family: Yekan-B;
    color: #9E9E9E !important;
}
.custom-btn-orange {
    background: #f6b606;
    padding: 6px 11px;
    line-height: 18px;
    font-size: 13px;
    border-radius: 4px;
    font-family: Yekan-B;
    color: #fff;
    font-weight: 600;
    margin: 7px;
}
.custom-btn-orange i {
    vertical-align: middle;
    font-size: 16px;
    margin-left: 4px;
}
.custom-btn-orange:hover {
    color: #fff;
    opacity: .7;
}
.team-menu .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}
.team-menu .badge:empty {
    display: none;
}
.team-menu #sideBarContainer, .notification-menu #sideBarContainer {
    overflow: hidden;
    position: absolute;
    left: 0;
    padding: 10px;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    padding-right: 10px;
}
.team-menu #sideBarContainer ul, .notification-menu #sideBarContainer ul {
    margin-bottom: 0;
    margin-top: 13px;
}
.team-menu #sideBarContainer ul, .notification-menu #sideBarContainer > ul > li {
    margin-bottom: 15px;
}
.team-menu #sideBarContainer, .notification-menu #sideBarContainer,
.messages-menu #sideBarContainer {
    overflow: hidden;
    position: absolute;
    left: 0;
    padding: 10px;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    padding-right: 10px;
}
.team-menu #sideBarContainer, .notification-menu #sideBarContainer, .messages-menu #sideBarContainer {
    margin-bottom: 0;
    padding-bottom: 0;
}
.team-menu #sidebar a {
    color: #484b62;
    text-decoration: none;
}
.notification-menu h2, .messages-menu h2 {
    font-weight: 700;
    color: #333;
    text-align: center;
    font-size: 16px;
    margin-bottom: 19px;
    font-family: IRANSans;
}
.notifications-lists li {
    font-family: Yekan-B;
    margin-bottom: 10px;
    padding: 12px;
}
.notifications-lists li:nth-child(odd) {
    background: #F5F5F5;
}
.notifications-lists li h3 {
    font-family: Yekan-B;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 4px;
}
.notifications-lists li > a {
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 10px;
    background: #ffa000;
    padding: 1px 6px;
    border-radius: 10px;
}
.notifications-lists li > a span {
    font-family: Yekan-B;
    color: #fff;
}
.notifications-lists li p {
    font-family: Yekan-B;
    font-size: 13px;
    margin: 8px 6px 4px;
}
.notifications-lists li div {
    font-family: Yekan-B;
}
.notifications-lists li div span:first-of-type {
    font-family: Yekan-B;
    font-size: 12px;
}
.notifications-lists li div span:nth-child(2) {
    font-family: Yekan-B;
}
.notifications-lists li div span:nth-child(2) a {
    font-family: kalame;
    font-weight: bold;
    font-size: 17px;
}
.notifications-lists li div span:nth-child(3) {
    font-family: Yekan-B;
    float: left;
    font-size: 11px;
}
.red-btn-full {
    background: #E91E63;
    color: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 5px 5px !important;
    border-radius: 4px;
    box-shadow: 1px 8px 16px #df0f502e;
    transition: all .3s;
    margin-top: 10px;
}
.orange-btn-full {
    background: #ffa000;
    color: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 5px !important;
    border-radius: 4px;
    margin-top: 5px;
    transition: all .3s;
}
.green-btn-full {
    background: #00C853;
    color: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 5px !important;
    border-radius: 4px;
    box-shadow: 1px 8px 30px #00c8532e;
    transition: all .3s;
    margin-top: 10px;
}
.gray-btn-full {
    background: #BDBDBD;
    color: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 5px !important;
    border-radius: 4px;
    margin-top: 5px;
    transition: all .3s;
}
.green-btn-full:focus, .green-btn-full:hover {
    opacity: .7;
    color: #fff;
    background: #00C853 !important;
}
.gray-btn-full:focus, .gray-btn-full:hover {
    opacity: .7;
    color: #fff;
    background: #BDBDBD;
}
.orange-btn-full:hover, .orange-btn-full:focus {
    opacity: .7;
    color: #fff;
    background: #ffa000 !important;
}
.red-btn-full:hover, .red-btn-full:focus {
    opacity: .7;
    color: #fff;
    background: #df0f50 !important;
}
.orange-btn-full span, .red-btn-full span, .green-btn-full span, .gray-btn-full span {
    font-family: Yekan-B;
    font-weight: bold;
    font-size: 12px;
}
.team-menu .top-right-menu.trend {
    color: #df0f50 !important;
}
.team-menu #sidebar a i {
    font-size: 20px;
    margin-right: 10px;
    vertical-align: bottom;
}
.team-menu .nav-info {
    text-align: center;
    margin: 10px 0;
}
.team-menu .text-danger {
    font-weight: bold;
    color: #df0f50;
    font-size: 15px;
    font-family: Yekan-B;
}
.team-menu .nav-info a {
    font-size: 12px;
    border: none;
    padding: 7px 3px !important;
    color: #fff !important;
    border-radius: 2px;
    font-family: Yekan-B;
    display: inline-block !important;
    margin: 0 !important;
}
.team-menu .nav-info a:first-of-type {
    width: 52%;
    background: #f39c12;
}
.team-menu .nav-info a:last-of-type {
    background: #bdc3c7;
    width: 46%;
}
.team-menu .nav-info a i {
    font-size: 12px !important;
    vertical-align: inherit !important;
    margin: 2px !important;
}
.team-menu #sideBarContainer ul {
    padding-right: 0;
    min-height: auto;
}
.team-dashboard .notice {
    text-align: center;
    background: #FCE4EC;
    color: #D81B60;
    font-weight: bold;
    padding: 11px 5px;
    margin: 10px auto;
    max-width: 90%;
}
.team-menu #sidebar a i {
    font-size: 20px;
    margin-left: 10px;
    vertical-align: bottom;
}
.team-menu .nav {
    padding-right: 0;
    padding-left: auto;
}
body.right-menu .team-menu, body.notify-menu .notification-menu,
body.message-menu .messages-menu {
    right: 0;
}
.single-item .author:hover .authorName {
    color: white;
}
.single-item .authorName {
    color: inherit;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    font-family: kalame;
    font-size: 19px;
}
#message-thread .discussions {
    width: 35%;
    height: 700px;
    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.20);
    overflow: hidden;
    background-color: #87a3ec;
    display: inline-block;
}
#message-thread .discussions .discussion {
    width: 100%;
    height: 90px;
    background-color: #FAFAFA;
    border-bottom: solid 1px #E0E0E0;
    display: flex;
    align-items: center;
    cursor: pointer;
}
#message-thread .discussions .search {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E0E0E0;
}
#message-thread .discussions .search .searchbar {
    height: 40px;
    background-color: #FFF;
    width: 70%;
    padding: 0 20px;
    border-radius: 50px;
    border: 1px solid #EEEEEE;
    display: flex;
    align-items: center;
    cursor: pointer;
}
#message-thread .discussions .search .searchbar input {
    margin-left: 15px;
    height: 38px;
    width: 100%;
    border: none;
    font-family: 'Montserrat', sans-serif;;
}
#message-thread .discussions .search .searchbar *::-webkit-input-placeholder {
    color: #E0E0E0;
}
#message-thread .discussions .search .searchbar input *:-moz-placeholder {
    color: #E0E0E0;
}
#message-thread .discussions .search .searchbar input *::-moz-placeholder {
    color: #E0E0E0;
}
#message-thread .discussions .search .searchbar input *:-ms-input-placeholder {
    color: #E0E0E0;
}
#message-thread .discussions .message-active {
    width: 98.5%;
    height: 90px;
    background-color: #FFF;
    border-bottom: solid 1px #E0E0E0;
}
#message-thread .discussions .discussion .photo {
    margin-left: 20px;
    display: block;
    width: 45px;
    height: 45px;
    background: #E6E7ED;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#message-thread .desc-contact {
    height: 43px;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#message-thread .discussions .discussion .name {
    margin: 0 0 0 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 11pt;
    color: #515151;
}
#message-thread .discussions .discussion .message {
    margin: 6px 0 0 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 9pt;
    color: #515151;
}
#message-thread .timer {
    margin-left: 15%;
    font-size: 11px;
    padding: 3px 8px;
    color: #BBB;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 15px;
}
#message-thread .header-chat {
    background-color: #FFF;
    height: 90px;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.100);
    display: flex;
    align-items: center;
}
#message-thread .chat .header-chat .icon {
    margin-left: 30px;
    color: #515151;
    font-size: 14pt;
}
#message-thread .chat .header-chat .name {
    margin: 0 0 0 20px;
    text-transform: uppercase;
    font-size: 13pt;
    color: #515151;
}
#message-thread .chat .header-chat .right {
    position: absolute;
    right: 40px;
}
#message-thread .chat .messages-chat {
    padding: 25px 35px;
}
#message-thread .chat .messages-chat .message {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
#message-thread .chat .messages-chat .message.other {
    float: left;
}
#message-thread .chat .messages-chat .message .photo {
    display: block;
    width: 45px;
    height: 45px;
    background: #E6E7ED;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#message-thread .chat .messages-chat .text {
    margin: 0 8px;
    background-color: #f6f6f6;
    padding: 15px;
    border-radius: 6px;
}
#message-thread .text-only {
    margin-left: 45px;
}
#message-thread .time {
    font-size: 9px;
    margin-bottom: 10px;
    clear: both;
    margin-top: 7px;
    margin-left: 6px;
    margin-right: 6px;
}
#message-thread .response-time {
    float: right;
    margin-right: 40px !important;
}
#message-thread .response {
    float: right;
    margin-right: 0px !important;
    margin-left: auto; /* flexbox alignment rule */
}
#message-thread .response .text {
    background-color: #e3effd !important;
}
#message-thread .footer-chat {
    width: calc(65% - 66px);
    height: 80px;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    background-color: transparent;
    border-top: 2px solid #EEE;

}
#message-thread .chat .footer-chat .icon {
    margin-left: 30px;
    color: #C0C0C0;
    font-size: 14pt;
}
#message-thread .chat .footer-chat .send {
    color: #fff;
    background-color: #4f6ebd;
    position: absolute;
    right: 50px;
    padding: 12px 12px 12px 12px;
    border-radius: 50px;
    font-size: 14pt;
}
#message-thread .chat .footer-chat .name {
    margin: 0 0 0 20px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 13pt;
    color: #515151;
}
#message-thread .chat .footer-chat .right {
    position: absolute;
    right: 40px;
}
#message-thread .write-message {
    border: none !important;
    width: 60%;
    height: 50px;
    margin-left: 20px;
    padding: 10px;
}
#message-thread .footer-chat *::-webkit-input-placeholder {
    color: #C0C0C0;
    font-size: 13pt;
}
#message-thread .footer-chat input *:-moz-placeholder {
    color: #C0C0C0;
    font-size: 13pt;
}
#message-thread .footer-chat input *::-moz-placeholder {
    color: #C0C0C0;
    font-size: 13pt;
    margin-left: 5px;
}
#message-thread .footer-chat input *:-ms-input-placeholder {
    color: #C0C0C0;
    font-size: 13pt;
}
#message-thread {
    width: 65%;
    margin: 45px auto;
}
#message-thread .clickable {
    cursor: pointer;
}
.news .stats {
    position: absolute;
    bottom: -33px;
    right: -7px;
    padding: 0 0 0 7px;
    height: 47px;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    overflow: hidden;
}
.news .stats .single-stat {
    font: inherit;
    margin-right: 20px;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 4px;
    padding: 0.25rem 0.5rem 0.2rem;
    color: white;
    cursor: pointer;
}
.news .stats .single-stat svg {
    -webkit-transition: 0.1s ease all;
    transition: 0.1s ease all;
}
.news .stats .single-stat:hover, .news .stats .single-stat:focus {
    background: white;
    color: black;
}
.news .stats .single-stat:hover svg, .news .stats .single-stat:focus svg {
    fill: #47cf73;
}
.news .stats .single-stat.loves:hover, .news .stats .single-stat.loves:focus {
    background: white;
    color: black;
}
.news .stats .single-stat.loves:hover svg, .news .stats .single-stat.loves:focus svg {
    fill: #f19994;
}
.news .stats svg {
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    top: -1px;
    vertical-align: middle;
    margin-right: 5px;
    fill: white;
}
.news .stats svg.icon-eye {
    top: -2px;
    width: 17px;
}
.news .stats svg.icon-heart {
    width: 13px;
}
.news .stats .loves {
    position: relative;
}
.news .stats .loves::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.news .stats .loves .icon-heart {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.single-item:not(.hide-owner) .single-stat {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0.65, 0.75), linear;
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.75), linear;
}
.single-item:not(.hide-owner) .single-stat:nth-child(2) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.single-item:not(.hide-owner) .single-stat:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.single-item:not(.hide-owner):hover .single-stat, .single-item:not(.hide-owner):active .single-stat, .single-item:not(.hide-owner):focus .single-stat {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition-timing-function: cubic-bezier(0.2, 0.15, 0.1, 1), ease;
    transition-timing-function: cubic-bezier(0.2, 0.15, 0.1, 1), ease;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.single-item:not(.hide-owner):hover .single-stat:nth-child(2), .single-item:not(.hide-owner):active .single-stat:nth-child(2), .single-item:not(.hide-owner):focus .single-stat:nth-child(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.single-item:not(.hide-owner):hover .single-stat:nth-child(3), .single-item:not(.hide-owner):active .single-stat:nth-child(3), .single-item:not(.hide-owner):focus .single-stat:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.review .top {
    padding: 13px 21px;
    margin: 15px 0;
    border-radius: 2px;
    font-size: 13px;
}
.custom-button {
    background: #d6d6d6;
    padding: 6px 11px;
    line-height: 18px;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
}
.custom-button:hover {
    color: #fff;
    background-color: #f6b606;
}
.review .top span {
    color: #616161;
    font-family: Yekan-B;
    font-size: 14px;
}
.review .top a {
    background: #d6d6d6;
    padding: 6px 11px;
    line-height: 18px;
    font-size: 14px;
    border-radius: 4px;
    margin-top: -6px;
    margin-right: 10px;
    color: #fff;
    font-weight: 600;
}
.review .top a i {
    vertical-align: middle;
    margin-left: 3px;
}
.review .top a:hover {
    background-color: #f6b606;
}
.custom-btn-gray {
    background: #d6d6d6;
    padding: 6px 11px;
    line-height: 18px;
    font-size: 14px;
    border-radius: 4px;
    margin-right: 10px;
    color: #fff;
    font-weight: 600;
}
.custom-btn-gray i {
    vertical-align: middle;
    margin-left: 3px;
}
.custom-btn-gray:hover {
    background-color: #f6b606;
}
#review-list .review-tt {
    padding: 3px 14px;
    margin-top: 13px;
}
#review-list .review-tt span.content {
    line-height: 1.8;
    color: #333;
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
}
#review-list .scores {
    margin-top: 15px;
}
#review-list .scores span {
    display: block;
    font-size: 11px;
    font-family: Yekan-B;
    margin-top: 5px;
}
#review-list .pure-1-5 {
    width: 24%;
}
#review-list .reviewScores {
    border-right: 1px solid #EEEEEE;
    display: inline-block;
    color: #333;
    text-align: center;
    padding: 15px 0;
    font-family: kalame;
    font-size: 20px;
}
#review-list .reviewScores:first-child {
    border: none;
}
#review-list .box > a {
    float: left;
    margin-left: 20px;
}
.box-Kam {
    margin-top: 17px;
    padding: 14px;
    box-shadow: 6px 6px 30px 6px rgba(0, 0, 0, 0.1);
    background: #fff;
    width: 96%;
    border-radius: 2px;
}
.input-Kam {
    border-radius: 6px;
    padding: 8px 13px;
    font-size: 12px;
    background: none;
    margin-right: 13px;
    color: #737373;
    border: 1px solid rgba(0, 0, 0, 0.17) !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) !important;
    outline: none !important;
}
.label-Kam {
    display: inline-block;
    font-family: sefid;
    margin-bottom: 15px;
}
.label-Kam span {
    font-family: sefid;
    font-size: 12px;
    color: #616161;
}
.review-form button[type=submit] {
    float: left;
    width: 200px;
    padding: 10px;
    color: #737373;
    font-weight: bold;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.17) !important;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.review-form .review-percent {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    position: relative;
    padding: 28px 0 10px;
    margin: 26px 0;
}
.slick-slide {
    float: right !important;
}
.review-form .review-percent p {
    font-family: kalame;
    font-size: 21px;
    color: #616161;
    position: absolute;
    top: -16px;
    width: fit-content;
    padding: 0 24px;
    left: 0;
    margin: 0 auto;
    right: 0;
    background: #fff;
}
.review-form {
    display: none;
}
.label-23 {
    width: 23%;
}
.label-100 {
    width: 100%;
}
.review .label-23 input {
    width: 40%;
    text-align: center;
}
.block {
    display: block !important;
    padding: 6px;
}
.news .tp-carousel .tp-carousel-inner {
    overflow: inherit;
}
.news .content-item-pair {
    width: 30%;
    margin-left: 41px;
}
.news .content-item-pair:last-of-type {
    margin-left: 0;
}
.news .slick-list.draggable {
    height: auto;
    padding-top: 22px;
    padding-bottom: 40px;
}
.single-info-product-wrap {
    margin: 0 auto;
    width: 90%;
}
.user-info-mob {
    display: table-caption;
    width: 100%;
    margin-top: 25px;
    position: relative;
    background: #FAFAFA;
    padding: 15px 15px 26px;
    border-radius: 4px;
    display: none;
}
.user-info-mob .right {
    position: relative;
}
.user-info-mob .right, .user-info-mob .left {
    float: right;
}
.user-info-mob .right img {
    width: 185px;
    height: 185px;
}
.user-info-mob .right .support-btn {
    position: absolute;
    right: 0;
    bottom: -9px;
    height: auto;
    padding: 11px;
    font-size: 12px;
    color: #fff;
    width: 100%;
}
.user-info-mob .left .user-desc {
    margin-right: 25px;
    margin-top: 16px;
}
.user-info-mob .aside-wrap {
    position: absolute;
    left: 15px;
    top: 11px;
    width: 32%;
    margin-top: 5px;
}
.user-info-mob .left .user-desc .author {
    font-family: kalame;
    font-size: 35px;
    font-weight: bold;
    position: relative;
    margin-bottom: 16px;
    width: max-content;
}
.user-info-mob .left .user-desc .author .buttons-wrap {
    position: absolute;
    top: 6px;
    left: -91px;
    margin: 0;
}
.user-info-mob .left .user-desc .author .buttons-wrap a {
    padding-right: 0;
}
.user-info-mob .left .user-desc p {
    line-height: 1;
    margin-bottom: 26px;
    font-size: 14px;
    color: #9E9E9E;
    font-weight: 100;
    font-family: yekan-b;
}
.user-info-mob .left .user-desc .user-sites {
    margin: 11px 0;
}
.user-info-mob .left .user-desc .user-sites li {
    display: inline-block;
    margin-left: 23px;
    font-size: 16px;
}
.user-info-mob .left .user-desc .user-sites li a {
    font-family: yekan-b;
    vertical-align: middle;
    font-size: 14px;
    color: #9E9E9E;
    font-weight: 400 !important;
}
.user-info-mob .left .user-desc .user-sites li i {
    color: #9E9E9E;
}
.single-info-product .r-side {
    float: right;
    width: 50%;
    position: relative;
    text-align: justify;
    padding: 17px 15px 0;
    border-radius: 15px;
}
.episode .inner {
    width: 90%;
}
#episodes-section .inner {
    width: 90%;
}
.single-info-product p {
    font-size: 13px;
    line-height: 2;
    margin-bottom: 15px;
}
.single-info-product .l-side {
    float: left;
    width: 43%;
    position: relative;
    padding: 14px 15px 0;
    border-radius: 25px;
}
.left-side-team {
    width: 30%;
    float: right;
}
.right-side-team {
    width: 66%;
    float: right;
    margin-left: 20px;
}
.single-info-product h2 {
    font-size: 13px;
    background: #fff;
    font-weight: 900;
    margin-bottom: 13px;
    font-family: IRANYekan;
    text-shadow: 0px 0px 0px;
}
.comment-pagination {
    text-align: center;
}
.comment-pagination a, .comment-pagination span {
    margin: 24px 3px 0;
}
.single-info-product h2 > i {
    font-size: 18px;
    margin-left: 5px;
}
.comment-alert {
    text-align: center;
    background: #FAFAFA;
    padding: 20px 0;
    border-radius: 5px;
}
.comment-alert span, .comment-alert a {
    font-size: 16px;
    font-family: Yekan-B;
    color: #757575;
}
.comment-alert a {
    color: #212121;
    font-weight: bold;
    margin: 0 10px;
}
.single-info-product ul {
    font-size: 12px;
}
.single-info-product ul li {
    display: inline-block;
    width: 47%;
}
.mob-480 {
    display: none !important;
}
/* width */
::-webkit-scrollbar {
    width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
    border-radius: 15px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #BDBDBD;
    border-radius: 15px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #757575;
    cursor: pointer
}
.firfox-scroll {
    scrollbar-color: #BDBDBD #fff;
    scrollbar-width: thin;
}
.upload-chapter .popup-unlock {
    width: 60%;
}
.upload-chapter .options-page .info-section .row-input {
    margin: 10px 0 20px;
}
.upload-chapter .options-page .info-section .b-c {
    width: 46%;
    display: inline-block;
    margin-left: 30px;
}
.upload-chapter .options-page .info-section .row-label {
    font-size: 13px;
    line-height: 12px;
}
.row-label {
    font-family: Yekan-B;
}
.w-49 {
    width: 49%;
    display: inline-block;
}
.upload-chapter .options-page .info-section {
    margin-right: 0;
}
.upload-chapter .popup-unlock .body__top {
    display: block;
    white-space: inherit;
}
.upload-chapter .body__top {
    padding: 30px 40px 0;
}
.upload-chapter input[type=file] {
    line-height: 1;
    font-size: 14px;
}
.upload-chapter .options-page .info-section .b-c:nth-child(odd) {
    margin-left: 0;
}
.ku-btn {
    padding: 10px 18px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    color: #fff !important;
    font-weight: 600 !important;
    transition: background-color .2s linear;
    margin-left: 5px;
    font-size: 12px;
}
.ku-btn.orange {
    background: #f6b606;
}
.ku-btn.red {
    background: #D81B60;
}
.ku-btn i {
    font-size: 20px;
    vertical-align: middle;
    margin-left: 5px;
}
.buy-group .popup-unlock {
    width: 45%;
}
.message-package {
    font-size: 13px;
    line-height: 1.5;
    font-weight: bold;
    background: #ffebee;
    padding: 11px 9px 1px;
    margin-bottom: 15px;
    border-radius: 4px;
    color: #616161;
    text-align: center;
}
.message-package p {

}
.js-episode-view .orange-btn {
    margin-top: 25px;
}
.upload-chapter .options-page .info-section button {
    padding: 14px;
    margin-bottom: 20px;
}
.single-info-product ul li span:first-of-type {
    font-weight: bold;
    margin-left: 10px;
    font-size: 12px;
    color: #adadad;
}
.single-info-product ul li span:last-of-type {
    font-size: 11px;
}
.single-info-product .author {
    position: absolute;
    left: 36px;
    bottom: -16px;
    background: #fff;
    direction: ltr;
    padding: 0 15px;
}
.single-info-product .author img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
}
.single-info-product .author a {
    font-family: kalame;
    font-size: 19px;
    margin-left: 4px;
}
form#rating {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    max-width: 800px;
    height: 100%;
    margin: auto;
}
form#rating [class*="fontawesome-"]:before {
    font-family: 'FontAwesome', sans-serif;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}
form#rating .reset {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    margin: auto;
    padding: 12px 24px;
    color: #3d3d3d;
    background: #f0f0f0;
    border: 4px solid #3d3d3d;
    border-radius: 60px;
    font-family: "Helvetica", sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 0;
    cursor: pointer;
    box-shadow: inset rgba(0, 0, 0, 0.06) 0 -15px 0;
    outline: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
form#rating .reset:hover {
    background: #FFFF4C;
}
form#rating input, form#rating label {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
form#rating .stars {
    position: relative;
    border: none;
}
form#rating .stars input {
    display: none;
}
form#rating .stars input:checked ~ label:not(.reset) {
    -webkit-animation: wobble 0.8s ease-out;
    animation: wobble 0.8s ease-out;
    color: #FFDB19;
}
form#rating .stars input:checked:not(#star-reset) ~ label.reset {
    display: block;
}
form#rating .stars label:not(.reset) {
    display: inline-block;
    float: right;
    position: relative;
    width: 40px;
    height: 40px;
    font-size: 40px;
    padding: 2px;
    cursor: pointer;
    color: #3d3d3d;
    transition: color 0.1s ease-out;
    z-index: 10;
}
form#rating .fa-star:before {
    font-size: 30px;
}
form#rating .face {
    position: relative;
    width: 200px;
    background: white;
    border: 6px solid #f0f0f0;
    border-radius: 100%;
    margin: 80px 0 50px;
    transition: box-shadow 0.4s ease-out;
}
form#rating .face:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
form#rating i {
    position: absolute;
    top: 50%;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #f0f0f0;
}
form#rating i:nth-child(1) {
    left: 30%;
}
form#rating i:nth-child(2) {
    right: 30%;
}
form#rating u {
    position: absolute;
    right: 0;
    bottom: 25%;
    left: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    text-decoration: none;
    border: 6px solid #f0f0f0;
    border-radius: 100%;
}
form#rating u:before, form#rating u:after {
    content: "";
    position: absolute;
    top: 15px;
    width: 6px;
    height: 6px;
    background: #f0f0f0;
    border-radius: 60px 60px 0 0;
    z-index: 2;
}
form#rating u:before {
    left: -5px;
    -webkit-transform: rotate(-32deg);
    transform: rotate(-32deg);
}
form#rating u:after {
    right: -5px;
    -webkit-transform: rotate(32deg);
    transform: rotate(32deg);
}
form#rating u .cover {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 100%;
    height: 100%;
    border: 6px solid white;
    background: white;
    -webkit-transform: translate(0, -12px);
    transform: translate(0, -12px);
}
form#rating input#star4:checked ~ .face u,
form#rating input#star2:checked ~ .face u {
    width: 36px;
}
form#rating input#star4:checked ~ .face u:before, form#rating input#star4:checked ~ .face u:after,
form#rating input#star2:checked ~ .face u:before,
form#rating input#star2:checked ~ .face u:after {
    top: 18px;
    height: 10px;
}
form#rating input#star4:checked ~ .face u:before,
form#rating input#star2:checked ~ .face u:before {
    left: 0px;
    -webkit-transform: rotate(-66deg);
    transform: rotate(-66deg);
}
form#rating input#star4:checked ~ .face u:after,
form#rating input#star2:checked ~ .face u:after {
    right: 0px;
    -webkit-transform: rotate(66deg);
    transform: rotate(66deg);
}
form#rating input#star4:checked ~ .face u .cover,
form#rating input#star2:checked ~ .face u .cover {
    -webkit-transform: translate(0, -8px);
    transform: translate(0, -8px);
}
form#rating input#star5:checked ~ .face u,
form#rating input#star4:checked ~ .face u {
    -webkit-transform: rotate(180deg) translateY(-20px);
    transform: rotate(180deg) translateY(-20px);
}
form#rating input#star3:checked ~ .face u {
    width: 42px;
    height: 6px;
    background: #3d3d3d;
    border: none;
    border-radius: 60px;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
form#rating input#star3:checked ~ .face u:before, input#star3:checked ~ .face u:after,
form#rating input#star3:checked ~ .face u .cover {
    display: none;
}
form#rating input:not(#star-reset):checked ~ .face {
    -webkit-animation: wobble 0.8s ease-out;
    animation: wobble 0.8s ease-out;
}
form#rating input:not(#star-reset):checked ~ .face,
form#rating input:not(#star-reset):checked ~ .face u {
    border-color: #3d3d3d;
}
form#rating input:not(#star-reset):checked ~ .face i,
form#rating input:not(#star-reset):checked ~ .face u:before,
form#rating input:not(#star-reset):checked ~ .face u:after {
    background: #3d3d3d;
}
form#rating input#star5:checked ~ .face {
    background-color: white;
    box-shadow: inset rgba(255, 255, 255, 0.5) 2px 2px 0 4px, inset rgba(0, 0, 0, 0.06) -6px -4px 0 4px;
}
form#rating input#star5:checked ~ .face u .cover {
    background: white;
    border-color: white;
}
form#rating input#star4:checked ~ .face {
    background-color: #ffffe5;
    box-shadow: inset rgba(255, 255, 255, 0.5) 2px 2px 0 4px, inset rgba(0, 0, 0, 0.06) -6px -4px 0 4px, rgba(255, 255, 76, 0.05) 0 0 0 20px;
}
form#rating input#star4:checked ~ .face u .cover {
    background: #ffffe5;
    border-color: #ffffe5;
}
form#rating input#star3:checked ~ .face {
    background-color: #ffffb2;
    box-shadow: inset rgba(255, 255, 255, 0.5) 2px 2px 0 4px, inset rgba(0, 0, 0, 0.06) -6px -4px 0 4px, rgba(255, 255, 76, 0.3) 0 0 0 15px, rgba(255, 255, 76, 0.1) 0 0 0 30px;
}
form#rating input#star2:checked ~ .face {
    background-color: #ffff7f;
    box-shadow: inset rgba(255, 255, 255, 0.5) 2px 2px 0 4px, inset rgba(0, 0, 0, 0.06) -6px -4px 0 4px, rgba(255, 255, 76, 0.4) 0 0 0 20px, rgba(255, 255, 76, 0.2) 0 0 0 40px;
}
form#rating input#star2:checked ~ .face u .cover {
    background: #ffff7f;
    border-color: #ffff7f;
}
form#rating input#star1:checked ~ .face {
    background-color: #FFFF4C;
    box-shadow: inset rgba(255, 255, 255, 0.5) 2px 2px 0 4px, inset rgba(0, 0, 0, 0.06) -6px -4px 0 4px, rgba(255, 255, 76, 0.4) 0 0 0 25px, rgba(255, 255, 76, 0.2) 0 0 0 50px;
}
form#rating input#star1:checked ~ .face u .cover {
    background: #FFFF4C;
    border-color: #FFFF4C;
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    20% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    40% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    60% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    80% {
        -webkit-transform: scale(0.96);
        transform: scale(0.96);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    20% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    40% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    60% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    80% {
        -webkit-transform: scale(0.96);
        transform: scale(0.96);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.rating {
    float: left;
    width: 23%;
    text-align: center;
    direction: ltr;
}
.add-rate {
    margin: auto;
    padding: 8px 24px;
    color: #3d3d3d;
    background: #f0f0f0;
    border: 3px solid #3d3d3d;
    border-radius: 60px;
    font-family: "Helvetica", sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 0;
    cursor: pointer;
    box-shadow: inset rgba(0, 0, 0, 0.06) 0 -15px 0;
    outline: none;
    font-weight: 900;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-family: kalame;
}
.add-rate:hover {
    background: #FFFF4C;
}
.rate-img {
    width: 451px;
    position: absolute;
    bottom: 0;
    right: 98px;
    height: 393px;
}
.rating-num {
    color: #424242;
    font-size: 72px;
    line-height: 1em;
    font-family: kalame;
    font-weight: 900;
}
.rating-num > span {
    display: inline-block;
    font-size: 34px;
    width: 110%;
    font-family: kalame;
    direction: ltr;
    margin-top: 13px;
}
.rating-num .rate-icon {
    direction: ltr;
}
.series-desc-body p {
    font-size: 13px;
    line-height: 1.4;
    text-align: justify;
    padding: 0 5px;
}
.rating-num .rate-icon .gray {
    color: #BDBDBD;
}
.rating-num .rate-icon i {
    display: inline-block;
    font-size: 15px;
    width: 3px;
    vertical-align: top;
    color: #060616;
}
.container-rate {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.container-rate .rating {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    height: 150px;
    position: relative;
}
.container-rate .rating-0 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.container-rate .rating > input {
    display: none;
}
.container-rate .rating > label {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-top: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: .3s;
}
.container-rate .rating > input:checked ~ label,
.container-rate .rating > input:checked ~ label ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}
.container-rate .rating > input:not(:checked) ~ label:hover,
.container-rate .rating > input:not(:checked) ~ label:hover ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}
.container-rate .emoji-wrapper {
    width: 100%;
    text-align: center;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.container-rate .emoji-wrapper:before,
.container-rate .emoji-wrapper:after {
    content: "";
    height: 15px;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
}
.container-rate .emoji-wrapper:before {
    top: 0;
    background: linear-gradient(to bottom, white 0%, white 35%, rgba(255, 255, 255, 0) 100%);
}
.container-rate .emoji-wrapper:after {
    bottom: 0;
    background: linear-gradient(to top, white 0%, white 35%, rgba(255, 255, 255, 0) 100%);
}
.container-rate .emoji {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: .3s;
}
.container-rate .emoji > svg {
    margin: 15px 0;
    width: 70px;
    height: 70px;
    flex-shrink: 0;
}
.container-rate #rating-1:checked ~ .emoji-wrapper > .emoji {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
}
.container-rate #rating-2:checked ~ .emoji-wrapper > .emoji {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
}
.container-rate #rating-3:checked ~ .emoji-wrapper > .emoji {
    -webkit-transform: translateY(-300px);
    transform: translateY(-300px);
}
.container-rate #rating-4:checked ~ .emoji-wrapper > .emoji {
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px);
}
.container-rate #rating-5:checked ~ .emoji-wrapper > .emoji {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
}
.container-rate .feedback {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}
.rating-stars {
    font-size: 20px;
    color: #E3E3E3;
    margin-bottom: .5em;
}
.rating-stars .active {
    color: #737373;
}
.rating-users {
    font-size: 14px;
}
.histo {
    float: left;
    width: 76%;
    font-size: 13px;
}
.histo-star {
    float: left;
    padding: 3px;
    font-family: kalame;
    font-size: 18px;
    width: 7%;
}
.histo-rate {
    width: 100%;
    display: block;
    clear: both;
}
.bar-block {
    margin-left: 5px;
    color: black;
    display: block;
    float: left;
    width: 87%;
    position: relative;
    direction: ltr;
}
.bar-block > span {
    position: relative;
    padding: 5px 4px;
}
.btn-special {
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 6px;
    padding: 6px 19px;
    font-size: 12px;
    background: none;
    color: #737373;
    border: 1px solid rgba(0, 0, 0, 0.17) !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.btn-special span {
    font-family: Yekan-B;
}
.btn-special i {
    vertical-align: -1px;
    margin-left: 3px;
}
.bar-block span > span {
    font-family: kalame;
    font-size: 16px;
    position: absolute;
    right: -21px;
    top: 0;
    bottom: 0;
    padding-top: 3px;
    width: 14px;
    text-align: left;
}
.bar {
    padding: 4px;
    display: block;
}
#bar-five {
    width: 0;
    background-color: #9FC05A;
}
#bar-four {
    width: 0;
    background-color: #ADD633;
}
#bar-three {
    width: 0;
    background-color: #FFD834;
}
#bar-two {
    width: 0;
    background-color: #FFB234;
}
#bar-one {
    width: 0;
    background-color: #FF8B5A;
}
.sp-arrow-discover-open {
    background-image: url(public/image/sprites.b619386.png);
    width: 12px;
    height: 8px;
}
.sp-arrow-discover-open {
    background-position: -216px -202px;
}
.sp-arrow-discover {
    background-image: url(public/image/sprites.b619386.png);
    background-position: -230px -202px;
    width: 12px;
    height: 8px;
}
.sp-btn-forum {
    background-position: -538px -237px;
    width: 16px;
    height: 16px;
}
.sp-btn-forum {
    background-image: url(public/image/sprites.b619386.png);
}
.sp-btn-help {
    background-image: url(public/image/sprites.b619386.png);
}
.sp-btn-help {
    background-position: -575px -40px;
    width: 11px;
    height: 18px;
}
.sp-btn-logout {
    background-image: url(public/image/sprites.b619386.png);
    height: 16px;
}
.sp-btn-logout {
    background-position: -557px -529px;
    width: 14px;
}
.sp-btn-settings {
    background-position: -538px -345px;
    width: 16px;
}
.sp-btn-settings {
    background-image: url(public/image/sprites.b619386.png);
    height: 16px;
}
.sp-ico-arrow-link {
    background-image: url(public/image/sprites.b619386.png);
    width: 7px;
}
.sp-ico-arrow-link {
    background-position: -139px -550px;
    height: 13px;
}
.sp-ico-close {
    background-image: url(public/image/sprites.b619386.png);
    background-position: -538px -507px;
    width: 16px;
    height: 16px;
}
.sp-ico-mature {
    background-image: url(public/image/sprites.b619386.png);
}
.sp-ico-mature {
    background-position: -40px -533px;
    width: 14px;
    height: 14px;
}
.sp-ico-search {
    background-image: url(public/image/sprites.b619386.png);
}
.sp-ico-search {
    background-position: -497px -264px;
    width: 20px;
    height: 20px;
}
.sp-ink-droplet-16 {
    background-image: url(public/image/sprites.b619386.png);
}
.sp-ink-droplet-16 {
    background-position: -557px -162px;
    width: 16px;
    height: 16px;
}
.sp-ink-shop {
    background-image: url(public/image/sprites.b619386.png);
}
.sp-ink-shop {
    background-position: -557px -180px;
    width: 16px;
    height: 16px;
}
.sp-nav-activity {
    background-image: url(public/image/sprites.b619386.png);
    width: 21px;
    height: 24px;
}
.sp-nav-activity {
    background-position: -119px -469px;
}
.sp-nav-library {
    background-image: url(public/image/sprites.b619386.png);
    width: 16px;
    height: 24px;
}
.sp-nav-library {
    background-position: -520px 0;
}
.sp-nav-logo {
    background-image: url(public/image/sprites.b619386.png);
    background-position: -88px -280px;
    width: 86px;
    height: 31px;
}
.sp-nav-search {
    background-image: url(public/image/sprites.b619386.png);
    width: 24px;
    height: 24px;
}
.sp-nav-search {
    background-position: -182px -435px;
}
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .sp-arrow-discover, .sp-arrow-discover-open, .sp-btn-forum, .sp-btn-help, .sp-btn-logout, .sp-btn-settings, .sp-ico-arrow-link, .sp-ico-close, .sp-ico-mature, .sp-ico-search, .sp-ink-droplet-16, .sp-ink-shop, .sp-nav-activity, .sp-nav-library, .sp-nav-logo, .sp-nav-search {
        background-image: url(public/image/sprites@2x.b619386.png);
        background-size: 587px 566px;
    }
}
.loading-indicator {
    margin: 40px 0 0;
    text-align: center;
}
.loading-indicator.yellow > div {
    background-color: #f6b606;
}
.loading-indicator > div {
    background-color: #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 7px;
    vertical-align: middle;
    border-radius: 50%;
    animation: 1.4s ease-in-out 0s infinite alternate both running bouncedelay;
}
.loading-indicator > div:nth-child(1) {
    margin-left: 0;
    animation-delay: -0.32s;
}
.loading-indicator > div:nth-child(2) {
    animation-delay: -0.16s;
}
.top-nav-wrap {
    position: relative;
}
.top-nav {
    position: relative;
    width: 100%;
    z-index: calc(10);
    background-color: #fff;
    color: #060616;
    box-shadow: 1px 2px 30px rgba(0, 0, 0, .1);
    z-index: 8;
}
.fix-header {
    height: 65px;
}
.fix-header .top-nav {
    position: fixed !important;
    z-index: 8;
}
.top-nav .top-nav__body {
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.top-nav .top-nav__body .body--left {
    display: flex;
    height: 65px;
}
.top-nav .top-nav__body .body--right {
    display: flex;
    height: 65px;
}
.top-nav .top-nav__item.item--on .nav-popup {
    display: block;
}
.top-nav .top-nav__bottom {
    display: none;
}
.top-nav .top-nav__logo {
    display: block;
    font-size: 0;
    line-height: 0;
}
.top-nav .top-nav__item {
    position: relative;
    flex-direction: column;
    margin-right: 30px;
}
.top-nav .top-nav__item.item--logo {
    margin: auto 30px auto 0;
}
.top-nav .top-nav__item.item--text .top-nav__button {
    line-height: 77px;
}
.top-nav .top-nav__item.item--input {
    margin: auto 0 auto 10px;
}
.top-nav .top-nav__item.item--img {
    margin: auto 0 auto 8px;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.page-wrap {
    width: 100%;
}
.page-wrap.no-footer:after {
    display: none;
}
.sp-btn-expand {
    background-image: url(public/image/sprites.3b6f16c.png);
}
.sp-btn-expand {
    background-position: -499px -515px;
    width: 12px;
    height: 7px;
}
.modal-backdrop.backdrop__low {
    z-index: 9;
}
.sp-ico-subscribe-empty {
    background-position: -346px -106px;
    width: 10px;
    height: 14px;
}
.sp-ico-subscribe-empty {
    background-image: url(public/image/sprites.3b6f16c.png);
}
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .sp-btn-expand, .sp-ico-subscribe-empty {
        background-image: url(public/image/sprites@2x.3b6f16c.png);
        background-size: 587px 566px;
    }
}
#loading-indicator > div, .loading-indicator > div {
    animation: bouncedelay 1.4s infinite alternate both;
}
.br-root .content__list--masonry {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.br-root .content__list .list__item {
    width: 18%;
    flex: 1 1 auto;
    margin-bottom: 15px;
    display: inline-block;
    margin-left: 19px;
}
.br-root .content__list .list__item .thumb img {
    width: 100%;
}
.br-root {
    padding: 0;
}
.br-root .filter .filter__wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: initial;
}
.br-root .filter .filter__items {
    display: flex;
    flex-wrap: wrap;
}
.br-root .filter .filter__outline {
    border-top-color: #f6f6f6 !important;
}
.br-root .filter .filter__item {
    padding: 0 14px;
    margin: 12px 12px 12px 0;
    line-height: 28px;
    font-size: 12px;
}
.br-root .filter .filter__item a {
    display: block;
    color: #757575;
    font-family: IRANYekan;
    font-weight: 300;
}
.br-root .filter .filter__item a:hover {
    color: #333;
}
.br-root .filter .filter__item--quince a:hover {
    color: #f6b606;
}
.br-root .filter .filter__item--quince.filter__item--on {
    background-color: #f6b606;
}
.br-root .filter .filter__item--quince.filter__item--on a {
    color: #fff !important;
}
.br-root .filter .filter__item--on {
    border-radius: 17px;
}
.br-root .filter .filter__item--on a {
    color: #fff;
}
.br-root .dropdown {
    display: none;
}
.br-root .section {
    padding: 0;
}
.br-root .body__header {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    margin-bottom: 24px;
}
.br-root .body__header .result {
    display: inline-block;
    line-height: 20px;
    font-size: 19px;
    color: #262636;
    font-family: Yekan-B;
    font-weight: bold;
}
.br-root .body__header .sub-filter__items {
    display: inline-block;
    float: left;
    font-size: 0;
    line-height: 0;
}
.br-root .body__header .sub-filter__items .sub-filter__item {
    display: inline-block;
    line-height: 20px;
    padding: 0 16px;
    font-size: 14px;
}
.br-root .body__header .sub-filter__items .sub-filter__item a {
    display: block;
    font-size: 14px;
    font-family: Yekan-B;
    color: rgba(22, 22, 38, .6);
}
.br-root .body__header .sub-filter__items .sub-filter__item a:hover {
    color: #161626;
}
.br-root .body__header .sub-filter__items .sub-filter__item:last-child {
    padding-left: 0 !important;
}
.br-root .body__header .sub-filter__items .sub-filter__item.filter__item--on a {
    color: #161626;
    font-weight: 600 !important;
}
.desktop .thumb-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(6, 6, 22, .1);
}
.desktop .thumb-overlay:hover {
    background-color: rgba(18, 18, 18, .1);
}
.desktop .item-thumb-wrap .thumb-wrap {
    position: relative;
    border-radius: 4px;
}
.desktop .item-thumb-wrap .thumb-wrap > img {
    border-radius: 3px;
    max-height: 220px;
}
.desktop .item-thumb-wrap .thumb-wrap:hover .thumb-overlay {
    background-color: rgba(38, 38, 54, .5);
}
@media (min-width: 481px)and (max-width: 1099px) {
    .section__body .content {
        width: 95% !important;
        margin: 0 auto;
    }

    .body__content .content {
        padding-right: 0 !important;
    }

    .body__content .content:last-child {
        margin-bottom: 30px !important;
    }
}
@media (max-width: 480px) {
    .section__body .content {
        width: 95% !important;
        margin: auto;
    }

    .content__item {
        border: 0 !important;
    }

    .content__item .item__info {
        margin-left: 12px !important;
    }

    .content__item .item__info .info__tag {
        color: #666676 !important;
        font-size: 12px !important;
    }

    .content__item .item__thumb {
        min-width: 56px !important;
        padding: 8px 0;
    }

    .content__item .item__thumb img {
        width: 56px !important;
        height: 56px !important;
        border-radius: 4px;
        border: 1px solid rgba(38, 38, 54, .1);
    }

    .content__item .ico-wrap {
        border-radius: 4px;
        border: 1px solid rgba(38, 38, 54, .1);
        width: 56px !important;
        height: 56px !important;
    }

    .body__content .content {
        padding-right: 0 !important;
        margin-bottom: 20px !important;
    }

    .body__content .content:last-child {
        margin-bottom: 20px !important;
    }

    .body__content .content__header {
        margin: 0;
        padding-bottom: 14px;
    }

    .body__content .content__header .header__sort {
        display: none;
    }

    .body__content .content__header .header__sort--small {
        display: block;
    }

    .body__content .content__header .header__sort a {
        font-size: 0;
        margin: 0;
    }

    .body__content .content__header .header__sort a:after {
        content: none !important;
    }

    .body__content .content__header .header__sort a .ico {
        margin: 0;
    }
}
.body__content .content-wrap .content-tab {
    width: 100%;
}
.body__content .content {
    margin-bottom: 30px;
    margin-top: 20px;
}
.key-count {
    display: inline-block;
}
.key-count .key-count-text {
    color: #56c676;
    font-size: 14px;
    font-weight: 700 !important;
}
.key-count .key-count-text:hover {
    text-decoration: underline;
}
.key-count .ico {
    top: 4px;
    position: relative;
}
.key-count .fa-ticket {
    color: #56c676;
    transform: rotate(-54deg);
    vertical-align: bottom;
    margin-left: 4px;
}
.content__header {
    margin-bottom: 16px;
    color: #262636;
    font-size: 20px;
    font-weight: 700 !important;
    line-height: 20px;
    margin-top: 18px;
}
.content__header .header__free-episode {
    display: inline-block;
}
.content__header .header__free-episode:before {
    content: "";
    margin: 0 6px;
    background-color: #e6e6e6;
    height: 14px;
    width: 1px;
    display: inline-block;
    position: relative;
    top: 2px;
}
.body__content {
    width: 90%;
    margin: 0 auto;
}
.content__header .header__sort {
    float: left;
}
.content__header .header__sort i {
    font-size: 16px;
    margin-right: 3px;
}
.content__header .header__sort--small {
    display: none;
}
.content__header .header__sort--small i.ico {
    margin-left: 0 !important;
}
.content__header .header__sort a {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    color: #a6a6a6;
    margin-left: 3px;
    font-weight: 400 !important;
}
.body__content .content .content__list .content__item--read {
    background-color: #FFFDE7;
}
.content__header .header__sort a:not(:last-child):after {
    content: "";
    margin-right: 10px;
    background-color: #e6e6e6;
    height: 14px;
    width: 1px;
}
.content__header .header__sort a.sort--selected {
    color: #262636;
}
.content__header .header__sort i.ico {
    opacity: .4;
    margin-left: 5px;
}
.content__header .header__sort i.ico.ico--selected {
    opacity: 1;
}
.body__content .content .content__list .content__item {
    margin-bottom: 13px;
    width: 32%;
    display: inline-block;
    border: 1px solid #e6e6e6;
    margin-left: 11px;
    position: relative;
}
.body__content .content .content__list .content__item:nth-child(3n) {
    margin-left: 0;
}
.body__content .content .content__list .content__item:hover {
    background-color: rgba(246, 246, 246, .6);
}
.body__content .content .content__list .content__item a {
    display: flex;
    width: 100%;
}
.free-label {
    background: #81C784;
    color: #fff;
    padding: 0px 10px;
    margin-right: 10px;
    border-radius: 29px;
    font-size: 11px;
}
.body__content .content .content__list .item__thumb {
    position: relative;
    min-width: 100px;
}
.body__content .content .content__list .item__thumb img {
    border-right: 1px solid #e6e6e6;
    width: 90px;
    height: 100px;
}
.content--creator {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.content--creator .creator {
    border: 1px solid #e6e6e6;
    padding: 16px 24px;
    max-height: 270px;
    width: 40%;
    display: inline-block;
    margin-left: 7px;
    margin-bottom: 18px;
    text-align: right;
    position: relative;
}
.btn-follow {
    position: absolute;
    left: 10px;
    direction: ltr;
    top: -11px;
    background: #fff;
    padding: 0 13px;
}
.l-r-btn .ui.buttons {
    direction: ltr;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 0em;
    vertical-align: baseline;
    margin: 0em 0.25em 0em 0em;
}
.l-r-btn .ui.buttons:not(.basic):not(.inverted) {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.l-r-btn .ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: none;
    border: none;
    vertical-align: baseline;
    background: #E0E1E2 none;
    color: rgba(0, 0, 0, 0.6);
    margin: 0em 0.25em 0em 0em;
    padding: 0.78571429em 1.5em 0.78571429em;
    text-transform: none;
    text-shadow: none;
    font-weight: bold;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: 0.28571429rem;
    -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
    box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    -webkit-tap-highlight-color: transparent;
}
.l-r-btn .ui.buttons .button, .ui.buttons .or, .ui.button {
    font-size: 12px;
    font-family: Yekan-B;
}
.l-r-btn .ui.buttons .button {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0em;
    border-radius: 0em;
    margin: 0px 0px 0px 0px;
}
.l-r-btn .ui.buttons .button:first-child {
    border-left: none;
    margin-left: 0em;
    border-top-left-radius: 0.28571429rem;
    border-bottom-left-radius: 0.28571429rem;
}
.l-r-btn .ui.buttons .or {
    position: relative;
    width: 0.3em;
    height: 2.57142857em;
    z-index: 3;
}
.cover-manga img {
    height: auto !important;
    border-radius: unset !important;
}
.l-r-btn .ui.buttons .or:before {
    position: absolute;
    text-align: center;
    border-radius: 500rem;
    content: 'یا';
    top: 50%;
    left: 50%;
    font-family: kalame;
    background-color: #FFFFFF;
    text-shadow: none;
    margin-top: -0.89285714em;
    margin-left: -0.89285714em;
    width: 1.78571429em;
    height: 1.78571429em;
    line-height: 1.78571429em;
    color: rgba(0, 0, 0, 0.4);
    font-style: normal;
    font-weight: bold;
    -webkit-box-shadow: 0px 0px 0px 1px transparent inset;
    box-shadow: 0px 0px 0px 1px transparent inset;
}
.l-r-btn .ui.positive.buttons .button, .ui.positive.button {
    background-color: #f6b606;
    color: #FFFFFF;
    text-shadow: none;
    background-image: none;
    border-top-right-radius: 0.28571429rem !important;
    border-bottom-right-radius: 0.28571429rem !important;
}
.btn-follow .ui.image.label {
    width: auto !important;
    margin-top: 0em;
    margin-bottom: 0em;
    vertical-align: baseline;
    text-transform: none;
    background: #E8E8E8;
    border-radius: 0.28571429rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 2px 0 6px 11px;
}
.btn-follow .ui.image.label .f {
    font-family: Yekan-B;
}
.btn-follow .ui.teal.labels .label, .ui.teal.label {
    color: #757575;
}
.btn-follow .ui.label > .detail {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    margin-left: 1em;
    opacity: 0.8;
}
.btn-follow .ui.image.label .detail {
    background: rgba(0, 0, 0, 0.1);
    padding: 5.3px;
    border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.btn-follow .ui.image.label .detail i {
    font-size: 14px;
}
.comment__sort .sub-filter__items {
    display: inline-block;
    float: right;
    font-size: 0;
    line-height: 0;
}
.comment__sort .sub-filter__items .sub-filter__item {
    display: inline-block;
    line-height: 20px;
    padding: 0 16px;
    font-size: 13px;
}
.comment__sort .sub-filter__items .sub-filter__item a {
    display: block;
    color: rgba(22, 22, 38, .6);
}
.comment__sort .sub-filter__items .sub-filter__item a:hover {
    color: #161626;
}
.comment__write-btn {
    padding: 6px 12px;
    float: left;
    background-color: #f6b606;
    border-radius: 4px;
    line-height: 18px;
    font-size: 12px;
    color: #fff !important;
    font-weight: 600 !important;
    transition: background-color .2s linear;
    margin-top: 7px;
}
.comment__write-btn.disabled {
    background-color: #d6d6d6;
}
.comment__sort .sub-filter__items .sub-filter__item.filter__item--on a {
    color: #161626;
    font-weight: 600 !important;
}
.comment__sort .sub-filter__items .sub-filter__divider {
    display: inline-block;
    margin: 4px 0;
    vertical-align: bottom;
    width: 1px;
    height: 12px;
    background-color: #d6d6d6;
}
@media (max-width: 480px) {
    .comment__sort .sub-filter__item {
        padding: 0 8px !important;
        font-size: 12px !important;
    }
}
.content--creator .creator .creator__info {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.content--creator .creator .creator__info .info__thumb {
    margin-left: 14px;
    min-width: 50px;
}
.content--creator .creator .creator__info .info__thumb img {
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    height: 50px;
    width: 50px;
}
.content--creator .creator .creator__info .info__desc {
    width: 100%;
}
.content--creator .creator .creator__info .info__desc a {
    font-weight: 600 !important;
}
.content--creator .creator .creator__info .info__desc .desc__uname {
    display: block;
    color: #161626;
    font-size: 22px;
    line-height: 1;
    font-family: kalame;
}
.content--creator .creator .creator__info .info__desc .desc__subscriber {
    display: inline-block;
    color: #a6a6a6;
    font-size: 14px;
}
.body__content .content .content__list .item__thumb .ico-wrap {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
}
.body__content .content .content__list .item__thumb .ico-wrap--dim {
    background-color: rgba(0, 0, 0, .4);
}
.body__content .content .content__list .item__thumb .ico-wrap--dim {
    background-color: rgba(0, 0, 0, .4);
}
.body__content .content .content__list .item__thumb .ico-wrap {
    display: flex;
    position: absolute;
    width: 90px;
    height: 100px;
    justify-content: center;
    align-items: center;
}
.body__content .content .content__list .item__thumb .ico-wrap i {
    color: #fff;
    font-size: 20px;
}
.body__content .content .content__list .item__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 5px;
    width: 75%;
    overflow: hidden;
    padding-left: 10px;
}
.body__content .content .content__list .item__info .info__header, .body__content .content .content__list .item__info .info__title, .body__content .content .content__list .item__info .info__tag {
    margin-bottom: 4px !important;
}
.body__content .content .content__list .item__info .info__scene {
    color: #a6a6a6;
    font-size: 12px;
    font-weight: 600 !important;
}
.body__content .content .content__list .item__info .info__title {
    line-height: 26px;
    color: #060616;
    font-size: 21px;
    font-weight: 600 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    direction: ltr;
    font-family: kalame;
}
span.unread-message-count {
    background: #ff1744;
    color: #fff;
    width: 19px;
    text-align: center;
    border-radius: 100%;
    font-size: 14px;
    font-weight: bold;
    height: 18px;
    padding: 1px;
    margin-right: 10px;
    font-family: kalame;
}
.tp-table.transactions .td.desc > a {
    color: #060616;
    font-weight: 500 !important;
}
.tp-table.transactions .td.unread > a {
    color: #060616;
    font-weight: 900 !important;
}
.body__content .content .content__list .content__item--read .item__info .info__header, .body__content .content .content__list .content__item--read .item__info .info__title, .body__content .content .content__list .content__item--read .item__info .info__tag {
    opacity: .6;
}
.body__content .content .content__list .item__info .info__tag {
    color: #262636;
    font-size: 12px;
    font-family: Yekan-B;
}
.search-item-wrap {
    height: 140px;
    margin-bottom: 30px;
}
.search-item-wrap .item-thumb-wrap {
    float: right;
    width: 16%;
}
.search-item-wrap .item-thumb-wrap .thumb-wrap {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    overflow: hidden;
    height: 154px;
}
.search-item-wrap .title-section {
    display: inline-block;
    margin-right: 25px;
    float: right;
    width: 80%;
}
.search-item-wrap .title-section .link {
    color: #262636;
    font-size: 15px;
    font-weight: 700 !important;
}
.search-item-wrap .title-section .link:hover, .search-item-wrap .title-section .link.smog:hover {
    color: #262636;
}
.search-item-wrap .title-section .link.smog {
    color: rgba(38, 38, 54, .5);
}
.search-item-wrap .title-section .title {
    margin: 0;
    line-height: 30px;
    font-size: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.search-item-wrap .title-section .sub-title {
    margin: 0;
    line-height: 18px;
    font-size: 14px;
    color: rgba(38, 38, 54, .5);
}
.search-item-wrap .title-section .desc {
    max-width: 100%;
    margin: 0;
    font-size: 13px;
    color: #a6a6a6;
    height: 40px;
    overflow: hidden;
    line-height: 1.6;
}
.search-item-wrap .title-section .tag {
    margin: 0;
    line-height: 15px;
    max-width: 775px;
    font-size: 12px;
    color: rgba(38, 38, 54, .5);
}
.search-item-wrap .title-section .tag .tag-icon {
    vertical-align: top;
    margin: 2px 4px 2px 0;
}
.global-page-header {
    width: 100%;
    margin-top: 48px;
    position: relative;
}
.global-page-header .page-header {
    position: relative;
    font-weight: 700 !important;
    line-height: 40px;
    font-size: 32px;
    color: #262636;
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 0;
    margin-bottom: 24px;
    padding: 0;
}
.news .slick-slide img {
    height: auto;
}
.panel-bookmark {
    float: left;
    width: 100%;
    overflow: hidden;
}
.panel-bookmark .bookmark-item {
    float: right;
    background: #fff;
    color: #383838;
    width: calc(100% - 20px);
    padding: 0 10px;
    border-right: 2px solid #31a95b;
    margin-bottom: 11px;
}
.panel-bookmark .bookmark-item img {
    float: right;
    width: 60px;
    height: 90px;
    margin-left: 10px;
}
.panel-bookmark .bookmark-item .item-right {
    float: left;
    width: calc(100% - 70px);
}
.panel-bookmark .bookmark-item .item-right span {
    color: #000;
    font-size: 15px;
}
.panel-bookmark .bookmark-item .item-right a {
    color: #383838;
    font-weight: 700;
    font-size: 15px;
}
.panel-bookmark .bookmark-item .item-right .item-title {
    width: 100%;
    height: 25px;
    display: block;
    font-size: 14px;
    font-family: Yekan-B;
}
.panel-bookmark .bookmark-item .item-right .item-title a {
    margin-right: 17px;
    font-size: 14px;
}
.panel-bookmark .bookmark-item .item-right .item-row-one {
    width: 100%;
    height: 30px;
}
.panel-bookmark .bookmark-item .item-right .item-row-one .bookmark_remove {
    float: right;
    width: 75px;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #31a95b;
}
.panel-bookmark .bookmark-item .item-right .item-row-one .bookmark_remove i {
    float: left;
    width: 16px;
    height: 16px;
    background-image: url(https://manganelo.com/themes/hm/images/delete.png);
    background-repeat: no-repeat;
    margin-top: 2px;
    cursor: pointer;
}
.panel-bookmark .bookmark-item .item-right .item-row-one .item-story-name {
    max-width: calc(100% - 85px);
    font-family: kalame;
    font-size: 22px;
}
.img-loading {
    background: url(https://manganelo.com/themes/hm/images/loading.gif) no-repeat center center transparent;
    min-height: 20px;
}
.a-h:hover {
    color: #f1c40f !important;
}
.color-red {
    color: red !important;
}
.notification-ul img {
    height: 200px;
}
.notification-ul a {
    font-size: 11px;
}
.notification-ul .genre {
    font-size: 11px;
    margin-top: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
}
.viewport p {
    text-align: center;
    margin: 10px;
    font-size: 12px;
    color: #757575;
}
.global-page-header .section-search {
    margin-bottom: 25px;
}
.global-page-header .section-search .search-wrap {
    position: relative;
}
.global-page-header .section-search .search-wrap .search-query {
    width: 98%;
    height: 60px;
    font-size: 24px;
    font-weight: 700 !important;
    padding-right: 16px;
    padding-left: 0;
}
.global-page-header .section-search .search-wrap .search-btn {
    position: absolute;
    top: 0;
    left: 0;
    padding: 18px;
    width: 56px;
    height: 49px;
    background-color: #c6c6c6;
    border-radius: 3px 0 0 3px;
}
.global-page-header .section-filter {
    position: relative;
}
.global-page-header .section-filter .filter-wrap {
    font-size: 0;
    line-height: 0;
    height: 60px;
    border-bottom: 1px solid #d6d6d6;
}
.global-page-header .section-filter .filter-item {
    display: inline-block;
    line-height: 0;
    margin-right: 24px;
}
.global-page-header .section-filter .filter-item:hover, .global-page-header .section-filter .filter-item.on {
    cursor: pointer;
    border-bottom: 1px solid #464656;
}
.global-page-header .section-filter .filter-item:hover .item-title, .global-page-header .section-filter .filter-item.on .item-title {
    color: #464656;
}
.global-page-header .section-filter .item-title {
    display: block;
    line-height: 25px;
    font-size: 20px;
    color: #a6a6a6;
    font-weight: 700 !important;
    text-transform: capitalize;
    padding: 17px 0;
}
.page-section {
    margin: 36px 0 61px 0;
}
.page-section .content-list-wrap {
    overflow: visible;
}
.paging-wrap {
    text-align: center;
    margin-bottom: 25px;
}
.paging-wrap .paging {
    font-size: 0;
    line-height: 0;
    max-width: 1240px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
}
.paging-wrap .paging .paging__button {
    opacity: .5;
    line-height: 40px;
    font-size: 16px;
    color: #464656;
    font-weight: 600 !important;
}
.paging-wrap .paging .paging__button--dot {
    margin: 0 4px;
}
.paging-wrap .paging .paging__button--num {
    margin: 0 10px;
}
.paging-wrap .paging .paging__button--num.current {
    opacity: 1;
}
.paging-wrap .paging .paging__button--num:hover {
    opacity: 1;
}
.paging-wrap .paging .paging__button--img {
    opacity: 1;
}
.paging-wrap .paging .paging__button--img.disabled {
    opacity: .5;
}
.paging-wrap .paging .paging__button--img i {
    vertical-align: top;
    margin-top: 12px;
}
.paging-wrap .paging .paging__button--img .icon--dark {
    display: none;
}
.paging-wrap .paging .paging__button--prev {
    margin-right: 20px;
}
.paging-wrap .paging .paging__button--next {
    margin-left: 20px;
}
.sp-btn-left {
    background-image: url(public/image/sprites.3b6f16c.png);
    height: 16px;
}
.sp-btn-left {
    background-position: -575px -282px;
    width: 10px;
}
.sp-btn-right {
    background-image: url(public/image/sprites.3b6f16c.png);
    width: 10px;
    height: 16px;
}
.sp-btn-right {
    background-position: -575px -318px;
}
.sp-btn-search {
    background-image: url(public/image/sprites.3b6f16c.png);
    background-position: -176px -280px;
    width: 38px;
    height: 24px;
}
.article-container .button, .article-container [role="button"] {
    border: 1px solid rgba(38, 182, 182, 1);
    border-radius: 4px;
    color: rgba(38, 182, 182, 1);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 2.34;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
    user-select: none;
    white-space: nowrap;
    -webkit-touch-callout: none;
}
@media (min-width: 768px) {
    .article-container .button, .article-container [role="button"] {
        width: auto;
    }
}
.article-container .button::after, [role="button"]::after {
    color: rgba(38, 182, 182, 1);
}
.article-container .button:hover, .article-container .button:active, .article-container .button:focus, .article-container .button[aria-selected="true"], .article-container [role="button"]:hover, .article-container [role="button"]:active, .article-container [role="button"]:focus {
    background-color: rgba(38, 182, 182, 1);
    color: #ffffff;
    text-decoration: none;
}
.article-container .button[aria-selected="true"]:hover, .article-container .button[aria-selected="true"]:focus, .article-container .button[aria-selected="true"]:active {
    background-color: #146262;
    border-color: #146262;
}
.article-container .user-avatar {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}
.article-container .avatar {
    display: inline-block;
    position: relative;
}
.article-container .avatar img {
    height: 40px;
    width: 40px;
}
.article-container .avatar .icon-agent {
    background-color: rgba(38, 182, 182, 1);
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: -4px;
    color: #ffffff;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right: -2px;
    text-align: center;
    width: 14px;
    z-index: 1;
}
.article-container .avatar .icon-agent i {
    font-size: 8px;
}
.article-container .breadcrumbs {
    margin: 0 0 15px 0;
    padding: 0;
}
@media (min-width: 768px) {
    .article-container .breadcrumbs {
        margin: 0;
    }
}
.article-container .breadcrumbs li {
    color: #505072;
    display: inline;
    font-weight: 300;
    font-size: 13px;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article-container .breadcrumbs li + li::before {
    content: ">";
    margin: 0 4px;
}
.article-container .breadcrumbs li a:visited {
    color: rgba(38, 182, 182, 1);
}
.article-container.box-container {
    width: 80%;
    margin: 50px auto;
    display: block;
}
.article-container .sub-nav {
    display: inline-block;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .article-container .sub-nav {
        align-items: baseline;
        flex-direction: row;
    }
}
.article-container .article {
    flex: 1 0 auto;
}
.article-container .article {
    width: 100%;
}
iframe {
    max-width: 100%;
}
.article-container {
    display: flex;
    width: 100%;
}
.article-header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-top: 20px;
}
@media (min-width: 768px) {
    .article-header {
        flex-direction: row;
        margin-top: 0;
    }
}
.article-author {
    margin-bottom: 10px;
}
.article-title {
    flex-basis: 100%;
    font-family: sefid;
    font-size: 22px;
    margin-bottom: 11px;
}
.article [role="button"] {
    flex-shrink: 0;
    width: auto;
}
@media (min-width: 768px) {
    .article [role="button"] {
        width: auto;
    }
}
.article-info {
    max-width: 100%;
}
.article-meta {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}
.article-body img {
    height: auto;
    max-width: 100%;
    margin: 0 auto 14px;
    display: block;
}
.article-body ul {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px;
}
.article-body ul {
    list-style-type: disc;
}
.article-content {
    line-height: 1.6;
    margin: 40px 0;
    word-wrap: break-word;
}
.swal-title {
    font-size: 23px;
}
.swal-text {
    font-family: Yekan-B;
}
.article-footer {
    text-align: left;
}
.article-footer .share li a {
    color: #9E9E9E;
    font-size: 22px;
}
.article-footer .share li a:hover {
    color: #616161;
}
.article-sidebar {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex: 1 0 auto;
    margin-bottom: 20px;
    padding: 0;
}
@media (min-width: 1024px) {
    .article-sidebar {
        border: 0;
        flex: 0 0 17%;
        height: auto;
    }
}
.article-relatives {
    border-top: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
}
@media (min-width: 768px) {
    .article-relatives {
        flex-direction: row;
    }
}
.article-relatives > * {
    flex: 1 0 auto;
    margin-right: 0;
}
.article-relatives > *:last-child {
    margin: 0;
}
@media (min-width: 768px) {
    .article-relatives > * {
        margin-right: 20px;
    }
}
.article-votes {
    border-top: 1px solid #ddd;
    padding: 30px 0;
    text-align: center;
}
.article-vote {
    background: transparent;
    border: 1px solid rgba(38, 182, 182, 1);
    color: rgba(38, 182, 182, 1);
    margin: 10px 5px;
    min-width: 90px;
    width: auto;
}
.article-vote::before {
    font-size: 8px;
    margin-left: 10px;
}
.article-votes-question {
    margin-bottom: 12px;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
}
.article-votes-count {
    margin-top: 10px;
    display: inline-block;
}
.article-vote::after {
    content: attr(title);
}
.article-vote:focus, .article-vote:active {
    background-color: transparent;
    color: rgba(38, 182, 182, 1);
}
.article-vote:hover {
    background-color: rgba(38, 182, 182, 1);
}
.article-vote:hover::before, .article-vote:hover::after, .article-vote[aria-selected="true"]::before, .article-vote[aria-selected="true"]::after {
    color: #ffffff;
}
.article-vote-up::before {
    content: "\2713";
}
.article-vote-down::before {
    content: "\2715";
}
.article-more-questions {
    margin: 10px 0 20px;
    text-align: center;
}
.article-return-to-top {
    border-top: 1px solid #ddd;
}
@media (min-width: 1024px) {
    .article-return-to-top {
        display: none;
    }
}
.article-return-to-top a {
    color: #262636;
    display: block;
    padding: 20px 0;
}
.article-return-to-top a:hover, .article-return-to-top a:focus {
    text-decoration: none;
}
.article-return-to-top .icon-arrow-up::before {
    font-size: 16px;
    margin-left: 5px;
}
.sidenav-title {
    font-size: 15px;
    position: relative;
}
.sidenav-item {
    border-radius: 4px;
    color: #262636;
    display: block;
    font-weight: 300;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 13px;
}
.sidenav-item.current-article, .sidenav-item:hover {
    background-color: rgba(38, 182, 182, 1);
    color: #ffffff;
    text-decoration: none;
}
.related-articles h3 {
    font-size: 15px;
    margin: 20px 0;
    font-weight: bold;
}
.related-articles li {
    margin-bottom: 15px;
    font-size: 13px;
}
.share {
    padding: 0;
    white-space: nowrap;
}
.share li, .share a {
    display: inline-block;
}
.share a {
    width: 35px;
}
.share a::before {
    color: #505072;
    display: block;
    font-size: 23px;
    text-align: center;
    width: 100%;
}
.share a:hover {
    text-decoration: none;
}
.share a:hover::before {
    color: rgba(38, 182, 182, 1);
}
.share-twitter::before {
    content: "\e901";
}
.share-facebook::before {
    content: "\e903";
}
.share-linkedin::before {
    content: "\e900";
}
.comment-heading {
    margin-bottom: 5px;
    margin-top: 0;
}
.comment-overview {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 20px 0;
}
.comment-overview p {
    margin-top: 0;
}
.comment-callout {
    color: #505072;
    display: inline-block;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 0;
}
.collapsible-sidebar {
    flex: 1;
    max-height: 45px;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
}
@media (min-width: 1024px) {
    .collapsible-sidebar {
        max-height: none;
        padding: 0;
    }
}
.collapsible-sidebar[aria-expanded="true"] {
    max-height: none;
}
.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
    content: "\2715";
}
@media (min-width: 1024px) {
    .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
        display: none;
    }
}
.collapsible-sidebar-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 13px;
    color: #BDBDBD;
    font-weight: bold;
}
.collapsible-sidebar-title::after {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    content: "\25BE";
    position: absolute;
    right: 10px;
}
@media (min-width: 1024px) {
    .collapsible-sidebar-title::after {
        display: none;
    }
}
.sp-ico-back-on {
    background-position: -575px -372px;
}
.sp-ico-back-on {
    background-image: url(public/image/sprites.3b6f16c.png);
    width: 10px;
    height: 16px;
}
.sp-ico-forward-on {
    background-position: -575px -408px;
}
.sp-ico-forward-on {
    background-image: url(public/image/sprites.3b6f16c.png);
    width: 10px;
    height: 16px;
}
.sp-ico-tag {
    background-position: -366px -515px;
    width: 12px;
    height: 12px;
}
.sp-ico-tag {
    background-image: url(public/image/sprites.3b6f16c.png);
}
.br-root .body__header .sub-filter__items .sub-filter__divider {
    display: inline-block;
    margin: 4px 0;
    vertical-align: bottom;
    width: 1px;
    height: 12px;
    background-color: #d6d6d6;
}
.br-root .section__body {
    max-width: calc(1140px);
    margin: 0 auto;
    padding: 0 20px;
}
.br-root .section__body .content__list .item__title {
    display: block;
    min-width: 100%;
    margin-bottom: 4px;
    line-height: 1.3;
    font-size: 16px;
    color: #161626;
    cursor: pointer;
    font-weight: 600 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.page-cat, .comment-pagination {
    text-align: center;
    margin-bottom: 15px;
}
.br-root .section__body .content__list .list__item--cover {
    grid-row-end: span 9;
}
.br-root .section__body .content__list .list__item--cover .thumb > img {
    max-height: 303px;
}
.br-root .section__body .content__list .list__item--thumb {
    grid-row-end: span 7;
}
.br-root .section__body .content__list .list__item--thumb .thumb > img {
    max-height: 202px;
}
.br-root .section__body .content__list .list__item .item__thumb {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 1px;
    text-align: center;
    margin-bottom: 8px;
    box-shadow: 6px 6px 14px 6px rgba(0, 0, 0, 0.1);
}
.br-root .section__body .content__list .list__item .item__thumb:before {
    background-color: transparent;
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    display: inline-block;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    border-radius: 4px;
    opacity: 1;
    left: 0;
}
.br-root .section__body .content__list .list__item .item__thumb .thumb h2 {
    position: absolute;
    bottom: 33px;
    font-family: kalame;
    left: 10px;
    font-size: 21px;
    width: 90%;
    text-align: center;
    direction: ltr;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-weight: bold;
}
.br-root .section__body .content__list .list__item .item__thumb .thumb {
    display: block;
}
.br-root .section__body .content__list .list__item .item__thumb .thumb > img {
    display: block;
    width: 100%;
}
.br-root .section__body .content__list .list__item .item__thumb .thumb:hover .subscribe {
    display: block;
}
.br-root .section__body .content__list .list__item .item__thumb .thumb:hover:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .1);
}
.br-root .section__body .content__list .list__item .item__thumb .thumb .subscribe {
    display: none;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 28px;
    height: 28px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    cursor: pointer;
}
.br-root .section__body .content__list .list__item .item__thumb .thumb .subscribe:hover {
    border-radius: 0 2px 2px 0;
}
.br-root .section__body .content__list .list__item .item__thumb .thumb .subscribe:hover .subscribe__text-container {
    transition: 0 .3s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}
.br-root .section__body .content__list .list__item .item__thumb .thumb .subscribe:hover .subscribe__text {
    border-radius: 2px 0 0 2px;
    transform: translate(0, 0);
    transition: transform .3s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}
.br-root .section__body .content__list .list__item .item__thumb .thumb .subscribe .subscribe__text-container {
    width: auto;
    height: 28px;
    right: 28px;
    top: 0;
    position: absolute;
    overflow: hidden;
    transition: width .3s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}
.br-root .section__body .content__list .list__item .item__thumb .thumb .subscribe .subscribe__text {
    transform: translate(100%, 0);
    transition: transform .3s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
    will-change: transform;
    line-height: 28px;
    padding: 0 5px 0 10px;
    background-color: #fff;
    color: #262636;
    display: block;
    font-size: 12px;
}
.br-root .section__body .content__list .list__item .item__thumb .thumb .subscribe .subscribe__icon-container {
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: #fff;
    border-radius: 2px;
}
.br-root .section__body .content__list .list__item .item__thumb .thumb .subscribe .subscribe__icon-container > i {
    vertical-align: middle;
}
.br-root .section__body .content__list .list__item .item__genre {
    line-height: 18px;
    font-size: 14px;
    color: #a6a6a6;
    font-weight: 600 !important;
    flex-grow: 0;
    cursor: pointer;
}
.br-root .section__body .content__list .list__item .item__genre:hover {
    color: #161626;
}
.br-root .section__body .content__list .list__item .item__genre:hover:after {
    color: #a6a6a6;
}
.br-root .section__body .content__list .list__item .item__genre.item__genre--full {
    display: inherit;
}
.br-root .section__body .content__list .list__item .item__genre.item__genre--abbr {
    display: none;
}
.br-root .section__body .content__list .list__item .item__stat {
    flex-grow: 1;
    padding: 0;
    line-height: 18px;
    font-size: 14px;
    color: #a6a6a6;
    font-weight: 600 !important;
}
.br-root .section__body .content__list .list__item .item__stat--divider {
    color: #a6a6a6;
    text-align: center;
    width: 18px;
    flex-grow: 0;
    padding: 0 6px;
}
.br-root .section__body .content__list .list__item .item__info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 5px;
    width: 99%;
}
.br-root .section__body .content__list .list__item .item__info a {
    color: #fff;
    font-family: yekan-b;
}
@media (min-width: 768px) {
    .br-root .dropdown {
        display: none;
    }
}
@media (max-width: 767px) {
    .br-root .section__body .content__list .list__item .item__genre.item__genre--full {
        display: none;
    }

    .br-root .section__body .content__list .list__item .item__genre.item__genre--abbr {
        display: inherit;
    }
}
@media (min-width: 481px)and (max-width: 767px) {
    .br-root .filter {
        display: none;
    }

    .br-root .dropdown {
        display: block !important;
        width: 100%;
        background-color: #f6f6f6;
    }

    .br-root .dropdown .dropdown__btn {
        width: 100%;
        height: 48px;
        padding: 15px 20px;
        border-bottom: 1px solid rgba(214, 214, 214, .3);
    }

    .br-root .dropdown .dropdown__btn a {
        display: block;
        line-height: 18px;
        font-size: 14px;
        color: #262636;
        font-weight: 700 !important;
    }

    .br-root .dropdown__items {
        display: none;
        flex-wrap: wrap;
        width: 100%;
        padding: 5px 10px;
        border-bottom: 1px solid rgba(214, 214, 214, .3);
        text-align: center;
        height: 0;
    }

    .br-root .dropdown__items.dropdown__items--quince {
        background-color: rgba(246, 182, 6, .04);
    }

    .br-root .dropdown__items.dropdown__items--quince .dropdown__item--on a {
        background-color: #f6b606;
    }

    .br-root .dropdown__items .dropdown__item {
        width: 25%;
        flex: 0 0 auto;
        margin: 5px 0;
    }

    .br-root .dropdown__items .dropdown__item.dropdown__item--on a {
        border-radius: 14px;
        color: #fff;
        font-weight: 600 !important;
    }

    .br-root .dropdown__items .dropdown__item a {
        display: inline-block;
        padding: 4px 16px;
        line-height: 20px;
        font-size: 14px;
        color: #262636;
        white-space: nowrap;
    }

    .br-root .section__body .content__list .list__item .item__title.title--resize, .br-root .section__body .content__list .list__item .item__stat, .br-root .section__body .content__list .list__item .item__genre {
        font-size: 12px !important;
    }
}
@media (max-width: 480px) {
    .br-root .filter {
        display: none;
    }

    .br-root .dropdown {
        display: block !important;
        width: 100%;
        background-color: #f6f6f6;
    }

    .br-root .dropdown .dropdown__btn {
        width: 100%;
        height: 48px;
        padding: 15px 20px;
        border-bottom: 1px solid rgba(214, 214, 214, .3);
    }

    .br-root .dropdown .dropdown__btn a {
        display: block;
        line-height: 18px;
        font-size: 14px;
        color: #262636;
        font-weight: 700 !important;
    }

    .br-root .dropdown__items {
        display: none;
        flex-wrap: wrap;
        width: 100%;
        padding: 5px 10px;
        border-bottom: 1px solid rgba(214, 214, 214, .3);
        text-align: center;
        height: 0;
    }

    .br-root .dropdown__items.dropdown__items--quince {
        background-color: rgba(246, 182, 6, .04);
    }

    .br-root .dropdown__items.dropdown__items--quince .dropdown__item--on a {
        background-color: #f6b606;
    }

    .br-root .dropdown__items .dropdown__item {
        width: 33.3%;
        flex: 0 0 auto;
        margin: 5px 0;
    }

    .br-root .dropdown__items .dropdown__item.dropdown__item--on a {
        border-radius: 14px;
        color: #fff;
        font-weight: 600 !important;
    }

    .br-root .dropdown__items .dropdown__item a {
        display: inline-block;
        padding: 4px 16px;
        line-height: 20px;
        font-size: 14px;
        color: #262636;
        white-space: nowrap;
    }

    .br-root .body__header {
        padding-right: 4px;
        padding-left: 4px;
    }

    .br-root .body__header .result {
        font-size: 12px !important;
    }

    .br-root .body__header .sub-filter__item {
        padding: 0 8px !important;
        font-size: 12px !important;
    }

    .br-root .section__body .content__list--masonry {
        grid-template-columns: repeat(auto-fit, 136px);
        grid-gap: 15px 8px;
    }

    .br-root .section__body .content__list .list__item--cover {
        grid-row-end: span 7;
    }

    .br-root .section__body .content__list .list__item--cover .thumb > img {
        max-height: 201px;
    }

    .br-root .section__body .content__list .list__item--thumb {
        grid-row-end: span 6;
    }

    .br-root .section__body .content__list .list__item--thumb .thumb > img {
        max-height: 134px;
    }

    .br-root .section__body .content__list .list__item .item__genre.item__genre--full {
        display: none;
    }

    .br-root .section__body .content__list .list__item .item__genre.item__genre--abbr {
        display: inherit;
    }

    .br-root .section__body .content__list .list__item .item__title.title--resize, .br-root .section__body .content__list .list__item .item__stat, .br-root .section__body .content__list .list__item .item__genre {
        font-size: 10px;
    }
}
@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
        opacity: 0;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: calc(30vw - 10em);
    color: #fff !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: calc(30vw - 10em);
    color: #fff !important;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #f6b606 !important;
}
.top-nav .top-nav__item.item--button {
    margin: auto;
}
.top-nav .top-nav__item.item--resize {
    display: none;
}
.top-nav .top-nav__item.item--selected {
    border-bottom: 3px solid #262636;
}
.top-nav .top-nav__item.item--profile {
    padding: 4px;
}
.top-nav .top-nav__item:last-child {
    margin-right: 0 !important;
}
.top-nav .top-nav__button {
    position: relative;
    display: block;
    font-size: 16px;
    color: #262636;
    font-weight: 600 !important;
}
.top-nav .top-nav__button.button--img {
    position: relative;
    width: 34px;
    height: 34px;
}
.top-nav .top-nav__button.button--img:hover {
    opacity: .78;
}
.top-nav .top-nav__button.button--thumb {
    width: 26px;
    height: 26px;
}
.top-nav .top-nav__button.button--thumb:hover {
    opacity: 1 !important;
}
.top-nav .top-nav__button:hover {
    color: #666676;
}
.top-nav .top-nav__button:hover i.arrow-icon {
    opacity: .72;
}
.top-nav .top-nav__button .ico {
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
}
.top-nav .top-nav__button .ico.ico--search {
    margin-right: 5px;
    margin-left: 5px;
}
.top-nav .top-nav__button .ico.ico--library {
    margin-right: 9px;
    margin-left: 9px;
}
.top-nav .top-nav__button .ico.ico--activity {
    margin-right: 6px;
    margin-left: 7px;
}
.top-nav .top-nav__button .button__dot {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #f6b606;
    box-shadow: inset 0 0 0 2px #fff;
    z-index: 1;
}
.top-nav .mature-icon {
    vertical-align: middle;
    margin: auto 0 auto 4px;
}
.top-nav .arrow-icon, .top-nav .arrow-icon--open {
    vertical-align: middle;
    margin: auto 0 auto 4px;
}
.top-nav .arrow-icon--open {
    display: none;
}
.top-nav .nav-popup--discover {
    position: absolute;
    top: 62px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    padding: 30px 45px 30px 30px;
}
.top-nav .nav-popup--discover .discover--left {
    display: flex;
    padding-right: 10px;
}
.top-nav .nav-popup--discover .discover--right {
    padding-left: 30px;
    border-left: 1px solid #e6e6e6;
}
.top-nav .nav-popup--discover .discover__item {
    flex-direction: column;
    width: 120px;
    margin-right: 20px;
}
.top-nav .nav-popup--discover .discover__item .discover__image {
    display: block;
    width: 120px;
    height: 90px;
    border-radius: 8px;
    margin-bottom: 10px;
}
.top-nav .nav-popup--discover .discover__item .discover__title {
    display: block;
    margin-bottom: 4px;
    line-height: 18px;
    font-size: 16px;
    color: #262636;
    font-weight: 600 !important;
}
.top-nav .nav-popup--discover .discover__item .discover__desc {
    margin: 0;
    font-size: 12px;
    color: #262636;
}
.top-nav .tapas-menu {
    height: 165px;
}
.top-nav .tapas-menu .tapas-menu__list {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.top-nav .tapas-menu .tapas-menu__list.list--wide {
    flex-direction: row;
    justify-content: space-between;
}
.top-nav .tapas-menu .tapas-menu__list .tapas-menu__item {
    font-size: 14px;
    color: #262636;
    font-weight: 600 !important;
    white-space: nowrap;
}
.top-nav .tapas-menu .tapas-menu__list .tapas-menu__item.item--bold {
    font-weight: 700 !important;
}
.top-nav .top-nav__search .search__input {
    width: 205px;
    min-height: 20px !important;
    outline: none;
    padding: 8px 13px 8px 32px;
    border: none;
    font-size: 13px;
    color: #a6a6a6;
    font-weight: 600 !important;
    background-color: #f6f6f6;
    border-radius: 4px;
    font-family: Yekan-B;
}
.top-nav .top-nav__search .search__input::placeholder {
    font-weight: 400 !important;
}
.top-nav .top-nav__search .search__input:focus {
    color: #262636;
}
.top-nav .top-nav__search .search__btn {
    font-size: 0;
    line-height: 0;
    width: 34px;
    height: 34px;
    position: absolute;
    left: 0;
    background: none;
}
.top-nav .top-nav__search .search__btn > i {
    margin: 7px;
}
.nav__btn {
    display: block;
    color: #060616;
    font-size: 14px;
    padding: 5px 12px;
}
.nav__btn:hover {
    color: #666676;
}
.nav__btn.nav__btn--round-large {
    border-radius: 20px;
}
.nav__btn.nav__btn--dark {
    color: #fff;
    background-color: #262636;
}
.nav__btn.nav__btn--dark:hover {
    background-color: #666676;
}
.nav__btn.nav__btn--weight-semi {
    font-weight: 600 !important;
}
.nav-popup {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    top: 45px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
    z-index: calc(999);
}
.nav-popup.nav-popup--library {
    right: -116px;
    width: 280px;
}
.nav-popup.nav-popup--activity {
    right: -140px;
    width: 326px;
}
.nav-popup.nav-popup--profile {
    right: -88px;
    width: 213px;
}
.nav-popup.nav-popup--search {
    width: 260px;
    padding: 20px;
    overflow: hidden;
}
.nav-popup .menu__text {
    font-size: 11px;
    color: #262636;
    font-weight: 500 !important;
    margin-right: 10px;
    font-family: IRANYekan;
}
.notice {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    background: #FFF3E0;
    padding: 8px;
    font-weight: bold;
    font-family: Yekan-B;
    color: #d32f2f;
    border-radius: 2px;
}
.nav-popup--triangle-up {
    position: absolute;
    margin: auto;
    top: -10px;
    left: 13px;
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
}
.nav-popup .nav-popup__header {
    display: flex;
    justify-content: space-between;
    padding: 24px 20px 12px 20px;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e6e6e6;
}
.nav-popup .nav-popup__header.nav-popup__header--profile {
    justify-content: normal;
}
.nav-popup .nav-popup__header .header__thumb {
    position: relative;
    width: 34px;
    height: 34px;
    margin-left: 14px;
    align-self: center;
}
.title__ink i {
    font-size: 16px;
    margin-left: 5px;
    vertical-align: text-bottom;
    line-height: .8;
}
.nav-popup .nav-popup__header .header__title {
    align-self: flex-end;
}
.nav-popup .nav-popup__header .header__title.header__title--large {
    font-size: 16px;
    color: #262636;
    font-weight: 700 !important;
}
.nav-popup .nav-popup__header .header__title.header__title--inline {
    display: inline-flex;
}
.aside-list > p {
    display: inline-block;
    width: 100%;
    padding: 10px;
    text-align: center;
    margin-top: 15px;
    font-size: 15px;
    font-family: Yekan-B;
    color: #757575;
}
.extra-header-info .buttons a span.btn-label {
    font-size: 12px;
    font-family: Yekan-B;
}
.custom-tooltip .ui.steps {
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1.14285714em;
    border-radius: 0.28571429rem;
    border: 1px solid rgba(34, 36, 38, 0.07);
    direction: ltr;
    margin: 0;
    width: 100%;
}
.custom-tooltip .ui.steps .step {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0em 0em;
    padding: 7px 10px;
    text-align: center;
    background: #FFFFFF;
    color: rgba(0, 0, 0, 0.87);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0em;
    border: none;
    border-right: 1px solid rgba(34, 36, 38, 0.15);
    -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
    transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
}
.custom-tooltip .ui.steps .step:after {
    display: none;
    position: absolute;
    z-index: 2;
    content: '';
    top: 50%;
    right: 0%;
    border: medium none;
    background-color: #FFFFFF;
    width: 1.14285714em;
    height: 1.14285714em;
    border-style: solid;
    border-color: rgba(34, 36, 38, 0.15);
    border-width: 0px 1px 1px 0px;
    -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
    transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
    -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
    transform: translateY(-50%) translateX(50%) rotate(-45deg);
}
.custom-tooltip .ui.steps .step:first-child {
    padding-left: 2em;
    border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.custom-tooltip .ui.steps .step:last-child {
    border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.custom-tooltip .ui.steps .step:last-child {
    border-right: none;
    margin-right: 0em;
}
.custom-tooltip .ui.steps .step .title {
    font-family: Yekan-B;
    font-size: 11px;
    font-weight: bold;
}
.custom-tooltip .ui.steps .step .description {
    font-weight: normal;
    font-size: 0.92857143em;
    color: rgba(0, 0, 0, 0.87);
}
.custom-tooltip .ui.steps .step .title ~ .description {
    margin-top: 0.25em;
}
.custom-tooltip .ui.steps a.step {
    cursor: pointer;
}
@media only screen and (max-width: 767px) {
    .custom-tooltip .ui.steps:not(.unstackable) {
        display: -ms-inline-flexbox;
        display: inline-flex;
        overflow: visible;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .custom-tooltip .ui.steps:not(.unstackable) .step {
        width: 100% !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 0em;
        padding: 1.14285714em 2em;
    }

    .custom-tooltip .ui.steps:not(.unstackable) .step:first-child {
        padding: 1.14285714em 2em;
        border-radius: 0.28571429rem 0.28571429rem 0em 0em;
    }

    .custom-tooltip .ui.steps:not(.unstackable) .step:last-child {
        border-radius: 0em 0em 0.28571429rem 0.28571429rem;
    }

    .custom-tooltip .ui.steps:not(.unstackable) .step:after {
        display: none !important;
    }

    .custom-tooltip .ui.steps:not(.unstackable) .step .content {
        text-align: center;
    }
}
.custom-tooltip .ui.steps a.step:hover::after, .ui.steps a.step:hover {
    background: #F9FAFB;
    color: rgba(0, 0, 0, 0.8);
}
.custom-tooltip .ui.steps a.step:active::after, .ui.steps a.step:active {
    background: #F3F4F5;
    color: rgba(0, 0, 0, 0.9);
}
.bookmarks ul li {
    display: inline-block;
    background: #fff;
    margin-top: 14px;
    border-radius: 6px;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, .25);
    transition: all .5s;
    width: 18%;
    margin-left: 21px;
    margin-bottom: 11px;
}
.bookmarks ul li:hover {
    box-shadow: 2px 2px 0 rgba(0, 0, 0, .25);
}
.bookmarks ul li .top-image {
    width: 215px;
    overflow: hidden;
    height: 112px;
    position: relative;
    border-radius: 5px 5px 0 0;
}
.bookmarks ul li .top-image img {
    width: 100%;
    max-height: 273px;
}
.bookmarks ul li .top-image div {
    position: absolute;
    top: 7px;
    left: 5px;
    background: #212121;
    text-align: center;
    font-size: 10px;
    color: #fff;
    padding: 3px 7px;
    opacity: .8;
    border-radius: 6px;
}
.bookmarks ul li .bottom-box {
    font-size: 12px;
}
.bookmarks ul li .bottom-box .title {
    text-align: center;
    width: 211px;
    overflow: hidden;
    padding: 4px 1px 3px;
    text-overflow: ellipsis;
    direction: ltr;
    white-space: nowrap;
}
.bookmarks ul li .bottom-box .title a {
    color: #2c3e50;
    font-family: kalame;
    font-size: 19px;
    font-weight: bold;
}
.bookmarks ul li .bottom-box .info-extra .genre {
    text-align: center;
    padding: 4px;
    background: #ffebee;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}
.bookmarks ul li .bottom-box .info-extra .genre a {
    color: #c2185b;
}
.bookmarks ul li .bottom-box .info-extra .last-bottom-free {
    text-align: center;
    padding: 5px;
    color: #7f8c8d;
    font-size: 12px;
}
.bookmarks ul li .bottom-box .info-extra .last-bottom-free > span {
    display: block;
    margin: 6px 0;
}
.bookmarks ul li .bottom-box .info-extra .last-bottom-free > span span {
    width: 100px;
    display: inline-block;
    text-align: right;
}
.bookmarks ul li .bottom-box .info-extra .last-bottom-free > span a {
    font-family: Yekan-B;
}
.bookmarks ul li .bottom-box .info-extra .last-bottom-free span i {
    margin-right: 5px;
    margin-left: 11px;
    font-size: 14px;
    vertical-align: middle;
}
.custom-tooltip .ui.steps .step.active {
    cursor: auto;
    background: #FAFAFA;
}
.custom-tooltip .ui.steps .step.active:after {
    background: #F3F4F5;
}
.custom-tooltip .ui.steps .step:after {
    display: block;
}
.custom-tooltip .ui.steps .active.step:after {
    display: block;
}
.custom-tooltip .ui.steps .step:last-child:after {
    display: none;
}
.custom-tooltip .ui.steps .active.step:last-child:after {
    display: none;
}
.custom-tooltip .ui.steps a.active.step:hover::after, .ui.steps a.active.step:hover {
    cursor: pointer;
    background: #DCDDDE;
    color: rgba(0, 0, 0, 0.87);
}
.custom-tooltip .ui.steps .step {
    font-size: 1rem;
}
.nav-popup .nav-popup__header .header__title .title.title--username {
    display: block;
    margin-bottom: 6px;
    line-height: 18px;
    font-size: 23px;
    color: #262636;
    font-family: kalame;
    font-weight: 600 !important;
}
.nav-popup .nav-popup__header .header__title .title.title__ink {
    font-size: 0;
    line-height: 0;
}
.nav-popup .nav-popup__header .header__title .title.title__ink .ink-link {
    display: inline-flex;
}
.nav-popup .nav-popup__header .header__title .title.title__ink .ink-amount {
    line-height: 16px;
    font-size: 12px;
    color: #262636;
    font-weight: 600 !important;
    margin-left: 4px;
}
.nav-popup .nav-popup__header .header__title.header__title--small {
    font-size: 12px;
    color: #868696;
}
.nav-popup .nav-popup__header .header__title.header__title--small:hover {
    color: #262636;
}
.nav-popup .nav-popup__header .header__title.header__title--right {
    float: right;
}
.nav-popup .nav-popup__body .content {
    display: flex;
    padding: 12px 20px;
    cursor: pointer;
}
.nav-popup .nav-popup__body .content:first-child {
    border: none !important;
}
.nav-popup .nav-popup__body .content.content--line-bold {
    border-top: 1px solid #e6e6e6;
}
.nav-popup .nav-popup__body .content.content--line-light {
    border-top: 1px solid #f6f6f6;
}
.nav-popup .nav-popup__body .content.content--grid {
    display: grid;
    grid-template-columns: 40px minmax(172px, 1fr) 6px;
    grid-gap: 10px;
    width: 86%;
}
.notify-head img {
    height: 40px;
    border-radius: 2px;
}
.nav-popup .nav-popup__body .content.content--grid .content__thumb {
    display: block;
    position: relative;
    height: 40px;
}
.nav-popup .nav-popup__body .content:hover {
    background-color: #f6f6f6;
}
.nav-popup .nav-popup__body .content .content__link {
    display: inline-block;
    position: relative;
    font-size: 0;
    line-height: 0;
    width: 40px;
    margin-right: 10px;
}
.nav-popup .nav-popup__body .content .content__link .item__thumb {
    border-radius: 2px;
}
.nav-popup .nav-popup__body .content .content__row {
    display: inline-flex;
    align-items: center;
    width: 100%;
    line-height: 20px;
}
.nav-popup .nav-popup__body .content .content__row i {
    font-size: 20px;
}
.nav-popup .nav-popup__body .content .content__row .ico--mg0 {
    margin: 2px 0;
}
.nav-popup .nav-popup__body .content .content__row .ico--mg1 {
    margin: 2px 2px 2px 3px;
}
.nav-popup .nav-popup__body .content .content__row .ico--mg2 {
    margin: 2px 1px;
}
.nav-popup .nav-popup__body .content .content__info {
    display: inline-flex;
}
.nav-popup .nav-popup__body .content .content__desc {
    min-width: 147px;
    margin-right: 10px;
}
.nav-popup .nav-popup__body .content .content__desc .body__desc--large {
    margin-bottom: 2px;
    font-size: 14px;
    color: #262636;
}
.nav-popup .nav-popup__body .content .content__desc .body__desc--small {
    font-size: 12px;
    color: #a6a6a6;
}
.nav-popup .nav-popup__body .content .content__desc .body__desc--overflow {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.nav-popup .nav-popup__body .content .content__dot {
    align-self: center;
}
.nav-popup .nav-popup__body .content .content__dot .dot-indicator {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #f6b606;
}
.nav-popup .nav-popup__footer {
    height: 39px;
    background-color: #f6f6f6;
    border-top: 1px solid #e6e6e6;
    text-align: center;
    line-height: 39px;
}
.nav-popup .nav-popup__footer .nav-popup__footer--empty {
    display: block;
    font-size: 14px;
    color: #a6a6a6;
    font-weight: 600 !important;
}
.nav-popup .nav-popup__footer .nav-popup__footer--empty .comics {
    color: #f6b606 !important;
}
.nav-popup .nav-popup__footer .nav-popup__footer--empty .novels {
    color: #26b6b6 !important;
}
.nav-popup .nav-popup__footer .nav-popup__footer--not-empty {
    display: block;
    font-size: 14px;
    color: #a6a6a6;
    font-weight: 700 !important;
}
.nav-popup .nav-popup__footer .nav-popup__footer--not-empty:hover {
    color: #666676;
}
.swal-text p {
    font-family: Yekan-B;
    font-size: 17px;
    text-align: center;
    line-height: 2;
}
.scrollbar-container .scrollbar__thumb {
    width: 5px;
    height: 10px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    border-radius: 5px;
}
.scrollbar-container .scrollbar__thumb .scrollbar__thumb--end {
    width: 5px;
    height: 5px;
    overflow: hidden;
}
.scrollbar-container {
    overflow: hidden;
    position: relative;
}
.scrollbar-container .scrollbar {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
}
.scrollbar-container .scrollbar .scrollbar__track {
    width: 8px;
}
.scrollbar-container .scrollbar .scrollbar__track:hover .scrollbar__thumb {
    opacity: .5;
}
.scrollbar-container .scrollbar .scrollbar__thumb {
    opacity: 0;
    width: calc(7px);
    background-color: #060616;
    transition: opacity .2s linear;
}
#profile-page .user-info-section .inner .user-desc .support-btn {
    border-radius: 3px;
    margin-bottom: 7px;
}
.scrollbar-container .scrollbar .scrollbar__thumb .scrollbar__thumb--end {
    width: calc(7px);
    background-color: #060616;
}
.scrollbar-container .scrollbar:hover {
    background-color: rgba(255, 255, 255, .2);
    width: calc(11px);
}
.scrollbar-container .viewport {
    overflow: hidden;
    -ms-touch-action: none;
}
.scrollbar-container .viewport:hover + .scrollbar .scrollbar__thumb {
    opacity: .5;
}
.scrollbar-container .overview {
    position: relative;
}
.scrollbar-container .overview > li {
    overflow: hidden;
}
.nav-bar {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #26b6b6;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    color: #fff;
    z-index: 9;
}
@media (max-width: 1015px) {
    .top-nav .top-nav__body .body--left {
        min-height: 48px !important;
    }

    .top-nav .top-nav__bottom .tapas-menu {
        display: none;
        position: absolute;
        top: 48px;
        width: 100%;
        height: 100%;
        font-size: 0;
        line-height: 0;
        flex-direction: column;
        border-top: 1px solid #e6e6e6;
    }

    .top-nav .top-nav__bottom .tapas-menu .tapas-menu__list {
        padding: 0 16px;
        background-color: #fff;
    }

    .top-nav .top-nav__bottom .tapas-menu .tapas-menu__list.list--border-top .tapas-menu__item {
        border-top: 1px solid #e6e6e6;
    }

    .top-nav .top-nav__bottom .tapas-menu .tapas-menu__list .tapas-menu__item {
        display: inline-flex;
        justify-content: space-between;
        line-height: 44px;
        font-size: 16px !important;
        color: #464656 !important;
    }

    .top-nav .top-nav__bottom .tapas-menu .tapas-menu__list .tapas-menu__item .ink-amount {
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    .top-nav .top-nav__bottom .tapas-menu .tapas-menu__list .tapas-menu__item > .ico {
        margin: auto 0;
    }

    .top-nav .top-nav__bottom .tapas-menu .tapas-menu__list .tapas-menu__item > .ico.ico--ink {
        margin-right: 8px;
    }

    .top-nav .top-nav__item.item--img {
        margin: auto 0 auto 8px !important;
    }

    .top-nav .top-nav__item.item--text {
        display: none;
    }

    .top-nav .top-nav__item.item--hide {
        display: none;
    }

    .top-nav .top-nav__item.item--resize {
        display: block !important;
    }

    .top-nav .top-nav__item.item--selected {
        border-bottom: 2px solid !important;
    }

    .top-nav .bottom--search {
        display: none;
        position: absolute;
        top: 17px;
        width: 100%;
        background-color: #fff;
        z-index: 1;
        grid-template-columns: 48px minmax(200px, 1fr) 48px;
    }

    .top-nav .bottom--search .search__btn {
        font-size: 0;
        line-height: 0;
    }

    .top-nav .bottom--search .search__btn.btn--close > i {
        margin: 16px;
    }

    .top-nav .bottom--search .search__btn > i {
        margin: 14px;
    }

    .top-nav .bottom--search .search__input {
        height: 26px;
        min-height: 20px;
        border: none;
        padding-left: 3px !important;
        font-size: 14px;
        color: #a6a6a6;
        font-weight: 600 !important;
    }

    .top-nav .bottom--search .search__input::placeholder {
        font-weight: 400 !important;
    }

    .top-nav .bottom--menu {
        position: relative;
        font-size: 0;
        line-height: 0;
        overflow: scroll;
        display: flex;
        min-height: 48px;
        margin: auto 0;
    }

    .top-nav .bottom--menu::-webkit-scrollbar {
        display: none;
    }

    .top-nav .bottom--menu .top-nav__item {
        margin: 13px 30px 0 0;
    }

    .top-nav .bottom--menu .top-nav__item:first-child {
        margin-left: 20px;
    }

    .top-nav .bottom--menu .top-nav__item:last-child {
        padding-right: 20px;
    }

    .top-nav .bottom--menu .top-nav__button {
        display: flex;
        line-height: 22px;
    }
}
.swiper-container {
    margin: 20px 0;
}
.home-root .section .section__inner {
    position: relative;
    width: 100%;
}
.home-root .section .app-download {
    background-color: #eaf1f7;
    border-radius: 4px;
    height: 75px;
    padding: 33px 30px;
}
.home-root .section .app-download .app-download__body {
    width: 100%;
    height: 100%;
}
.home-root .section .app-download .app-download__body .app-btn-wrap {
    display: flex;
}
.home-root .section .app-download .app-download__body .app-btn-wrap .app-btn.app-btn--android img {
    width: 134px;
    height: 40px;
}
.home-root .section .app-download .app-download__body .app-btn-wrap .app-btn img:first-child {
    margin-right: 3.2px;
}
.home-root .section .app-download .app-download__body > p {
    color: #161626;
    font-size: 17px;
    font-weight: 900 !important;
    margin-bottom: 12px;
    font-family: Yekan;
}
.home-root .section .app-download .app-download__bg {
    width: 441px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.global-nav-content-item > li {
    display: inline-block;
    height: 100%;
    line-height: 71px;
    position: relative;
}
.global-nav-content-item {
    margin-right: 20px;
}
.global-nav-content-item > li > a {
    font-family: Yekan-B;
    font-size: 14px;
    padding: 0 13px;
    position: relative;
}
.global-nav-content-item > li > a i {
    font-size: 12px;
    margin-right: 6px;
}
.global-nav-content-item > li .sub-menu {
    display: none;
    position: absolute;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
    width: 158px;
    top: 64px;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    right: -40px;
    margin: 0 auto;
}
.global-nav-content-item > li .sub-menu li {
    line-height: 3;
}
.global-nav-content-item > li .sub-menu li:hover {
    background-color: #f6f6f6;
}
.global-nav-content-item > li .sub-menu li a {
    font-family: Yekan-B;
    font-size: 13px;
    display: inline-block;
    width: 100%;
}
.home-root .section .app-download .app-download__bg img {
    border: 0;
    border-radius: 0;
    position: absolute;
    top: -50px;
    left: 0;
    height: 300px;
}
.section__inner.section__inner--center {
    width: 80% !important;
    margin: 0 auto;
    display: block;
    z-index: 999;
}
.best-users {
    padding-top: 25px;
    margin-bottom: 36px !important;
    position: relative;
}
.best-users > svg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 735px;
}
.rate-section .ui {
    margin: 0 auto;
    margin-bottom: 20px;
    color: white;
    box-shadow: none;
    display: inline-block;
}
.rate-section .ui ul {
    margin: 0px 30px 10px 0px;
    padding: 0;
    list-style-type: none;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
}
.rate-section .ui .drop {
    z-index: -3;
    opacity: 0;
    width: 240px;
    height: 10px;
    background: #3e8368;
    position: absolute;
    color: white;
    bottom: 0;
    padding: 12px 30px 21px 30px;
    -webkit-transition-property: bottom, opacity;
    transition-property: bottom, opacity;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.rate-section .ui .drop p {
    color: #f8fbfa;
}
.rate-section .ui .ui_box {
    position: relative;
    background: #FAFAFA;
    color: #424242;
    float: right;
    box-shadow: -1px 0px rgba(255, 255, 255, 0.07);
    cursor: pointer;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: background, -webkit-transform;
    transition-property: background, -webkit-transform;
    transition-property: transform, background;
    transition-property: transform, background, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.rate-section .ui .ui_box:first-of-type {
    width: 30%;
}
.rate-section .ui .ui_box:last-of-type {
    width: 70%;
}
.rate-section .ui_box__inner {
    padding: 15px 25px;
}
.rate-section .ui_box__inner span {
    font-size: 38px;
    font-weight: 700;
    font-family: kalame;
}
.rate-section .ui_box__inner .stat {
    text-align: center;
}
.rate-section .ui_box__inner .progress {
    width: 100%;
    margin-top: 10px;
    height: 6px;
    background: rgba(0, 0, 0, 0.3);
    margin-bottom: 15px;
}
.bookmarks-list .parent-body-wrap {
    width: 33%;
    display: inline-block;
}
.bookmarks-list .parent-body-wrap.ep-view {
    text-align: center;
    vertical-align: super;
}
.bookmarks-list .parent-body-wrap.ep-view > span {
    display: block;
    line-height: 1.9;
    font-size: 12px;
}
.bookmarks-list .parent-body-wrap.ep-view > span span {
    display: inline-block;
    width: 103px;
    font-family: yekan-b;
}
.bookmarks-list .parent-body-wrap.ep-view > span a {
    font-family: kalame;
    font-size: 16px;
}
.bookmarks-list .parent-body-wrap.rate {
    text-align: left;
    margin: 0;
    position: absolute;
    top: 8%;
    left: 0;
}
.bookmarks-list .parent-body-wrap.rate > span {
    font-size: 12px;
    margin-left: 12px;
}
.bookmarks-list .parent-body-wrap.rate div {
    font-size: 24px;
    font-family: kalame;
}
.bookmarks-list .parent-body-wrap.rate div span {
    font-family: kalame;
    font-weight: bold;
    font-size: 42px;
    color: #F9A825;
}
.rate-section .ui_box__inner .progress_graph {
    float: right;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    width: 85px;
    text-align: center;
    position: relative;
    padding-left: 20px;
    top: 24px;
}
.rate-section .ui_box__inner .progress_graph__bar--1 {
    width: 10px;
    height: 20px;
    background: #4FA584;
    float: left;
    margin-right: 10px;
    position: relative;
    bottom: -10px;
    -webkit-animation: graph 1s;
}
.rate-section .ui_box__inner .progress_graph__bar--2 {
    width: 10px;
    -webkit-animation: graph2 1s;
    height: 30px;
    float: left;
    margin-right: 10px;
    background: #4FA584;
}
.rate-section .ui_box__inner .progress_graph__bar--3 {
    width: 10px;
    height: 24px;
    margin-right: 10px;
    -webkit-animation: graph3 1s;
    background: #4FA584;
    float: left;
    position: relative;
    bottom: -6px;
}
.rate-section .ui_box__inner .progress_graph__bar--4 {
    width: 10px;
    height: 14px;
    -webkit-animation: graph4 1s;
    bottom: -16px;
    position: relative;
    background: #4FA584;
    float: left;
}
body .ui_box__inner .progress_bar {
    height: 6px;
    float: left;
    background: #4FA584;
    -webkit-animation: bar 2s;
}
.rate-section .ui_box__inner .progress_bar--two {
    height: 6px;
    float: left;
    width: 78%;
    background: #4FA584;
    -webkit-animation: bar2 2s;
}
.rate-section .ui_box h2 {
    font-weight: 900;
    font-family: sefid;
    font-size: 16px;
    margin-bottom: 8px;
}
.rate-section .ui_box p {
    font-size: 11px;
    color: #b6b6b6;
    clear: left;
    font-weight: 300;
    margin: 2px 0px 15px 0px;
}
.rate-section .ui_box:hover {
    background: #4FA584;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition-property: background, -webkit-transform;
    transition-property: background, -webkit-transform;
    transition-property: transform, background;
    transition-property: transform, background, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    position: relative;
    z-index: 1;
}
.rate-section .ui_box:hover > .ui_box__inner p {
    color: #b3dacb;
}
.rate-section .ui_box:hover > .drop {
    -webkit-transition-property: bottom, opacity;
    transition-property: bottom, opacity;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    bottom: -42px;
    opacity: 1;
}
.rate-section .ui_box:hover > .drop .arrow {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transform: rotate(765deg);
    transform: rotate(765deg);
}
.rate-section .ui_box:hover > .ui_box__inner .progress_graph > div {
    background: white;
}
.rate-section .ui_box:hover > .ui_box__inner .progress .progress_bar, .rate-section .ui_box:hover > .ui_box__inner .progress .progress_bar--two {
    background: white;
}
.rate-section .stat_left {
    float: left;
}
.rate-section .arrow {
    width: 4px;
    height: 4px;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    border-top: 1px solid #CDEAD3;
    border-right: 1px solid #CDEAD3;
    float: right;
    position: relative;
    top: -24px;
    right: 0px;
}
.review-header .ui {
    margin: 0 auto;
    display: inline-block;
    color: white;
    box-shadow: none;
    width: 100%;
    margin-bottom: 19px;
    margin-top: 40px;
}
.review-header .ui ul {
    margin: 0px 30px 10px 0px;
    padding: 0;
    list-style-type: none;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
}
.review-header .ui ul li {
    text-align: center;
    font-family: Yekan-B;
}
.review-header .ui .drop {
    z-index: -3;
    opacity: 0;
    width: 240px;
    height: 10px;
    background: #3e8368;
    position: absolute;
    color: white;
    bottom: 0;
    padding: 12px 30px 21px 30px;
    -webkit-transition-property: bottom, opacity;
    transition-property: bottom, opacity;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.review-header .ui .drop p {
    color: #f8fbfa;
}
.review-header .ui_box {
    width: 33.3%;
    height: 220px;
    position: relative;
    background: #3d3d3d;
    float: right;
    cursor: pointer;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: background, -webkit-transform;
    transition-property: background, -webkit-transform;
    transition-property: transform, background;
    transition-property: transform, background, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.review-header .ui_box__inner {
    padding: 14px 19px;
}
.review-header .ui_box__inner ul.info {
    padding: 0;
    margin: 0;
}
.review-header .ui_box__inner ul.info li {
    width: 46%;
    display: inline-block;
    margin: 5px 0;
}
.review-header .ui_box__inner ul.info li span {
    font-family: Yekan-B;
    font-size: 11px;
    font-weight: 400;
    margin-left: 12px;
}
.review-header .ui_box__inner ul.info li a {
    font-family: Yekan-B;
    font-size: 11px;
    margin-left: 12px;
    font-weight: 400;
    color: #fff;
}
.review-header .ui_box__inner ul.info li span:first-of-type {

}
.review-header .ui_box__inner ul.info li span:last-of-type {

}
.review-header .ui_box__inner img {
    height: 276px;
    width: 223px;
    position: absolute;
    bottom: 9px;
    border-radius: 22px;
}
.review-header .ui_box__inner .stat {
    display: inline-block;
    width: 100%;
}
.review-header .ui_box__inner span {
    font-size: 22px;
    font-weight: 700;
    direction: ltr;
    font-family: kalame;
}
.review-header .ui_box__inner .progress {
    width: 100%;
    margin-top: 10px;
    height: 6px;
    background: rgba(0, 0, 0, 0.3);
    margin-bottom: 15px;
}
.review-header .ui_box__inner .progress_graph {
    float: right;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    text-align: center;
    position: relative;
    padding-left: 20px;
    top: 25px;
}
.review-header .ui_box__inner .progress_graph__bar {
    width: 10px;
    margin-right: 10px;
    -webkit-animation: graph3 1s;
    background: #4FA584;
    float: left;
    position: relative;
}
.review-header .ui_box__inner .progress_graph__bar span {
    position: absolute;
    font-size: 9px;
    bottom: 0px;
    right: 0;
    left: 0;
}
.review-header .ui_box__inner .progress_bar {
    height: 6px;
    float: left;
    width: 58%;
    background: #4FA584;
    -webkit-animation: bar 2s;
}
.review-header .ui_box__inner .progress_bar--two {
    height: 6px;
    float: left;
    width: 78%;
    background: #4FA584;
    -webkit-animation: bar2 2s;
}
.review-header .ui_box h2 {
    font-weight: normal;
    font-size: 24px;
    font-family: kalame;
    margin: -4px 0px 3px 0px;
}
.review-header .ui_box p {
    font-size: 11px;
    color: #b6b6b6;
    clear: left;
    font-weight: 300;
    margin-bottom: 0;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.rate-animation {
    font-size: 13px;
}
.rate-animation form {
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
}
.rate-animation form fieldset {
    direction: ltr;
    width: 100%;
    display: inline-block;
    min-width: 100%;
    padding: 0;
    margin: 0;
    border: none;
}
.rate-animation symbol {
    overflow: visible;
}
.rate-animation legend {
    margin: 0 0 1.5em;
    display: inline-block;
    width: 100%;
    font-size: 21px;
    text-align: center;
    color: #7e26c8;
    padding-top: 38px;
    border: none;
    margin-bottom: 37px;
    font-weight: 900;
    font-family: Yekan-B;
}
.rate-animation #avatar {
    margin: 0 auto 1em;
    width: 150px;
    text-align: initial;
}
.rate-animation #avatar div {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.rate-animation #avatar div svg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: visible;
}
.rate-animation input[type="radio"] {
    position: absolute;
    top: auto;
    z-index: 2;
    width: 1.5em;
    height: 2em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: .0001;
}
.rate-animation .rate-radio {
    margin: 0 .5em 0 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #2a2a2a;
    line-height: 1;
}
.rate-animation .rate-radio:last-of-type {
    margin-right: 0;
}
.body__content .content .content__list .content__item a.delete-chapter {
    position: absolute;
    left: 10px;
    top: 12px;
    z-index: 1;
    display: inline-block;
    width: auto;
    background: #f64656;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 3px;
    font-family: Yekan-B;
}
.body__content .content .content__list .content__item a.edit-chapter {
    position: absolute;
    left: 10px;
    bottom: 12px;
    z-index: 1;
    display: inline-block;
    width: auto;
    background: #43A047;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 3px;
    font-family: Yekan-B;
}
.body__content .content .content__list .content__item a.re_upload {
    position: absolute;
    left: 10px;
    z-index: 1;
    display: inline-block;
    width: auto;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 3px;
    font-family: Yekan-B;
    top: 50%;
    transform: translateY(-50%);
    background: #FB8C00;
}
.rate-animation .rate-radio svg {
    display: block;
    width: 3em;
    height: 2.85em;
    fill: #f8edff;
    stroke: #000;
    stroke-width: 3px;
    stroke-linejoin: round;
    -webkit-transform: scale(0.625);
    transform: scale(0.625);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    overflow: visible;
}
.rate-animation .rate-radio span {
    padding: .4em .5em;
    position: absolute;
    left: 50%;
    top: 100%;
    background: #333;
    border: solid 2px #62457a;
    border-radius: .25em;
    color: #fff;
    font-size: .8em;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    -webkit-transform: translateY(0.5em) translateX(-50%) scale(0);
    transform: translateY(0.5em) translateX(-50%) scale(0);
    -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.rate-animation .rate-radio span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}
.rate-animation .rate-radio--none svg {
    width: 2.85em;
    height: 2.85em;
    fill: #FFF;
}
.rate-animation input:focus + .rate-radio {
    outline: dotted .25em #CCC;
    outline-offset: .5em;
}
.rate-animation fieldset:not([disabled]) input:not([disabled]):hover + .rate-radio span,
.rate-animation .rate-radio:hover span,
.rate-animation input:focus + .rate-radio span {
    opacity: 1;
    -webkit-transform: translateY(0.5em) translateX(-50%) scale(1);
    transform: translateY(0.5em) translateX(-50%) scale(1);
}
.rate-animation fieldset:not([disabled]) input:not([disabled]):checked + .rate-radio span,
.rate-animation .rate-radio:checked span,
.rate-animation input:checked + .rate-radio span {
    opacity: 1;
    -webkit-transform: translateY(0.5em) translateX(-50%) scale(1);
    transform: translateY(0.5em) translateX(-50%) scale(1);
}
.rate-animation fieldset:not([disabled]) input:not([disabled]):checked + .rate-radio span::before,
.rate-animation .rate-radio:checked span::before,
.rate-animation input:checked + .rate-radio span::before {
    opacity: 1;
}
.rate-animation input:checked + .rate-radio span {
    background: #333;
}
.rate-animation input:checked ~ .rate-radio svg {
    fill: #f8edff;
    -webkit-transform: scale(0.625);
    transform: scale(0.625);
}
.rate-animation input:not(:checked) ~ .rate-radio--none svg {
    -webkit-transform: scale(0.625);
    transform: scale(0.625);
}
.rate-animation .rate-radio svg,
.rate-animation input:checked + .rate-radio svg {
    fill: #faf18f;
    stroke: #62457a;
    -webkit-transform: scale(1) translateY(-0.25em);
    transform: scale(1) translateY(-0.25em);
}
.rate-animation input:checked + .rate-radio--none svg {
    fill: #e3468a;
    stroke: #9e1852;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.review-header .ui_box p a {
    color: #fff;
    font-family: kalame;
    font-size: 17px;
}
.review-header .stat_left {
    float: left;
}
.review-header .arrow {
    width: 4px;
    height: 4px;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    border-top: 1px solid #CDEAD3;
    border-right: 1px solid #CDEAD3;
    float: right;
    position: relative;
    top: -24px;
    right: 0px;
}
@-webkit-keyframes bar {
    from {
        width: 0px;
    }
    to {
        width: 58%;
    }
}
@keyframes bar {
    from {
        width: 0px;
    }
    to {
        width: 58%;
    }
}
@-webkit-keyframes bar2 {
    from {
        width: 0px;
    }
    to {
        width: 78%;
    }
}
@keyframes bar2 {
    from {
        width: 0px;
    }
    to {
        width: 78%;
    }
}
@-webkit-keyframes graph {
    from {
        height: 0px;
    }
    to {
        height: 20px;
    }
}
@keyframes graph {
    from {
        height: 0px;
    }
    to {
        height: 20px;
    }
}
@-webkit-keyframes graph2 {
    from {
        height: 0px;
    }
    to {
        height: 30px;
    }
}
@keyframes graph2 {
    from {
        height: 0px;
    }
    to {
        height: 30px;
    }
}
@-webkit-keyframes graph3 {
    from {
        height: 0px;
    }
    to {
        height: 24px;
    }
}
@keyframes graph3 {
    from {
        height: 0px;
    }
    to {
        height: 24px;
    }
}
@-webkit-keyframes graph4 {
    from {
        height: 0px;
    }
    to {
        height: 13px;
    }
}
@keyframes graph4 {
    from {
        height: 0px;
    }
    to {
        height: 13px;
    }
}
#profile-page .user-info-section .scrollbar-wrap::-webkit-scrollbar {
    display: none;
}
#profile-page .user-info-section .scrollbar-wrap {
    scrollbar-width: none;
}
#sitewide-notice {
    display: none;
}
.partner-link {
    background: #4CAF50;
    color: #fff;
    font-size: 13px;
    padding: 4px 8px;
    border-radius: 13px;
    font-weight: 400;
    margin-right: 7px;
    vertical-align: 1px;
    font-family: yekan;
    display: inline-block;
}
.advertise {
    padding-bottom: 40px;
    position: relative;
    height: 162px;
    margin-top: 80px;
    margin-bottom: 40px;
}
.advertise::before {
    content: "";
    position: absolute;
    width: 216%;
    height: 101%;
    background-image: url(public/image/Stars-Background.jpg);
    background-repeat: no-repeat;
    background-size: 48%;
    transform: rotate(180deg);
}
.advertise .r {
    float: right;
    padding: 0 0 46px;
    position: relative;
}
.advertise .r img {
    position: absolute;
    width: 186px;
    left: 60px;
    bottom: -60px;
}
.advertise .r p {
    font-size: 26px;
    font-family: Yekan;
    font-weight: bold;
}
.advertise .r a {
    display: inline-block;
    margin-top: 11px;
    padding: 15px 15px 12px;
    border-radius: 2px;
    color: white;
    float: left;
    border: 2px solid #f6b606;
}
.advertise .r a span {
    font-family: Yekan-B;
    FONT-WEIGHT: 900;
    font-size: 16px;
    color: #f6b606;
}
.advertise .text {
    text-transform: uppercase;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(#f6b606));
    background: linear-gradient(to right, #fff 0%, #f6b606 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20vw;
}
.advertise .text span {
    font-size: 59px;
    vertical-align: sub;
    font-family: kalame;
    font-weight: bold;
}
.advertise .l {
    float: left;
}
.advertise .l img {
    width: 400px;
    position: absolute;
    bottom: -2px;
    left: 125px;
}
.activity-list li {
    padding: 9px;
    font-size: 14px;
}
.activity-list li i {
    vertical-align: middle;
    margin-left: 8px;
    font-size: 17px;
    color: #757575;
}
.activity-list li span {
    font-size: 13px;
    font-weight: 100;
}
.activity-list li span:last-of-type {
    float: left;
    font-weight: bold;
    font-size: 22px;
    margin-top: 9px;
    color: #E0E0E0;
    position: relative;
}
.activity-list li:nth-child(2n) {
    background: #FAFAFA;
}
.edit-btn {
    position: absolute;
    font-size: 11px;
    border-bottom: 4px solid #ffd43b;
    color: #fff;
    background: #183153;
    border-radius: 8px;
    font-weight: bold;
    padding: 5px 9px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -37px;
    width: 52px;
    text-align: center;
}
.edit-btn i {
    font-size: 12px;
    vertical-align: middle;
    margin-left: 6px;
}
.edit-btn a {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    font-family: yekan-b;
}
.page-cat > a, .comment-pagination > a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-cat > a, .comment-pagination > a {
    font-family: IRANYekan;
    color: #BEC2BF !important;
    border: 0;
    padding: 10px 13px;
    display: inline-block;
}
.page-cat .current, .comment-pagination .current {
    font-family: IRANYekan;
    color: #5C665F !important;
    background-color: transparent !important;
    border: 0;
}
.page-cat .next, .comment-pagination .next {
    font-family: IRANYekan;
    color: #131A15 !important;
    border: 1px solid #131A15 !important;
    border-radius: 0 !important;
    padding: 10px;
    font-size: 12px;
    font-size: 12px;
    font-weight: bold;
}
.partner-message {
    display: inline-block;
    padding: 11px;
    text-align: center;
    width: fit-content;
    margin-right: 10px;
    background: #f5f5f573;
    transition: all .5s;
}
.partner-message i {
    font-size: 26px;
    border-left: 1px solid #7575752b;
    padding-left: 12px;
    vertical-align: middle;
    margin-left: 10px;
    color: #f6b60657;
    transition: all .5s;
}
.partner-message:hover i {
    color: #f6b6069c;
}
.mobile-single {
    width: 28%;
    position: absolute;
    left: 31px;
    top: 100px;
    z-index: 999;
    display: none;
}
.mobile-single .cover {
    position: relative;
    display: block;
    width: 100%;
    margin: 20px auto;
    border: 7px solid #fff;
}
.mob-480.right {
    float: right;
}
.mob-480 img {
    width: 150px;
    height: 210px;
}
.mob-480 h2 {
    font-family: kalame !important;
    font-size: 28px;
    margin-right: 9px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 0;
}
.mob-480 #subscribe-btn, .mob-480 #library {
    width: 30%;
    padding: 7px;
    margin-left: 10px;
}
.mob-480 #subscribe-btn span, .mob-480 #library span {
    color: #fff;
}
.mob-480 #subscribe-btn i, .mob-480 #library i {
    vertical-align: middle;
    margin-left: 6px;
    color: #fff;
}
.partner-message a {
    font-family: IRANYekan;
    font-size: 11px;
    color: #131111c4;
    font-weight: 100;
}
.single-info-product ul li:last-of-type {
    width: 100%;
}
.comment-section .comment-streams .body-wrap .comment-txt .genre {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-info-mob .left .user-desc .author .buttons-wrap a {
    padding: 7px;
    width: 85px;
}
.user-info-mob .mix-btn i {
    display: none;
}
.user-info-mob .mix-btn .btn-label {
    font-size: 12px;
    font-family: yekan-b;
}
.body__top.no {
    padding: 15px 25px;
    display: inline-block;
    overflow: unset;
    width: 88%;
}
.options-page .info-section .row-label {
    font-family: Yekan-B;
}
.partner-single .inner {
    margin: 30px auto;
}
.partner-single .info-section {
    margin: 0;
}
.partner-single .info-section .row-input .dropdown-menu li:hover {
    background-color: #eee !important;
}
.partner-single .btn-default:hover {
    background-color: transparent !important;
}
.partner-single .btn-group.open .dropdown-toggle {
    box-shadow: unset !important;
    background: transparent !important;
}
span.multiselect-native-select span {
    font-family: Yekan-B;
}
.partner-single .info-section .row-input {
    margin: 10px 0 15px;
}
.partner-single .info-section .row-input .input-wrap {
    width: max-content;
}
.custom-btn-green {
    background: #2ecc71;
    padding: 6px 11px;
    line-height: 18px;
    font-size: 13px;
    border-radius: 4px;
    font-family: Yekan-B;
    color: #fff;
    font-weight: 600;
}
.custom-btn-blue {
    background: #0288D1;
    padding: 6px 11px;
    line-height: 18px;
    font-size: 13px;
    border-radius: 4px;
    font-family: Yekan-B;
    color: #fff;
    font-weight: 600;
}
.custom-btn-blue i {
    vertical-align: middle;
    font-size: 18px;
    margin-left: 3px;
}
.custom-btn-green span, .custom-btn-blue span {
    font-family: Yekan-B;
}
.custom-btn-green i {
    font-size: 20px;
    vertical-align: middle;
    margin-left: 3px;
}
.custom-btn-green:hover, .custom-btn-blue:hover {
    opacity: .7;
    color: #fff;
}
.partner-single .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.partner-single .multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.partner-single .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.partner-single .multiselect-container > li {
    padding: 0 !important;
}
.partner-single .open > .dropdown-menu {
    display: block;
    width: auto !important;
    background: #fff !important;
    font-size: 14px !important;
    border: none !important;
    overflow: unset !important;
}
.partner-single .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.partner-single .multiselect-container > li > a {
    padding: 3px 12px !important;
    background-color: transparent !important;
    text-align: right;
    color: #333 !important;
    font-family: Yekan-B;
}
.partner-single .multiselect-container > li > a > label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 20px 3px 40px;
}
.partner-single .multiselect-container > li > a > label.checkbox, .multiselect-container > li > a > label.radio {
    font-family: Yekan-B;
}
.partner-single .checkbox input[type=checkbox], .partner-single .checkbox-inline input[type=checkbox], .partner-single .radio input[type=radio], .partner-single .radio-inline input[type=radio] {
    position: absolute;
    margin-right: -16px;
}
.partner-single .multiselect-container > li > a > label > input[type=checkbox] {
    margin-bottom: 5px;
}
.team-menu #updated {
    margin-top: 10px;
}
.team-menu #updated > li {
    line-height: 1.2;
    padding: 1px 8px 10px;
    margin-bottom: 5px;
}
.team-menu #updated > li:nth-child(odd) .info .chapter-info li:nth-child(odd) {
    background: #fff !important;
}
.team-menu #updated li .cover {
    display: inline-block;
    vertical-align: text-bottom;
}
.team-menu #updated li .cover img {
    border-radius: 100%;
    width: 50px;
    height: 50px;
}
.team-menu #updated li .info {
    display: inline-block;
    width: 71%;
    margin-right: 8px;
}
.team-menu #updated li .info h3 {
    text-align: center;
    margin-bottom: 6px;
}
.team-menu #updated li .info h3 a {
    font-family: kalame;
    font-size: 19px;
}
.team-menu #updated li .info .chapter-info {
    margin: 0;
}
.team-menu #updated li .info .chapter-info li:nth-child(odd) {
    background: #f5f5f5;
    padding: 2px 0;
    border-radius: 3px;
    text-align: center;
}
.team-menu #updated li .info .chapter-info li span {
    font-size: 13px;
    font-family: Yekan-B;
}
.team-menu #updated li .info .chapter-info li > span:nth-child(even) {
    margin-left: 7px;
    margin-right: 3px;
    font-weight: bold;
    font-family: kalame;
    font-size: 16px;
    display: inline-block;
}
.team-menu #updated li .info .chapter-info li > span:nth-child(odd) {
    color: #616161;
    display: inline-block;
    padding-right: 7px;
    font-size: 12px;
}
.team-menu #updated .see-more {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #FFF8E1;
    color: #616161;
    padding: 6px 0;
    border-radius: 2px;
}
.team-menu #updated .see-more i {
    vertical-align: sub;
    font-size: 17px;
    margin-right: 10px;
}
.team-menu #updated .see-more span {
    font-family: Yekan-B;
    font-size: 12px;
}
.team-menu .user-title h2 {
    font-family: kalame;
    font-size: 24px;
    margin: 8px 0;
}
.team-menu .scores > div {
    display: inline-block;
    width: 47%;
}
.team-menu .scores > div span:first-of-type {
    font-family: Yekan-B;
    display: inline-block;
    width: 100%;
}
.team-menu .scores > div span:last-of-type {
    font-weight: bold;
    font-size: 16px;
    font-family: Yekan-B;
}
.partner-single .lists {
    width: 30%;
    margin-left: 12px;
    display: inline-block;
    vertical-align: text-top;
    position: relative;
}
.partner-single .lists h2 {
    font-size: 20px;
    font-family: yekan-B;
    font-weight: 700;
    margin-bottom: 10px;
}
.partner-single .head-lists .lists h2 {
    text-align: center;
    position: absolute;
    top: -9px;
    left: 0;
    z-index: 999;
    right: 0;
    background: #fff;
    width: max-content;
    margin: 0 auto;
    padding: 0 25px;
}
.partner-single .lists ul li {
    padding: 6px;
    position: relative;
}
.partner-single .lists ul li a#send-private {
    position: absolute;
    left: 14px;
    top: 9px;
    color: #9E9E9E;
}
.partner-single .lists ul li a#send-private:hover {
    color: #616161;
}
.partner-single .lists ul li:nth-child(odd) {
    background: #FAFAFA;
}
.partner-single .lists ul li a {
    font-family: kalame;
    font-size: 21px;
}
.body-lists {

}
.body-lists h2 {
    font-family: Yekan-B;
    font-weight: bold;
    font-size: 21px;
    margin: 30px 0 10px;
}
.body-lists .body-head {
    background: #F5F5F5;
    line-height: 47px;
    padding: 0 15px;
}
.body-lists .body-head ul {
    display: inline-block;
}
.body-lists .body-head ul li {
    display: inline-block;
    margin-left: 14px;
}
.body-lists .body-head ul li span:first-child {
    font-family: Yekan-B;
}
.body-lists .body-head ul li span:last-child {
    font-family: kalame;
    font-size: 22px;
    margin-right: 3px;
    font-weight: bold;
}
.body-lists .body-head a {
    float: left;
    margin-top: 8px;
}
.dropzone {
    border: none !important;
    padding: 0 !important;
    min-height: auto !important;
}
.dropzone .dz-message {
    font-size: 12px !important;
    border: 1px dashed #BDBDBD !important;
    margin: 0 !important;
}
.dropzone .dz-message button {
    margin: 0 !important;
    padding: 28px !important;
    font-family: yekan-b !important;
    font-size: 15px !important;
}
.dropzone .dz-preview {
    width: 100% !important;
    min-height: 55px !important;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
    display: none;
}
.dropzone .dz-preview.dz-file-preview .dz-details {
    padding: 0 !important;
}
.dropzone .dz-preview .dz-details .dz-size {
    direction: ltr !important;
}
.dropzone .dz-preview .dz-progress {
    left: 0 !important;
    right: 0 !important;
    top: 40% !important;
    margin: 0 auto !important;
    width: 200px !important;
    border-radius: 2px !important;
    border: 1px solid #E0E0E0 !important;
}
.dropzone .dz-preview .dz-details .dz-size strong {
    font-family: Kalame !important;
    font-weight: bold !important;
    font-size: 32px !important;
}
.dropzone .dz-preview span {
    font-family: Yekan-B !important;
}
.dropzone .dz-preview .dz-details .dz-filename {
    direction: ltr !important;
}
.dropzone .dz-preview .dz-progress .dz-upload {
    background: #FFE0B2 !important;
}
.partner-single .body-content {
    border: 1px solid #E0E0E0;
    padding: 11px 10px;
    margin: 10px 0;
    text-align: center;
}
.partner-single .body-content .lists {
    margin-left: 21px;
    padding: 11px;
    background: #F5F5F5;
    width: 28%;
}
.body-lists h3 {
    font-size: 12px;
    font-family: Yekan-B;
}
.partner-single .body-content .lists ul {
    margin-top: 10px;
    background: #fff;
}
.partner-single .body-content > div:last-child {
    margin-left: 0;
}
.partner-single .body-content .lists > a {
    display: inline-block;
    width: 100%;
}
.partner-single .body-content .lists > a h2 {
    display: inline-block;
    margin: 0;
    font-size: 14px;
}
.partner-single .body-content .lists > a i {
    float: left;
    margin-top: 4px;
}
.setting-btn {
    position: fixed;
    right: -4px;
    z-index: 9999;
    font-size: 21px;
    box-shadow: -3px 5px 14px #33333326;
    top: 200px;
    background: #fff;
    padding: 6px;
    color: #9e9e9e;
    line-height: 0;
    border-radius: 10px 0 0 10px;
    transition: all .5s;
}
.notification-btn {
    position: fixed;
    right: -100px;
    z-index: 9999;
    font-size: 22px;
    box-shadow: -3px 5px 14px #33333326;
    top: 245px;
    background: #fff;
    padding: 6px 7px;
    color: #9e9e9e;
    line-height: 0;
    border-radius: 10px 0 0 10px;
    transition: all .5s;
}
.message-btn {
    position: fixed;
    right: -100px;
    z-index: 9999;
    font-size: 22px;
    box-shadow: -3px 5px 14px #33333326;
    top: 290px;
    background: #fff;
    padding: 6px 9px;
    color: #9e9e9e;
    line-height: 0;
    border-radius: 10px 0 0 10px;
    transition: all .5s;
}
.message-btn.has-message, .notification-btn.has-notify {
    right: -4px;
}
.red-alert {
    position: absolute;
    background: #f6b606;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    left: -8px;
    top: -5px;
    border: 3px solid #fff;
    box-shadow: -7px -3px 14px #33333326;
}
.notification-btn.has-notify {
    padding: 6px 10px;
}
.notification-btn.has-notify:hover i {
    color: #3333338f;
}
.animate__swing {
    display: inline-block;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
body.right-menu a.has-message,
body.right-menu a.has-notify,
body.right-menu a.setting-btn,
body.notify-menu a.has-message,
body.notify-menu a.has-notify,
body.notify-menu a.setting-btn,
body.message-menu a.has-message,
body.message-menu a.has-notify,
body.message-menu a.setting-btn {
    right: 275px;
}
.partner-single .body-content .lists li {
    background: transparent !important;
    padding: 8px 1px;
    border-bottom: 1px solid #eee;
    position: relative;
}
.partner-single .body-content .lists li div.chapter {
    font-size: 12px;
    display: inline-block;
    width: 78%;
    text-align: right;
    vertical-align: middle;
}
.partner-single .body-content .lists li div.chapter span {
    font-family: Yekan-B;
    margin-left: 10px;
    display: inline-block;
    font-size: 13px;
    vertical-align: baseline;
}
.partner-single .body-content .lists li div.chapter span span {
    font-weight: bold;
    font-size: 18px;
}
.partner-single .body-content .lists li div.chapter > div {
    display: inline-block;
    text-align: right;
}
.partner-single .body-content .lists li div.chapter > div div a {
    font-size: 18px;
}
.partner-single .body-content .lists li div.chapter > a {
    position: absolute;
    left: 12px;
    bottom: 0;
    color: #43A047;
}
.partner-single .body-content .lists li a.remove {
    position: absolute;
    left: 13px;
    color: #e53935;
    top: 6px;
}
.partner-single ul.chats {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.partner-single ul.chats li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    direction: ltr;
    justify-content: flex-end;
    font-size: .9375rem;
    margin-bottom: 14px;
}
.partner-single ul.chats .ca-send__msg-group {
    max-width: 60%;
    width: 100%;
    direction: ltr;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: end;
    align-items: flex-end;
}
.partner-single ul.chats .ca-send__msgwrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    direction: ltr;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin: .3125rem 0;
    position: relative;
}
.partner-single ul.chats .ca-send__msg {
    font-size: 11px;
    border-radius: .8rem .8rem 0 .8rem;
    position: relative;
    padding: 1rem;
    font-weight: 500;
    min-width: 15.625rem;
    text-align: right;
}
.partner-single ul.chats .ca-send__msg {
    background: #fff;
    color: #333;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}
.partner-single ul.chats .ca-send__msg h3 {
    text-align: right;
    margin-bottom: 5px;
}
.partner-single ul.chats .ca-send__msg p {
    margin: 0;
    font-family: Yekan-B;
    font-size: 13px;
}
.partner-single ul.chats .metadata {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.partner-single ul.chats #message-thread .time {
    font-size: 9px;
    margin-bottom: 10px;
    clear: both;
    margin-top: 7px;
    margin-left: 6px;
    margin-right: 6px;
}
.partner-single ul.chats .user-avatar {
    display: inline-flex;
    border-radius: .5rem;
    position: relative;
}
.partner-single ul.chats .ca-send .user-avatar {
    margin-left: .625rem;
}
.partner-single ul.chats .user-avatar.user-avatar-sm img {
    height: 35px;
    min-width: 35px;
    max-width: 35px;
    width: 100%;
    border-radius: 100%;
}
.partner-single .body-content .form-chat input {
    width: 80%;
    padding: 0 13px;
    font-family: Yekan-B;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    min-height: 38px;
    font-size: 13px;
    margin-top: 8px;
}
.partner-single .body-content .form-chat button {
    padding: 10px 18px;
    margin-top: 8px;
}
.error-upload {
    font-size: 13px;
    text-align: center;
}
.error-upload p {
    margin-bottom: 13px;
    background: #ffebee;
    display: inline-block;
    width: 100%;
    line-height: 3;
    color: #d32f2f;
    font-weight: bold;
    padding: 4px;
    font-family: Yekan-B;
}
.donate {
    margin-top: 25px;
}
.donate .nice-select {
    float: unset;
}
.donate #radio-buttons {
    position: relative;
    border: none;
    padding: 0;
    z-index: 2;
    margin: 0 auto;
    width: max-content;
}
.donate #radio-buttons input {
    opacity: 0;
    position: absolute;
}
.donate #radio-buttons label {
    float: left;
    margin: 10px 10px 0 0;
    text-align: center;
}
.donate #radio-buttons input:focus + label:before {
    text-decoration: underline;
}
.donate #radio-buttons label,
.donate #for500:after {
    width: 4em;
    height: 4em;
    line-height: 2.9em; /* another reason why border-box sucks */
    box-sizing: border-box;
    border-radius: 200px;
    border-width: .6em;
    border-style: solid;
    transition: all .4s ease;
    cursor: pointer;
}
.donate #radio-buttons label:before {
    color: #616161;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px #fff;
    transition: all .3s ease;
}
.donate #radio-buttons input:checked + label:before,
.donate #radio-buttons label:hover:before {
    font-size: 1em;
    text-shadow: none;
}
.advanced-search {
    position: absolute;
    left: 43px;
    top: 6.8px;
    font-size: 23px;
    color: #9E9E9E;
    line-height: 1;
}
.advanced-search:hover {
    color: #000;
}
/* labels */
.donate #for25:before {
    content: '۱,۰۰۰';
}
.donate #for50:before {
    content: '۵,۰۰۰';
}
.donate #for100:before {
    content: '۱۰,۰۰۰';
}
.donate #for250:before {
    content: '۲۰,۰۰۰';
}
.donate #for500:before {
    content: '۵۰,۰۰۰';
}
.donate #radio-buttons label b {
    text-align: left;
    line-height: 1;
    position: absolute;
    top: -15px;
    left: 40px;
    right: 0;
    font-size: 13px;
    background: #fff;
    display: none;
    font-family: Yekan-B;
}
.donate #radio-buttons label:hover b {
    z-index: 1;
}
.donate #D25:focus + label b,
.donate #D25:hover + label b {
    display: block;
}
.donate #D50:focus + label b,
.donate #D50:hover + label b {
    display: block;
}
.donate #D100:focus + label b,
.donate #D100:hover + label b {
    display: block;
}
.donate #D250:focus + label b,
.donate #D250:hover + label b {
    display: block;
}
.donate #D500:focus + label b,
.donate #D500:hover + label b {
    display: block;
}
.donate #radio-buttons :checked + label b {
    display: block !important;
}
.donate #for500:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.donate #radio-buttons label {
    background: #fff3e085;
    border-color: transparent;
}
.donate #radio-buttons :checked + label {
    background: rgba(255, 255, 255, .2);
}
.donate #for500:after {
    border-color: #FF9800;
}
.donate #for25:hover ~ label:last-child::after {
    left: 0 !important;
    margin-left: 0 !important;
}
.donate #for50:hover ~ label:last-child::after {
    left: 4em !important;
    margin-left: 10px !important;
}
.donate #for100:hover ~ label:last-child::after {
    left: 8em !important;
    margin-left: 20px !important;
}
.donate #for250:hover ~ label:last-child::after {
    left: 12em !important;
    margin-left: 30px !important;
}
.donate #for500:hover ~ label:last-child::after,
.donate #for500:hover:after {
    left: 16em !important;
    margin-left: 40px !important;
}
.donate #D25:focus ~ label:last-child::after,
.donate #D25:checked ~ label:last-child::after {
    left: 0;
}
.donate #D50:focus ~ label:last-child::after,
.donate #D50:checked ~ label:last-child::after {
    left: 4em;
    margin-left: 10px;
}
.donate #D100:focus ~ label:last-child::after,
.donate #D100:checked ~ label:last-child::after {
    left: 8em;
    margin-left: 20px;
}
.donate #D250:focus ~ label:last-child::after,
.donate #D250:checked ~ label:last-child::after {
    left: 12em;
    margin-left: 30px;
}
.donate #D500:focus ~ label:last-child::after,
.donate #D500:checked ~ label:last-child::after {
    left: 16em;
    margin-left: 40px;
}
.donate #donate-monthly {
    -webkit-appearance: none;
    margin: 0 10px;
    background: rgba(0, 0, 0, .1);
    border: 2px solid mediumpurple;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    outline: 0;
    cursor: pointer;
}
.g-recaptcha > div {
    width: 100% !important;
    margin-bottom: 10px;
}
.donate #donate-monthly:focus + label {
    text-decoration: underline;
}
.donate #donate-monthly:checked {
    border: 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxnPjxwYXRoIGQ9Ik0xMiwwQzUuMzczLDAsMCw1LjM3MywwLDEyYzAsNi42MjgsNS4zNzMsMTIsMTIsMTJjNi42MjcsMCwxMi01LjM3MiwxMi0xMkMyNCw1LjM3MywxOC42MjcsMCwxMiwweiBNMTkuNzU0LDkuNTYxICAgIGwtOC42MDcsOC42MDdjLTAuMTc2LDAuMTc3LTAuNDYyLDAuMTc3LTAuNjM3LDBsLTEuMjcyLTEuMjg1Yy0wLjE3NS0wLjE3Ni0wLjQ2Mi0wLjQ2NC0wLjYzNi0wLjY0MmwtMi45Ni0zLjExMiAgICBjLTAuMDg3LTAuMDg3LTAuMTMzLTAuMjEtMC4xMzMtMC4zMjdjMC0wLjExNSwwLjA0Ni0wLjIyNywwLjEzMy0wLjMxNGwxLjI5Ny0xLjE2OWMwLjA4OC0wLjA5LDAuMjA1LTAuMTM0LDAuMzIxLTAuMTM0ICAgIGMwLjExNCwwLjAwMSwwLjIyOCwwLjA0NiwwLjMxNSwwLjEzNGwyLjkzNiwyLjk5NWMwLjE3NSwwLjE3OCwwLjQ2MSwwLjE3OCwwLjYzNywwbDYuNjk5LTYuNjgxYzAuMTc2LTAuMTc3LDAuNDYxLTAuMTc3LDAuNjM2LDAgICAgbDEuMjcyLDEuMjg1QzE5LjkzLDkuMDk0LDE5LjkzLDkuMzg0LDE5Ljc1NCw5LjU2MXoiLz48L2c+PC9nPjwvc3ZnPg==);
}
.donate #donate-monthly,
.donate #donate-monthly + label {
    vertical-align: middle;
    font-family: Yekan-B;
    margin: 0;
}
.donate .btn {
    padding: 6px 10px;
    color: #fff !important;
    background-color: #FFCC80;
    text-align: center;
    border-radius: 3px;
    letter-spacing: 1px;
    font-size: 13px;
    font-family: Yekan-B;
    font-family: VIP-HALA;
    margin: 10px auto;
    display: block;
    width: 23%;
}
.donate .btn:hover {
    background-color: #FF9800;
}
.visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}
.more-learn {
    position: relative;
}
.more-learn span.t {
    font-size: 10px;
    font-family: Yekan-B;
    background: #F5F5F5;
    padding: 3px 7px;
    cursor: pointer;
    border-radius: 3px;
    margin-right: 4px;
    color: #9E9E9E;
}
.more-learn span.more {
    position: absolute;
    top: -118px;
    font-family: Yekan-B;
    width: 282px;
    background: #fff;
    box-shadow: 1px 1px 30px #3333331f;
    padding: 10px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 1.8;
    right: -50px;
    display: none;
}
input[name=schedule] {
    line-height: 2;
    font-size: 12px;
    margin-bottom: 12px;
    margin-top: 9px;
    padding-left: 12px;
    border-radius: 2px;
    border: 1px solid #0202022b;
}
.body__content .content .content__list .content__item.schedule {
    opacity: .4;
}
.comment-txt .spoiler {
    background: #fff3e0d9;
    padding: 10px 17px;
    line-height: 1;
    border-radius: 2px;