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

body {
    margin: 0;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: var(--shade-1);
    color: white;
    font-family: dana;
}

input {
    font-family: dana;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

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

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

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

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

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

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

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

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

@media (min-width: 576px) {
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

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

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

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

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

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

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

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

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

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

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 1400px) {
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }

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

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}


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

h1, h2, h3, h4.h5, h6 {
    margin-top: 0;
}

.d-flex , .d-md-flex{
    display: flex;
}

.position-relative {
    position: relative;
}

.flex-column {
    flex-direction: column;
}

p {
    margin-top: 0;
}

.text-center {
    text-align: center;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: 3px;
    padding-bottom: 0;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap
}
.navbar-toggler:focus , .navbar-toggler:focus-visible{
    outline: none;
}
.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-top: 0;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 .25rem
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-sm .offcanvas-bottom, .navbar-expand-sm .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-md .offcanvas-bottom, .navbar-expand-md .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-lg .offcanvas-bottom, .navbar-expand-lg .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-xl .offcanvas-bottom, .navbar-expand-xl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none
    }

    .navbar-expand-xxl .offcanvas-bottom, .navbar-expand-xxl .offcanvas-top {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .55);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
    color: #fff
}

.flex-column-reverse{
    flex-direction:column-reverse!important
}

.flex-md-fill {
    flex: 1 1 auto !important
}

.flex-md-row {
    flex-direction: row !important
}

.flex-md-column {
    flex-direction: column !important
}

.flex-md-row-reverse {
    flex-direction: row-reverse !important
}

.flex-md-column-reverse {
    flex-direction: column-reverse !important
}

.flex-md-grow-0 {
    flex-grow: 0 !important
}

.flex-md-grow-1 {
    flex-grow: 1 !important
}

.flex-md-shrink-0 {
    flex-shrink: 0 !important
}

.flex-md-shrink-1 {
    flex-shrink: 1 !important
}

.flex-md-wrap {
    flex-wrap: wrap !important
}

.flex-md-nowrap {
    flex-wrap: nowrap !important
}



.flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}
.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}
.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}
.w-100{
    width: 100%;
}
/*END BOOTSTRAP*/
:root {
    --main-color-2: 180, 18, 0;
    --main-color: 255, 163, 152;
    --red-color: 236, 28, 36;
    --prpl-color: 31, 134, 0;
    --text-color: 242, 242, 242;
    --dark-red-color: 70, 9, 2
}

@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/eot/IRANSansWeb_Light.eot);
    src: url(../fonts/eot/IRANSansWeb_Light.eot?#iefix) format('embedded-opentype'),
    url(../fonts/woff2/IRANSansWeb_Light.woff2) format('woff2'),
    url(../fonts/woff/IRANSansWeb_Light.woff) format('woff'),
    url(../fonts/ttf/IRANSansWeb_Light.ttf) format('truetype');
    font-display: swap
}

body.tazhval {
    font-family: iransans !important;
    font-weight: 400;
    direction: rtl;
    margin: 0;
    color: rgb(var(--text-color));
    background: #031022;
    background: linear-gradient(180deg, rgb(3 16 34) 0%, rgb(14 36 54) 100%)
}

h1, h2, h3, h4, h5, h6, input, textarea {
    font-family: iransans !important;
    margin: 0
}

img {
    max-width: 100%
}

body.tazhval .old-single .main.single p, body.tazhval .old-single .main.single a, body.tazhval .old-single .main.single h1, body.tazhval .old-single .main.single h2, body.tazhval .old-single .main.single h3, body.tazhval .old-single .main.single h5 {
    color: #031022;
!important
}

body.tazhval .old-footer {
    float: right;
    width: 100%
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700
}

h1 {
    font-size: 24px
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 20px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

h5 {
    font-size: 16px
}

a {
    text-decoration: none
}

.tazhval a {
    color: rgb(var(--text-color))
}

h1 {
    font-weight: 700
}

p {
    margin: 0
}

.tazhval a:hover {
    color: rgb(var(--text-color))
}

.wrapper {
    max-width: 900px;
    margin: 0 auto
}

.ltr {
    direction: ltr
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

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

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

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

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

.text-underline {
    text-decoration: underline
}

.text-ultralight {
    font-weight: 200
}

.text-light {
    font-weight: 300
}

.text-regular {
    font-weight: 400
}

.text-medium {
    font-weight: 500
}

.text-bold {
    font-weight: 700
}

.text-black {
    font-weight: 900
}

.text-justify {
    text-align: justify
}

.my-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important
}

.mt-7 {
    margin-top: 7rem !important
}

.mb-7 {
    margin-bottom: 7rem !important
}

.my-9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important
}

.mt-9 {
    margin-top: 9rem !important
}

.mb-9 {
    margin-bottom: 9rem !important
}

.my-13 {
    margin-top: 13em !important;
    margin-bottom: 13rem !important
}

.mt-13 {
    margin-top: 13em !important
}

.mb-13 {
    margin-bottom: 13rem !important
}

.my-11 {
    margin-top: 11em !important;
    margin-bottom: 11rem !important
}

.mt-11 {
    margin-top: 11em !important
}

.mb-11 {
    margin-bottom: 11rem !important
}

.w-100 {
    height: auto
}
.mt-3{
    margin-top: 30px;
}
.mt-4{
    margin-top: 40px;
}
.navbar-dark .navbar-nav a {
    color: #fff
}

.current-menu-item a {
    font-weight: 600
}

.naab-menu-item {
    padding-inline: 30px;
    position: relative;
    padding-block: 5px
}

.naab-menu-item:after {
    content: "";
    height: 80%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #b41200;
    margin: auto
}

.naab-menu-item:last-child:after {
    display: none
}

.sub-menu {
    display: none;
    position: absolute;
    top: 35px;
    right: 0;
    padding: 7px;
    background: #011934;
    box-shadow: 0 2px 10px rgb(0 0 0 / .2);
    border-radius: 10px;
    z-index: 10;
    list-style: none
}

.menu-item-has-children:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid #fff0;
    border-right: 6px solid #fff0;
    border-top: 6px solid #fff;
    position: absolute;
    left: 20px;
    top: -3px;
    bottom: 0;
    margin: auto;
    transition: 0.25s
}

.sub-menu .naab-menu-item:after {
    display: none
}

.navbar-expand-lg {
    padding: 0
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-block: 0
}

.single-main-article {
    padding: 20px;
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.single-main-article .z-2 {
    position: relative;
    z-index: 2
}

.single-main-article::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(var(--dark-red-color), .9)
}

.single-main-article h1 {
    font-size: 15px;
    font-weight: 600
}

.line {
    width: 100%;
    background: #d49f00;
    height: 1px;
    margin-block: 15px
}

.dislike-btn, .like-btn {
    background: rgb(var(--main-color-2));
    color: rgb(var(--text-color));
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    margin-inline: 5px;
    min-width: 98px;
    display: flex;
    justify-content: center;
    align-items: center
}

.dislike-btn svg, .like-btn svg {
    width: 100%;
    max-width: 25px;
    margin-left: 7px
}

.single-main-article img {
    border-radius: 5px
}

.single-imdb {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #ffc107;
    width: fit-content;
    padding: 5px;
    color: #102638;
    font-weight: 600;
    position: absolute;
    left: 1px;
    top: 0;
    z-index: 2;
    font-size: 13px;
    border-radius: 0;
    border-bottom-right-radius: 10px;
    gap: 10px
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.download-box {
    width: 100%;
    margin-top: 10px;
    padding: 15px;
    background: #400b06;
    border-radius: 10px
}

.dl-list {
    width: 100%;
    list-style: none;
    padding-right: 0;
    padding-left: 0
}

.dl-list > li {
    padding: 10px 5px;
    background: #102537;
    border-radius: 4px;
    box-shadow: 0 2px 7px 1px rgb(0 0 0 / .1);
    width: 100%;
    margin: 5px 0;
    display: flex;
    justify-content: space-between
}

.dl-list > li.blue {
    background: #d1faff
}

.dl-list > li.success {
    background: #ddffd9
}

.dl-list > li.grey {
    background: #efefef
}

.dl-list > li .info span {
    display: inline-block;
    margin: 0 8px
}

.single .filter {
    float: left;
    font-size: 10px;
    margin-top: 6px
}

.filter span {
    border: 1px solid #333;
    color: #333;
    padding: 2px 8px;
    border-radius: 4px;
    cursor: pointer;
    margin: 2px
}

.filter span.active, .filter span:hover {
    background: #333;
    color: #fff !important
}

.filter span:nth-child(4n - 2) {
    border-color: #227aa7;
    color: #227aa7
}

.filter span:nth-child(4n - 2):hover, .filter span:nth-child(4n - 2).active {
    background: #227aa7
}

.filter span:nth-child(4n - 1) {
    border-color: #7011ff;
    color: #7011ff
}

.filter span:nth-child(4n - 1):hover, .filter span:nth-child(4n - 1).active {
    background: #7011ff
}

.filter span:nth-child(4n) {
    border-color: #ff11a0;
    color: #ff11a0
}

.filter span:nth-child(4n):hover, .filter span:nth-child(4n).active {
    background: #ff11a0
}

.dl-list .links {
    display: inline-block;
    padding: 0
}

.dl-list .links li {
    display: inline-block;
    margin: 0 8px 0 0
}

.dl-list .links li a {
    padding: 5px;
    background: #b41200;
    border-radius: 4px;
    color: #fff;
    border: 1px solid rgb(0 0 0 / .1);
    font-size: 12px
}

.dl-list .links li.subtitle a {
    background: none;
    border: 1px solid rgb(255 255 255 / .6)
}

.dl-list .links li a:hover {
    background: rgb(0 0 0 / .1)
}

.dl-list .links li a:active {
    background: #03a9f4;
    color: #fff;
    transition: none
}

#movieDetailAccordion .accordion-button::after, #movieDetailAccordion .accordion-button:not(.collapsed)::after {
    margin-left: 0;
    margin-right: auto;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

#movieDetailAccordion {
    border-radius: 10px;
    overflow: hidden
}

#movieDetailAccordion, #movieDetailAccordion .accordion-item, #movieDetailAccordion .accordion-header button {
    background: #102638;
    color: rgb(var(--text-color))
}

#movieDetailAccordion .accordion-button:focus {
    border: none;
    box-shadow: none
}

#movieDetailAccordion .accordion-button:not(.collapsed) {
    border-bottom: 1px solid #262626
}

.movie-detail-item {
    margin-block: 10px;
    position: relative;
    padding-right: 10px
}

.movie-detail-item ::before {
    content: "";
    position: absolute;
    right: -5px;
    width: 8px;
    height: 8px;
    background: #fff;
    top: 5px;
    margin: auto;
    border-radius: 50%
}

.movie-detail-item .movie-detail-item-field, .movie-detail-item .movie-detail-item-field a {
    color: #c2c2c2
}

.dl-box {
    padding: 0;
    border-radius: 30px;
    margin-top: 10px
}

.fill-red-btn {
    padding: 3px 10px;
    background: #3c3c3c;
    border-radius: 10px;
    border: 0;
    box-shadow: none;
    color: #fff
}

.fill-prpl-btn {
    padding: 5px 15px;
    background: rgb(var(--prpl-color));
    border-radius: 50px
}

.dl-row {
    background: #4c1418;
    padding: 0;
    border-radius: 10px;
    margin-block: 10px;
    flex-direction: column;
    border: 1px solid #4c1418;
    overflow: hidden
}

.film-story {
    background: rgba(var(--dark-red-color), .9);
    padding: 0;
    overflow: hidden;
    border-radius: 10px;
    font-size: 13px;
    line-height: 2em;
    text-align: justify
}

.related-title {
    font-size: 16px !important;
    margin-bottom: 10px;
    padding: 15px;
    background: #102638
}

.trailer-wrapper video {
    width: 100%;
    border-radius: 5px
}

.trailer-holder h4, .trailer-holder h2, .film-story > h2 {
    font-size: 16px;
    padding: 15px;
    background: #102638;
    color: #fff
}

.trailer-holder {
    background: #4c1418;
    border-radius: 10px;
    overflow: hidden
}

.trailer-details .details {
    padding-right: 23px;
    font-size: 14px;
    color: #fff
}

.trailer-details .trailer, .trailer-details .details {
    flex: 1
}

.trailer-details {
    padding: 15px;
    display: flex
}

.related-row {
    background: #400b06;
    margin-top: 30px;
    border-radius: 15px;
    overflow: hidden
}

.related-wrapper {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 15px
}

.related-wrapper .related-post {
    display: block;
    height: 300px;
    position: relative;
    border-radius: 5px
}

.related-card {
    min-width: 200px;
    max-width: 200px;
    margin-inline: 7px
}

.related-card h6 {
    font-size: 14px;
    margin-top: 15px;
    text-align: center
}

.dl-row a {
    margin-inline: 3px;
    display: flex;
    align-items: center;
    background: #031022;
    font-size: 14px;
    border-radius: 10px;
    padding: 3px 8px;
    color: #ffc107
}

.dl-row a.fill-red-btn {
    background: #3c3c3c;
    color: #ffc107
}

.dl-row a .volume {
    font-size: 10px;
    margin-right: 2px;
    text-align: left;
    direction: ltr
}

.main-detail-wrapper {
    flex-direction: column;
    gap: 10px
}

.main-detail-wrapper p span:first-child {
    font-size: 13px;
    font-weight: 700
}

.main-detail-wrapper p {
    padding: 2px 5px;
    font-size: 12px
}

button:disabled, button[disabled] {
    opacity: .9
}

#respond h3 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #ffffff;
    padding-bottom: 15px;
    border-bottom: 1px solid #494949;
}

textarea#comment::placeholder{
    color: white;
}
textarea#comment {
    color: white;
    background: #07182a;
    width: 100%;
    border: 0;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 20px;
    height: 100px;
}
.comments-inputs input::placeholder{
    color: white;
    font-size: 13px;
}
.comments-inputs input{
    width: 50%;
    margin-bottom: 10px;
    border-radius: 8px;
    border: 0;
    padding: 5px;
    background: #07182a;
    color: white;
    font-size: 13px;
}
.comments-inputs input[type=submit]{
    width: 100%;
    background: #faae12;
    color: black !important;
}
.comments-inputs {
    display: flex;
    gap: 10px;
}

.commentlist li {
    background: #07182a;
    padding: 10px;
    margin: 15px 0;
    border-radius: 10px;

}
.comment-author.vcard{
    font-size: 13px;
}
.comment-meta.commentmetadata{
    font-size: 12px;
    border-bottom: 1px solid #2f2f2f;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.comment-reply-link{
    margin-left: 0;
    width: 80px;
    text-align: center;
    background: #faae12;
    color: black !important;
    border-radius: 10px;
    display: block;
    margin-right: auto;
}
.commentlist {
    list-style: none;
    padding-right: 0;
}

.comments-inputs #send {
    width: 100%;
    background: #4f191d;
    border: 0;
    padding: 5px;
    color: #fff;
    border-radius: 8px
}

#commentform p a {
    display: none
}

.tazhval-comment p {
    color: #fff
}

.tazhval-sticky-instagram {
    background: #fdab1a;
    background: linear-gradient(111deg, rgb(253 171 26) 0%, rgb(243 0 4) 64%, rgb(193 0 153) 100%);
    width: 50%;
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 0 5px 5px 0;
    max-width: 400px
}

.tazhval-sticky-telegram {
    background: #0cc1f8;
    background: linear-gradient(111deg, rgb(12 193 248) 0%, rgb(54 130 216) 100%);
    width: 50%;
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 5px 0 0 5px;
    z-index: 10;
    max-width: 400px
}

.tazhval-sticky-instagram svg, .tazhval-sticky-telegram svg {
    width: 100%;
    max-width: 30px;
    margin-left: 5px
}

.mobile-view .tazhval-sticky-instagram svg, .mobile-view .tazhval-sticky-telegram svg {
    width: 100%;
    max-width: 20px;
    margin-left: 5px
}

.navbar-brand {
    margin: 0 !important
}

.mobile-view span {
    font-size: 10px
}

.footer-instagram-link {
    background: #fdab1a;
    background: linear-gradient(111deg, rgb(253 171 26) 0%, rgb(243 0 4) 64%, rgb(193 0 153) 100%);
    padding: 5px 20px;
    border-radius: 10px;
    width: 245px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px
}

.footer-instagram-link svg, .footer-telegram-link svg {
    width: 100%;
    max-width: 25px
}

.footer-instagram-link span, .footer-telegram-link span {
    padding: 7px;
    background-color: #10263833;
    border-radius: 50%;
    margin-right: 4px
}

.footer-telegram-link {
    background: #0cc1f8;
    background: linear-gradient(111deg, rgb(12 193 248) 0%, rgb(54 130 216) 100%);
    padding: 5px 20px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 245px;
    font-size: 13px;
    margin-top: 10px
}

.tazhval-peyvand {
    padding: 20px;
    background: #102638;
    border-radius: 10px
}

.tazhval-footer {
    background: #010b19;
    padding-top: 30px;
    padding-bottom: 10px
}

.tazhval-footer img {
    height: auto
}

.tazhval-footer li {
    margin-block: 3px
}

.tazhval-footer .copyleft-line {
    width: 98%;
    margin: 10px auto;
    background: #707070;
    height: 1px
}

.film-story p, .film-story span {
    color: rgb(var(--text-color)) !important
}

.film-story a {
    color: #ffc107
}

.tazhval .wpd_comment_level-1 {
    background: #08192f;
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 10px
}

.dl-box-wrapper h5 {
    font-size: 18px;
    font-weight: 700
}

.dl-box p {
    font-weight: 400;
    color: #fff;
    width: 100%;
    background: #4b1317;
    border-radius: 10px
}

.dl-box-header {
    background-color: #102638;
    padding: 10px 15px
}

.dl-box .dl-box-header p {
    background: #fff0
}

.link-btn-holder {
    padding: 10px;
    flex-wrap: wrap;
    gap: 10px
}

.watch-online a {
    gap: 8px;
    justify-content: center;
    padding: 7px;
    margin-top: 10px;
    width: 100%;
    max-width: 200px;
    background: #031022;
    font-size: 14px;
    border: 1px solid #ffc107;
    border-radius: 10px;
    color: #ffc107
}

.watch-online a svg {
    width: 100%;
    max-width: 20px
}

.naab-logo {
    max-width: 30px
}

.top-sticky-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20
}

.tazhval .dr-menu-item {
    padding-inline: 10px;
    position: relative;
    padding-block: 5px;
    font-size: 12px
}

.tazhval .dr-menu-item:last-child:after {
    display: none
}

.tazhval .sub-menu {
    display: none;
    position: absolute;
    top: 35px;
    right: 0;
    padding: 7px;
    background: #011934;
    box-shadow: 0 2px 10px rgb(0 0 0 / .2);
    border-radius: 10px;
    z-index: 10;
    list-style: none
}

.tazhval .menu-item-has-children:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid #fff0;
    border-right: 6px solid #fff0;
    border-top: 6px solid #fff;
    position: absolute;
    left: 20px;
    top: -3px;
    bottom: 0;
    margin: auto;
    transition: 0.25s
}

.tazhval .sub-menu .dr-menu-item:after {
    display: none
}

.seasons-tab-wrapper {
    display: none
}

.seasons-tab-wrapper.active {
    display: block
}

.update-status {
    background: #193e5c;
    padding: 5px 20px;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    display: inline-block !important
}

.update-status-single {
    margin-top: 13px;
    font-size: 16px;
    background-color: #b41200d1;
    display: inline-block;
    padding: 0 5px;
    border-radius: 7px
}

.tab-btn {
    opacity: .9;
    transition: 0.1s
}

.seasons-tab-wrapper {
    transition: 0.1s
}

.bazbini {
    background: #102638;
    padding: 10px 20px;
    border-radius: 15px;
    font-size: 12px
}

.tab-btn.active {
    color: #000;
    padding: 5px 15px;
    opacity: 1;
    background: #f3bf0c
}

.seasons-tab-btn-wrapper {
    display: flex;
    align-items: center;
    overflow: auto;
    gap: 10px;
    margin-top: 20px;
}

.top-sticky-wrapper.mobile-view {
    position: initial;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: calc(100% - 65px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20
}

.tazhval #wpd-post-rating {
    display: none
}

.top-banner {
    position: relative;
    font-size: 14px;
    min-width: 230px
}

.top-banner > .hover-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

.top-banner img {
    border-radius: 5px;
    box-shadow: 0 2px 10px rgb(255 255 255 / .2)
}

.top-banner h2 {
    font-size: 14px
}

.top-banner-hover {
    position: absolute;
    right: 5px;
    left: 5px;
    top: 5px;
    bottom: 5px;
    margin: auto;
    padding: 10px;
    background: rgb(0 0 0 / .6);
    opacity: 0;
    transition: 0.3s;
    border-radius: 5px
}

.top-banner:hover .top-banner-hover {
    opacity: 1
}

.banner-rate {
    font-size: 12px;
    margin-right: 20px;
    gap: 10px;
}

.banner-rate svg {
    max-width: 18px
}

.dub-and-sub {
    color: rgba(var(--main-color-2), 1);
}

.top-banner .imdb {
    color: #FDAB1A;
    font-weight: 700
}

.top-banner .imdb svg {
    width: 100%;
    max-width: 30px
}

.top-banner-wrapper {
    background: rgb(180 18 0 / .4);
    padding: 100px 0 30px 0
}

.front-h1 {
    font-size: 20px;
    margin-top: 20px;
    text-align: center;
    font-weight: 100
}


.archive-card .imdb {
    color: #fdab1a;
    font-weight: 700;
    text-align: left;
    position: absolute;
    left: 5px;
    top: 5px;
    display: flex;
    align-items: center !important;
    flex-direction: column;
}

.archive-card .imdb svg {
    max-width: 35px
}

.archive-card {
    color: #c3c3c3;
    padding: 15px;
    background: #102638;
    border: 1px solid #fbaf11;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0 1px 8px rgb(255 255 255 / .1);
    position: relative;
}

.archive-card a {
    color: #fff
}

.archive-card #like path {
    fill: #c3c3c3
}

.archive-card h2 {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    color: #fff
}

.content-info {
    gap: 10px;
    font-size: 14px;
    margin-top: 15px
}

.archive-card img {
    border-radius: 10px;
    box-shadow: 0 2px 10px rgb(0 0 0 / .2)
}

.tazhval-btn {
    border-radius: 10px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    background: #4b1317;
    padding: 4px !important;
    font-size: 15px;
    justify-content: space-around
}

.content-story {
    color: #fff;
    padding: 10px;
    margin: 10px 0;
    border: 1px dashed #7a7a7a;
    border-radius: 5px
}

.aside-wrapper .tazhval-btn {
    border-radius: 10px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    background: #d49f00;
    color: black !important;
    padding: 4px !important;
    font-size: 14px
}

.archive-card svg {
    max-width: 18px
}

.aside-wrapper {
    padding: 20px;
    background: rgba(var(--main-color-2), .4);
    border-radius: 10px;
    margin-bottom: 20px
}

.link-soon-btn {
    padding: 0 20px;
    background: #fdab1a;
    color: #000;
    border-radius: 10px
}

.aside-link-wrapper {
    padding-right: 5px;
    list-style: none
}

.aside-link-wrapper li {
    line-height: 1.5;
    font-size: 13px;
    color: #fff;
    display: flex;
    justify-content: space-between
}

.aside-link-wrapper li a {
    color: #fff
}

.aside-link-wrapper {
    overflow: hidden
}

.m-h {
    max-height: 193px;
    height: fit-content
}

.m-h#aside5 {
    max-height: 300px;
    height: fit-content
}

.aside-btn-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    background: #031022;
    border-radius: 5px
}

.aside-btn-wrapper a {
    padding: 5px;
    width: 50%;
    text-align: center;
    border-radius: 5px;
    font-size: 11px
}

.aside-btn-wrapper a.active {
    background: rgba(var(--main-color-2), .5)
}

.aside-banner {
    position: relative;
    height: fit-content;
    display: block;
    margin-top: 10px;
    border-radius: 5px;
    overflow: hidden
}

.aside-banner div {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 3px;
    background: rgb(27 38 44 / .7);
    font-size: 11px
}

.aside-item {
    display: none
}

.aside-item.active {
    display: block
}

.aside-title h6 {
    padding-block: 10px;
    text-align: center;
    color: #fff;
    background: #102537;
    border-radius: 5px;
    font-size: 12px
}

.tazhval-single-content-wrapper .container {
    width: 100%;
    background: #400b06;
    border-radius: 20px;
    margin-top: 30px;
    padding: 20px;
    margin-bottom: 20px;
}

.pagination ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 16px;
    list-style: none;
    padding-right: 0;
}

.pagination {
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    background: #031022;
    border-radius: 5px;
    margin-block: 10px
}

.pagination li span, .pagination li a {
    border-radius: 4px;
    background: rgba(var(--main-color-2), .5);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin: 5px
}

.pagination li span, .pagination li a.active-page {
    background: rgba(var(--main-color-2), 1);;
    color: #fff
}

.top-banners {
    overflow: hidden
}

.top-banners .d-flex {
    gap: 5px;
    margin-bottom: 5px;
    max-width: 100%
}

.tazhval #breadcrumbs {
    color: #ffc107;
    font-size: 12px;
    padding-top: 80px;
    background: #051833;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.tazhval #breadcrumbs span span span span {
    color: #fff
}

.filter-btn {
    color: rgba(var(--main-color-2), 1);
    border: 1px solid rgba(var(--main-color-2), 1);
    border-radius: 10px;
    background: #fff0;
    padding: 5px
}

.modal {
    display: none;
    position: fixed;
    z-index: 5;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgb(0 0 0 / .4)
}

.modal-content {
    background: #561414;
    margin: auto;
    padding: 20px;
    border: 1px solid #031022;
    width: 80%;
    border-radius: 5px
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.search-holder {
    display: flex;
    gap: 10px
}

.search-holder .tazhval-search-form {
    flex: 1
}

.advanced-search {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background: #faae12;
    padding: 0 10px;
    border-radius: 10px;
    color: black !important
}

.tazhval-search-form {
    position: relative;
    height: fit-content
}

.tazhval-search-form input {
    background: #13243c;
    box-shadow: none;
    color: #fff;
    font-size: 12px;
    width: 100%;
    border-radius: 10px;
    padding: 8px;
    border: 1px solid #faae12
}

.tazhval-search-form input:active, .tazhval-search-form input:focus {
    outline: none
}

.tazhval-search-form input::placeholder {
    color: rgb(255 255 255 / .77);
    font-size: 12px
}

.tazhval-search-form button {
    position: absolute;
    left: 13px;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
    background: #fff0;
    max-width: 22px;
    border: 0
}

.tazhval-search-form button svg {
    width: 100%
}

.taxonomy-title {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 14px
}

#aside-form select {
    background: #031022;
    border: none;
    color: #fff;
    width: 98%;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 7px
}

.link-box-wrapper div.d-flex {
    gap: 20px;
    margin-top: 0 !important;
    padding: 15px
}

.link-box-wrapper h6 {
    padding: 15px;
    background: #102638;
    color: #fff
}

.link-box-wrapper {
    overflow: hidden;
    border-radius: 15px;
    margin-top: 30px;
    background: #4c1418
}

.text-link {
    font-size: 14px;
    border-bottom: 2px dashed #ffc107;
    padding-bottom: 5px
}

.button-link {
    padding: 10px;
    width: 100%;
    max-width: 300px;
    text-align: center;
    color: #fff !important;
    background: rgb(var(--red-color));
    border-radius: 10px;
    box-shadow: 0 2px 10px rgb(0 0 0 / .2);
    font-size: 14px
}

.tazhval span.single-imdb {
    color: #102638 !important
}

.single-main-article .single-top-img {
    padding: 10px
}

.archive-icon {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
}

.single-icon {
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.genre-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS4zOSIgaGVpZ2h0PSIxOS45NSIgdmlld0JveD0iMCAwIDE1LjM5IDE5Ljk1Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8xODUiIGRhdGEtbmFtZT0iR3JvdXAgMTg1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjguNDU3KSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwXzE4NCIgZGF0YS1uYW1lPSJHcm91cCAxODQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI4LjQ1NykiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXBfMTgzIiBkYXRhLW5hbWU9Ikdyb3VwIDE4MyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9IlBhdGhfMzM2IiBkYXRhLW5hbWU9IlBhdGggMzM2IiBkPSJNMjguNDU3LDBWMTkuOTVoMTUuMzlWMFptMi4xMjYsMTguNzgxSDI5LjQ3MlYxNy41MzdoMS4xMTJ2MS4yNDRabTAtMi40MTNIMjkuNDcyVjE1LjJoMS4xMTJ2MS4xNjlabTAtMi4zMzhIMjkuNDcyVjEyLjg2MWgxLjExMlYxNC4wM1ptMC0yLjMzOEgyOS40NzJWMTAuNTIyaDEuMTEydjEuMTY5Wm0wLTIuMzM4SDI5LjQ3MlY4LjE4NGgxLjExMlY5LjM1NFptMC0yLjMzOEgyOS40NzJWNS44NDZoMS4xMTJWNy4wMTVabTAtMi4zMzhIMjkuNDcyVjMuNTA4aDEuMTEyVjQuNjc3Wm0wLTIuMzM4SDI5LjQ3MlYxLjE2OWgxLjExMlYyLjM0Wk00MC43MDYsMTguNzgxSDMxLjZWMTAuNTIyaDkuMTA4djguMjU4Wm0wLTkuNDI3SDMxLjZWMS4xNjloOS4xMDhWOS4zNTRabTIuMTI2LDkuNDI3SDQxLjcyMVYxNy41MzdoMS4xMTJabTAtMi40MTNINDEuNzIxVjE1LjJoMS4xMTJabTAtMi4zMzhINDEuNzIxVjEyLjg2MWgxLjExMlptMC0yLjMzOEg0MS43MjFWMTAuNTIyaDEuMTEyWm0wLTIuMzM4SDQxLjcyMVY4LjE4NGgxLjExMlptMC0yLjMzOEg0MS43MjFWNS44NDZoMS4xMTJabTAtMi4zMzhINDEuNzIxVjMuNTA4aDEuMTEyWm0wLTIuMzM4SDQxLjcyMVYxLjE2OWgxLjExMlYyLjM0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI4LjQ1NykiIGZpbGw9IiNlYzFjMjQiLz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc+)
}

.actors-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMTkxIiBkYXRhLW5hbWU9Ikdyb3VwIDE5MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjYiIGhlaWdodD0iMTYuNTQ2IiB2aWV3Qm94PSIwIDAgMjYgMTYuNTQ2Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwXzE5MCIgZGF0YS1uYW1lPSJHcm91cCAxOTAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwXzE4OSIgZGF0YS1uYW1lPSJHcm91cCAxODkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8xODgiIGRhdGEtbmFtZT0iR3JvdXAgMTg4Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xMDUiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDEwNSIgd2lkdGg9IjIuMzY0IiBoZWlnaHQ9IjE2LjU0NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMuNjM3KSIgZmlsbD0iI2VjMWMyNCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzEwNiIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTA2IiB3aWR0aD0iMi4zNjQiIGhlaWdodD0iMTYuNTQ2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOC45MDkpIiBmaWxsPSIjZWMxYzI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJQYXRoXzMzOCIgZGF0YS1uYW1lPSJQYXRoIDMzOCIgZD0iTTE1LjM2NCw4NS4zMzNIMS4xODJBMS4xODUsMS4xODUsMCwwLDAsMCw4Ni41MTVWMTAwLjdhMS4xODUsMS4xODUsMCwwLDAsMS4xODIsMS4xODJIMTUuMzY0YTEuMTg1LDEuMTg1LDAsMCwwLDEuMTgyLTEuMTgyVjg2LjUxNUExLjE4NSwxLjE4NSwwLDAsMCwxNS4zNjQsODUuMzMzWm0tNy4wOTEsMy4yNWEyLjY1OSwyLjY1OSwwLDEsMS0yLjY1OSwyLjY1OUEyLjY2MywyLjY2MywwLDAsMSw4LjI3Myw4OC41ODNabTUuMzE4LDEwLjkzMkgyLjk1NXYtLjg4NmMwLTEuNzczLDMuNTQ1LTIuNjU5LDUuMzE4LTIuNjU5czUuMzE4Ljg4Niw1LjMxOCwyLjY1OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTg1LjMzMykiIGZpbGw9IiNlYzFjMjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L3N2Zz4=)
}

.director-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMjAxIiBkYXRhLW5hbWU9Ikdyb3VwIDIwMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjMuMzEzIiBoZWlnaHQ9IjI3Ljg3OCIgdmlld0JveD0iMCAwIDIzLjMxMyAyNy44NzgiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXBfMTg2IiBkYXRhLW5hbWU9Ikdyb3VwIDE4NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0iUGF0aF8zMzciIGRhdGEtbmFtZT0iUGF0aCAzMzciIGQ9Ik0yNS40LDEzLjUxMUg2LjZsLjYyNy0uNDQ4YzQuNjY4LTIuNjk0LDE1LTkuMTc0LDE1LTkuMTc0YS45LjksMCwwLDAsLjMyNy0xLjIyN2wtLjktMi4yMTNBLjkuOSwwLDAsMCwyMC40MjQuMTJMMy40MzQsMTAuNDQ2YS45LjksMCwwLDAtLjMyOSwxLjIyOWwxLjYyNiwxLjc2Mi4wMTQsMTMuNTQzYS45LjksMCwwLDAsLjkuOUgyNS40YS45LjksMCwwLDAsLjktLjlWMTQuNDA5QS45LjksMCwwLDAsMjUuNCwxMy41MTFabS02LjUxNC42NDEtMi43NzMsMi42OTRIMTIuNTIxbDIuNy0yLjY5NFpNMTcuNzE2LDIuNTc3LDIwLjkwNi41MzFsLS40NjYsM0wxNy4xNzksNS42MjdabS01LjY4MiwzLjUsMy4yNDQtMi4wMjFMMTQuNyw3LjEsMTEuNDU4LDkuMTE2Wk01LjU3MSwxMi44bC41NDQtMy4wNTFMOS4zMzMsNy42OTJsLS41NDcsMy4wNDZaTTguOTMsMTQuMTUyaDMuNTkxTDkuODI3LDE2Ljg0NUg2LjIzNVpNMjQuNzUxLDI2Ljc4Nkg2LjI3NFYxOC4yNDlIMjQuNzUxWm0tMi4yOTItOS45NEgxOC44MDhsMi43LTIuNjk0aDMuNTY1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuOTg1IDApIiBmaWxsPSIjZWMxYzI0Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L3N2Zz4=)
}

.country-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS4xNSIgaGVpZ2h0PSIyNi40MzgiIHZpZXdCb3g9IjAgMCAyMS4xNSAyNi40MzgiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8xOTMiIGRhdGEtbmFtZT0iR3JvdXAgMTkzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNSAtMSkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0iUGF0aF8zMzkiIGRhdGEtbmFtZT0iUGF0aCAzMzkiIGQ9Ik0yNS4yNjksNS40MDZIMTkuMVYyLjc2M2EuODgxLjg4MSwwLDAsMC0uODgxLS44ODFINi43NjNBLjg4MS44ODEsMCwwLDAsNSwxLjg4MVYyNi41NTZhLjg4MS44ODEsMCwxLDAsMS43NjMsMFYxNC4yMTloNy4wNXYyLjY0NGEuODgxLjg4MSwwLDAsMCwuODgxLjg4MUgyNS4yNjlhLjg4MS44ODEsMCwwLDAsLjg4MS0uODgxVjYuMjg4QS44ODEuODgxLDAsMCwwLDI1LjI2OSw1LjQwNlpNNi43NjMsMy42NDRIMTcuMzM4djguODEzSDYuNzYzWk0yNC4zODgsMTUuOTgxSDE1LjU3NVYxNC4yMTloMi42NDRhLjg4MS44ODEsMCwwLDAsLjg4MS0uODgxVjcuMTY5aDUuMjg4WiIgZmlsbD0iI2VjMWMyNCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPg==)
}

.year-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi43MDUiIGhlaWdodD0iMjUuMzciIHZpZXdCb3g9IjAgMCAyMi43MDUgMjUuMzciPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8xOTkiIGRhdGEtbmFtZT0iR3JvdXAgMTk5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAwNi4wOCAtMTM1Mi4xMzMpIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwXzE5OCIgZGF0YS1uYW1lPSJHcm91cCAxOTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMDYuMDggMTM1Mi4xMzMpIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8xOTUiIGRhdGEtbmFtZT0iR3JvdXAgMTk1Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXBfMTk0IiBkYXRhLW5hbWU9Ikdyb3VwIDE5NCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJQYXRoXzM0MCIgZGF0YS1uYW1lPSJQYXRoIDM0MCIgZD0iTTIwLjI3MiwyLjcxOEgxNy44MzlWLjkwNmEuODE2LjgxNiwwLDEsMC0xLjYyMiwwVjIuNzE4SDYuNDg3Vi45MDZBLjg2Mi44NjIsMCwwLDAsNS42NzYsMGEuODYyLjg2MiwwLDAsMC0uODExLjkwNlYyLjcxOEgyLjQzM0EyLjU4NywyLjU4NywwLDAsMCwwLDUuNDM2VjIyLjY1MkEyLjU4NywyLjU4NywwLDAsMCwyLjQzMywyNS4zN0gyMC4yNzJBMi41ODcsMi41ODcsMCwwLDAsMjIuNywyMi42NTJWNS40MzZBMi41ODcsMi41ODcsMCwwLDAsMjAuMjcyLDIuNzE4Wm0uODExLDE5LjkzNGEuODYyLjg2MiwwLDAsMS0uODExLjkwNkgyLjQzM2EuODYyLjg2MiwwLDAsMS0uODExLS45MDZWMTAuODczSDIxLjA4M1ptMC0xMy41OTFIMS42MjJWNS40MzZhLjg2Mi44NjIsMCwwLDEsLjgxMS0uOTA2SDQuODY1VjYuMzQyYS44NjIuODYyLDAsMCwwLC44MTEuOTA2Ljg2Mi44NjIsMCwwLDAsLjgxMS0uOTA2VjQuNTNoOS43MzFWNi4zNDJhLjgxNi44MTYsMCwxLDAsMS42MjIsMFY0LjUzaDIuNDMzYS44NjIuODYyLDAsMCwxLC44MTEuOTA2VjkuMDYxWiIgZmlsbD0iI2VjMWMyNCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8xOTciIGRhdGEtbmFtZT0iR3JvdXAgMTk3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0Ljg2NSAxMi4zODQpIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXBfMTk2IiBkYXRhLW5hbWU9Ikdyb3VwIDE5NiI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJQYXRoXzM0MSIgZGF0YS1uYW1lPSJQYXRoIDM0MSIgZD0iTTEzMi4zNjcsMjM5LjRhLjkyOC45MjgsMCwwLDAtMS4yOSwwbC02Ljc3MSw2Ljc3MS0zLjA1Ny0zLjA1N2EuOTI4LjkyOCwwLDAsMC0xLjMxMywxLjMxM2wzLjcxMywzLjcxM2EuOTI4LjkyOCwwLDAsMCwxLjMxMywwbDcuNDI3LTcuNDI3QS45MjguOTI4LDAsMCwwLDEzMi4zNjcsMjM5LjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE5LjY3NiAtMjM5LjE0MykiIGZpbGw9IiNlYzFjMjQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3N2Zz4=)
}

.dl-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ibWUtMSIgaWQ9ImRvd25sb2FkXzFfIiBkYXRhLW5hbWU9ImRvd25sb2FkICgxKSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjIuNzczIiBoZWlnaHQ9IjI0LjI5MSIgdmlld0JveD0iMCAwIDIyLjc3MyAyNC4yOTEiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwXzYiIGRhdGEtbmFtZT0iR3JvdXAgNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4zMTQpIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXBfNSIgZGF0YS1uYW1lPSJHcm91cCA1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJQYXRoXzkiIGRhdGEtbmFtZT0iUGF0aCA5IiBkPSJNMTQwLjA3NSwxMS4wNzJhLjc1Ny43NTcsMCwwLDAtLjY5MS0uNDQ1aC0zLjAzNlYuNzU5QS43NTkuNzU5LDAsMCwwLDEzNS41ODksMGgtMy4wMzZhLjc1OS43NTksMCwwLDAtLjc1OS43NTl2OS44NjhoLTMuMDM2YS43NTkuNzU5LDAsMCwwLS41NzEsMS4yNTlsNS4zMTQsNi4wNzNhLjc1Ny43NTcsMCwwLDAsMS4xNDIsMGw1LjMxNC02LjA3M0EuNzU3Ljc1NywwLDAsMCwxNDAuMDc1LDExLjA3MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjcuOTk4KSIgZmlsbD0iI2ZmZiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF84IiBkYXRhLW5hbWU9Ikdyb3VwIDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTYuNykiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF83IiBkYXRhLW5hbWU9Ikdyb3VwIDciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9IlBhdGhfMTAiIGRhdGEtbmFtZT0iUGF0aCAxMCIgZD0iTTM1LjczNywzNTJ2NC41NTVoLTE2LjdWMzUySDE2djYuMDczYTEuNTE4LDEuNTE4LDAsMCwwLDEuNTE4LDEuNTE4SDM3LjI1NWExLjUxNywxLjUxNywwLDAsMCwxLjUxOC0xLjUxOFYzNTJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYgLTM1MikiIGZpbGw9IiNmZmYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPg==)
}

.like-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ibGlrZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjIuMzkxIiBoZWlnaHQ9IjIxLjQ1OCIgdmlld0JveD0iMCAwIDI0LjczNyAyMy43MDciPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwXzE2MCIgZGF0YS1uYW1lPSJHcm91cCAxNjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTAuMzA3KSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8xNTkiIGRhdGEtbmFtZT0iR3JvdXAgMTU5Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0iUGF0aF8zMzQiIGRhdGEtbmFtZT0iUGF0aCAzMzQiIGQ9Ik0yLjU3NywyMjRBMi41OCwyLjU4LDAsMCwwLDAsMjI2LjU3N3Y4LjI0NkEyLjU4LDIuNTgsMCwwLDAsMi41NzcsMjM3LjRINS42NjlhMi41NTgsMi41NTgsMCwwLDAsMS41NDYtLjUyMlYyMjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0yMjQpIiBmaWxsPSIjZjJmMmYyIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8xNjIiIGRhdGEtbmFtZT0iR3JvdXAgMTYyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjI0NiAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8xNjEiIGRhdGEtbmFtZT0iR3JvdXAgMTYxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0iUGF0aF8zMzUiIGRhdGEtbmFtZT0iUGF0aCAzMzUiIGQ9Ik0xODcuMTU5LDI0LjgzOWEyLjI4NiwyLjI4NiwwLDAsMC0uNjcxLTEuNjIyLDIuNTU5LDIuNTU5LDAsMCwwLC42Ni0xLjk2OCwyLjY2NCwyLjY2NCwwLDAsMC0yLjY4OC0yLjMzN2gtNi4zNjdhMTQuODIsMTQuODIsMCwwLDAsLjgyLTQuMTIzYzAtMi4yMzYtMS45LTQuMTIzLTMuMDkyLTQuMTIzYTMuMjQyLDMuMjQyLDAsMCwwLTEuODY5LjYyOC41MTguNTE4LDAsMCwwLS4xOTMuNHYzLjVsLTIuOTY5LDYuNDMxLS4xMjQuMDYzVjMyLjczNGE2Ljc1Myw2Ljc1MywwLDAsMCwyLjU3Ny42MDlIMTgyLjdhMi4zNzEsMi4zNzEsMCwwLDAsMi4zMzYtMS44LDIuMzE5LDIuMzE5LDAsMCwwLS4xODctMS41NDgsMi4zMDksMi4zMDksMCwwLDAsMS4wMzItMy4wOTNBMi4zMDcsMi4zMDcsMCwwLDAsMTg3LjE1OSwyNC44MzlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcwLjY2NyAtMTAuNjY3KSIgZmlsbD0iI2YyZjJmMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc+);
    width: 15px;
    height: 15px;
    background-size: cover;
    margin-left: 5px;
}

.dislike-icon {
    transform: rotate(180deg) scaleX(-1)
}

.imdb-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCA1NzUgMjg5LjgzIj48ZGVmcz48cGF0aCBkPSJNNTc1IDI0LjkxQzU3My40NCAxMi4xNSA1NjMuOTcgMS45OCA1NTEuOTEgMEM0OTkuMDUgMCA3Ni4xOCAwIDIzLjMyIDBDMTAuMTEgMi4xNyAwIDE0LjE2IDAgMjguNjFDMCA1MS44NCAwIDIzNy42NCAwIDI2MC44NkMwIDI3Ni44NiAxMi4zNyAyODkuODMgMjcuNjQgMjg5LjgzQzc5LjYzIDI4OS44MyA0OTUuNiAyODkuODMgNTQ3LjU5IDI4OS44M0M1NjEuNjUgMjg5LjgzIDU3My4yNiAyNzguODIgNTc1IDI2NC41N0M1NzUgMjE2LjY0IDU3NSA0OC44NyA1NzUgMjQuOTFaIiBpZD0iZDFwd2hmOXd5MiI+PC9wYXRoPjxwYXRoIGQ9Ik02OS4zNSA1OC4yNEwxMTQuOTggNTguMjRMMTE0Ljk4IDIzMy44OUw2OS4zNSAyMzMuODlMNjkuMzUgNTguMjRaIiBpZD0iZzVqam5xMjZ5UyI+PC9wYXRoPjxwYXRoIGQ9Ik0yMDEuMiAxMzkuMTVDMTk3LjI4IDExMi4zOCAxOTUuMSA5Ny41IDE5NC42NyA5NC41M0MxOTIuNzYgODAuMiAxOTAuOTQgNjcuNzMgMTg5LjIgNTcuMDlDMTg1LjI1IDU3LjA5IDE2NS41NCA1Ny4wOSAxMzAuMDQgNTcuMDlMMTMwLjA0IDIzMi43NEwxNzAuMDEgMjMyLjc0TDE3MC4xNSAxMTYuNzZMMTg2Ljk3IDIzMi43NEwyMTUuNDQgMjMyLjc0TDIzMS4zOSAxMTQuMThMMjMxLjU0IDIzMi43NEwyNzEuMzggMjMyLjc0TDI3MS4zOCA1Ny4wOUwyMTEuNzcgNTcuMDlMMjAxLjIgMTM5LjE1WiIgaWQ9ImkzUHJoMUpwWHQiPjwvcGF0aD48cGF0aCBkPSJNMzQ2LjcxIDkzLjYzQzM0Ny4yMSA5NS44NyAzNDcuNDcgMTAwLjk1IDM0Ny40NyAxMDguODlDMzQ3LjQ3IDExNS43IDM0Ny40NyAxNzAuMTggMzQ3LjQ3IDE3Ni45OUMzNDcuNDcgMTg4LjY4IDM0Ni43MSAxOTUuODQgMzQ1LjIgMTk4LjQ4QzM0My42OCAyMDEuMTIgMzM5LjY0IDIwMi40MyAzMzMuMDkgMjAyLjQzQzMzMy4wOSAxOTAuOSAzMzMuMDkgOTguNjYgMzMzLjA5IDg3LjEzQzMzOC4wNiA4Ny4xMyAzNDEuNDUgODcuNjYgMzQzLjI1IDg4LjdDMzQ1LjA1IDg5Ljc1IDM0Ni4yMSA5MS4zOSAzNDYuNzEgOTMuNjNaTTM2Ny4zMiAyMzAuOTVDMzcyLjc1IDIyOS43NiAzNzcuMzEgMjI3LjY2IDM4MS4wMSAyMjQuNjdDMzg0LjcgMjIxLjY3IDM4Ny4yOSAyMTcuNTIgMzg4Ljc3IDIxMi4yMUMzOTAuMjYgMjA2LjkxIDM5MS4xNCAxOTYuMzggMzkxLjE0IDE4MC42M0MzOTEuMTQgMTc0LjQ3IDM5MS4xNCAxMjUuMTIgMzkxLjE0IDExOC45NUMzOTEuMTQgMTAyLjMzIDM5MC40OSA5MS4xOSAzODkuNDggODUuNTNDMzg4LjQ2IDc5Ljg2IDM4NS45MyA3NC43MSAzODEuODggNzAuMDlDMzc3LjgyIDY1LjQ3IDM3MS45IDYyLjE1IDM2NC4xMiA2MC4xM0MzNTYuMzMgNTguMTEgMzQzLjYzIDU3LjA5IDMyMS41NCA1Ny4wOUMzMTkuMjcgNTcuMDkgMzA3LjkzIDU3LjA5IDI4Ny41IDU3LjA5TDI4Ny41IDIzMi43NEwzNDIuNzggMjMyLjc0QzM1NS41MiAyMzIuMzQgMzYzLjcgMjMxLjc1IDM2Ny4zMiAyMzAuOTVaIiBpZD0iYTRvdjlyUkdRbSI+PC9wYXRoPjxwYXRoIGQ9Ik00NjQuNzYgMjA0LjdDNDYzLjkyIDIwNi45MyA0NjAuMjQgMjA4LjA2IDQ1Ny40NiAyMDguMDZDNDU0Ljc0IDIwOC4wNiA0NTIuOTMgMjA2Ljk4IDQ1Mi4wMSAyMDQuODFDNDUxLjA5IDIwMi42NSA0NTAuNjQgMTk3LjcyIDQ1MC42NCAxOTBDNDUwLjY0IDE4NS4zNiA0NTAuNjQgMTQ4LjIyIDQ1MC42NCAxNDMuNThDNDUwLjY0IDEzNS41OCA0NTEuMDQgMTMwLjU5IDQ1MS44NSAxMjguNkM0NTIuNjUgMTI2LjYzIDQ1NC40MSAxMjUuNjMgNDU3LjEzIDEyNS42M0M0NTkuOTEgMTI1LjYzIDQ2My42NCAxMjYuNzYgNDY0LjYgMTI5LjAzQzQ2NS41NSAxMzEuMyA0NjYuMDMgMTM2LjE1IDQ2Ni4wMyAxNDMuNThDNDY2LjAzIDE0Ni41OCA0NjYuMDMgMTYxLjU4IDQ2Ni4wMyAxODguNTlDNDY1Ljc0IDE5Ny44NCA0NjUuMzIgMjAzLjIxIDQ2NC43NiAyMDQuN1pNNDA2LjY4IDIzMS4yMUw0NDcuNzYgMjMxLjIxQzQ0OS40NyAyMjQuNSA0NTAuNDEgMjIwLjc3IDQ1MC42IDIyMC4wMkM0NTQuMzIgMjI0LjUyIDQ1OC40MSAyMjcuOSA0NjIuOSAyMzAuMTRDNDY3LjM3IDIzMi4zOSA0NzQuMDYgMjMzLjUxIDQ3OS4yNCAyMzMuNTFDNDg2LjQ1IDIzMy41MSA0OTIuNjcgMjMxLjYyIDQ5Ny45MiAyMjcuODNDNTAzLjE2IDIyNC4wNSA1MDYuNSAyMTkuNTcgNTA3LjkyIDIxNC40MkM1MDkuMzQgMjA5LjI2IDUxMC4wNSAyMDEuNDIgNTEwLjA1IDE5MC44OEM1MTAuMDUgMTg1Ljk1IDUxMC4wNSAxNDYuNTMgNTEwLjA1IDE0MS42QzUxMC4wNSAxMzEgNTA5LjgxIDEyNC4wOCA1MDkuMzQgMTIwLjgzQzUwOC44NyAxMTcuNTggNTA3LjQ3IDExNC4yNyA1MDUuMTQgMTEwLjg4QzUwMi44MSAxMDcuNDkgNDk5LjQyIDEwNC44NiA0OTQuOTggMTAyLjk4QzQ5MC41NCAxMDEuMSA0ODUuMyAxMDAuMTYgNDc5LjI2IDEwMC4xNkM0NzQuMDEgMTAwLjE2IDQ2Ny4yOSAxMDEuMjEgNDYyLjgxIDEwMy4yOEM0NTguMzQgMTA1LjM1IDQ1NC4yOCAxMDguNDkgNDUwLjY0IDExMi43QzQ1MC42NCAxMDguODkgNDUwLjY0IDg5Ljg1IDQ1MC42NCA1NS41Nkw0MDYuNjggNTUuNTZMNDA2LjY4IDIzMS4yMVoiIGlkPSJmazk2OEJwc1giPjwvcGF0aD48L2RlZnM+PGc+PGc+PGc+PHVzZSB4bGluazpocmVmPSIjZzVqam5xMjZ5UyIgb3BhY2l0eT0iMSIgZmlsbD0iI0ZEQUIxQSIgZmlsbC1vcGFjaXR5PSIxIj48L3VzZT48Zz48dXNlIHhsaW5rOmhyZWY9IiNnNWpqbnEyNnlTIiBvcGFjaXR5PSIxIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2Utb3BhY2l0eT0iMCI+PC91c2U+PC9nPjwvZz48Zz48dXNlIHhsaW5rOmhyZWY9IiNpM1ByaDFKcFh0IiBvcGFjaXR5PSIxIiBmaWxsPSIjRkRBQjFBIiBmaWxsLW9wYWNpdHk9IjEiPjwvdXNlPjxnPjx1c2UgeGxpbms6aHJlZj0iI2kzUHJoMUpwWHQiIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1vcGFjaXR5PSIwIj48L3VzZT48L2c+PC9nPjxnPjx1c2UgeGxpbms6aHJlZj0iI2E0b3Y5clJHUW0iIG9wYWNpdHk9IjEiIGZpbGw9IiNGREFCMUEiIGZpbGwtb3BhY2l0eT0iMSI+PC91c2U+PGc+PHVzZSB4bGluazpocmVmPSIjYTRvdjlyUkdRbSIgb3BhY2l0eT0iMSIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLW9wYWNpdHk9IjAiPjwvdXNlPjwvZz48L2c+PGc+PHVzZSB4bGluazpocmVmPSIjZms5NjhCcHNYIiBvcGFjaXR5PSIxIiBmaWxsPSIjRkRBQjFBIiBmaWxsLW9wYWNpdHk9IjEiPjwvdXNlPjxnPjx1c2UgeGxpbms6aHJlZj0iI2ZrOTY4QnBzWCIgb3BhY2l0eT0iMSIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLW9wYWNpdHk9IjAiPjwvdXNlPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=);
    width: 35px
}

.play-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIiBkYXRhLXByZWZpeD0iZmFzIiBkYXRhLWljb249InBsYXkiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1wbGF5IGZhLXctMTQiIHJvbGU9ImltZyIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik00MjQuNCAyMTQuN0w3Mi40IDYuNkM0My44LTEwLjMgMCA2LjEgMCA0Ny45VjQ2NGMwIDM3LjUgNDAuNyA2MC4xIDcyLjQgNDEuM2wzNTItMjA4YzMxLjQtMTguNSAzMS41LTY0LjEgMC04Mi42eiI+PC9wYXRoPjwvc3ZnPg==);
    width: 15px;
    display: block
}

.search-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InNlYXJjaF8yXyIgZGF0YS1uYW1lPSJzZWFyY2ggKDIpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjAwMykiIG9wYWNpdHk9IjAuNSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXBfMSIgZGF0YS1uYW1lPSJHcm91cCAxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDAzKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9IlBhdGhfMSIgZGF0YS1uYW1lPSJQYXRoIDEiIGQ9Ik0yOS42MzQsMjcuODY5LDIxLjEsMTkuMzM4YTExLjksMTEuOSwwLDEsMC0xLjc2NywxLjc2N2w4LjUzMSw4LjUzMWExLjI1LDEuMjUsMCwxLDAsMS43NjctMS43NjdaTTExLjg3NSwyMS4yNTNhOS4zNzUsOS4zNzUsMCwxLDEsOS4zNzUtOS4zNzVBOS4zODUsOS4zODUsMCwwLDEsMTEuODc1LDIxLjI1M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuMDAzKSIgZmlsbD0iI2YyZjJmMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9zdmc+);
    display: block;
    width: 20px;
    height: 20px
}

.search-icon2 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy44MDQiIGhlaWdodD0iMTcuODA0IiB2aWV3Qm94PSIwIDAgMTcuODA0IDE3LjgwNCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJzZWFyY2hfMl8iIGRhdGEtbmFtZT0ic2VhcmNoICgyKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC4wMDMpIiBvcGFjaXR5PSIwLjUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwXzEiIGRhdGEtbmFtZT0iR3JvdXAgMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjAwMykiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJQYXRoXzEiIGRhdGEtbmFtZT0iUGF0aCAxIiBkPSJNMTcuNTg2LDE2LjU0bC01LjA2My01LjA2M2E3LjA2MSw3LjA2MSwwLDEsMC0xLjA0OSwxLjA0OWw1LjA2Myw1LjA2M2EuNzQyLjc0MiwwLDEsMCwxLjA0OS0xLjA0OVpNNy4wNDcsMTIuNjE0QTUuNTY0LDUuNTY0LDAsMSwxLDEyLjYxMSw3LjA1LDUuNTY5LDUuNTY5LDAsMCwxLDcuMDQ3LDEyLjYxNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuMDAzKSIgZmlsbD0iI2YzMDAwNCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9zdmc+);
    display: block
}

.instagram-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMS4yODUgMzEuMjg1Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBpZD0iUGF0aF8zMjciIGRhdGEtbmFtZT0iUGF0aCAzMjciIGQ9Ik0xMC45MDYsOTQuODMzSDI0LjA0NWE5LjA4LDkuMDgsMCwwLDEsOS4wNzMsOS4wNzN2MTMuMTM5YTkuMDcyLDkuMDcyLDAsMCwxLTkuMDczLDkuMDczSDEwLjkwNmE5LjA3OCw5LjA3OCwwLDAsMS05LjA3My05LjA3M1YxMDMuOTA2YTkuMDczLDkuMDczLDAsMCwxLDkuMDczLTkuMDczWm0tLjMxNCwzLjEyOGE1LjYzMSw1LjYzMSwwLDAsMC01LjYzMSw1LjYzMXYxMy43NjZhNS42MzIsNS42MzIsMCwwLDAsNS42MzEsNS42MzFIMjQuMzU3YTUuNjMyLDUuNjMyLDAsMCwwLDUuNjMxLTUuNjMxVjEwMy41OTJhNS42MzEsNS42MzEsMCwwLDAtNS42MzEtNS42MzFabTE1LjEsMi4zNDZhMS45NTUsMS45NTUsMCwxLDEtLjc0OC4xNDlBMS45NTYsMS45NTYsMCwwLDEsMjUuNjg4LDEwMC4zMDdabS04LjIxMywyLjM0NmE3LjgxOSw3LjgxOSwwLDEsMS01LjUzLDIuMjlBNy44MjUsNy44MjUsMCwwLDEsMTcuNDc2LDEwMi42NTNabTAsMy4xMjhhNC42OTEsNC42OTEsMCwxLDAsMy4zMTgsMS4zNzRBNC42OTQsNC42OTQsMCwwLDAsMTcuNDc2LDEwNS43ODFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS44MzMgLTk0LjgzMykiIGZpbGw9IiNmMmY0ZjYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPg==)
}

.telegram-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOC4xOTQgMjMuNjU2Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJQYXRoXzMyNiIgZGF0YS1uYW1lPSJQYXRoIDMyNiIgZD0iTTEyLjQ0LDIyLjg5MmwuNDM5LTYuNjE3TDI0Ljg5MSw1LjQ0OWMuNTMyLS40ODUtLjEwOS0uNzItLjgxNC0uM0w5LjI0OSwxNC41MjIsMi44MzYsMTIuNDljLTEuMzc3LS4zOTEtMS4zOTItMS4zNDUuMzEyLTIuMDM0TDI4LjEzLjgyMWMxLjE0Mi0uNTEyLDIuMjM3LjI4MiwxLjgsMi4wMzRMMjUuNjczLDIyLjg5MmMtLjMsMS40MjMtMS4xNTcsMS43NjgtMi4zNDYsMS4xMTFsLTYuNDg0LTQuNzg2LTMuMSwzLjAxOWExLjY1NSwxLjY1NSwwLDAsMS0xLjMuNjU3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuODM0IC0wLjY2OCkiIGZpbGw9IiNmMmY0ZjYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc+)
}

.navbar-brand img {
    max-width: 30px;
    height: auto
}

.nav-header > .container-fluid > .row {
    align-items: center
}

.additional-details-body {
    padding-right: 20px;
    font-size: 13px
}

#aside-form select option {
    background: #031022
}

.article-title {
    font-size: 25px;
    margin: 20px 0
}

.article-content {
    line-height: 2em !important
}

.article-content table td {
    border: 1px solid #fff;
    border-collapse: collapse
}

.article-content table {
    width: 100%;
    overflow-x: auto
}

.single-blog-item .blog-title {
    margin: 15px 0 10px 0
}

.single-blog-item {
    border: 1px solid #464646;
    padding: 17px;
    border-radius: 20px;
    margin-bottom: 15px
}

.pagination span, .pagination a {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center
}

.dl-help a {
    padding: 2px 20px;
    background: #1f8600;
    border-radius: 6px;
    margin-top: 20px;
    display: inline-flex
}

.dl-help {
    background: #400a06;
    padding: 10px;
    border-radius: 10px
}

#parham-like-icon {
    transform: rotate(180deg);
    fill: #fff;
    margin-left: 10px;
    width: 16px
}

#parham-dislike-icon {
    fill: #fff;
    margin-left: 10px;
    width: 16px
}

.user_like {
    background: #031022;
    border-radius: 5px;
    padding: 2px 8px;
    color: #fff;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    cursor: pointer
}

.user_dislike {
    background: #262626;
    border-radius: 5px;
    padding: 2px 8px;
    color: #fff;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    cursor: pointer
}

#like_counter, #dislike_counter {
    font-size: 12px
}

.user-like-flex {
    position: relative
}

.like-response {
    position: absolute;
    bottom: -20px;
    font-size: 13px;
    text-align: right;
    width: 100%
}

#wpdcom .wpd-comment-text p {
    color: white !important
}

.non-iran-ip {
    background: #400A06;
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 10px;
    margin-bottom: 20px
}

.page-title {
    font-size: 25px;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.dl-app a {
    background: #031022;
    padding: 5px 15px;
    border-radius: 10px;
    margin-right: 5px;
    font-size: 13px
}

body .dl-app {
    font-weight: normal !important;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    padding: 11px;
    background: #262626;
    margin: 25px 0;
    color: #fff
}

@media screen and (max-width: 576px) {
    .dl-app {
        font-weight: normal !important;
        font-size: 12px
    }
}

.widget-content {
    float: right;
    width: 100%
}

.widget-content li a {
    display: block;
    padding: 6px 12px;
    border-radius: 6px;
    background: #f9f9f9;
    color: #000;
    margin: 6px 0;
    transition: 0.2s ease-in-out
}

.widget-content li a:hover {
    background: #f3853a;
    color: #fff
}

.copyright {
    float: right;
    width: 100%;
    color: #f9f9f9;
    line-height: 20px;
    padding: 10px 0 0 0;
    margin-top: 15px
}

.copyright a {
    color: #f1c01e
}

aside a {
    color: #999
}

.fixtlg, .fixtlg2 {
    position: fixed;
    bottom: 10px;
    color: #fff;
    z-index: 2147483647;
    background: #229cd7;
    border-radius: 7px;
    padding: 8px 10px 6px;
    font-size: 14px;
    font-weight: 700
}

.fixtlg {
    right: 10px
}

.fixtlg2 {
    background: red;
    left: 10px
}

.fixtlg:hover {
    color: #fff;
    background: #51b6e7
}

.fixtlg2:hover {
    color: #fff;
    background: #eb4b3f
}

.archive-desc h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px
}

.archive-desc p {
    margin-bottom: 20px
}

.archive-desc h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px
}

.archive-desc {
    max-height: 150px;
    overflow: hidden;
    position: relative;
    line-height: 2em;
    background-color: #031022;
    padding: 20px;
    border-radius: 10px
}

.show-more {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px
}

.show-btn {
    padding: 10px 50px;
    background: #b41200;
    color: #fff;
    border-radius: 10px;
    cursor: pointer
}

.download-box .dl-list .info {
    color: #fff;
    font-size: 13px
}

.online-box-wrapper h3 {
    font-size: 19px
}

.online-box-wrapper {
    padding: 20px;
    border: 1px solid #ec1c24;
    border-radius: 29px
}

.online-btn-holder a {
    flex: 1;
    text-align: center;
    background: #1f8600;
    padding: 5px;
    border-radius: 50px;
    margin: 0 10px
}

.online-btn-holder a:first-child {
    margin-right: 0 !important
}

.online-btn-holder a:last-child {
    margin-left: 0 !important
}

.online-btn-holder {
    margin-top: 30px;
    display: flex
}

.nav-header {
    position: fixed;
    background: #041123;
    width: 100%;
    z-index: 100
}

.overlay-404 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #141414a6;
    font-size: 16px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    line-height: 1.8em;
    text-align: center
}

.title-404 {
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #fff;
    border-bottom: 2px dashed;
    padding-bottom: 10px
}

.top-404 img {
    margin-bottom: 20px;
    max-width: 650px;
    margin-top: 100px
}

.top-404 form input[type=submit] {
    background: #051426;
    padding: 6px 20px;
    color: #fff;
    margin-right: 5px;
    flex: 1;
    font-size: 15px
}

.top-404 form input[type=text] {
    background: #214154;
    color: #fff;
    padding-right: 10px;
    flex: 3
}

.top-404 form > div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px
}

.top-404 p {
    margin-bottom: 10px
}

.top-404 {
    text-align: center;
    font-size: 20px;
    color: #fff
}

.page-404 .col-md-2 {
    margin-bottom: 10px
}

.price {
    font-size: 11px;
    margin-right: 5px
}

.top-movie-holder {
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 0 5px 0 #7c7c7cba;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 20px
}

.top-movie-overlay {
    position: absolute;
    font-size: 20px;
    top: 80%;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 20px;
    font-weight: 400;
    color: #fff;
    background: #091226;
    background: -webkit-linear-gradient(to right, #09122657, #091226c9, #091226);
    background: linear-gradient(to bottom, #09122657, #091226c9, #091226)
}

.top-movie-holder img {
    width: 100%
}

.top-movie-title {
    color: #fff;
    text-align: center
}

.top-movie-title h1 {
    font-size: 20px
}

.bundle-content {
    font-size: 15px !important
}

.top-counter {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #b41200;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 14px;
    color: #fff
}

.bundle-img-holder {
    display: inline-block;
    position: relative
}

.film-story h1 {
    font-size: 19px;
    margin-top: 15px;
    margin-bottom: 10px
}

.film-story h2 {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 10px
}

.mt-4.film-story h2 {
    margin-top: 0 !important
}

.film-story h3 {
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 15px
}

.film-story h4 {
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 15px
}

.film-story > h4 {
    font-size: 16px;
    margin-bottom: 10px;
    padding: 15px;
    background: #102638;
    margin-top: 0
}

.film-story .film-story-content {
    padding: 15px
}

.film-story img {
    height: auto
}

.tazhval-single-content-wrapper h2 {
    font-size: 18px
}

.app-dl-btn {
    display: none
}

@media only screen and (max-width: 992px) {
    .navbar .container-fluid {
        flex-direction: row-reverse;
        gap: 18px
    }

    .header-btn {
        position: absolute;
        left: 20px;
        top: 10px;
        justify-content: flex-end;
        max-width: 240px
    }

    .app-dl-btn {
        font-size: 12px;
        margin-left: 10px;
        border: 1px solid #fff;
        border-radius: 10px;
        padding: 5px;
        display: block
    }

    .filter-btn {
        color: #fff;
        font-size: 11px
    }

    .top-banners {
        overflow: auto
    }
}

.adw-banner {
    margin-top: 20px;
    border-radius: 5px
}

.arch-adw-banner {
    margin-bottom: 20px;
    border-radius: 5px
}

#filterModal {
    z-index: 11 !important
}

.home-head {
    font-size: 17px;
    color: #112637
}

.blog-slider .item img {
    border-radius: 10px;
    width: 100%
}

.blog-card {
    display: flex;
    gap: 16px;
    padding: 24px;
    border: 1px solid #EC1C24;
    border-radius: 12px;
    background: #152942;
    margin-bottom: 20px
}

.blog-card .blog-card-img {
    flex: 1
}

.blog-card .blog-card-img img {
    max-height: 180px;
    border-radius: 10px
}

.blog-card-desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 3
}

.blog-card-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #EDF1F5
}

.blog-card-desc {
    font-size: 14px;
    color: #C6C9CC
}

.blog-card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blog-card-cta {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 6px 16px
}

.blog-card-cta span {
    margin-left: 8px
}

.blog-sidebar-column {
    padding: 18px;
    background: #152942;
    border-radius: 12px;
    margin-bottom: 20px
}

.blog-sidebar-column a {
    font-size: 13px;
    display: flex;
    align-items: self-start;
    margin-bottom: 12px
}

.blog-sidebar-title {
    border-bottom: 1px solid #203F66;
    margin: 0 -18px 18px -18px;
    padding: 0 18px 18px 0
}

.blog-sidebar-title p {
    font-size: 14px;
    border-right: 2px solid #EC1C24;
    padding-right: 5px
}

.card-img-overlay {
    position: absolute;
    top: 60%;
    background: #00000078;
    font-size: 18px;
    font-weight: 700;
    text-align: right
}

.owl-theme.blog-slider .owl-dots .owl-dot span {
    background: #9E9E9E;
    height: 2px;
    width: 38px
}

.owl-theme.blog-slider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #EC1C24
}

.owl-theme.blog-slider .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
    position: absolute;
    bottom: 5px;
    right: 0;
    left: 0
}

.aside-link-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media only screen and (max-width: 576px) {
    .blog-card {
        flex-direction: column
    }

    .blog-card .blog-card-img img {
        max-height: none;
        width: 100%
    }

    .blog-card-meta {
        align-items: unset;
        flex-direction: column;
        margin-top: 20px;
        gap: 20px
    }

    .blog-card-cta {
        text-align: center
    }

    .front-h1 {
        font-size: 13px;
        margin-top: 25px
    }

    .archive-card img {
        max-width: 150px !important
    }

    .archive-card h2 {
        font-size: 13px;
        margin-top: 15px
    }

    .content-story {
        border: 0;
        padding: 0;
        margin: 0
    }

    .archive-card .imdb {
        color: #FDAB1A;
        font-weight: 700;
        position: absolute;
        top: 20px;
        left: 0
    }

    .archive-card {
        position: relative
    }
}

@media only screen and (max-width: 992px) {
    .blog-content {
        display: flex;
        flex-direction: column
    }

    .blog-sidebar {
        order: 2
    }

    .blog-cards {
        order: 1
    }
}

.single-thumb {
    width: 100%;
    border-radius: 10px
}

.blog-right-head {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 20px
}

.article-content {
    font-size: 14px;
    margin-top: 30px;
    color: #EDF1F5;
    line-height: 25px
}

.article-content a {
    color: #FBB20F;
    text-decoration: underline
}

.blog-holder {
    background: #152942;
    padding: 32px;
    border-radius: 12px;
    margin-bottom: 32px;
    border: 1px solid #EC1C24
}

.related-prev, .related-next {
    border: 1px solid #EC1C24;
    border-radius: 5px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.related-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    align-items: center
}

.related-head p {
    padding-right: 5px;
    border-right: 2px solid #EC1C24
}

.related-blog img {
    border-radius: 10px
}

.related-blog .item a {
    font-size: 14px;
    margin-top: 14px;
    display: block
}

.reading-time {
    margin-bottom: 24px;
    font-size: 14px
}

.blog-content .blog-matn h1, .blog-content .blog-matn h2, .blog-content .blog-matn h3, .blog-content .blog-matn h4, .blog-content .blog-matn h5, .blog-content .article-content h6 {
    margin-top: 20px !important;
    margin-bottom: 15px !important;
    font-size: 18px
}

.blog-content .article-content {
    line-height: 2em !important
}

.blog-card-holder .blog-card-link img {
    max-height: 135px
}

.blog-card-holder {
    background: #041123;
    display: inline-flex;
    align-items: stretch;
    gap: 20px;
    padding: 0;
    margin: 20px;
    border: 1px solid #ec1c24;
    border-radius: 10px;
    overflow: hidden;
    padding-left: 20px
}

.blog-card-inner-cta {
    text-decoration: none !important;
    background: #ec1c24;
    padding: 5px 20px;
    border-radius: 10px
}

.blog-card-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-evenly
}

.blog-card-info h3 a {
    text-decoration: none !important;
    line-height: 1.8em
}

.blog-card-wrapper {
    text-align: center
}

.blog-content .blog-matn .blog-card-info h3 {
    margin: 0 !important
}

.collection-title {
    margin-top: 10px;
    line-height: 1.5em;
    font-size: 14px;
    text-align: center;
    color: #fff
}

.collection-item {
    margin-bottom: 30px
}

.collection-item > a {
    color: #fff
}

.collection-item > a > img {
    border-radius: 10px;
    height: 290px
}

.collection-meta a {
    color: #fff
}

.collection-meta {
    margin-top: 5px
}

.collection-meta p {
    color: #a3a3a3;
    font-size: 13px;
    margin-top: 5px
}

.collection-item-holder {
    position: relative;
    background: #102638;
    height: 100%;
    border-radius: 10px
}

.home-desc {
    max-height: 200px;
    overflow: auto;
    margin: 40px 0;
    border-radius: 10px;
    padding: 15px;
    background: #041123;
    font-size: 14px;
    line-height: 1.8em
}

.home-desc h2, .home-desc h3, .home-desc h4, .home-desc h5 {
    margin: 15px 0 10px 0
}

@media only screen and (max-width: 768px) {
    .blog-card-holder {
        display: flex;
        flex-direction: column;
        margin: 20px auto
    }

    .blog-card-holder .blog-card-link img {
        max-height: none;
        width: 100%
    }

    .blog-card-holder {
        padding-left: 0;
        max-width: 250px
    }

    .blog-card-info {
        justify-content: space-between;
        padding: 10px;
        gap: 20px
    }

    .blog-holder {
        padding: 10px
    }

    .link-btn-holder {
        flex-direction: column
    }

    .trailer-details {
        flex-direction: column
    }

    .related-wrapper {
        overflow-x: scroll
    }
}

@media only screen and (max-width: 992px) {
    .blog-card-info h3 {
        text-align: right;
        font-size: 13px
    }
}

@media screen and (min-width: 1560px) {
    .container {
        width: 1250px
    }

    body, .post-content {
        font-size: 15px
    }

    .circle-list .title-text {
        font-size: 16px
    }

    .circle-list .meta-sidebar span {
        font-size: 12px
    }

    .title-text {
        font-size: 18px
    }

    .title .title-text {
        font-weight: 700
    }

    .featured {
        height: auto
    }
}

@media screen and (min-width: 980px) {
    ::-webkit-scrollbar {
        width: 7px;
        height: 10px
    }

    ::-webkit-scrollbar-track {
        background-color: #400a06;
        border-radius: 0
    }
}

@media screen and (max-width: 1180px) {
    .container {
        width: 95%
    }

    .featured {
        height: auto
    }

    .movie-poster {
        margin-bottom: 5px
    }
}

@media screen and (max-width: 1180px) and (min-width: 540px) {
    .post-left-buttons {
        width: 100%;
        padding: 0 !important
    }
}

@media screen and (min-width: 980px) {
    .genre-list {
        display: block !important
    }
}

@media screen and (max-width: 980px) {
    .mainmenu {
        padding: 15px 0
    }

    .header .logo {
        margin-top: 0
    }

    .header .user {
        margin-top: 11px
    }

    .main, .sidebar {
        width: 100%;
        padding: 0
    }

    .featured {
        padding: 10px
    }

    .suggested {
        position: relative;
        float: right;
        width: 100%;
        display: none
    }

    .table-genre .col-7, .table-genre .col-5 {
        width: 100%
    }

    .table-genre .col-5 .col-6 {
        width: 100%
    }

    .genre-list {
        float: right
    }

    .seriallist li {
        float: right;
        width: 33.33%;
        padding: 6px
    }

    .table-div {
        padding-right: 0 !important
    }

    .genre-div {
        padding-left: 0 !important
    }
}

@media screen and (max-width: 768px) {
    .advanced-search .col-xs-2, .advanced-search .col-xs-4, .advanced-search .col-xs-3 {
        width: 33.33%
    }

    .advanced-search .col-xs-4 {
        width: 100%
    }

    .advanced-search .col-xs-3 {
        width: 50%
    }

    .advanced-search .button-col {
        width: 100%
    }

    .single .thumb {
        width: 170px;
        height: 250px
    }

    .article-header {
        height: 230px;
        padding-right: 200px
    }

    .single .fa-title .title-text {
        font-size: 20px
    }

    .single .en-title .title-text {
        font-size: 24px
    }

    .single .en-title .year {
        font-size: 13px
    }

    .single .article-header .notification {
        float: right;
        width: 50%;
        text-align: justify
    }

    .dl-list .links, .dl-list > li .info {
        margin: 5px 0
    }

    .page_overlay {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 800;
        background: rgb(0 0 0 / .3);
        -webkit-transition: 0.4s ease-in-out;
        -moz-transition: 0.4s ease-in-out;
        -ms-transition: 0.4s ease-in-out;
        -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
        visibility: hidden;
        opacity: 0
    }

    .page_overlay.active {
        visibility: visible;
        opacity: 1
    }

    .menulist li > ul {
        width: 100%
    }

    .menulist .sublinks {
        width: 100%
    }

    .menulist {
        padding-top: 10px;
        position: fixed;
        right: -200px;
        top: 0;
        bottom: 0;
        width: 200px;
        background: url(../images/bg-salamdl.jpg) center center #080f19;
        z-index: 999;
        box-shadow: 0 0 14px 4px rgb(0 0 0 / .34);
        -webkit-transition: 0.4s ease-in-out;
        -moz-transition: 0.4s ease-in-out;
        -ms-transition: 0.4s ease-in-out;
        -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
        visibility: hidden;
        overflow-y: scroll
    }

    .menulist li {
        display: block;
        width: 100%
    }

    .menulist > li {
        position: relative
    }

    .menulist > li.menu-item-has-children:before {
        content: "�";
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        padding: 4px 8px;
        background: rgb(255 255 255 / .1);
        border-radius: 4px;
        z-index: 999;
        transition: 0.4s ease-in-out
    }

    .menulist > li.menu-item-has-children.active:before {
        transform: translateY(-50%) rotate(-90deg)
    }

    .menulist li:hover > ul {
        visibility: hidden;
        transform: scaleY(0)
    }

    .menulist li > ul.active {
        visibility: visible;
        transform: scaleY(1)
    }

    .menulist a {
        display: block;
        text-align: center;
        padding: 15px
    }

    .menulist.active {
        right: 0;
        visibility: visible
    }

    #menuControl {
        display: block
    }
}

@media screen and (max-width: 640px) {
    .box.top-ads {
        padding: 3px 7px
    }

    #searchControl, #menuControl {
        display: block
    }

    .search-overlay .search {
        position: absolute;
        top: 55px;
        left: 50%;
        transform: translateX(-50%) scale(.6);
        -webkit-transform: translateX(-50%) scale(.6);
        -moz-transform: translateX(-50%) scale(.6);
        -o-transform: translateX(-50%) scale(.6);
        opacity: 0;
        z-index: 800;
        width: 90%;
        height: 50px;
        visibility: hidden
    }

    .search-overlay.active {
        display: block;
        visibility: visible
    }

    .search-overlay.active .search {
        visibility: visible;
        opacity: 1;
        transform: translateX(-50%) scale(1);
        -webkit-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        top: 75px
    }

    .search-overlay .search input {
        border-width: 2px;
        font-size: 14px
    }

    .search-overlay .search button.nextheme-search {
        font-size: 18px
    }

    .search-overlay .search input, .search-overlay .search input:focus, .search-overlay .search input:hover {
        width: 100%
    }

    .search-overlay.active ~ #overlay_for_search {
        visibility: visible
    }

    .seriallist li {
        width: 50%
    }

    .seriallist .thumb {
        margin: 2px 0
    }

    .seriallist li {
        padding: 3px
    }

    .overflow_hidden_device {
        overflow: hidden
    }

    .search-hidden-responsive {
        display: none
    }
}

@media screen and (max-width: 540px) {
    .single .article-header .notification {
        position: absolute;
        bottom: 0;
        display: none
    }

    .single .ratings {
        margin: 10px 0;
        position: absolute;
        bottom: 0;
        left: 10px;
        right: 10px;
        width: 90%
    }

    .single .ratings li {
        width: 33.33%
    }

    .single .ratings li.imdb {
        margin-top: 0
    }

    .single .content-right, .single .content-left {
        padding-top: 10px;
        position: static;
        float: right;
        width: 100%
    }

    .single .right-sided-content {
        padding: 5px
    }

    .article-header {
        height: auto
    }

    .post-left {
        width: 40%
    }

    .post-right {
        width: 60%
    }

    .checkmarks {
        display: none
    }

    .seriallist li {
        width: 100%
    }

    .table-boxoffice {
        overflow: auto;
        overflow-x: scroll
    }

    .table-boxoffice::-webkit-scrollbar {
        width: 7px;
        height: 7px
    }

    .table-boxoffice::-webkit-scrollbar-thumb {
        height: 40px;
        background-color: #004979;
        border-radius: 0
    }

    .table-boxoffice::-webkit-scrollbar-track {
        background-color: #001a2b;
        border-radius: 0
    }

    .table-boxoffice li, .table-boxoffice .thead {
        min-width: 540px;
        float: left
    }

    .post-left, .post-right {
        width: 100%
    }

    .post-left-buttons {
        width: 50%
    }

    .post-left {
        max-width: 250px;
        margin: 0 auto;
        float: none;
        display: block
    }

    .en-title, .fa-title {
        margin-top: 10px
    }

    .single .ratings {
        position: relative;
        margin-left: 10px;
        left: 0;
        right: 0;
        width: 100%;
        margin-left: 0
    }

    .single .movie-poster {
        float: none;
        position: relative;
        width: 205px;
        height: 300px;
        margin: 0 auto;
        right: 0
    }

    .single .article-header {
        padding: 0
    }

    .single .ratings li {
        text-align: center
    }

    .single .article-header-content {
        height: auto
    }

    .single .rate-left {
        float: none;
        display: block;
        text-align: center;
        margin: 0 auto
    }

    .single .rate-number {
        float: none;
        margin: 0 auto;
        width: 100%
    }
}

.blog-matn img {
    height: auto !important;
    width: 100% !important
}

.blog-matn div {
    max-width: 100%
}

.filter-box-holder > p {
    font-size: 18px;
    text-align: center;
    margin-bottom: 32px
}

.filter-box-holder {
    background: #213041;
    border-radius: 12px;
    padding: 32px;
    margin-bottom: 50px
}

.filter-box {
    max-height: 0;
    overflow: hidden
}

.filter-box.opened {
    margin-bottom: 20px;
    padding-top: 20px;
    max-height: 300px;
    overflow-y: auto
}

form .filter-item {
    border-bottom: 1px solid #FBB011
}

.filter-title {
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 0;
    padding-top: 20px;
    cursor: pointer
}

.remove-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto 0 auto;
    cursor: pointer
}

.search-result-icon {
    margin-left: 6px
}

.form-check-label, .form-check-input {
    cursor: pointer
}

.filter-type .form-check {
    background-color: #fff0;
    padding: 6px 50px 6px 25px
}

.form-check-input {
    border: 1px solid #fff;
    width: 18px;
    height: 18px;
    margin-left: 12px
}

.form-check-input:checked[type=checkbox] {
    background-image: url(../../../images/check.svg);
    border: 1px solid #FBB011;;
    background-color: #FBB011;
}

.form-check-input:focus {
    border: 1px solid #FBB011;;
    outline: 0;
    box-shadow: none
}

.filter-type {
    display: flex;
    justify-content: space-between;
    margin: 32px 0
}

.form-check label {
    font-size: 14px
}

.form-check-input[type=checkbox] {
    background-color: #fff0;
    border: 1px solid #FBB011
}

.form-check .form-check-input {
    float: right;
    margin-right: -1.5em
}

.form-check.filter-item-check {
    margin-bottom: 16px
}

.form-check {
    padding-right: 1.5em;
    padding-left: 0
}

.filter-title::after {
    left: 0;
    position: absolute;
    content: url(../../../images/chev-down.svg);
    top: 50%;
    transform: translateY(-50%)
}

.search-result-flex {
    display: flex !important;
    flex-wrap: wrap
}

.filter-btn {
    margin-top: 20px;
    width: 100%;
    font-size: 15px;
    border-radius: 8px;
    background: #FBB011;
    border: 0;
    color: #16082E;
    height: 39px;
    font-weight: 700
}

.filter-query input:focus {
    border: 0;
    outline: none
}

.filter-query input {
    background-color: #213041;
    width: 100%;
    padding: 12px 36px 12px 6px;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    border: 1px solid #f9af11
}

.filter-query input::placeholder {
    color: #fff
}

.filter-query img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px
}

.filter-query {
    position: relative
}

.ep-desc {
    color: #a1a1a1 !important;
    font-size: 12px
}

.search-title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px
}

.active-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #f9af11;
    border-radius: 50px;
    margin-right: 10px
}

.filters {
    border-bottom: 1px solid #fff;
    padding-bottom: 16px
}

.actives-filter {
    display: block;
    margin-bottom: 0;
    font-size: 12px;
    color: #aaa;
    margin-top: 12px
}

.filters .ui-group button {
    background: #fff0;
    color: #fff;
    padding: 8px 20px;
    border-radius: 12px;
    border: 0
}

.filters .ui-group button.is-checked {
    background: #000;
    color: #fff;
    border: 1px solid #000
}

.filters .ui-group .button-group {
    background: #000;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 12px;
    gap: 16px
}

.collection-section .collection-card img {
    border-radius: 10px
}

.collection-section .collection-card h3 {
    font-size: 12px;
    line-height: 1.6em;
    margin-top: 5px;
    text-align: right
}

.collection-section .collection-card {
    min-width: 200px;
    margin-inline: 7px;
    max-width: 200px
}

.collection-section {
    display: flex;
    gap: 20px;
    overflow-y: auto;
    padding: 15px
}

.collection-holder {
    background: rgba(var(--dark-red-color), .9);
    padding: 0;
    overflow: hidden;
    border-radius: 10px;
    font-size: 13px;
    line-height: 2em;
    text-align: justify
}

.collection-holder > h4 {
    font-size: 16px;
    margin-bottom: 10px;
    padding: 15px;
    background: #102638;
    margin-top: 0
}

.film-story .film-story-content {
    padding: 0 15px 15px
}

.wpd-field {
    width: 100%;
    font-size: 14px;
    padding: 10px
}

@media screen and (min-width: 980px) {
    ::-webkit-scrollbar-thumb {
        height: 20px;
        background-color: #faae12;
        border-radius: 0
    }
}

@media (max-width: 980px) {
    .tazhval .dr-menu-item:after {
        display: none
    }

    .tazhval .sub-menu {
        position: relative;
        display: none;
        overflow: hidden;
        top: 0
    }

    .tazhval .sub-menu li {
        padding-right: 10px
    }

    .tazhval .menu-item-has-children:before {
        top: 15px;
        bottom: initial
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 16px;
        font-weight: 700
    }

    .single-main-article {
        padding: 0
    }

    .single-main-article-content {
        position: absolute;
        z-index: 3;
        bottom: 0;
        margin-right: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background: #000;
        background: linear-gradient(0deg, rgb(0 0 0 / .8953956582633054) 0%, rgb(0 0 0 / 29%) 100%)
    }

    .single-main-article .single-top-img {
        padding: 0
    }

    .tazhval-single-content-wrapper h2 {
        font-size: 16px
    }

    .tab-btn {
        font-size: 14px;
        border-radius: 5px;
        margin: 5px 0
    }

    .dl-box-header p {
        font-size: 14px
    }

    body .dl-app {
        flex-direction: column;
        gap: 10px
    }

    .single-main-article-content h1 {
        font-size: 15px;
        line-height: 1.5em
    }

    .line {
        margin-block: 15px
    }

    .rate-like-wrapper button {
        margin-bottom: 10px;
        max-width: 20px
    }

    .dislike-btn, .like-btn {
        font-size: 12px;
        min-width: 90px;
        padding: 3px 7px
    }

    .main-detail-wrapper p {
        padding: 2px 5px;
        font-size: 12px
    }

    .small, small {
        font-size: 10px
    }

    .navbar-toggler-icon {
        width: 1em;
        height: 1em
    }

    .navbar-toggler {
        padding: 5px
    }

    .related-wrapper .related-post {
        min-width: 130px;
        height: 300px
    }

    .trailer-wrapper video {
        margin-top: 10px
    }

    body .dl-app {
        flex-direction: column
    }

    .link-box-wrapper div.d-flex {
        flex-direction: column
    }
}
@media (min-width: 992px) {
    .d-md-none{
        display: none;
    }
}
@media (max-width: 992px) {
    #navbarNav{
        display: none;
    }
    #navbarNav.show{
        display: flex;
    }
}

@media (min-width: 768px) {
    .top-sticky-wrapper.mobile-view {
        display: none
    }

    .text-md-right {
        text-align: right !important
    }
}

@media (max-width: 768px) {
    .desktop-view {
        display: none
    }

    .sticky-watch-online {
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0
    }

    .archive-card a, .archive-card p {
        font-size: 12px
    }

    .archive-card h2 {
        font-size: 13px
    }

    .archive-card img {
        max-width: 200px
    }

    .tazhval-search-form button {
        max-width: 20px;
        left: 12px
    }

    .top-movie-overlay {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        top: auto;
        background: #091226;
        background: -webkit-linear-gradient(to right, #09122657, #091226c9, #091226);
        background: linear-gradient(to bottom, #09122657, #091226c9, #091226);
        display: inline-block;
        font-size: 13px;
        line-height: 18px;
        padding: 5px 10px;
        font-weight: 400
    }

    .bundle-content p {
        text-align: justify
    }

    .top-movie-title {
        margin-top: 0
    }

    .dl-row a.fill-red-btn {
        justify-content: center
    }

    .dl-row a {
        padding: 8px 8px
    }

    .filter-box-holder {
        padding: 10px
    }

    .filter-box-holder form {
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.5s cubic-bezier(0, 1, 0, 1)
    }

    .filter-box-holder form.opened {
        max-height: 1000px;
        transition: max-height 1s ease-in-out;
        margin-top: 32px
    }

    .filter-box-holder > p {
        margin-bottom: 0
    }

    .filter-box-holder form.opened p {
        margin-bottom: 20px
    }

    .search-holder {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        top: 5px;
        padding: 0;
        align-items: stretch;
        justify-content: center
    }

    .search-holder {
        max-width: calc(100% - 100px)
    }

    .tazhval-search-form input {
        min-width: 150px
    }

    .advanced-search {
        padding: 0 4px;
        font-size: 12px
    }

    .navbar-brand img {
        max-width: 20px
    }

    .navbar .container-fluid {
        padding: 0 10px
    }
}

.wpd-field {
    background: transparent !important;
    color: #fff;
    border: 1px solid #FAAE12
}

.wc_comm_submit {
    background: #faae12;
    color: #000;
    border: 0;
    padding: 3px 18px
}

#wpdcom .wpd-thread-filter .wpdf-sorting {
    font-family: inherit !important
}

.ql-editor.ql-blank::before {
    color: white !important;
    font-family: iransans !important
}

.ql-editor {
    text-align: right !important
}

.iran-access {
    background: #faae12;
    padding: 10px;
    border: 1px solid #faae12;
    color: #000;
    text-align: center;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    margin-top: 20px
}