/*
Theme Name: پارس موزیک
Description: قالب ایرانی موزیک وردپرس
Author: محمد زیدوند
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 7.4
Version: 3.1.8
*/

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: parssans;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url('assets/fonts/IRANSansX.woff') format('woff'),
        url('assets/fonts/IRANSansX.woff2') format('woff2');
}

a {
    text-decoration: none;
    color: #161616;
    transition: all 300ms ease;
}

ul,
li {
    list-style: none;
}

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

input,
textarea,
button {
    font-size: 13px;
    all: unset;
    font-family: parssans;
}

audio,
video {
    width: 100%;
}

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

button,
label {
    cursor: pointer
}

:before,
:after {
    transition: all .3s ease-out
}

strong,
b {
    font-weight: 400
}

:root {
    --bgparsor: #1A374D;
    --bgtitftr: #E8F0F2;
    --colororange: #feb416;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

@font-face {
    font-family: parssans;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(assets/fonts/IRANSansX.woff) format('woff'),
        url(assets/fonts/IRANSansX.woff2) format('woff2')
}

a {
    text-decoration: none;
    color: #161616;
    transition: all .3s ease
}

li,
ul {
    list-style: none
}

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

button,
input,
textarea {
    font-size: 13px;
    all: unset;
    font-family: parssans
}

audio,
video {
    width: 100%
}

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

button,
label {
    cursor: pointer
}

:after,
:before {
    transition: all .3s ease-out
}

b,
strong {
    font-weight: 400
}

:root {
    --bgparsor: #1A374D;
    --bgtitftr: #E8F0F2
}

[data-theme=dark] {
    --bgdark: #000;
    --txcolor: rgb(126, 126, 126);
    --topdark: #171717;
    --darkhedr: #1A1A1A;
    --bgdrkic: #262525;
    --havertext: #ffc400
}

[data-theme=dark] .catlinksvg a,
[data-theme=dark] .comenttextpars li>span strong b,
[data-theme=dark] .contpars svg,
[data-theme=dark] .lincatg a,
[data-theme=dark] .locpars,
[data-theme=dark] .locpars a,
[data-theme=dark] .slmtext,
[data-theme=dark] a {
    color: var(--txcolor);
    fill: var(--havertext)
}

[data-theme=dark] body {
    background: var(--bgdark);
    color: var(--txcolor)
}

.hedmenomob form button,
[data-theme=dark] .artistng,
[data-theme=dark] .commentpars,
[data-theme=dark] .headads,
[data-theme=dark] .hedmenomob,
[data-theme=dark] .locpars,
[data-theme=dark] .parspage,
[data-theme=dark] .parspost,
[data-theme=dark] .parssingerae,
[data-theme=dark] .parstextto,
[data-theme=dark] .sidbarpars,
[data-theme=dark] .sidbarparsltr,
[data-theme=dark] .singerrot,
[data-theme=dark] .ulmnmob ul>li>ul {
    background: var(--topdark);
    box-shadow: none;
    border: none
}

[data-theme=dark] .lincatg {
    color: var(--txcolor);
    border-bottom: 1px solid #303030
}

[data-theme=dark] .artistnam .itm a:hover span,
[data-theme=dark] .catlinksvg a:hover,
[data-theme=dark] .haedrpsoyt .title a:hover,
[data-theme=dark] .locpars,
[data-theme=dark] .locpars a:hover,
[data-theme=dark] .parspage a,
[data-theme=dark] .parspage span,
[data-theme=dark] .parssingerae h1 a,
[data-theme=dark] .parsvip ul li a span strong,
[data-theme=dark] .sidbarpars ul li a:hover,
[data-theme=dark] .sidbarparsltr ul li a:hover,
[data-theme=dark] .singerrot ul li a:hover span .artname,
[data-theme=dark] .ulmnmob ul>li a:hover {
    color: var(--havertext)
}

[data-theme=dark] .allsin a,
[data-theme=dark] .artisth4 span,
[data-theme=dark] .artistpars .headersidb h4 span,
[data-theme=dark] .catlinksvg span,
[data-theme=dark] .comenttextpars li>strong span,
[data-theme=dark] .haedrpsoyt .title span,
[data-theme=dark] .headersidb h4 span,
[data-theme=dark] .lincatg a,
[data-theme=dark] .parsfotr a,
[data-theme=dark] .parspage .current,
[data-theme=dark] .parspage a:hover,
[data-theme=dark] .parssbt {
    background: var(--bgdark)
}

[data-theme=dark] .haedrpsoyt,
[data-theme=dark] .headersidb,
[data-theme=dark] .parsfotr {
    background: var(--bgdrkic)
}

[data-theme=dark] .artistpars .headersidb h4,
[data-theme=dark] .sidbarpars ul li a {
    color: var(--txcolor)
}

[data-theme=dark] .sidbarpars ul li::before,
[data-theme=dark] .sidbarparsltr ul li::before {
    background: var(--havertext)
}

[data-theme=dark] .parspage a,
[data-theme=dark] .parspage span {
    border: 0
}

[data-theme=dark] .artisth4,
[data-theme=dark] .comenttextpars li>span,
[data-theme=dark] .comenttextpars li>span strong b.fctime,
[data-theme=dark] .inputparsco input,
[data-theme=dark] .parsdlnew span,
[data-theme=dark] .texraparscco textarea,
[data-theme=dark] .ulmnmob>ul>li,
[data-theme=dark] a.comment-reply-link {
    border-color: #232222;
    color: var(--txcolor)
}

[data-theme=dark] .munomobilt {
    background: hsla(0, 0%, 8%, .863)
}

body {
    font-size: 14px;
    direction: rtl;
    background: #f2f2f2;
    cursor: default;
    font-family: parssans
}

.showmenu {
    display: flex
}

.munomobilt {
    position: fixed;
    background: hsla(0, 0%, 100%, .863);
    backdrop-filter: blur(15px);
    right: 0;
    z-index: 999;
    transition: .25s ease-in-out;
    width: 100%;
    transform: translateX(100%);
    min-height: 100%;
    opacity: 0;
    top: 0;
    display: flex;
    flex-direction: column
}

.showmenu {
    transform: translateX(0);
    opacity: 1
}

.hedmenomob {
    display: flex;
    flex-direction: column;
    background: var(--bgparsor);
    padding: 1em
}

.logomobi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em
}

.logomobi i {
    padding: .5em 1em;
    display: flex;
    align-items: center;
    border-radius: 10px;
    fill: var(--bgparsor);
    background: #ffc400
}

.ulmnmob>ul {
    display: block
}

.ulmnmob>ul>li {
    line-height: 2.8;
    padding: .5em 0;
    border-bottom: 1px solid #efefef
}

.ulmnmob>ul>li>a {
    padding: 0 1em
}

.ulmnmob>ul>li>a::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 4px;
    background: #9a9999;
    border-radius: 5px;
    margin-left: .5em
}

#cancel_replay {
    color: var(--bgparsor);
    margin: 1em 0 0;
    text-align: center;
    cursor: pointer;
    justify-content: center;
    font-size: 14px
}

.ulmnmob ul>li>ul {
    position: initial;
    width: 100%;
    background: #f5f5f5;
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    border-radius: 0;
    display: block
}

.ulmnmob ul>li>ul>li>a {
    font-size: 12px;
    padding: 0 2em
}

.ulmnmob ul>li a:hover {
    color: var(--bgparsor)
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    width: 95%
}

/* header */
.site-header {
    width: 100%;
    display: block;
    position: relative;
}

.site-header.slidered {
    padding-bottom: 25px;
}

.site-header>.back {
    width: 100%;
    display: block;
    background-color: #171624;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    filter: brightness(0.5);
}

.site-header>.back::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #1a374dd6;
}

.site-header>.header-menu {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 99;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px 0;
}

.site-header>.header-menu:last-child {
    border: 0;
}

.site-header>.header-menu .side {
    display: inline-flex;
    align-items: center;
}

.header-menu .side.left .switch-theme {
    display: inline-block;
    width: 70px;
    height: 34px;
    margin-left: 15px;
    position: relative;
}

.header-menu .side.left .switch-theme .slider {
    display: flex;
    align-items: center;
    justify-content: space-around;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #3c3c3c;
    -webkit-transition: .4s;
    border-radius: 30px;
    transition: .4s;
    position: absolute;
    cursor: pointer;
}

.header-menu .side.left .switch-theme .slider .icon {
    width: 18px;
    height: 18px;
    position: relative;
    z-index: 1;
    fill: #bbb;
}

.header-menu .side.left .switch-theme .slider .icon.sun,
[data-theme="dark"] .header-menu .side.left .switch-theme .slider .icon.moon {
    fill: #fff;
}

.header-menu .side.left .switch-theme .slider::before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: var(--colororange);
    box-shadow: 0 0 10px #33333338;
    border-radius: 50%;
    -webkit-transition: .4s;
    transition: .4s;
}

[data-theme="dark"] .header-menu .side.left .switch-theme .slider::before {
    transform: translateX(35px);
}

[data-theme="dark"] .header-menu .side.left .switch-theme .slider .icon.sun {
    fill: #bbb;
}

.site-header>.header-menu .side .site-logo {
    display: inline-flex;
    width: 150px;
    height: 50px;
    margin-left: 10px;
    transition: .3s transform;
    -webkit-transition: .3s transform;
    outline: 0;
    align-items: center;
}

.site-header>.header-menu .side .site-logo img {
    width: 100%;
    height: 100%;
    display: block;
}

.site-header>.header-menu .side .site-logo .icon {
    width: 150px;
    height: 40px;
    fill: #fff;
}

.site-header>.header-menu .side .site-logo:hover {
    transform: scale(1.1);
}

.site-header>.header-menu .side.right>.inner-menu {
    display: inline-flex;
    align-items: center;
}

.site-header>.header-menu .side.right>.inner-menu>li {
    display: inline-block;
    position: relative;
}

.site-header>.header-menu .side.right>.inner-menu>li.menu-item-has-children {
    margin-left: 5px;
}

.site-header>.header-menu .side.right>.inner-menu>li>a {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 6px 10px;
    border-radius: 2px;
    transition: .3s color;
    -webkit-transition: .3s color;
    display: flex;
    align-items: center;
    position: relative;
}

.site-header>.header-menu .side.right>.inner-menu>li:hover>a {
    color: var(--colororange);
}

.site-header>.header-menu .side.right>.inner-menu>li:hover.menu-item-has-children>a::after {
    transition: .3s transform;
    -webkit-transition: .3s transform;
    border-color: var(--colororange);
    transform: rotate(45deg);
    margin-top: 3px;
}

.site-header>.header-menu .side.right>.inner-menu>li.menu-item-has-children>a::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: transparent;
    text-indent: -9999px;
    border-top: 2px solid #eee;
    border-left: 2px solid #eee;
    transition: all 250ms ease-in-out;
    text-decoration: none;
    color: transparent;
    transform: rotate(-135deg);
    left: -3px;
    margin-top: -3px;
    transition: .3s border-color;
    -webkit-transition: .3s border-color;
}

.site-header>.header-menu .side.right>.inner-menu>li>.sub-menu {
    position: absolute;
    top: calc(100% + 20px);
    right: 12px;
    background-color: #1a1a1a;
    border-top: 2px solid var(--colororange);
    width: 150px;
    border-radius: 10px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    z-index: 11;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.site-header>.header-menu .side.right>.inner-menu>li>.sub-menu li {
    width: 100%;
    display: block;
}

.site-header>.header-menu .side.right>.inner-menu>li>.sub-menu li a {
    color: #fff;
    width: 100%;
    display: block;
    padding: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 12px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.site-header>.header-menu .side.right>.inner-menu>li>.sub-menu li a:hover {
    background-color: #2e2e2e;
    color: var(--colororange);
}

.site-header>.header-menu .side.right>.inner-menu>li:hover>.sub-menu {
    top: calc(100% + 10px);
    visibility: visible;
    opacity: 1;
}

.site-header>.header-menu .side.left .search-form {
    display: inline-flex;
    align-items: center;
    position: relative;
    direction: ltr;
    justify-content: space-between;
    border-radius: 30px;
    height: 34px;
    padding: 5px 10px 5px 5px;
    overflow: hidden;
    width: 38px;
    transition: .3s all;
    -webkit-transition: .3s all;
}

.site-header>.header-menu .side.left .search-form .s-btn {
    display: inline-flex;
    cursor: pointer;
    transition: .3s transform;
    -webkit-transition: .3s transform;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    transition: .3s all;
    -webkit-transition: .3s all;
}

.site-header>.header-menu .side.left .search-form .s-btn svg {
    width: 30px;
    height: 30px;
    fill: #fff;
    transition: .3s all;
    -webkit-transition: .3s all;
    position: relative;
    transition: .3s all;
    -webkit-transition: .3s all;
}

.site-header>.header-menu .side.left .search-form input {
    width: calc(100% - 35px);
    direction: rtl;
    display: inline-flex;
    font-size: 12px;
    height: 100%;
    cursor: text;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: .3s all;
    -webkit-transition: .3s all;
}

.site-header>.header-menu .side.left .search-form.active {
    width: 200px;
    background-color: #3c3c3c;
}

.site-header>.header-menu .side.left .search-form.active .s-btn {
    background-color: var(--colororange);
}

.site-header>.header-menu .side.left .search-form.active .s-btn svg {
    width: 22px;
    height: 22px;
    margin-top: 2px;
    margin-left: 2px;
    fill: #000;
}

.site-header>.header-menu .side.left .search-form.active .s-btn:hover {
    transform: rotate(360deg);
}

.site-header>.header-menu .side.left .search-form.not-active .s-btn:hover svg {
    fill: var(--colororange);
}

.site-header>.header-menu .side.left .search-form input {
    visibility: visible;
    opacity: 1;
}

.site-header>.header-body {
    position: relative;
    z-index: 11;
    width: 100%;
    display: block;
}

.site-header .featured-slider {
    width: 100%;
    display: none;
    padding: 25px 0;
}

.site-header .featured-slider.owl-loaded {
	display: block;
}

.site-header .featured-slider .item {
    width: 100%;
    height: 225px;
    margin-top: 30px;
    padding-bottom: 25px;
    position: relative;
}

.site-header .featured-slider .item>.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(1px) contrast(0.4);
    opacity: .4;
    border-radius: 10px;
    top: 0;
    right: 0;
    background-size: cover;
}

.site-header .featured-slider .item>.thumb {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    transform: scale(0.85);
    overflow: hidden;
    margin-top: -45px;
    float: right;
}

.site-header .featured-slider .item>.thumb a {
    width: 100%;
    display: block;
    height: 100%;
    position: relative;
}

.site-header .featured-slider .item>.thumb a img {
    width: 100%;
    display: block;
    height: 100%;
}

.site-header .featured-slider .item>.thumb a .hover-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #1A374D;
    background: linear-gradient(45deg, #1A374D, #155281);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: .3s all;
    -webkit-transition: .3s all;
}

.site-header .featured-slider .item>.thumb a .hover-box svg {
    width: 100px;
    height: 100px;
    fill: #fff;
}

.site-header .featured-slider .item:hover>.thumb a .hover-box {
    visibility: visible;
    opacity: 0.85;
}

.site-header .featured-slider .item>.title {
    width: 100%;
    display: block;
    float: right;
    position: relative;
    z-index: 1;
    padding: 0 10px;
}

.site-header .featured-slider .item>.title a {
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 13px;
}

.site-header .featured-slider .item>.title a span {
    width: 100%;
    display: block;
    margin-bottom: 8px;
    font-weight: 900;
}

[data-theme="dark"] .site-header .featured-slider .item>.title a {
    color: #b1b1b1;
}

[data-theme="dark"] .site-header .featured-slider .item>.title a span {
    color: var(--havertext);
}

.site-notification {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 11;
    background-color: var(--bgparsor);
    border-radius: 30px;
    color: #fff;
    justify-content: center;
    font-size: 13px;
    padding: 10px 15px 10px 5px;
    margin-top: -30px;
}

.site-notification svg {
    width: 35px;
    height: 35px;
    margin-left: 10px;
}

.pfle a {
    background: #172f3f !important;
    border-radius: 5px !important;
    color: #ccc !important
}

.hedmenomob form {
    width: 100% !important
}

.hedmenomob form {
    background: #fff;
    overflow: hidden;
    width: 227px;
    height: 40px;
    border-radius: 12px;
    position: relative
}

.hedmenomob form input {
    height: 40px;
    margin: 0 .5em
}

.hedmenomob form button {
    position: absolute;
    left: .5em;
    height: 30px;
    display: flex;
    width: 30px;
    align-items: center;
    border-radius: 8px;
    justify-content: center;
    background: var(--bgparsor);
    top: 4.9px;
    cursor: pointer
}

.toggle {
    align-items: center;
    border-radius: 100px;
    display: flex;
    font-weight: 700;
    margin-bottom: 16px
}

.toggle:last-of-type {
    margin: 0
}

.parsvip ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 1.5em;
}

.parsvip ul li {
    width: 12.5%;
    overflow: hidden;
    padding: 5px;
    border-radius: 14px;
    display: block
}

.parsvip ul li a {
    display: block;
    overflow: hidden
}

.parsvip ul li img {
    display: block;
    border-radius: 14px;
    width: 100%;
    height: auto
}

.parsvip ul li a span {
    font-size: 12px;
    text-align: center;
    line-height: 2.2;
    margin: .5em 1em;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.parsvip ul li a span strong {
    font-weight: 400;
    color: #000;
    font-size: 14px;
    transition: all .3s ease
}

.parsvip ul li a:hover strong {
    color: var(--bgparsor)
}

.parsvip ul li a span b {
    color: #6b6969;
    font-weight: 400
}

.parstextto {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
    background: var(--bgparsor);
    padding: 1em;
    justify-content: center;
    border-radius: 12px;
    color: #fff;
    margin-top: 1.5em;
}

.parsrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.5em;
}

.rtlsid {
    width: 24%
}

.postspars {
    width: 49.3%
}

.ltrsid {
    width: 25%
}

.artistng,
.commentpars,
.locpars,
.parspage,
.parspost,
.parssingerae,
.sidbarpars,
.sidbarparsltr,
.singerrot {
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 0 22px rgb(230 232 236/66%);
    overflow: hidden;
    margin: 0 0 1em;
    border: 2px solid #e6e4f0
}

.haedrpsoyt,
.headersidb {
    padding: 1em;
    background: var(--bgtitftr)
}

.page404>.haedrpsoyt {
    justify-content: center;
    display: flex
}

.haedrpsoyt .title,
.headersidb h4 {
    display: flex;
    align-items: center
}

.haedrpsoyt .title span,
.headersidb h4 span {
    width: 32px;
    height: 32px;
    background: var(--bgparsor);
    border-radius: 10px;
    margin-left: .5em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.comingpostps .haedrpsoyt .title span,
.comingsidb h4 span {
    background: #502525
}

.comingpostps .haedrpsoyt span svg,
.comingsidb h4 span svg {
    animation: spin 2s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.artistpars .headersidb h4 span {
    background: #172f3f
}

.artistpars .headersidb h4 {
    color: #fff
}

.sidbarpars ul {
    display: flex;
    flex-wrap: wrap;
    padding: 1em
}

.sidbarparsltr ul {
    padding: 1em
}

.sidbarparsltr ul li {
    display: flex;
    align-items: center;
    line-height: 2.6
}

.sidbarpars ul li {
    display: flex;
    align-items: center;
    width: 50%;
    line-height: 2.6
}

.sidbarpars ul li::before,
.sidbarparsltr ul li::before {
    content: "";
    width: 8px;
    height: 4px;
    background: var(--bgparsor);
    border-radius: 5px;
    margin-left: .5em
}

.sidbarpars ul li a {
    font-size: 13px;
    color: #000
}

.artistpars ul li a {
    color: #c7c7c7
}

.haedrpsoyt .title a:hover,
.sidbarpars ul li a:hover,
.sidbarparsltr ul li a:hover {
    color: var(--bgparsor)
}

.artistpars ul li a:hover {
    color: #ffc400
}

.artistpars ul li::before {
    background: #c7c7c7
}

.artistpars {
    background: #172f3f
}

.catlinksvg a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
    padding: .9em;
    fill: var(--bgparsor);
    position: relative
}

.catlinksvg a:hover {
    color: var(--bgparsor)
}

.catlinksvg span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background: var(--bgtitftr);
    border-radius: 12px;
    margin-left: .5em;
    transition: all .3s ease-out
}

.catlinksvg a::after {
    content: "";
    left: 1.2em;
    top: 50%;
    transform: translate(0, -50%);
    width: 6px;
    height: 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='73' height='113' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M60.83 113c3.18.022 6.251-1.156 8.6-3.3a10.73 10.73 0 0 0 0-15.983L29.373 56.5l40.056-37.21a10.73 10.73 0 0 0 0-15.983c-4.885-4.41-12.315-4.41-17.2 0L3.56 48.507C1.294 50.545-.001 53.45-.001 56.498s1.294 5.953 3.561 7.991L52.23 109.7a12.65 12.65 0 0 0 8.6 3.3z' fill='%238d8d8d'/%3e%3c/svg%3e");
    background-size: cover;
    position: absolute
}

.hedartist {
    background: var(--bgparsor)
}

.haedrpsoyt .title a,
.haedrpsoyt .title a .inner-title {
    font-size: 15px
}

.lincatg {
    padding: .7em 1em;
    font-size: 12px;
    color: #999;
    border-bottom: 1px solid #eee;
    display: flex
}

.lincatg a {
    font-size: 12px;
    color: #7a859a;
    margin-left: 3px;
    padding: .5em .7em;
    display: block;
    background: #f3f5f9;
    border-radius: 12px;
    transition: .3s
}

.contpars {
    padding: 1em;
    text-align: center;
    line-height: 2.1;
    color: #737373
}

.contpars img {
    margin: .7em auto;
    border-radius: 1em;
    display: inherit
}

.contpars svg {
    max-width: 100%;
    fill: var(--bgparsor)
}

.parsfotr {
    background: var(--bgtitftr);
    padding: 1em;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    color: #737373
}

.parsfotr ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: .8em
}

.parsfotr ul li {
    display: flex;
    margin-left: .8em;
    align-items: center
}

.parsfotr ul li svg {
    margin-left: .3em
}

.parsfotr a {
    display: flex;
    width: 100%;
    justify-content: center;
    background: var(--bgparsor);
    padding: 1em;
    font-size: 14px;
    overflow: hidden;
    color: #fff;
    position: relative;
    border-radius: 10px;
    transform: perspective(1px) translateZ(0)
}

.comingpostps .parsfotr a {
    background: #502525
}

.parsfotr a svg {
    margin-left: .5em
}

.parsfotr a::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e04d01;
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.parsfotr a:hover::after {
    transform: scaleY(1)
}

.comingpostps .haedrpsoyt {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.singleads {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    margin: 1em 0
}

.comingpostps .haedrpsoyt i {
    font-style: normal;
    padding: .5em .8em;
    background: #502525;
    border-radius: 10px;
    font-size: 13px;
    color: #fff
}

.locpars {
    padding: 1em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: var(--bgparsor);
    fill: var(--bgparsor)
}

.locpars i {
    content: "";
    width: .4em;
    height: .4em;
    border-left: .1em solid #a2a2a2;
    border-bottom: .1em solid #a2a2a2;
    transform: rotate(45deg);
    display: inline-block;
    margin: 0 .3em 0 .5em
}

.locpars a {
    margin: 0 .5em;
    color: #161616
}

.site-page-title {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

.locpars a:hover {
    color: var(--bgparsor)
}

.parspage {
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.parspage a,
.parspage span {
    display: flex;
    border: 1px solid #f4f2f9;
    margin: .4em;
    padding: 0 1em;
    height: 40px;
    color: var(--bgparsor);
    justify-content: center;
    align-items: center;
    border-radius: 12px
}

.parspage .current,
.parspage a:hover {
    background: var(--bgparsor);
    color: #fff
}

.parslins {
    display: flex;
    margin-bottom: 15px;
    border-radius: 15px;
    align-items: center;
    justify-content: space-between;
    padding: 2em 1em;
    background: linear-gradient(91deg, #a00627, #ff1402);
    color: #fff !important;
    position: relative;
    transition: .3s
}

.parslins.tel {
    background: linear-gradient(91deg, #0265b4, #259eff)
}

.ftrpars {
    background: #1d1d1d;
    padding: 1.5em 0 0;
    color: rgba(255, 255, 255, .7)
}

.flexwarpftr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1em
}

.hederboxftr {
    padding: .5em;
    background: #222;
    border-radius: 12px;
    display: flex;
    align-items: center;
    color: #9a9999
}

.hederboxftr span {
    width: 32px;
    height: 32px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 12px;
    margin-left: .5em;
    background: #1d1d1d
}

.ftrbox ul {
    padding: .5em
}

.ftrbox ul li {
    line-height: 2.6;
    display: flex;
    align-items: center
}

.ftrbox ul li a {
    color: #9a9999;
    font-size: 13px
}

.ftrbox ul li a:hover {
    color: #ffc400
}

.ftrbox ul li::before {
    content: "";
    width: 8px;
    height: 4px;
    background: #9a9999;
    border-radius: 5px;
    margin-left: .5em
}

.ftrcopyr {
    background: #222;
    padding: 1em 0;
    margin-top: 1em
}

.flexftr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.flexftr a {
    color: #ffc400
}

.parsdlnew {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 75%;
    margin: 0 auto
}

.parsdlnew span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: .5em 0;
    width: 100%;
    border: 3px solid #f5f3f3;
    margin: 1em 0;
    border-radius: 14px;
    color: #9c9c9c
}

.parsdlnew a {
    display: flex;
    background: var(--bgparsor);
    color: #fff;
    align-items: center;
    padding: 1em .4em;
    margin: 1em 0 0;
    border-radius: 12px;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap
}

.parsdlnew video {
    margin: 1em 0 0;
}

.parsdlnew a svg {
    margin-left: .5em
}

.parsdlnew a:hover {
    background: #e04d01
}

.music-text-box {
    width: calc(100% - 30px);
    display: block;
    margin: 15px;
    border-radius: 10px;
    padding: 15px;
    background-color: #c4cfd9;
    position: relative;
    overflow: hidden;
}

.music-text-box .title-bar{
    width: 100%;
    display: block;
    background-color: #94a7b8;
    padding: 15px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    z-index: 1;
}

.music-text-box .text-box .text .txt {
    width: calc(100% - 100px);
    margin: 0 50px;
    background-color: #ffffff3d;
    padding: 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #535353;
    max-height: 150px;
    overflow: auto;
}

/* width */
.music-text-box .text-box .text .txt::-webkit-scrollbar {
    width: 3px;
  }
  
  /* Track */
  .music-text-box .text-box .text .txt::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Handle */
  .music-text-box .text-box .text .txt::-webkit-scrollbar-thumb {
    background: #888;
  }
  
  /* Handle on hover */
  .music-text-box .text-box .text .txt::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

.music-text-box .text {
    position: relative;
}

.music-text-box .copy-txt {
    width: 40px;
    height: 40px;
    display: flex;
    position: absolute;
    left: 63px;
    top: -11px;
    background-color: #fff;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    border-bottom: 3px rgba(0, 0, 0, 0.1) solid;
    transition: .3s;
    cursor: pointer;
}

.foot-notif{
    position: fixed;
    bottom: 30px;
    z-index: 99999999;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
}
.foot-notif .elem{
    display: none;
}
.foot-notif .txt{
    color: #fff;
    background-color: #0088cc;
    font-size: 14px;
    font-weight: 300;
    padding: 10px 40px;
    border-radius: 10px;
}

.music-text-box .copy-txt:hover{
    rotate: 360deg;
}

.music-text-box .nightx {
    top: 0;
    right: 0;
    height: 100%;
    transform: rotateZ(45deg);
    position: absolute;
    width: 100%;
    display: block;
}

.shooting_star {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    background: linear-gradient(-45deg, #94a7b8, rgba(0, 0, 255, 0));
    border-radius: 999px;
    filter: drop-shadow(0 0 6px #699bff);
    -webkit-animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
    animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
  }
  .shooting_star::before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    height: 2px;
    background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #94a7b8, rgba(0, 0, 255, 0));
    transform: translateX(50%) rotateZ(45deg);
    border-radius: 100%;
    -webkit-animation: shining 3000ms ease-in-out infinite;
    animation: shining 3000ms ease-in-out infinite;
  }
  .shooting_star::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    height: 2px;
    background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #94a7b8, rgba(0, 0, 255, 0));
    transform: translateX(50%) rotateZ(45deg);
    border-radius: 100%;
    -webkit-animation: shining 3000ms ease-in-out infinite;
    animation: shining 3000ms ease-in-out infinite;
    transform: translateX(50%) rotateZ(-45deg);
  }
  .shooting_star:nth-child(1) {
    top: calc(50% - -172px);
    left: calc(50% - 99px);
    -webkit-animation-delay: 8199ms;
            animation-delay: 8199ms;
  }
  .shooting_star:nth-child(1)::before, .shooting_star:nth-child(1)::after {
    -webkit-animation-delay: 8199ms;
            animation-delay: 8199ms;
  }
  .shooting_star:nth-child(2) {
    top: calc(50% - -167px);
    left: calc(50% - 111px);
    -webkit-animation-delay: 8501ms;
            animation-delay: 8501ms;
  }
  .shooting_star:nth-child(2)::before, .shooting_star:nth-child(2)::after {
    -webkit-animation-delay: 8501ms;
            animation-delay: 8501ms;
  }
  .shooting_star:nth-child(3) {
    top: calc(50% - -135px);
    left: calc(50% - 123px);
    -webkit-animation-delay: 9636ms;
            animation-delay: 9636ms;
  }
  .shooting_star:nth-child(3)::before, .shooting_star:nth-child(3)::after {
    -webkit-animation-delay: 9636ms;
            animation-delay: 9636ms;
  }
  .shooting_star:nth-child(4) {
    top: calc(50% - 128px);
    left: calc(50% - 185px);
    -webkit-animation-delay: 2828ms;
            animation-delay: 2828ms;
  }
  .shooting_star:nth-child(4)::before, .shooting_star:nth-child(4)::after {
    -webkit-animation-delay: 2828ms;
            animation-delay: 2828ms;
  }
  .shooting_star:nth-child(5) {
    top: calc(50% - 168px);
    left: calc(50% - 101px);
    -webkit-animation-delay: 7943ms;
            animation-delay: 7943ms;
  }
  .shooting_star:nth-child(5)::before, .shooting_star:nth-child(5)::after {
    -webkit-animation-delay: 7943ms;
            animation-delay: 7943ms;
  }
  .shooting_star:nth-child(6) {
    top: calc(50% - -90px);
    left: calc(50% - 89px);
    -webkit-animation-delay: 3424ms;
            animation-delay: 3424ms;
  }
  .shooting_star:nth-child(6)::before, .shooting_star:nth-child(6)::after {
    -webkit-animation-delay: 3424ms;
            animation-delay: 3424ms;
  }
  .shooting_star:nth-child(7) {
    top: calc(50% - -175px);
    left: calc(50% - 210px);
    -webkit-animation-delay: 4943ms;
            animation-delay: 4943ms;
  }
  .shooting_star:nth-child(7)::before, .shooting_star:nth-child(7)::after {
    -webkit-animation-delay: 4943ms;
            animation-delay: 4943ms;
  }
  .shooting_star:nth-child(8) {
    top: calc(50% - 62px);
    left: calc(50% - 88px);
    -webkit-animation-delay: 1637ms;
            animation-delay: 1637ms;
  }
  .shooting_star:nth-child(8)::before, .shooting_star:nth-child(8)::after {
    -webkit-animation-delay: 1637ms;
            animation-delay: 1637ms;
  }
  .shooting_star:nth-child(9) {
    top: calc(50% - 10px);
    left: calc(50% - 80px);
    -webkit-animation-delay: 3576ms;
            animation-delay: 3576ms;
  }
  .shooting_star:nth-child(9)::before, .shooting_star:nth-child(9)::after {
    -webkit-animation-delay: 3576ms;
            animation-delay: 3576ms;
  }
  .shooting_star:nth-child(10) {
    top: calc(50% - -116px);
    left: calc(50% - 213px);
    -webkit-animation-delay: 3147ms;
            animation-delay: 3147ms;
  }
  .shooting_star:nth-child(10)::before, .shooting_star:nth-child(10)::after {
    -webkit-animation-delay: 3147ms;
            animation-delay: 3147ms;
  }
  .shooting_star:nth-child(11) {
    top: calc(50% - -191px);
    left: calc(50% - 150px);
    -webkit-animation-delay: 2646ms;
            animation-delay: 2646ms;
  }
  .shooting_star:nth-child(11)::before, .shooting_star:nth-child(11)::after {
    -webkit-animation-delay: 2646ms;
            animation-delay: 2646ms;
  }
  .shooting_star:nth-child(12) {
    top: calc(50% - 137px);
    left: calc(50% - 81px);
    -webkit-animation-delay: 9554ms;
            animation-delay: 9554ms;
  }
  .shooting_star:nth-child(12)::before, .shooting_star:nth-child(12)::after {
    -webkit-animation-delay: 9554ms;
            animation-delay: 9554ms;
  }
  .shooting_star:nth-child(13) {
    top: calc(50% - 86px);
    left: calc(50% - 85px);
    -webkit-animation-delay: 6524ms;
            animation-delay: 6524ms;
  }
  .shooting_star:nth-child(13)::before, .shooting_star:nth-child(13)::after {
    -webkit-animation-delay: 6524ms;
            animation-delay: 6524ms;
  }
  .shooting_star:nth-child(14) {
    top: calc(50% - -173px);
    left: calc(50% - 172px);
    -webkit-animation-delay: 1972ms;
            animation-delay: 1972ms;
  }
  .shooting_star:nth-child(14)::before, .shooting_star:nth-child(14)::after {
    -webkit-animation-delay: 1972ms;
            animation-delay: 1972ms;
  }
  .shooting_star:nth-child(15) {
    top: calc(50% - 98px);
    left: calc(50% - 217px);
    -webkit-animation-delay: 726ms;
            animation-delay: 726ms;
  }
  .shooting_star:nth-child(15)::before, .shooting_star:nth-child(15)::after {
    -webkit-animation-delay: 726ms;
            animation-delay: 726ms;
  }
  .shooting_star:nth-child(16) {
    top: calc(50% - -97px);
    left: calc(50% - 78px);
    -webkit-animation-delay: 4234ms;
            animation-delay: 4234ms;
  }
  .shooting_star:nth-child(16)::before, .shooting_star:nth-child(16)::after {
    -webkit-animation-delay: 4234ms;
            animation-delay: 4234ms;
  }
  .shooting_star:nth-child(17) {
    top: calc(50% - 89px);
    left: calc(50% - 262px);
    -webkit-animation-delay: 9452ms;
            animation-delay: 9452ms;
  }
  .shooting_star:nth-child(17)::before, .shooting_star:nth-child(17)::after {
    -webkit-animation-delay: 9452ms;
            animation-delay: 9452ms;
  }
  .shooting_star:nth-child(18) {
    top: calc(50% - 178px);
    left: calc(50% - 153px);
    -webkit-animation-delay: 6866ms;
            animation-delay: 6866ms;
  }
  .shooting_star:nth-child(18)::before, .shooting_star:nth-child(18)::after {
    -webkit-animation-delay: 6866ms;
            animation-delay: 6866ms;
  }
  .shooting_star:nth-child(19) {
    top: calc(50% - 115px);
    left: calc(50% - 274px);
    -webkit-animation-delay: 5366ms;
            animation-delay: 5366ms;
  }
  .shooting_star:nth-child(19)::before, .shooting_star:nth-child(19)::after {
    -webkit-animation-delay: 5366ms;
            animation-delay: 5366ms;
  }
  .shooting_star:nth-child(20) {
    top: calc(50% - 18px);
    left: calc(50% - 56px);
    -webkit-animation-delay: 9787ms;
            animation-delay: 9787ms;
  }
  .shooting_star:nth-child(20)::before, .shooting_star:nth-child(20)::after {
    -webkit-animation-delay: 9787ms;
            animation-delay: 9787ms;
  }
  
  @-webkit-keyframes tail {
    0% {
      width: 0;
    }
    30% {
      width: 100px;
    }
    100% {
      width: 0;
    }
  }
  
  @keyframes tail {
    0% {
      width: 0;
    }
    30% {
      width: 100px;
    }
    100% {
      width: 0;
    }
  }
  @-webkit-keyframes shining {
    0% {
      width: 0;
    }
    50% {
      width: 30px;
    }
    100% {
      width: 0;
    }
  }
  @keyframes shining {
    0% {
      width: 0;
    }
    50% {
      width: 30px;
    }
    100% {
      width: 0;
    }
  }
  @-webkit-keyframes shooting {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(300px);
    }
  }
  @keyframes shooting {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(300px);
    }
  }
  @-webkit-keyframes sky {
    0% {
      transform: rotate(45deg);
    }
    100% {
      transform: rotate(405deg);
    }
  }
  @keyframes sky {
    0% {
      transform: rotate(45deg);
    }
    100% {
      transform: rotate(405deg);
    }
  }
  

.soshipars {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 1em auto 1em;
    justify-content: space-between;
    width: 95%
}

.soshipars a {
    display: inline-flex;
    align-items: center;
    background: #08c;
    color: #fff;
    padding: 1em .5em;
    border-radius: 12px;
    font-size: 14px;
    width: 49%;
    justify-content: center
}

.soshipars a:hover {
    background: #222
}

.soshipars a svg {
    margin-left: .5em
}

.soshipars .wtsao {
    background: #4fce5d
}

.allsin {
    padding: 0 1em 1em 1em
}

.allsin a {
    background: #19172c;
    color: #ffa93b;
    display: flex;
    font-size: 16px;
    padding: 1em 0;
    text-align: center;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1em
}

.singerrot ul {
    display: flex;
    flex-wrap: wrap;
    padding: .5em
}

.parssingerae {
    background: var(--bgtitftr);
    text-align: center;
    padding: 1em;
    line-height: 1.6
}

.parssingerae h1 {
    font-size: 18px;
    color: var(--bgparsor)
}

.parssingerae h1 a {
    color: var(--bgparsor)
}

.singerrot ul li {
    width: 25%;
    padding: .5em
}

.singerrot ul li a {
    display: flex;
    flex-direction: column;
    text-align: center
}

.singerrot ul li a img {
    width: 100%;
    height: auto;
    border-radius: 14px
}

.singerrot ul li a span {
    font-size: 13px;
    margin-top: .5em;
    line-height: 2;
    display: flex;
    flex-direction: column
}

.singerrot ul li a span .artname {
    font-size: 14px;
    color: #696969;
    font-weight: 400;
    transition: all .3s ease
}

.singerrot ul li a span .trname {
    font-size: 13px;
    color: #8c8c8c;
    font-weight: 400
}

.singerrot ul li a:hover span .artname {
    color: var(--bgparsor)
}

.commentpars form {
    padding: 1em;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.inputparsco {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.inputparsco input,
.texraparscco textarea {
    width: 46%;
    border-radius: 8px;
    padding: .8em .5em;
    resize: none;
    color: rgba(0, 0, 0, .7);
    margin: 0 0 1em;
    border: solid 1px #efefef
}

.texraparscco {
    width: 100%;
    display: flex
}

.texraparscco textarea {
    width: 100%;
    height: 125px
}

.cominttexs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.slmtext {
    display: flex;
    align-items: center;
    color: #000
}

.slmtext svg {
    margin-left: .5em
}

.parssbt {
    border-radius: 14px;
    font-size: 14px;
    cursor: pointer;
    width: auto;
    padding: .7em 1em;
    background: var(--bgparsor);
    color: #fff;
    transition: all .3s ease;
    border: 0
}

.parssbt:hover {
    background: #e04d01
}

.comenttextpars {
    padding: 1em;
    overflow: hidden;
    margin: 1.5em 0
}

.comenttextpars li {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.comenttextpars li>strong {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 1em
}

.comenttextpars li>strong span {
    width: 50px;
    height: 50px;
    background: #efefef;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px
}

.comenttextpars strong span::before {
    content: "";
    width: 25px;
    height: 25px;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm0,22.5A10.5,10.5,0,1,1,22.5,12,10.512,10.512,0,0,1,12,22.5ZM6.423,10.26,8.912,8.718l-2.258-1.4a.75.75,0,1,1,.79-1.275L10.731,8.08a.75.75,0,0,1,0,1.275l-3.517,2.18a.75.75,0,1,1-.79-1.275Zm8.5-1.542a1.5,1.5,0,1,1,1.5,1.5,1.5,1.5,0,0,1-1.5-1.5Zm3.52,6.342a8.342,8.342,0,0,1-12.9,0,.75.75,0,1,1,1.159-.952,6.842,6.842,0,0,0,10.578,0,.75.75,0,1,1,1.159.952Z' fill='%231A374D'/%3e%3c/svg%3e")
}

a.comment-reply-link {
    color: var(--bgparsor);
    font-size: 11px;
    padding: .4em .9em;
    border-radius: 8px;
    border: 1px solid var(--bgparsor);
    margin-top: 1em
}

.parsmusics {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.comenttextpars li>span {
    flex: 1;
    border: 2px solid #f7f8f9;
    border-radius: 14px;
    line-height: 2;
    margin: 0 0 1em;
    padding: 1.5em 1.5em 1em;
    position: relative
}

.comenttextpars li>span strong b {
    color: #000;
    font-weight: 400;
    font-size: 15px
}

.comenttextpars li>span strong b.fctime {
    color: #b0bec5;
    border-right: 1px solid #dbe1e5;
    margin-right: 1em;
    padding-right: 1em;
    font-size: 12px
}

.parscont {
    overflow-wrap: break-word;
    width: 100%;
    color: #4d4d4d;
    line-height: 2;
    font-size: 13px
}

.user_identity {
    display: flex;
    margin: 0 0 1em 0;
    width: 100%;
    text-align: center;
    justify-content: center;
    background: #1a374D14;
    padding: .7em;
    border-radius: 1em;
    color: var(--bgparsor)
}

.wpcf7 {
    text-align: right;
    width: 100%
}

.wpcf7-form input {
    border-radius: 15px;
    padding: .7em 0;
    background: #f6f6f6;
    width: 100%
}

.wpcf7-form textarea {
    border-radius: 15px;
    padding: .7em 0;
    background: #f6f6f6;
    width: 100%;
    resize: none
}

.wpcf7-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #2e2d2d !important;
    color: #fff;
    margin-top: .7em
}

.artistng {
    margin: 1.5em 0
}

.artisth4 {
    display: flex;
    align-items: center;
    padding: 1em;
    border-bottom: 1px solid #f7f7f7
}

.artisth4 h4 {
    font-size: 16px
}

.artisth4 span {
    width: 32px;
    height: 32px;
    background: var(--bgparsor);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    margin-left: .5em
}

.artistnam {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 1em;
    padding: 1em
}

.artistnam .itm {
    overflow: hidden
}

.artistnam .itm a img {
    border-radius: 14px;
    width: 100%;
    height: auto
}

.artistnam .itm a span {
    display: flex;
    text-align: center;
    justify-content: center
}

.artistnam .itm a:hover span {
    color: var(--bgparsor)
}

.artispag {
    border: 0 !important;
    box-shadow: none
}

.headads {
    width: 100%;
    display: flex;
    padding: 1em;
    justify-content: center;
    align-items: center;
    margin-top: 1.5em;
    background: #fff;
    border-radius: 14px
}

@media screen and (max-width:768px) {
    .parsvip ul li {
        width: 25%
    }

    .postspars {
        width: 100%;
        order: 1
    }

    .rtlsid {
        width: 100%;
        order: 2
    }

    .ltrsid {
        width: 100%;
        order: 3
    }

    .artistnam {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (max-width:650px) {
    .flexwarpftr {
        grid-template-columns: repeat(1, 1fr)
    }

    .flexftr {
        flex-direction: column;
        text-align: center
    }
}

@media screen and (max-width:480px) {
    .logo svg {
        width: 159px;
        height: 29px
    }

    .logo {
        width: 159px;
        height: 29px;
        margin: 0
    }

    .parsvip ul li {
        width: 33.3%
    }

    .parsvip ul li a span strong {
        font-size: 12px
    }

    .haedrpsoyt .title span {
        display: none
    }

    .locpars {
        justify-content: center
    }

    .music-text-box .text-box .text .txt{
        width: 100%;
        margin: 0;
    }

    .music-text-box .copy-txt {
        left: 12px;
        top: -15px;
    }
}

@media screen and (max-width:350px) {
    .comingpostps .haedrpsoyt i {
        display: none
    }

    .comingpostps .haedrpsoyt,
    .haedrpsoyt .title {
        justify-content: center
    }

    .singerrot ul li {
        width: 50%
    }
}

/*-----dark mode----*/
[data-theme="dark"] {
    --bgdark: #000;
    --txcolor: rgb(126, 126, 126);
    --topdark: #171717;
    --darkhedr: #1A1A1A;
    --bgdrkic: #262525;
    --havertext: #ffc400;
}

[data-theme="dark"] a,
[data-theme="dark"] .catlinksvg a,
[data-theme="dark"] .locpars a,
[data-theme="dark"] .locpars,
[data-theme="dark"] .lincatg a,
[data-theme="dark"] .slmtext,
[data-theme="dark"] .comenttextpars li>span strong b,
[data-theme="dark"] .contpars svg {
    color: var(--txcolor);
    fill: var(--havertext);
}

[data-theme="dark"] body {
    background: var(--bgdark);
    color: var(--txcolor);
}

.hedmenomob form button,
[data-theme="dark"] .parstextto,
[data-theme="dark"] .sidbarpars,
[data-theme="dark"] .parspost,
[data-theme="dark"] .locpars,
[data-theme="dark"] .parspage,
[data-theme="dark"] .sidbarparsltr,
[data-theme="dark"] .commentpars,
[data-theme="dark"] .artistng,
[data-theme="dark"] .singerrot,
[data-theme="dark"] .hedmenomob,
[data-theme="dark"] .ulmnmob ul>li>ul,
[data-theme="dark"] .parssingerae,
[data-theme="dark"] .headads {
    background: var(--topdark);
    box-shadow: none;
    border: none;
}

[data-theme="dark"] .lincatg {
    color: var(--txcolor);
    border-bottom: 1px solid #303030;
}

[data-theme="dark"] .parsvip ul li a span strong,
[data-theme="dark"] .catlinksvg a:hover,
[data-theme="dark"] .sidbarpars ul li a:hover,
[data-theme="dark"] .locpars,
[data-theme="dark"] .locpars a:hover,
[data-theme="dark"] .sidbarpars ul li a:hover,
[data-theme="dark"] .haedrpsoyt .title a:hover,
[data-theme="dark"] .sidbarparsltr ul li a:hover,
[data-theme="dark"] .parspage span,
[data-theme="dark"] .parspage a,
[data-theme="dark"] .artistnam .itm a:hover span,
[data-theme="dark"] .singerrot ul li a:hover span .artname,
[data-theme="dark"] .ulmnmob ul>li a:hover,
[data-theme="dark"] .parssingerae h1 a {
    color: var(--havertext);
}

[data-theme="dark"] .catlinksvg span,
[data-theme="dark"] .headersidb h4 span,
[data-theme="dark"] .haedrpsoyt .title span,
[data-theme="dark"] .artistpars .headersidb h4 span,
[data-theme="dark"] .lincatg a,
[data-theme="dark"] .parsfotr a,
[data-theme="dark"] .parspage .current,
[data-theme="dark"] .parspage a:hover,
[data-theme="dark"] .artisth4 span,
[data-theme="dark"] .allsin a,
[data-theme="dark"] .parssbt,
[data-theme="dark"] .comenttextpars li>strong span {
    background: var(--bgdark);
}

[data-theme="dark"] .headersidb,
[data-theme="dark"] .haedrpsoyt,
[data-theme="dark"] .parsfotr {
    background: var(--bgdrkic);
}

[data-theme="dark"] .artistpars .headersidb h4,
[data-theme="dark"] .sidbarpars ul li a {
    color: var(--txcolor);
}

[data-theme="dark"] .sidbarpars ul li::before,
[data-theme="dark"] .sidbarparsltr ul li::before {
    background: var(--havertext);
}

[data-theme="dark"] .parspage span,
[data-theme="dark"] .parspage a {
    border: 0;
}

[data-theme="dark"] .inputparsco input,
[data-theme="dark"] .texraparscco textarea,
[data-theme="dark"] .parsdlnew span,
[data-theme="dark"] .comenttextpars li>span,
[data-theme="dark"] a.comment-reply-link,
[data-theme="dark"] .artisth4,
[data-theme="dark"] .comenttextpars li>span strong b.fctime,
[data-theme="dark"] .ulmnmob>ul>li {
    border-color: #232222;
    color: var(--txcolor);
}

[data-theme="dark"] .munomobilt {
    background: hsla(0, 0%, 8%, 0.863);
}

/* end */
body {
    font-size: 14px;
    direction: rtl;
    background: #f2f2f2;
    cursor: default;
    font-family: parssans;
}

.showmenu {
    display: flex;
}

.munomobilt {
    position: fixed;
    background: hsla(0, 0%, 100%, 0.863);
    backdrop-filter: blur(15px);
    right: 0;
    z-index: 999;
    transition: 0.25s ease-in-out;
    width: 100%;
    transform: translateX(100%);
    min-height: 100%;
    opacity: 0;
    top: 0;
    display: flex;
    flex-direction: column;
}

.showmenu {
    transform: translateX(0);
    opacity: 1;
}

.hedmenomob {
    display: flex;
    flex-direction: column;
    background: var(--bgparsor);
    padding: 1em;
}

.logomobi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;
}

.logomobi i {
    padding: .5em 1em;
    display: flex;
    align-items: center;
    border-radius: 10px;
    fill: var(--bgparsor);
    background: #ffc400;
}

.ulmnmob>ul {
    display: block;
}

.ulmnmob>ul>li {
    line-height: 2.8;
    padding: .5em 0;
    border-bottom: 1px solid #efefef;
}

.ulmnmob>ul>li>a {
    padding: 0 1em;
}

.ulmnmob>ul>li>a::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 4px;
    background: #9a9999;
    border-radius: 5px;
    margin-left: 0.5em;
}

#cancel_replay {
    color: var(--bgparsor);
    margin: 1em 0 0;
    text-align: center;
    cursor: pointer;
    justify-content: center;
    font-size: 14px;
}

.ulmnmob ul>li>ul {
    position: initial;
    width: 100%;
    background: #f5f5f5;
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    border-radius: 0;
    display: block;
}

.ulmnmob ul>li>ul>li>a {
    font-size: 12px;
    padding: 0 2em;
}

.ulmnmob ul>li a:hover {
    color: var(--bgparsor);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    width: 95%;
}

.pfle a {
    background: #172F3F !important;
    border-radius: 5px !important;
    color: #ccc !important;
}

.hedmenomob form {
    width: 100% !important;
}

.hedmenomob form {
    background: #fff;
    overflow: hidden;
    width: 227px;
    height: 40px;
    border-radius: 12px;
    position: relative;
}

.hedmenomob form input {
    height: 40px;
    margin: 0 .5em;
}

.hedmenomob form button {
    position: absolute;
    left: .5em;
    height: 30px;
    display: flex;
    width: 30px;
    align-items: center;
    border-radius: 8px;
    justify-content: center;
    background: var(--bgparsor);
    top: 4.9px;
    cursor: pointer;
}

.toggle {
    align-items: center;
    border-radius: 100px;
    display: flex;
    font-weight: 700;
    margin-bottom: 16px;
}

.toggle:last-of-type {
    margin: 0;
}

.parsvip ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 1.5em 0;
}

.parsvip ul li {
    width: 12.5%;
    overflow: hidden;
    padding: 5px;
    border-radius: 14px;
    display: block;
}

.parsvip ul li a {
    display: block;
    overflow: hidden;
}

.parsvip ul li img {
    display: block;
    border-radius: 14px;
    width: 100%;
    height: auto;
}

.parsvip ul li a span {
    font-size: 12px;
    text-align: center;
    line-height: 2.2;
    margin: .5em 1em;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.parsvip ul li a span strong {
    font-weight: 400;
    color: #000;
    font-size: 14px;
    transition: all 300ms ease;
}

.parsvip ul li a:hover strong {
    color: var(--bgparsor);
}

.parsvip ul li a span b {
    color: #6b6969;
    font-weight: normal;
}

.parstextto {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
    background: var(--bgparsor);
    padding: 1em;
    justify-content: center;
    border-radius: 12px;
    color: #fff;
    margin-bottom: 1.5em;
}

.parsrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rtlsid {
    width: 24%;
}

.postspars {
    width: 49.3%;
}

.ltrsid {
    width: 25%;
}

.sidbarpars,
.parspost,
.locpars,
.parspage,
.sidbarparsltr,
.commentpars,
.artistng,
.singerrot,
.parssingerae {
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 0 22px rgb(230 232 236/66%);
    overflow: hidden;
    margin: 0 0 1em;
    border: 2px solid #e6e4f0;
}

.headersidb,
.haedrpsoyt {
    padding: 1em;
    background: var(--bgtitftr);
}

.page404>.haedrpsoyt {
    justify-content: center;
    display: flex;
}

.headersidb h4,
.haedrpsoyt .title {
    display: flex;
    align-items: center;
}

.headersidb h4 span,
.haedrpsoyt .title span {
    width: 32px;
    height: 32px;
    background: var(--bgparsor);
    border-radius: 10px;
    margin-left: .5em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.comingpostps .haedrpsoyt .title span,
.comingsidb h4 span {
    background: #502525;
}

.comingpostps .haedrpsoyt span svg,
.comingsidb h4 span svg {
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.artistpars .headersidb h4 span {
    background: #172F3F;
}

.artistpars .headersidb h4 {
    color: #fff;
}

.sidbarpars ul {
    display: flex;
    flex-wrap: wrap;
    padding: 1em;
}

.sidbarparsltr ul {
    padding: 1em;
}

.sidbarparsltr ul li {
    display: flex;
    align-items: center;
    line-height: 2.6;
}

.sidbarpars ul li {
    display: flex;
    align-items: center;
    width: 50%;
    line-height: 2.6;
}

.sidbarpars ul li::before,
.sidbarparsltr ul li::before {
    content: "";
    width: 8px;
    height: 4px;
    background: var(--bgparsor);
    border-radius: 5px;
    margin-left: .5em;
}

.sidbarpars ul li a {
    font-size: 13px;
    color: #000;
}

.artistpars ul li a {
    color: #c7c7c7;
}

.sidbarpars ul li a:hover,
.haedrpsoyt .title a:hover,
.sidbarparsltr ul li a:hover {
    color: var(--bgparsor);
}

.artistpars ul li a:hover {
    color: #ffc400;
}

.artistpars ul li::before {
    background: #c7c7c7;
}

.artistpars {
    background: #172f3f;
}

.catlinksvg a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
    padding: .9em;
    fill: var(--bgparsor);
    position: relative;
}

.catlinksvg a:hover {
    color: var(--bgparsor);
}

.catlinksvg span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background: var(--bgtitftr);
    border-radius: 12px;
    margin-left: .5em;
    transition: all .3s ease-out;
}

.catlinksvg a::after {
    content: "";
    left: 1.2em;
    top: 50%;
    transform: translate(0, -50%);
    width: 6px;
    height: 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='73' height='113' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M60.83 113c3.18.022 6.251-1.156 8.6-3.3a10.73 10.73 0 0 0 0-15.983L29.373 56.5l40.056-37.21a10.73 10.73 0 0 0 0-15.983c-4.885-4.41-12.315-4.41-17.2 0L3.56 48.507C1.294 50.545-.001 53.45-.001 56.498s1.294 5.953 3.561 7.991L52.23 109.7a12.65 12.65 0 0 0 8.6 3.3z' fill='%238d8d8d'/%3e%3c/svg%3e");
    background-size: cover;
    position: absolute;
}

.hedartist {
    background: var(--bgparsor);
}

.haedrpsoyt .title a {
    font-size: 15px;
}

.lincatg {
    padding: .7em 1em;
    font-size: 12px;
    color: #999;
    border-bottom: 1px solid #eee;
    display: flex;
}

.lincatg a {
    font-size: 12px;
    color: #7a859a;
    margin-left: 3px;
    padding: .5em .7em;
    display: block;
    background: #f3f5f9;
    border-radius: 12px;
    transition: .3s;
}

.contpars {
    padding: 1em;
    text-align: center;
    line-height: 2.1;
    color: #737373;
}

.contpars img {
    margin: .7em auto;
    border-radius: 1em;
    display: inherit;
}

.contpars svg {
    max-width: 100%;
    fill: var(--bgparsor);
}

.parsfotr {
    background: var(--bgtitftr);
    padding: 1em;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    color: #737373;
}

.parsfotr ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: .8em;
}

.parsfotr ul li {
    display: flex;
    margin-left: .8em;
    align-items: center;
}

.parsfotr ul li svg {
    margin-left: .3em;
}

.parsfotr a {
    display: flex;
    width: 100%;
    justify-content: center;
    background: var(--bgparsor);
    padding: 1em;
    font-size: 14px;
    overflow: hidden;
    color: #fff;
    position: relative;
    border-radius: 10px;
    transform: perspective(1px) translateZ(0);
}

.comingpostps .parsfotr a {
    background: #502525;
}

.parsfotr a svg {
    margin-left: .5em;
}

.parsfotr a::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #E04D01;
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}

.parsfotr a:hover::after {
    transform: scaleY(1);
}

.comingpostps .haedrpsoyt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.singleads {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    margin: 1em 0;
}

.comingpostps .haedrpsoyt i {
    font-style: normal;
    padding: .5em .8em;
    background: #502525;
    border-radius: 10px;
    font-size: 13px;
    color: #fff;
}

.locpars {
    padding: 1em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: var(--bgparsor);
    fill: var(--bgparsor);
}

.locpars i {
    content: "";
    width: .4em;
    height: .4em;
    border-left: .1em solid #a2a2a2;
    border-bottom: .1em solid #a2a2a2;
    transform: rotate(45deg);
    display: inline-block;
    margin: 0 .3em 0 .5em;
}

.locpars a {
    margin: 0 .5em;
    color: #161616;
}

.locpars a:hover {
    color: var(--bgparsor);
}

.parspage {
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.parspage span,
.parspage a {
    display: flex;
    border: 1px solid #f4f2f9;
    margin: .4em;
    padding: 0 1em;
    height: 40px;
    color: var(--bgparsor);
    justify-content: center;
    align-items: center;
    border-radius: 12px;
}

.parspage .current,
.parspage a:hover {
    background: var(--bgparsor);
    color: #fff;
}

.parslins {
    display: flex;
    margin-bottom: 15px;
    border-radius: 15px;
    align-items: center;
    justify-content: space-between;
    padding: 2em 1em;
    background: linear-gradient(91deg, #a00627, #ff1402);
    color: #fff !important;
    position: relative;
    transition: .3s;
}

.parslins.tel {
    background: linear-gradient(91deg, #0265b4, #259eff);
}

.ftrpars {
    background: #1d1d1d;
    padding: 1.5em 0 0;
    color: rgba(255, 255, 255, .7);
}

.flexwarpftr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1em;
}

.hederboxftr {
    padding: .5em;
    background: #222;
    border-radius: 12px;
    display: flex;
    align-items: center;
    color: #9a9999;
}

.hederboxftr span {
    width: 32px;
    height: 32px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 12px;
    margin-left: .5em;
    background: #1d1d1d;
}

.ftrbox ul {
    padding: .5em;
}

.ftrbox ul li {
    line-height: 2.6;
    display: flex;
    align-items: center;
}

.ftrbox ul li a {
    color: #9a9999;
    font-size: 13px;
}

.ftrbox ul li a:hover {
    color: #ffc400;
}

.ftrbox ul li::before {
    content: "";
    width: 8px;
    height: 4px;
    background: #9a9999;
    border-radius: 5px;
    margin-left: .5em;
}

.ftrcopyr {
    background: #222;
    padding: 1em 0;
    margin-top: 1em;
}

.flexftr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flexftr a {
    color: #ffc400;
}

/* dlbox */
.parsdlnew {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 75%;
    margin: 0 auto;
}

.parsdlnew span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: .5em 0;
    width: 100%;
    border: 3px solid #f5f3f3;
    margin: 1em 0;
    border-radius: 14px;
    color: #9C9C9C;
}

.parsdlnew a {
    display: flex;
    background: var(--bgparsor);
    color: #fff;
    align-items: center;
    padding: 1em .4em;
    margin: 1em 0 0;
    border-radius: 12px;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.parsdlnew a svg {
    margin-left: .5em;
}

.parsdlnew a:hover {
    background: #E04D01;
}

.soshipars {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 1em auto 1em;
    justify-content: space-between;
    width: 95%;
}

.soshipars a {
    display: inline-flex;
    align-items: center;
    background: #08c;
    color: #fff;
    padding: 1em .5em;
    border-radius: 12px;
    font-size: 14px;
    width: 49%;
    justify-content: center;
}

.soshipars a:hover {
    background: #222;
}

.soshipars a svg {
    margin-left: .5em;
}

.soshipars .wtsao {
    background: #4fce5d;
}

.allsin {
    padding: 0 1em 1em 1em;
}

.allsin a {
    background: #19172c;
    color: #ffa93b;
    display: flex;
    font-size: 16px;
    padding: 1em 0;
    text-align: center;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1em;
}

.singerrot ul {
    display: flex;
    flex-wrap: wrap;
    padding: .5em;
}

.parssingerae {
    background: var(--bgtitftr);
    text-align: center;
    padding: 1em;
    line-height: 1.6;
}

.parssingerae h1 {
    font-size: 18px;
    color: var(--bgparsor);
}

.parssingerae h1 a {
    color: var(--bgparsor);
}

.singerrot ul li {
    width: 25%;
    padding: .5em;
}

.singerrot ul li a {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.singerrot ul li a img {
    width: 100%;
    height: auto;
    border-radius: 14px;
}

.singerrot ul li a span {
    font-size: 13px;
    margin-top: .5em;
    line-height: 2;
    display: flex;
    flex-direction: column;
}

.singerrot ul li a span .artname {
    font-size: 14px;
    color: rgb(105, 105, 105);
    font-weight: 400;
    transition: all 300ms ease;
}

.singerrot ul li a span .trname {
    font-size: 13px;
    color: rgb(140, 140, 140);
    font-weight: 400;
}

.singerrot ul li a:hover span .artname {
    color: var(--bgparsor);
}

.commentpars form {
    padding: 1em;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.inputparsco {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.inputparsco input,
.texraparscco textarea {
    width: 46%;
    border-radius: 8px;
    padding: .8em .5em;
    resize: none;
    color: rgba(0, 0, 0, .7);
    margin: 0 0 1em;
    border: solid 1px #efefef;
}

.texraparscco {
    width: 100%;
    display: flex;
}

.texraparscco textarea {
    width: 100%;
    height: 125px;
}

.cominttexs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.slmtext {
    display: flex;
    align-items: center;
    color: #000;
}

.slmtext svg {
    margin-left: .5em;
}

.parssbt {
    border-radius: 14px;
    font-size: 14px;
    cursor: pointer;
    width: auto;
    padding: .7em 1em;
    background: var(--bgparsor);
    color: #fff;
    transition: all 300ms ease;
    border: 0;
}

.parssbt:hover {
    background: #E04D01;
}

.comenttextpars {
    padding: 1em;
    overflow: hidden;
    margin: 1.5em 0;
}

.comenttextpars li {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.comenttextpars li>strong {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 1em;
}

.comenttextpars li>strong span {
    width: 50px;
    height: 50px;
    background: #efefef;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}

.comenttextpars strong span::before {
    content: "";
    width: 25px;
    height: 25px;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm0,22.5A10.5,10.5,0,1,1,22.5,12,10.512,10.512,0,0,1,12,22.5ZM6.423,10.26,8.912,8.718l-2.258-1.4a.75.75,0,1,1,.79-1.275L10.731,8.08a.75.75,0,0,1,0,1.275l-3.517,2.18a.75.75,0,1,1-.79-1.275Zm8.5-1.542a1.5,1.5,0,1,1,1.5,1.5,1.5,1.5,0,0,1-1.5-1.5Zm3.52,6.342a8.342,8.342,0,0,1-12.9,0,.75.75,0,1,1,1.159-.952,6.842,6.842,0,0,0,10.578,0,.75.75,0,1,1,1.159.952Z' fill='%231A374D'/%3e%3c/svg%3e");
}

a.comment-reply-link {
    color: var(--bgparsor);
    font-size: 11px;
    padding: .4em .9em;
    border-radius: 8px;
    border: 1px solid var(--bgparsor);
    margin-top: 1em;
}

.parsmusics {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.comenttextpars li>span {
    flex: 1;
    border: 2px solid #f7f8f9;
    border-radius: 14px;
    line-height: 2;
    margin: 0 0 1em;
    padding: 1.5em 1.5em 1em;
    position: relative;
}

.comenttextpars li>span strong b {
    color: #000;
    font-weight: 400;
    font-size: 15px;
}

.comenttextpars li>span strong b.fctime {
    color: #b0bec5;
    border-right: 1px solid #dbe1e5;
    margin-right: 1em;
    padding-right: 1em;
    font-size: 12px;
}

.parscont {
    overflow-wrap: break-word;
    width: 100%;
    color: #4d4d4d;
    line-height: 2;
    font-size: 13px;
}

.user_identity {
    display: flex;
    margin: 0 0 1em 0;
    width: 100%;
    text-align: center;
    justify-content: center;
    background: #1A374D14;
    padding: .7em;
    border-radius: 1em;
    color: var(--bgparsor);
}

.wpcf7 {
    text-align: right;
    width: 100%;
}

.wpcf7-form input {
    border-radius: 15px;
    padding: .7em 0;
    background: #f6f6f6;
    width: 100%
}

.wpcf7-form textarea {
    border-radius: 15px;
    padding: .7em 0;
    background: #f6f6f6;
    width: 100%;
    resize: none
}

.wpcf7-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #2e2d2d !important;
    color: #fff;
    margin-top: .7em;
}

/* atist style */
.artistng {
    margin: 1.5em 0;
}

.artisth4 {
    display: flex;
    align-items: center;
    padding: 1em;
    border-bottom: 1px solid #f7f7f7;
}

.artisth4 h4 {
    font-size: 16px;
}

.artisth4 span {
    width: 32px;
    height: 32px;
    background: var(--bgparsor);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    margin-left: .5em;
}

.artistnam {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 1em;
    padding: 1em;
}

.artistnam .itm {
    overflow: hidden;
}

.artistnam .itm a img {
    border-radius: 14px;
    width: 100%;
    height: auto;
}

.artistnam .itm a span {
    display: flex;
    text-align: center;
    justify-content: center;
}

.artistnam .itm a:hover span {
    color: var(--bgparsor);
}

.artispag {
    border: 0 !important;
    box-shadow: none;
}

.headads {
    width: 100%;
    display: flex;
    padding: 1em;
    justify-content: center;
    align-items: center;
    margin-top: 1.5em;
    background: #fff;
    border-radius: 14px;
}

@media screen and (max-width: 768px) {
    .parsvip ul li {
        width: 25%;
    }

    .postspars {
        width: 100%;
        order: 1;
    }

    .rtlsid {
        width: 100%;
        order: 2;
    }

    .ltrsid {
        width: 100%;
        order: 3;
    }

    .artistnam {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 650px) {
    .flexwarpftr {
        grid-template-columns: repeat(1, 1fr);
    }

    .flexftr {
        flex-direction: column;
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .logo svg {
        width: 159px;
        height: 29px;
    }

    .logo {
        width: 159px;
        height: 29px;
        margin: 0;
    }

    .parsvip ul li {
        width: 33.3%;
    }

    .parsvip ul li a span strong {
        font-size: 12px;
    }

    .haedrpsoyt .title span {
        display: none;
    }

    .locpars {
        justify-content: center;
    }

}

@media screen and (max-width: 350px) {
    .comingpostps .haedrpsoyt i {
        display: none;
    }

    .haedrpsoyt .title,
    .comingpostps .haedrpsoyt {
        justify-content: center;
    }

    .singerrot ul li {
        width: 50%;
    }
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.side-menu-btn {
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 35px;
    height: 35px;
    cursor: pointer;
    position: relative;
    z-index: 11;
}

.side-menu-btn .icon {
    width: 17px;
    height: 17px;
    fill: #fff;
}

.responsive-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 9999;
    transition: .5s all;
    -webkit-transition: .5s all;
    visibility: hidden;
    opacity: 0;
}

.responsive-menu.active {
    visibility: visible;
    opacity: 1;
}

.responsive-menu .menu-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 99;
}

.responsive-menu>.menu {
    position: fixed;
    top: 0;
    width: 80%;
    height: 100%;
    background: #eef0f3;
    z-index: 999;
    right: 0;
    transition: .5s all;
    -webkit-transition: .5s all;
    right: -80%;
    transition: .3s right;
    -webkit-transition: .3s right;
}

[data-theme="dark"] .responsive-menu>.menu {
    background: var(--topdark);
}

[data-theme="dark"] .responsive-menu>.menu .info .inner-menu>li {
    background-color: #262626;
}

[data-theme="dark"] .responsive-menu>.menu .info .inner-menu>li>a,
[data-theme="dark"] .responsive-menu>.menu .info .search-b input {
    color: #bbb;
}

[data-theme="dark"] .responsive-menu>.menu .info .inner-menu>li .open-btn::after {
    border-color: #bbb;
}

[data-theme="dark"] .responsive-menu>.menu .info .inner-menu>li>.sub-menu {
    background-color: #3a3a3a;
}

[data-theme="dark"] .responsive-menu>.menu .info .inner-menu>li>.sub-menu>li>a {
    color: var(--txcolor);
}

[data-theme="dark"] .responsive-menu>.menu .info .search-b input {
    background-color: #3a3a3a;
}

.responsive-menu.active>.menu {
    right: 0;
}

.responsive-menu>.menu .headline {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 25px 30px;
    background-color: var(--bgparsor);
}

.responsive-menu>.menu .headline .site-logo {
    display: inline-flex;
}

.responsive-menu>.menu .headline .site-logo .icon {
    width: 150px;
    height: 40px;
    fill: #fff;
}

.responsive-menu>.menu .headline .close-btn {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ffc400;
    cursor: pointer;
    border-radius: 10px;
}

.responsive-menu>.menu .headline .close-btn .icon {
    width: 14px;
    height: 14px;
    fill: #333;
}

.responsive-menu>.menu .info {
    width: 100%;
    height: calc(100% - 95px);
    display: block;
    padding: 30px;
}

.responsive-menu>.menu .info .search-b {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.responsive-menu>.menu .info .search-b * {
    box-sizing: border-box;
}

.responsive-menu>.menu .info .search-b input {
    width: calc(100% - 55px);
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    font-size: 12px;
    background-color: #fff;
}

.responsive-menu>.menu .info .search-b .s-btn {
    width: 50px;
    display: inline-flex;
    border-radius: 5px;
    background-color: var(--bgparsor);
    color: #fff;
    font-size: 12px;
    justify-content: center;
    cursor: pointer;
    padding: 10px 0;
}

.responsive-menu>.menu .info .inner-menu {
    width: 100%;
    max-height: calc(100% - 40px);
    overflow: auto;
}

.responsive-menu>.menu .info .inner-menu>li {
    width: 100%;
    display: block;
    position: relative;
    background-color: #fff;
}

.responsive-menu>.menu .info .inner-menu>li>a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    font-size: 12px;
    color: #505050;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.responsive-menu>.menu .info .inner-menu>li.menu-item-has-children>a {
    width: calc(100% - 40px);
    display: inline-flex;
}

.responsive-menu>.menu .info .inner-menu>li .open-btn {
    width: 40px;
    overflow: hidden;
    height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    position: relative;
}

.responsive-menu>.menu .info .inner-menu>li .open-btn::after {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: transparent;
    text-indent: -9999px;
    border-top: 1px solid #505050;
    border-left: 1px solid #505050;
    transition: all 250ms ease-in-out;
    text-decoration: none;
    color: transparent;
    transform: rotate(-135deg);
    transition: .3s all;
    -webkit-transition: .3s all;
}

.responsive-menu>.menu .info .inner-menu>li.active .open-btn::after {
    transform: rotate(45deg);
}

.responsive-menu>.menu .info .inner-menu>li>.sub-menu {
    width: 100%;
    display: none;
    padding: 10px 15px;
    background-color: #e8ecf3;
}

.responsive-menu>.menu .info .inner-menu>li>.sub-menu>li {
    width: 100%;
    display: block;
}

.responsive-menu>.menu .info .inner-menu>li>.sub-menu>li>a {
    position: relative;
    width: 100%;
    display: flex;
    color: #505050;
    font-size: 12px;
    padding: 10px 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    align-items: center;
}

.responsive-menu>.menu .info .inner-menu>li>.sub-menu>li:last-child>a,
.responsive-menu>.menu .info .inner-menu>li:last-child>a {
    border-bottom: 0;
}

.responsive-menu>.menu .info .inner-menu>li>.sub-menu>li>a::before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: var(--colororange);
    border-radius: 50%;
    margin-left: 6px;
}

@media screen and (max-width:980px) {
    .site-header>.header-menu .side.right>.inner-menu {
        display: none;
    }

    .site-header>.header-menu .side .site-logo {
        margin: 0;
    }

    .side-menu-btn {
        display: inline-flex;
    }

    .site-header>.header-menu .side.left .search-form {
        display: none;
    }

    .header-menu .side.left .switch-theme {
        margin: 0;
    }
}