/*
Theme Name: موزیکفای
Version: 2.5
Author: پیشتاز وب
Author URI: https://www.rtl-theme.com/author/mmehrani
Description: 
Tested up to: 8.1
Requires PHP: 7.4
PishtazWeb Theme, (C) 2024 pishtaz-web.com
*/
body {
    padding: 0;
    margin: 0;
    overflow: auto;
    overflow-x: hidden;
    background-color: var(--pweb-main-background);
    font: 300 14px IRANSans;
    direction: rtl;
    text-align: right;
}

ul, li, ol {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none !important;
}

b, strong {
    font-weight: 500;
}

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

ul, li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6, p {
    padding: 0;
    margin: 0;
}

h3 {
    font-size: 13px;
    font-family: IRANSans;
}

textarea {
    resize: none;
}

::-moz-selection {
    background: #ffda93;
    color: #9c6f18;
}

::selection {
    background: #ffda93;
    color: #9c6f18;
}

/* End Reset */
.cl {
    clear: both;
}

.margin_top {
    margin-top: 10px;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 600;
    src: url('fonts/iran-sans/IRANSans_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('fonts/iran-sans/IRANSans_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('fonts/iran-sans/IRANSans_Light.ttf') format('truetype');
}

.left_dir {
    direction: ltr;
    text-align: left;
}

/*start*/
header {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.0392156862745098);
}

.topheader h1 {
    display: none;
}

.topheader h2 {
    display: none;
}

header .logo {
    background: #ffa800;
    position: relative;
    width: 100%;
    height: 63px;
    display: block;
}

header nav ul {
    display: flex;
}

header nav li a {
    color: #595959;
    font-size: 15px;
    transition: .3s all ease;
    padding: 3px 15px;
}

header nav li a:hover {
    color: #846b06;
    background: #ffa800;
    border-radius: 5px;
}

.banners {
    margin-top: 10px;
}

.banners figure {
    margin-bottom: 7px;
}

.banners figure img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    transition: 0.3s all ease;
}

.banners figure img:hover {
    opacity: 0.9;
}

.post_content .text.page .search {
    margin: 9px 0;
}

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

.qrcode {
    position: relative;
    transition: .3s all ease;
}

.qrcode img {
    position: absolute;
    top: 10px;
    left: 0;
    width: 37px;
    height: auto;
    border-radius: 5px;
    z-index: 99999;
}

.qrcode img:hover {
    width: 150px;
}

.search button {
    background: transparent;
    padding: 5px;
    border: none;
    position: relative;
}

.search input {
    border: transparent;
    border-right: 1px solid #c9ceda;
    padding-right: 10px;
    font-weight: 300;
    font-size: 13px;
}

.search input::placeholder {
    color: #a3a9b5;
    font-weight: 300;
    font-size: 13px;
}

.top_content .namad {
    background: #e7e8ec;
    color: #88909d;
    padding: 12px 50px;
    margin: 10px 0;
    border-radius: 4px;
    position: relative;
}

.top_content .namad::before {
    content: '';
    position: absolute;
    top: 7px;
    right: 5px;
    background: url(samandehi.png) no-repeat;
    width: 37px;
    height: 37px;
}

.top_content .rel {
    background: linear-gradient(to right, rgba(130, 49, 252, 1) 0%, rgba(130, 49, 252, 1) 18%, rgba(54, 117, 252, 1) 100%);
    color: #fff;
    padding: 12px;
    border-radius: 3px;
}

.BreadcrumbList {
    display: flex;
    margin-top: 10px;
}

.BreadcrumbList li {
    position: relative;
    padding-right: 11px;
}

.BreadcrumbList li a {
    display: block;
    padding: 5px;
    color: #9c9c9c;
    font-size: 13px;
}

.BreadcrumbList li a:hover {
    color: #888;
}

.BreadcrumbList li:after {
    position: absolute;
    content: '»';
    left: -10px;
    top: 4px;
}

.BreadcrumbList li:first-child {
    padding-right: 0;
}

.BreadcrumbList li:last-child:after {
    content: none;
}

.list {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.0392156862745098);
}

.list .title {
    margin: 10px 0px;
    color: #aaaaaa;
    padding-right: 25px;
    position: relative;
    margin-right: 0.5rem;
}

.list .title::before {
    content: '';
    position: absolute;
    top: 1px;
    right: -8px;
    background: url(images/category.svg) no-repeat;
    width: 25px;
    height: 25px;
}

.list .title.arch:before {
    background: url(images/singer.svg) no-repeat;
}

.list ul li a {
    color: #636363;
    display: block;
    font-size: 13px;
    padding: 5px 0;
    transition: 0.3s all ease;
}

.list ul li a:hover {
    padding-right: 5px;
    opacity: 0.7;
}

.list .archive>ul {
    height: 150px;
    overflow: auto;
}

.list .archive ul.artists {
    overflow: auto;
    height: 100%;
}

.list .archive ul.artists::-webkit-scrollbar {
    width: 3px;
}

.list .archive ul.artists::-webkit-scrollbar-track {
    background: #f0f1f3;
    border-radius: 15px;
}

.list .archive ul.artists::-webkit-scrollbar-thumb {
    background: #c8cfdf;
    border-radius: 15px;
}

.list .archive ul.artists::-webkit-scrollbar-thumb:hover {
    background: #919aab;
}

/*posts*/
.posts {
    transition: all 0.3s;
    margin: 15px 0;
}

.posts .post {
    background: #fff;
    margin: 5px 0;
    display: block;
    border-radius: 5px;
    overflow: hidden;
    transition: 0.3s all ease;
}

.posts .post h5 {
    font-size: 13px;
    color: #505050;
}

.posts .post h6 {
    font-size: 12px;
    color: #505050;
    font-weight: 300;
}

.posts .post:hover {
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.13);
    transform: rotate(4deg);
}

.posts .post figure {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.posts .post figure img {
    width: 100%;
    height: auto;
}

.posts .post figure:after {
    position: absolute;
    top: -50%;
    left: -50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: 100%;
    opacity: 0;
    overflow: hidden;
}

.posts .post:hover figure {
    animation: figanim ease-in-out .75s forwards;
}

.posts .post:hover figure:after {
    animation: circle .75s;
}

.adv {
    text-align: center;
}

.adv img, .ads-3 img {
    max-width: 100%;
    height: auto;
    margin-top: 5px;
    border-radius: 10px !important;
}

.onlinesplay {
    display: flex;
    width: 100%;
    margin: 15px auto;
    justify-content: center;
    flex-flow: wrap;
    background: rgba(246, 246, 246, 0.8);
    padding: 15px;
    font: 14px BYekan;
    border-radius: 10px;
}

.onlinesplay video {
    border-radius: 10px;
}

@keyframes figanim {
    0% {
        filter: grayscale(.5);
    }

    40% {
        filter: grayscale(.3);
    }

    100% {
        filter: grayscale(0);
    }
}

@keyframes circle {
    0% {
        opacity: 0.8;
        background: rgba(213, 156, 34, .2);
    }

    40% {
        opacity: 1;
        background: rgba(255, 174, 0, 0.17);
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.posts .post .name {
    padding: 0 10px;
}

.posts .post .name h2 {
    color: #565656;
    font-size: 13px;
    font-weight: 500;
}

.posts .post .name .foot_post {
    display: flex;
    justify-content: space-between;
    color: #9d9d9d;
    font-size: 13px;
    margin: 8px 0;
}

.posts .post .name h3 {
    color: #454545;
    font-size: 12px;
    font-weight: 300;
}

.posts .post .name span {
    font-size: 11px;
}

/*online_Player*/
.online_player {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #eee;
}

.online_player, .online_player .info_play {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.online_player .info_play figure {
    overflow: hidden;
    border-radius: 8px;
    width: 90px;
    height: 90px;
    margin-bottom: 0;
}

.online_player .info_play figure img {
    width: 100%;
}

.online_player .info_play .name {
    margin: 10px 20px;
}

.online_player .info_play .name h3 {
    color: #303030;
    font-size: 14px;
}

.online_player .info_play .name h4 {
    color: #303030;
    font-size: 13px;
    font-weight: 300;
    margin: 5px 0;
}

.online_player .info_play a {
    color: #b5b8bd;
    font-size: 13px;
    position: relative;
    padding-right: 25px;
}

.online_player .info_play a:hover:before {
    background-position: 53.5% 29.5%;
}

.online_player .controlls {
    display: flex;
    justify-content: space-between;
    width: 58%;
    margin: 35px 10px 0;
}

.online_player .controlls .seekvol {
    width: 100px;
    height: 5px;
    background: #f0f1f3;
    border-radius: 5px;
    margin-top: 8px;
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}

.online_player .controlls .seekvol .seekbarvol {
    background: #ffb900;
    border-radius: 5px;
    width: 95%;
    height: 100%;
    cursor: pointer;
}

.online_player .controlls .icon::after {
    position: absolute;
    top: 50%;
    left: 69%;
    margin: -33px 0 0 -35px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    content: '';
    opacity: 0;
    pointer-events: none;
    background: rgba(255, 193, 7, 0.1);
}

.online_player .controlls .icon.play {
    background: url(images/play.svg) no-repeat;
    width: 25px;
    height: auto;
    cursor: pointer;
    position: relative;
    transition: 0.3s opacity ease;
}

.online_player .controlls .icon.pause {
    background: url(images/pause.svg) no-repeat;
    width: 25px;
    height: auto;
    cursor: pointer;
    position: relative;
    transition: 0.3s opacity ease;
}

.online_player .controlls .icon.play:after, .online_player .controlls .icon.pause:after {
    opacity: 1;
    background: rgba(220, 222, 224, 0.17);
}

.online_player .controlls .icon:hover:after {
    animation: boris 0.4s ease;
}

.online_player .controlls .icon.vol:hover:after {
    animation: none;
}

@keyframes boris {
    0% {
        -webkit-transform: scale3d(0.3, 0.3, 1);
        transform: scale3d(0.3, 0.3, 1);
    }

    25%, 50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(1.2, 1.2, 1);
        transform: scale3d(1.2, 1.2, 1);
    }
}

.online_player .controlls .icon.play:hover, .online_player .controlls .icon.pause:hover {
    opacity: 0.8;
}

.online_player .controlls .icon.forward {
    background: url(images/forward.svg) no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
    transition: 0.3s opacity ease;
}

.online_player .controlls .icon.backward {
    background: url(images/backward.svg) no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
    transition: 0.3s opacity ease;
}

.online_player .controlls .icon.repeat {
    background: url(images/repeate-one.svg) no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
    transition: 0.3s opacity ease;
}

.online_player .controlls .icon.vol {
    background: url(images/volume-low.svg) no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
    transition: 0.3s opacity ease;
}

.online_player .controlls .tm {
    color: #b0b3b9;
    font-size: 13px;
}

audio {
    display: none;
}

/*hover*/
.online_player .controlls .icon.forward:hover {
    background: url(images/forward-active.svg) no-repeat;
}

.online_player .controlls .icon.backward:hover {
    background: url(images/backward-active.svg) no-repeat;
}

.online_player .controlls .icon.repeat:hover, .online_player .controlls .icon.repeat.active {
    background: url(images/repeate-one-active.svg) no-repeat;
}

/* Global */
.large_title {
    background: linear-gradient(to right, rgba(243, 225, 23, 1) 0%, rgba(255, 179, 1, 1) 100%);
    color: var(--pweb-button-color);
    padding: 12px;
    text-align: center;
    border-radius: 3px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.large_title h1 {
    font-size: 15px;
}

.large_title.white {
    color: #FFF;
}

.large_title1 {
    background: linear-gradient(to right, rgba(243, 225, 23, 1) 0%, rgba(255, 179, 1, 1) 100%);
    color: #FFF;
    padding: 12px;
    text-align: center;
    border-radius: 3px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.large_title1 h1 {
    font-size: 15px;
}

.large_title1.white {
    color: #FFF;
}

.teleg div {
    width: 65%;
    height: 60px;
    margin: 0 auto;
    margin-top: 10px;
}

.teleg textarea {
    max-width: 100%;
    min-width: 100%;
    max-height: 50px;
    min-height: 70px;
    border-radius: 3px;
    overflow-y: auto;
    padding-left: 0;
    color: #666666;
    border-radius: 3px;
    padding-right: 0;
}

.teleg a {
    color: #FFF;
    border-radius: 3px;
    display: block;
    background: #14c72b;
    border-bottom: 4px #089f1c solid;
    font-family: 'BYekan', tahoma, Arial, sans-serif;
    font-size: 20px;
    padding: 7px 0;
    margin-bottom: 5px;
    text-align: center;
}

.teleg a:hover {
    background: #089f1c;
    color: #FFF;
    text-shadow: 1px 1px 0px #66ade9;
}

/*post_content*/
.post_content {
    margin: 15px 0;
}

.post_content .box_right {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    overflow: hidden;
}

.post_content .comments .comment.depth-1 {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.post_content .box_right.ads .foot_post .left .more {
    width: 100%;
    display: block;
    text-align: center;
}

.post_content .box_right.ads .foot_post {
    display: block;
}

.post_content .post header {
    box-shadow: none;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f1f1f3;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.post_content .box_right.post .title {
    padding-right: 15px;
    position: relative;
    font-weight: 500;
    font-size: 15px;
}

.post_content .box_right.post .title::before {
    content: '';
    position: absolute;
    top: 0px;
    right: -30px;
    background: var(--pweb-main-color);
    width: 35px;
    height: 20px;
    border-radius: 12px;
}

.post_content .box_right.post .title a {
    color: #616060;
    transition: 0.3s all;
}

.post_content .box_right.post .title a:hover {
    margin-right: 5px;
}

.post_content .box_right.post img {
    max-width: 100%;
    height: auto;
    margin: 10px 0;
    border-radius: 5px;
    transition: 0.3s ease-in-out;
}

.post_content .box_right.post img:hover {
    filter: blur(5px);
}

.post_content .soci {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.post_content .soci .ico {
    position: relative;
    transition: 0.3s opacity ease;
    width: 100%;
    display: block;
    padding: 9px 30px;
    color: #fff;
    border-radius: 10px;
}

.post_content .soci .ico:hover {
    opacity: 0.8;
}

.post_content .soci .ico.insta {
    background: #E91E63;
}

.post_content .soci .ico.tel {
    background: #2196F3;
}

.post_content .soci .ico:before {
    content: '';
    position: absolute;
    top: 9px;
    right: 5px;
    width: 23px;
    height: 23px;
}

.post_content .soci .ico.insta:before {
    background-position: 1% 80%;
}

.post_content .soci .ico.tel:before {
    background-position: 9.45% 80%;
}

.shnvr {
    display: block;
    position: fixed;
    bottom: 0;
    max-width: 100%;
    height: 45px;
    text-align: center;
    background: rgba(0, 0, 0, .9);
    z-index: 99999;
    right: 0;
    left: 0
}

.shnvr {
    display: none
}

.post_content .text {
    text-align: center;
    color: #444141;
    font-size: 13px;
}

.post_content .text.page {
    text-align: right;
}

.post_content .text p {
    line-height: 30px;
}

.post_content .text a {
    color: #444141;
}

.post_content .text a:hover {
    color: #000;
}

.post_content .foot_post {
    display: flex;
    justify-content: space-between;
    padding: 7px 0 8px;
}

.post_content .foot_post .right {
    display: flex;
    justify-content: space-between;
    width: 70%;
}

.post_content .foot_post .right .icinfo {
    margin-top: 5px;
}

.post_content .foot_post .right .icinfo span, .post_content .foot_post .right .icinfo time, .post_content .post header .comment {
    position: relative;
    padding-right: 30px;
    padding-left: 5px;
    color: #787878;
    font-size: 12px;
}

.post_content .foot_post .right .icinfo span::before, .post_content .foot_post .right .icinfo time::before, .post_content .post header .comment::before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    background: url(images/comment.svg) no-repeat;
    width: 25px;
    height: 25px;
}

.post_content .foot_post .right .icinfo a {
    color: #787878;
}

.post_content .foot_post .right .icinfo span.cat::before {
    background: url(images/sm-category.svg) no-repeat;
}

.post_content .foot_post .right .icinfo span.date::before {
    background: url(images/calendar.svg) no-repeat;
    top: -1px;
}

.post_content .foot_post .right .icinfo span.view {
    padding-right: 23px;
}

.post_content .foot_post .right .icinfo span.view::before {
    width: 20px;
    background: url(images/view.svg) no-repeat;
}

.post_content .post header .comment {
    padding-right: 30px;
}

.post_content .post header .comment:before {}

.post_content .foot_post .left {
    margin-top: 4px;
}

.post_content .foot_post.sng .right {
    width: 100%;
}

.post_content .foot_post .lks .icon {
    color: #6d6e70;
    background: #f0f1f3;
    font-size: 12px;
    padding: 7px 10px 5px 29px;
    transition: .3s all ease;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    border: 1px solid transparent;
    cursor: pointer;
}

.post_content .foot_post .lks .icon:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 7px;
    width: 20px;
    height: 20px;
}

.post_content .foot_post .lks .icon.like:before {
    background-position: 27% 41.5%;
}

.post_content .foot_post .lks .icon.like:hover {
    border: 1px solid #fdb904;
    background: #FFF;
}

.post_content .foot_post .lks .icon.dislike:hover {
    border: 1px solid #909090;
    background: #FFF;
}

.post_content .foot_post .lks .counter {
    margin-left: 5px;
}

.post_content .foot_post .left .more {
    background: var(--pweb-main-color);
    color: #825e00;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 15px;
    border-radius: 5px;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.12);
    transition: .3s all ease;
}

.post_content .foot_post .left .more:hover {
    opacity: 0.8;
}

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

.box_right.number span {
    color: #717171;
    font-weight: 500;
    font-size: 15px;
    padding: 1px 10px;
}

.box_right.number span:hover {
    background: #f0f1f3;
    color: #a6a6a8;
    border-radius: 3px;
}

.box_right.number span.active {
    background: #fcba02;
    color: #fff;
    border-radius: 3px;
}

.post_content aside {
    background: #edae01;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.post_content aside.tab {
    box-shadow: inset 0px 2px 7px rgba(0, 0, 0, 0.07);
}

.post_content aside .title {
    text-align: center;
    color: #9c7405;
    position: relative;
    padding: 1px 10px;
    font-size: 13px;
}

.post_content aside .nav-tabs {
    border-bottom: none;
    display: flex;
    justify-content: center;
    margin: 15px 0;
}

.post_content aside .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #a47d16;
    border: none;
    border-radius: 20px;
}

.post_content aside .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border: none;
}

.post_content aside .nav-tabs .nav-link {
    border: none;
    color: #ab7d03;
    background: #e1a604;
    border-radius: 20px;
    padding: 2px 0;
    margin: 4px;
    width: 55px;
    text-align: center;
    transition: 0.3s all ease;
}

.post_content aside .nav-tabs .nav-link.active:hover {
    background: #a47d16;
}

.post_content aside .nav-tabs .nav-link:hover {
    background: #cc980c;
}

.post_content aside .tab_content {
    display: none;
}

.post_content aside .tab_content.show {
    display: block;
}

.post_content aside .tab_content ul li {
    color: #544110;
    position: relative;
}

.post_content aside .tab_content ul li .counter {
    background: rgba(193, 145, 8, 0.43);
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    transition: 0.3s all ease;
}

.post_content aside .tab_content ul li:hover .counter {
    background: #fff;
    color: #888;
}

.post_content aside .tab_content ul li:hover a {
    color: #fff;
}

.post_content aside .tab_content ul li a {
    color: #806219;
    font-size: 12px;
    transition: 0.3s all ease;
    display: block;
    padding: 4px 0;
}

.post_content aside.gray {
    background: #e3e6ed;
    border: 1px solid #ccd2de;
    padding-top: 0;
}

.post_content aside.gray .title {
    color: #7a7f92;
    background: #bdc3d1;
    width: 50%;
    border-radius: 0 0 10px 10px;
    margin: 0 auto;
}

.post_content aside.gray ul {
    margin: 10px 0;
}

.post_content aside.gray ul li a {
    color: #51545b;
    font-size: 12px;
    display: block;
    transition: 0.3s all ease;
    padding: 5px 1px;
}

.post_content aside.gray ul li a:hover {
    opacity: 0.7;
}

.ads-main {
    background: #dddddd;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 15px;
    position: relative;
    border-right: 48px solid rgb(204, 204, 204);
}

.ads-main:before {
    content: "تبلیغ ویژه";
    position: absolute;
    font-size: 15px;
    font-family: 'IRANSans', tahoma, Arial, sans-serif;
    transform: rotate(270deg);
    right: -50px;
    top: 66px;
}

.ads-fix-post:before {
    content: "تبــلیغات";
    right: -50px;
    top: 30px;
}

.ads-main a {
    display: block;
    text-align: center;
}

#wp_page_numbers ul {
    display: flex;
    justify-content: center;
}

#wp_page_numbers ul li {
    margin-right: 4px;
}

#wp_page_numbers ul li a, #wp_page_numbers ul li span {
    position: relative;
    padding: 3px 11px;
    display: block;
    color: #3d4046;
    font-size: 13px;
    transition: 0.3s all ease;
    border-radius: 5px;
    min-width: 35px;
    border: 1px solid transparent;
}

#wp_page_numbers ul li a:hover, #wp_page_numbers ul li span:hover {
    color: #fff;
    background: #feb703;
    border: 1px solid #feb703;
}

#wp_page_numbers ul li.active_page a, #wp_page_numbers ul li span.current {
    font-weight: 300;
    color: #9fa3ab;
    background: #EEE;
    cursor: no-drop;
    border: 1px solid transparent;
}

#wp_page_numbers ul li.active_page a:hover {
    color: #9fa3ab;
    background: #EEE;
}

/*footer*/
.gotop {
    width: 40px;
    height: 40px;
    border-radius: 15px;
    position: fixed;
    bottom: 5%;
    right: 7px;
    cursor: pointer;
    transition: 0.3s ease;
    background: var(--pweb-main-color);
    z-index: 1;
}

.gotop::before {
    content: '';
    display: block;
    height: 20px;
    transition: 0.3s all;
    margin-top: 12px;
    margin-left: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2015 10.9907L8.50094 6.29126L6.41561 8.37603C6.31314 8.48212 6.25644 8.62422 6.25772 8.77172C6.25901 8.91921 6.31817 9.0603 6.42247 9.1646C6.52677 9.2689 6.66786 9.32807 6.81535 9.32935C6.96285 9.33063 7.10495 9.27393 7.21104 9.17146L8.50094 7.88212L12.4055 11.7861C12.6319 12.0126 12.9008 12.1923 13.1966 12.3149C13.4925 12.4375 13.8096 12.5007 14.1299 12.5007C14.4501 12.5008 14.7673 12.4377 15.0632 12.3152C15.3591 12.1927 15.6279 12.0131 15.8544 11.7867C16.0809 11.5603 16.2606 11.2915 16.3832 10.9956C16.5058 10.6997 16.569 10.3826 16.569 10.0624C16.5691 9.74209 16.506 9.42495 16.3835 9.12905C16.261 8.83315 16.0814 8.56427 15.855 8.33778L8.50094 0.983154L1.14745 8.33834C0.918698 8.56425 0.736881 8.83317 0.612455 9.12962C0.488029 9.42607 0.423451 9.7442 0.422436 10.0657C0.421422 10.3872 0.483992 10.7057 0.606545 11.003C0.729098 11.3002 0.909215 11.5703 1.13653 11.7976C1.36385 12.025 1.63388 12.2051 1.93109 12.3277C2.2283 12.4503 2.54682 12.5129 2.86832 12.512C3.18982 12.511 3.50796 12.4465 3.80443 12.3221C4.1009 12.1977 4.36985 12.016 4.5958 11.7873L5.52343 10.8602C5.6259 10.7541 5.6826 10.612 5.68132 10.4645C5.68004 10.317 5.62088 10.1759 5.51658 10.0716C5.41228 9.96732 5.27119 9.90816 5.12369 9.90688C4.97619 9.90559 4.8341 9.9623 4.728 10.0648L3.80037 10.9918C3.55042 11.2307 3.21796 11.3641 2.87219 11.3641C2.52641 11.3641 2.19396 11.2307 1.944 10.9918C1.82208 10.87 1.72536 10.7253 1.65938 10.566C1.59339 10.4067 1.55943 10.236 1.55943 10.0636C1.55943 9.89125 1.59339 9.72055 1.65938 9.56129C1.72536 9.40203 1.82208 9.25733 1.944 9.13545L8.50094 2.57457L15.0596 9.13377C15.1815 9.25564 15.2782 9.40034 15.3442 9.5596C15.4102 9.71887 15.4441 9.88957 15.4441 10.062C15.4441 10.2343 15.4102 10.405 15.3442 10.5643C15.2782 10.7236 15.1815 10.8683 15.0596 10.9901C14.8095 11.2294 14.4767 11.3629 14.1307 11.363C13.7846 11.3631 13.4518 11.2298 13.2015 10.9907Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.gotop:hover {
    opacity: 0.7;
    height: 85px;
}


@media(max-width:767px) {
    footer {
        padding: 0 !important;
    }
}

footer {
    background-image: url("images/footer-bg.svg");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3rem;
}

footer .foot_menu ul {
    display: flex;
    flex-flow: wrap;
}

footer .foot_menu li a {
    color: #828999;
    transition: .3s all ease;
    padding: 10px 5px;
    margin: 0 5px;
    display: block;
}

footer .foot_menu li a:hover {
    color: #adb3c1;
}

footer .foot_list .title {
    color: #5b6370;
    font-weight: 500;
    padding: 15px 0
}

footer .foot_list a {
    color: #a8b0bd;
    display: block;
    transition: .3s all ease;
    padding: 5px 0;
    font-size: 13px;
}

footer .foot_list a:hover {
    color: #eee;
}

footer .foot_list .comm a {
    display: flex;
}

footer .foot_list .comm a span {
    margin-left: 5px;
    font-weight: 500;
}

footer .foot_list ul {
    margin-bottom: 30px;
}

footer .copyright {
    padding: 15px;
    background: #e3e6ed;
    border-top: 1px solid #ccd2de;
    border-radius: 0.5rem 0.5rem 0 0;
}

.social {
    text-align: center;
    padding: 15px 0;
}

.social .icon {
    position: relative;
    margin-left: 36px;
    transition: 0.3s opacity ease;
}

.social .icon:hover {
    opacity: 0.7;
}

.social .icon::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
}

.social .icon.you:before {
    background-position: 68% 54%;
}

.social .icon.tel:before {
    background-position: 57% 54%;
}

.social .icon.link:before {
    background-position: 46% 54%;
}

.social .icon.feed:before {
    background-position: 35% 54%;
}

.social .icon.insta:before {
    background-position: 23% 54%;
}

.social .icon.gplus:before {
    background: url(images/google-plus.svg) no-repeat;
}

.social .icon.tw:before {
    background: url(images/twitter.svg) no-repeat;
}

.social .icon.fb::before {
    background: url(images/facebook.svg) no-repeat;
}

footer .copyright span {
    display: block;
    color: #3b4958;
    text-align: center;
}

footer .copyright span a {
    color: #edf1f4;
    font-weight: 500;
}

/*single*/
.online_player .controlls.sngl {
    width: 100%;
    margin: 26px 0;
}

.table {
    margin-top: 25px;
}

.table thead tr {
    border-radius: 15px;
}

.table thead th {
    background: #f0f1f3;
    color: #4f4f4f;
    font-size: 13px;
    border: none;
    text-align: center;
    font-weight: 500;
}

.table td {
    border-top: none;
    border-bottom: 1px solid #f1f1f1;
    text-align: center;
    font-size: 13px;
}

.table td .play:hover {
    opacity: 0.8;
}

.table td a {
    color: #5f5f5f;
}

.table td a:hover {
    color: #0a0a0a;
}

.table tbody tr {
    border-right: 2px solid transparent;
    transition: 0.3s all ease;
}

.table tbody tr:hover, .table tbody tr.active {
    background: #f7f7f7;
    border-right: 2px solid #feba00;
}

.yekta {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    background: #FFF;
    padding: 15px;
    margin: 15px 0;
}

.dl {
    margin-bottom: 15px;
    margin-top: 15px;
}

.dl a {
    color: var(--pweb-button-color);
    background: var(--pweb-main-color);
    border: 1px solid var(--pweb-main-color);
    border-radius: 8px;
    position: relative;
    padding: 15px;
    margin: 10px 0;
    transition: 0.3s opacity ease;
    display: block;
    font-size: 15px;
    text-align: center;
    transition: 0.3s all;
}

.dl a:hover {
    background: transparent;
    border: 1px dashed var(--pweb-main-color);

}

.dl a svg {
    margin-left: 5px;
    padding-bottom: 1px;
}

.dl a svg path {
    fill: var(--pweb-button-color);

}

.matnmusic {
    position: relative;
    margin-bottom: 30px;
}

.matnmusic h3 {
    margin: 10px;
    font-weight: 300;
    font-size: 13.5px;
    color: #afb0b3;
}

.matnmusic h3 a {
    color: #afb0b3 !important;
}

.matnmusic .text {
    text-align: center;
    color: #5c5d5f;
    overflow: hidden;
    height: 100%;
}

.matnmusic .text.show {
    height: 100%;
}

.matnmusic .full {
    text-align: center;
    background: #FFF;
    margin: -16px 0;
    box-shadow: 0 -22px 35px #ffffff;
    position: absolute;
    width: 100%;
}

.matnmusic .full.dis {
    box-shadow: none;
    position: static;
    margin-top: 6px;
}

.matnmusic .full button {
    background: #f0f1f3;
    color: #4c4d51;
    border: none;
    border-radius: 20px;
    font-weight: 300;
    padding: 4px 25px;
    cursor: pointer;
    transition: 0.3s all ease;
}

.matnmusic .full button:hover {
    background: #ffc10775;
    box-shadow: 0 0 22px #ffc10759;
    color: #a9810c;
}

button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

.box_web {
    background: #f0f1f3;
    margin: 10px 0;
    padding: 15px;
    border-radius: 6px;
}

.box_web .ltitle {
    color: #b0b4bd;
    font-weight: 500;
}

.box_web.scl {
    display: flex;
    justify-content: space-between;
}

.box_web.scl .social {
    padding: 0;
}

.box_web textarea {
    width: 100%;
    height: 61px;
    font-size: 11px;
    font-weight: 300;
    text-align: left;
    direction: ltr;
    margin-top: 10px;
    border: 1px solid #d5d8de;
}

.post_content .foot_post .right .icinfo span.cm:before {
    background-position: 44% 42%;
    top: 2px;
}

.fullcomm {
    text-align: center;
    margin: 13px;
}

.fullcomm.dis {
    box-shadow: none;
    position: static;
    margin-top: 6px;
}

.fullcomm button {
    background: #ffffff;
    color: #4c4d51;
    border-radius: 20px;
    font-weight: 300;
    padding: 6px 30px;
    cursor: pointer;
    transition: 0.3s all ease;
    border: 1px solid #dedede;
    font-size: 13px;
    display: none;
}

.fullcomm button:hover {
    box-shadow: 0 0 19px #0000001c;
}

.comment-list {
    overflow: hidden;
    max-height: 832px;
}

.comment-list.show {
    max-height: 100%;
}

.comment-respond {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.comment-respond #cancel-comment-reply-link {
    color: #bbbbbb;
    font-weight: 300;
}

.comment-respond #cancel-comment-reply-link:hover {
    color: #888;
}

.comment-respond .comment-reply-title {
    color: #676b76;
    font-weight: 500;
    font-size: 15px;
    margin: 7px 10px;
    display: flex;
    justify-content: space-between;
}

.comment-respond form .input_holder {
    display: flex;
    justify-content: space-between;
}

.comment-respond form .input_holder.foot {
    margin-top: 7px;
}

.comment-respond form .input_holder input[type=text], .comment-respond form .input_holder textarea {
    border: 1px solid transparent;
    background: #eaebed;
    width: 100%;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    transition: 0.3s all ease;
    border: 1px solid transparent;
    font-weight: 300;
    font-size: 13px;
}

.comment-respond form .input_holder input::placeholder, .comment-respond form .input_holder textarea::placeholder {
    font-weight: 300;
    font-size: 12px;
}

.comment-respond form .input_holder input[type=text]:focus, .comment-respond form .input_holder textarea:focus {
    border: 1px solid #c0c7d0;
    background: #FFF;
}

.comment-respond form .input_holder textarea {
    height: 150px;
}

.comment-respond form .input_holder span {
    color: #828282;
    font-size: 11px;
    margin: 7px;
}

.comment-respond form input[type="submit"] {
    border: none;
    border-radius: 5px;
    background: #515860;
    color: #fff;
    font-weight: 300;
    margin-left: 5px;
    padding: 5px 30px;
    font-size: 13px;
    cursor: pointer;
    transition: 0.3s all ease;
}

.comment-respond form input[type="submit"]:hover {
    background: #76818e;
}

.box_right.admin {
    background: #fef3dd;
    border: 1px solid #fac64e;
}

.comment-list .children {
    margin-right: 25px;
}

.nocomm {
    font-size: 12px;
    color: #a2a2a2;
    margin: 10px 0;
}

.box_right video {
    width: 100%;
    height: auto;
}

.box_right .fluid_video_wrapper {
    width: 100% !important;
}

.box_right .top_user {
    display: flex;
    justify-content: space-between;
}

.box_right .title {
    font-size: 13px;
    color: #959595;
}

.box_right .title b {
    color: #828282;
}



.comments .reply a {
    background: #eaebed;
    border: none;
    border-radius: 5px;
    color: #5d5d5d;
    padding: 3px 15px;
    font-weight: 300;
    font-size: 12px;
    height: 28px;
    transition: 0.3s all ease;
    border: 1px solid transparent;
}

.box_right.comment.admin .comment-reply-link {
    background: #f1deb8;
    color: #8a661c;
}

.comments .reply a:hover {
    border: 1px solid #e0e0e0;
    background: #FFF;
}

.box_right.comment .top {
    display: flex;
    justify-content: space-between;
}

.comments .fn {
    font-weight: 500;
    margin-left: 10px;
}

.comments .reply {
    text-align: end;
}

.comments p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.box_right.comment .ttl {
    font-size: 13px;
    color: #3e3d3d;
    margin-bottom: 15px;
    display: flex;
}

.box_right.comment.admin .ttl {
    color: #7c673a;
}

.box_right.comment .commtxt {
    font-size: 13px;
}

.box_right.comment.admin .commtxt {
    color: #7c673a;
}

.box_comment .cm_view {
    margin: 0 auto;
    display: block;
    border: 1px solid #d7dbe4;
    background: #fff;
    border-radius: 25px;
    padding: 5px 30px;
    color: #4c4c4e;
    font-weight: 300;
    margin-bottom: 30px;
}

.box_right.bottom .title {
    font-size: 15px;
    color: #959595;
    margin-bottom: 10px;
}

.box_right.bottom.tags a {
    font-size: 12px;
    padding: 2px 5px;
    display: inline-block;
    background: #f1f1f1;
    color: #868686;
    transition: 0.3s all ease;
    margin-left: 5px;
    margin-bottom: 4px;
    border-radius: 3px;
}

.box_right.bottom.tags a:hover {
    background: #FFC107;
    color: #ffffff;
}

.box_right.bottom ul li {
    display: block;
    border-bottom: 1px solid #EEE;
    padding: 10px 5px;
    transition: 0.3s all ease;
}

.box_right.bottom ul li:last-child {
    border-bottom: 0 !important;
}

.box_right.bottom ul li:hover {
    border-bottom: 1px solid #d1e0e6;
}

.box_right.bottom ul li a h4 {
    color: #4d525f;
    font-size: 13px;
    font-weight: 300;
    transition: 0.3s all ease;
}

.box_right.bottom ul li a:hover h4 {
    color: #328db7;
}

.sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0px;
    overflow-x: visible;
    transition: 0.5s;
    display: none;
}

.sidenav .layer {
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.7;
    display: none;
}

.sidenav .scroll {
    height: inherit;
    overflow-y: scroll;
    direction: rtl;
    margin-bottom: 20px;
    overflow-x: hidden;
    box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.18);
    width: 85%;
    z-index: 2;
    position: absolute;
    right: -1000px;
    background: #FFF;
}

.sidenav .head {
    background: #FFA800;
    padding: 20px;
    width: 100%;
    position: relative;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.07058823529411765);
    display: flex;
    justify-content: center;
}

.sidenav .head .title {
    color: #fff;
    display: inline;
}

.sidenav .head form {
    display: flex;
}

.sidenav .head form input[type=text] {
    width: 100%;
    background: #ffffff;
    border: 0;
    padding: 10px;
    color: #383838;
    font-size: 14px;
}

.sidenav .head form input[type=text]::placeholder {
    color: #afaca7;
}

.sidenav .cls_side {
    background: url(images/close.svg) no-repeat;
    width: 30px;
    height: 30px;
    background-color: #f8b126;
    border-radius: 1rem;
    padding: 20px;
    position: absolute;
    left: 10px;
    background-position: center;
    top: 10px;
    z-index: 999;
}

.sidenav .head .title a {
    display: block;
    color: #FFF;
}

.sidenav .head i {
    color: #fff;
    float: left;
    padding: 3px;
    transition: 0.3s all ease;
    cursor: pointer;
    font-size: 18px;
}

.sidenav .head i:hover {
    color: #ac98ca;
}

.sidenav .sep {
    background: #eee;
    padding: 13px;
}

.sidenav .links .menu {
    background: transparent;
    padding: 0;
    display: block;
}

.sidenav .links .drop {
    padding: 10px 13px;
    font-size: 15px;
    cursor: pointer;
    border-bottom: 1px solid #dee5e7;
    color: #707070;
}

.sidenav .links .drop.active {
    background: #f1f1f1;
}

.sidenav .links .drop:hover {
    background: #f7fafb;
}

.sidenav .links .angle {
    color: #888;
    float: left;
    padding: 2px;
    transition: 0.3s all ease;
    cursor: pointer;
}

.sidenav .links .under {
    display: none;
}

.sidenav .links .under.show {
    display: block;
}

.sidenav .links .under .list, .sidenav .links ul li {
    border-bottom: 1px solid #efefef;
    direction: rtl;
    text-align: right;
}

.sidenav .links .under .list a, .sidenav .links ul li a {
    padding: 13px 13px;
    font-size: 13px;
    color: #313131;
    display: block;
}

.sidenav .links .under .list a:hover, .sidenav .links ul li a:hover {
    background: #3a362c;
    color: #FFF;
    box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.18);
}

.sidenav .login_div {
    display: flex;
}

.sidenav .login_div .avt img {
    border-radius: 100%;
}

.sidenav .login_div .uname {
    margin-top: 22px;
    margin-right: 14px;
}

.response_head {
    display: none;
    background: #FFA800;
    box-shadow: 0 0 34px 0px rgba(0, 0, 0, 0.14901960784313725);
    position: fixed;
    width: 95%;
    border-radius: 1rem;
    z-index: 999999;
    top: 10px;
    right: 3%;
}

.comment-form-cookies-consent {
    display: none;
}

.comment-notes {
    display: none;
}

.comment-meta.commentmetadata {
    display: none;
}

.says {
    display: none;
}

.comment-author img {
    display: none;
}

.fn {
    font-style: normal;
}

.response_head .reponsesearch {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 1rem;
    background: #40372a;
    display: none;
}

.response_head .reponsesearch form {
    display: flex;
    padding: 13px 15px;
    position: relative;
}

.response_head .reponsesearch form input[type=text] {
    width: 100%;
    border: 0;
    padding: 7px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    background: transparent;
    border-bottom: 1px solid #6b5e4c;
}

.response_head .reponsesearch form input[type=text]:focus {
    border-bottom: 1px solid #f9f3e2;
}

.response_head .reponsesearch form input[type=text]::placeholder {
    color: #8c806f;
}

.response_head .reponsesearch form input[type=submit] {
    display: none;
}

.response_head .close {
    background: url(images/close.svg) no-repeat;
    width: 30px;
    height: 30px;
    padding: 25px;
    position: absolute;
    left: 8px;
    top: 10px;
}

.response_head .imgs {
    padding: 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
}

.response_head .img {
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-color: #f8b126;
    border-radius: 1rem;
    background-position: center;
}

.response_head .img.nv {
    background-image: url(images/menu.svg);
}

.response_head .img.lg {
    background-position: 100% 1.1%;
    width: 152px;
}

.response_head .img.sc {
    background-image: url(images/searchead.svg);
}

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

.widget-con h4 {
    margin: 15px 0;
    font-size: 18px
}

.widget-con figure {
    margin: 0 0 0 1%;
    width: 32%;
    float: left;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #eee;
}

.widget-con a img {
    border: 0
}

.widget-con figcaption {
    margin: 5px 0 10px;
    padding: 0 5px;
    height: 50px;
}

.widget-con figcaption a {
    display: block;
    line-height: 25px;
    color: #000;
    font-size: 15px;
}

.widget-con .clear-con {
    clear: both;
}

@media screen and (max-width: 480px) {
    .widget-con figure {
        width: 48%;
    }

    .widget-con img {
        width: 200px;
        height: 110px;
    }
}

/*1200*/
@media(max-width:1200px) {

    .search input {
        padding-right: 4px;
    }

    header .logo:before {
        top: 2px;
        right: 43px;
    }

    .post_content .foot_post .left a.more {
        font-size: 14px;
    }

    .post_content .foot_post .left a {
        margin: 0;
    }

    .ads-main img {
        width: 100%;
        height: auto;
    }
}

/*992*/
@media(max-width:992px) {

    .playaTrack .pic .playimg {
        opacity: 1 !important;
        transform: scale(1.0) !important;
    }

    .post_content .foot_post .right span {
        padding-left: 0;
    }

    .post_content .foot_post .right {
        width: auto;
    }

    .ads-main img {
        width: 100%;
        height: auto;
    }

    main {
        margin-top: 35px;
    }

    .response_head {
        display: flex;
    }

    .topheader {
        display: none;
    }
}

/*991*/
@media(max-width:991px) {
    header nav .nav-link {
        font-size: 13px;
    }

    .search input {
        width: 130px;
    }

    .search input::placeholder {
        font-size: 11px;
    }

    header .logo:before {
        right: 8px;
    }

    .list {
        padding: 10px;
    }

    .list ul li a {
        font-size: 12px;
    }

    .posts .post .name {
        padding: 0 5px;
    }

    .posts .post .name h2 {
        font-size: 14px;
    }

    .posts .post .name h3 {
        font-size: 13px;
    }

    .posts .post .name .foot_post {
        font-size: 10px;
    }

    .online_player .info_play .name {
        margin: 10px;
    }

    .online_player .controlls {
        width: 100%;
        margin: 30px 0;
    }

    .online_player .info_play a {
        font-size: 12px;
    }

    .online_player .info_play a:before {
        top: -3px;
    }

    .post_content .foot_post {
        display: block;
    }

    .post_content .foot_post .right {
        text-align: center;
        flex-flow: column;
    }

    .post_content .foot_post .left a.more {
        width: 100%;
        text-align: center;
    }

    .post_content .foot_post .left {
        display: flex;
        justify-content: space-around;
        margin-top: 15px;
    }

    .post_content aside .title {
        font-size: 12px;
    }

    .post_content aside.gray .title {
        width: 80%;
    }

    .online_player {
        display: block;
    }

    .online_player .info_play {
        display: flex;
        justify-content: flex-start;
    }

    .post_content .box_right.post .title {
        font-size: 13px;
    }

    .post_content aside .nav-tabs .nav-link {
        padding: 1px 0;
        margin: 2px;
        width: 70px;
    }

    .post_content aside .tab_content ul li .counter {
        width: 16px;
        height: 16px;
    }

    .post_content aside .tab_content ul li a {
        font-size: 11px;
    }

    /*single*/
    .online_player .controlls.sngl .icon::after {
        top: 60%;
        left: 75%;
        width: 55px;
        height: 55px;
    }

    .online_player .controlls.sngl .seekvol {
        display: none;
    }

    .dl {
        justify-content: center;
    }

    .box_web.scl {
        display: block;
    }

    .box_web .ltitle {
        text-align: center;
        margin-bottom: 15px;
    }

    .social .icon {
        margin-left: 30px;
    }

    .comment-respond form input[type="submit"] {
        padding: 5px 15px;
    }

    .ads-main img {
        width: 100%;
        height: auto;
    }
}

/*767*/
@media(max-width:767px) {
    #wp_page_numbers ul li {
        margin-right: 0;
    }

    main {
        margin-top: 65px;
    }

    .post_content .foot_post .right {
        flex-flow: row;
    }

    .post_content .foot_post.sng .right {
        width: 100%;
    }

    .response_head {
        display: flex;
    }

    .dl {
        flex-flow: wrap;
    }

    .topheader {
        display: none;
    }

    header .logo:before {
        right: 50px;
    }

    .special .row .col-md-3 {
        width: 50%;
        display: inline-block;
    }

    .search input {
        width: 190px;
    }

    .online_player .controlls .icon:after {
        top: 57%;
        left: 57%;
        width: 60px;
        height: 60px;
    }

    .online_player .controlls .seekvol {
        width: 85px;
    }

    .post_content .box_right.post .title:before {
        height: 28px;
        top: 1px;
    }

    .post_content .foot_post .left .icon {
        padding: 8px 10px 7px 25px;
        margin: 3px;
    }

    .post_content .foot_post .left a.more {
        font-size: 14px;
    }

    .post_content aside.gray .title {
        padding: 1px 5px;
        width: 100%;
    }

    .post_content aside.gray ul li span {
        font-size: 12px;
    }

    /*single*/
    .post_content .foot_post .left {
        display: flex;
        justify-content: center;
    }

    .post_content .foot_post {
        padding: 8px 0;
    }

    .ads-main img {
        width: 100%;
        height: auto;
    }
}

/*575*/
@media(max-width:575px) {
    header .logobg {
        background-color: #ffa800;
    }

    header .logo:before {
        right: 202px;
    }

    .post_content .foot_post .right {
        display: block;
    }

    .post_content .foot_post.sng .right {
        width: 100%;
    }

    .ads-main img {
        width: 100%;
        height: auto;
    }
}

/*425*/
@media(max-width:425px) {
    #wp_page_numbers ul {
        justify-content: start;
        flex-wrap: wrap;
    }

    #wp_page_numbers ul li {
        width: 32%;
    }

    main {
        margin-top: 20px;
    }

    .BreadcrumbList {
        flex-flow: wrap;
    }

    header .logo:before {
        right: 129px;
    }

    .list .title {
        padding-right: 25px;
        font-size: 13px;
    }

    .list .title:before {
        display: block;
    }

    .post_content .box_right.post .title:before {
        height: 20px;
        top: -2px;
    }

    .social {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 25px;
    }

    /*single*/
    .dl {
        display: block;
    }

    .dl a {
        display: block;
        text-align: center;
    }
}

/*375*/
@media(max-width:375px) {
    .post_content .foot_post .lks {
        margin-top: 5px;
    }

    header .logo:before {
        right: 105px;
    }

    .posts .post .name h2 {
        font-size: 13px;
    }

    .posts .post .name h3 {
        font-size: 12px;
    }

    .online_player .controlls .icon.vol {
        display: none;
    }

    .online_player .controlls .seekvol {
        display: none;
    }

    .social .icon {
        margin-left: 30px;
    }

    /*single*/
}

/*320*/
@media(max-width:320px) {
    .posts .post .name span {
        display: none;
    }

    header .logo:before {
        right: 78px;
    }

    /*single*/
    .comment-respond p.logged-in-as {
        font-size: 12px;
        margin-right: 9px;
    }

    .comment-respond form input[type="submit"] {
        padding: 5px 10px;
        font-size: 12px;
    }

    .comment-respond form .input_holder span {
        font-size: 10px;
    }

    .nocomm {
        font-size: 11px;
    }
}

aside.telegram {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    color: #FFF;
    transition: 0.3s ease-in-out;
    background: linear-gradient(91deg, #0265b4, #259eff);
}

aside.telegram span {
    margin-top: auto;
    margin-bottom: auto;
}

aside.telegram svg {
    height: auto;
    background: #ffffff26;
    padding: 0.4rem;
    border-radius: 0.4rem;
}

aside.telegram:hover {
    opacity: 0.7;
}

aside.instagram {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    color: #FFF;
    transition: 0.3s ease-in-out;
    background: linear-gradient(300deg, #e83f2e 0%, #d02c2c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

aside.instagram span {
    margin-top: auto;
    margin-bottom: auto;
}

aside.instagram svg {
    width: auto;
    background: #ffffff26;
    padding: 0.4rem;
    border-radius: 0.4rem;
}

aside.instagram:hover {
    opacity: 0.7;
}

.posts .post figure::before {
    position: absolute;
    content: '';
    top: 35%;
    right: 28%;
    padding: 3rem;
    background: url(images/play-cover.svg) no-repeat;
}

.swiper-slide .post figure::before {
    background: transparent !important;
}

.previous-music {
    width: 150px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 0;
    border-radius: 0 15px 15px 0;
    z-index: 1;
    margin-left: -120px;
    background: rgba(29, 23, 33, .9);
    transition: all .3s ease-in-out;
    opacity: 0.5;
    z-index: 99;
}

.previous-music:hover {
    margin-left: 0 !important;
    opacity: 1;
}

.next-music {
    width: 150px;
    height: 100px;
    position: fixed;
    top: 50%;
    right: 0;
    border-radius: 15px 0 0 15px;
    z-index: 1;
    margin-right: -120px;
    background: rgba(29, 23, 33, .9);
    transition: all .3s ease-in-out;
    opacity: 0.5;
    z-index: 99;
}

.next-music:hover {
    margin-right: 0 !important;
    opacity: 1;
}

.previous-music a, .next-music a {
    color: #fff;
    display: block;
    padding: 10px;
    /* line-height: 35px; */
}

.previous-music a span, .next-music a span {
    top: 10px;
    position: relative;
}

.next-music img {
    float: right;
    margin-left: 10px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

.response_head2 {
    background: #F8B126;
    box-shadow: 0 0 34px 0px rgba(0, 0, 0, 0.14901960784313725);
    position: fixed;
    width: 100%;
    border-radius: 0;
    z-index: 999999;
    top: 0px;
    right: 0;
}

.previous-music img {
    float: left;
    margin-right: 10px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

.next-music .link_kis {
    float: left;
}

.next-music .link_kis {
    width: 40px;
    height: auto;
    line-height: 85px;
    float: left;
    text-align: center;
    font-size: 19px;
    color: #fff;
    padding: 0;
    margin-left: -8px;
}

.previous-music .link_kis {
    float: right;
}

.previous-music .link_kis {
    width: 40px;
    height: auto;
    line-height: 85px;
    float: right;
    text-align: center;
    font-size: 19px;
    color: #fff;
    padding: 0;
    margin-right: -10px;
}

.search-side button {
    border: none;
    cursor: pointer;
    background: var(--pweb-two-color);
    z-index: 999;
    padding: 19px;
    position: absolute;
    left: 0;
    border-radius: 0 15px 15px !important;
    transition: background 3s ease-out;
}

.search-side button:hover {
    background: linear-gradient(to right, rgba(243, 225, 23, 1) 0%, rgba(255, 179, 1, 1) 100%);
    background-position: 114px;
}

.search-side input {
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 10px !important;
}

.search-side input::placeholder {
    color: #a3a9b5;
    font-weight: 300;
    font-size: 13px;
}

.search-side button::before {
    content: '';
    position: absolute;
    top: 9px;
    right: 3px;
    background: url(images/search.svg) no-repeat;
    width: 25px;
    height: 25px;
}

.logobg img {
    width: 100%;
    height: auto;
}

.imgs .logobg {
    width: 50px;
}

.menu-widget {
    margin-bottom: 1rem;
}

.menu-widget .social-menu a {
    /* position: relative;
    left: 10px; */
}

.menu-widget .social-menu .widget-icon {
    padding: 20px;
    position: relative;
    background: #fff;
    margin-right: 1rem;
    border-radius: 1rem;
    box-shadow: 0px 10px 20px 0px #e8e8e8;
}

.menu-widget .social-menu .widget-icon:first-child {
    margin-right: 0;
}

.menu-widget .social-menu a.telegram::before {
    content: '';
    position: absolute;
    top: 8px;
    width: 25px;
    height: 25px;
    left: 8px;
    background: url(images/telegram.svg) no-repeat;
}

.menu-widget .social-menu a.instgram::before {
    content: '';
    position: absolute;
    top: 8px;
    width: 25px;
    height: 25px;
    left: 8px;
    background: url(images/instagram.svg) no-repeat;
}

.menu-widget .social-menu a.facebook::before {
    content: '';
    position: absolute;
    top: 8px;
    width: 25px;
    height: 25px;
    left: 8px;
    background: url(images/facebook.svg) no-repeat;
}

.menu-widget .social-menu a.twitter::before {
    content: '';
    position: absolute;
    top: 8px;
    width: 25px;
    height: 25px;
    left: 8px;
    background: url(images/twitter.svg) no-repeat;
}

.menu-widget .title::before {
    content: "";
    float: right;
    width: 5px;
    height: 5px;
    background: #85909B;
    border-radius: 2px;
    margin-top: 8px;
    margin-left: 0px;
    margin-right: -10px;
    background: linear-gradient(to right, rgb(243, 167, 23) 0%, rgb(255, 179, 1) 100%);
}

.menu-widget .title::after {
    content: "";
    float: right;
    width: 5px;
    height: 5px;
    background: #B2BDCA;
    border-radius: 2px;
    margin-right: -3px;
    margin-left: 8px;
    margin-top: 8px;
}

.menu-widget .title {
    font-size: 16px;
    color: #3C4A59;
    margin-bottom: 10px;
    font-weight: 400;
    padding-right: 0.6rem;
}

.menu-widget .bio {
    font-size: 13px;
    color: #4C5C6F;
}

.menu-widget ul li a {
    font-size: 13px;
    color: #4C5C6F;
    margin: 2px 0px;
    float: right;
    width: 100%;
    padding: 2px 0px;
    transition: 0.3s all ease;
}

.menu-widget ul li a:hover {
    padding-right: 5px;
    opacity: 0.5;
}

.menu-widget ul li a::before {
    float: right;
    content: "";
    width: 6px;
    height: 6px;
    background: #D1D7DD;
    border-radius: 2px;
    margin-top: 8px;
    margin-left: 8px;
}

.e404 {
    margin-bottom: 3rem;
}

.e404 .title {
    font-size: 15px;
}

.e404 .home {
    margin-top: 1rem;
}

.e404 .home a {
    background: #e3e3e3;
    padding: 0.5rem;
    color: #424242;
    border-radius: 10px;
    font-weight: 400;
    border: 1px solid #d0d0d0;
    font-size: 13px;
}

.logged-in-as {
    margin: 10px;
}

.special a figure {
    margin: 0 0 0.6rem !important;
}

.blog-slider {
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.0392156862745098);
    border-radius: 5px;
    transition: all 0.3s;
    padding: 20px;
    z-index: 1;
}

@media screen and (max-width: 992px) {
    .blog-slider {
        max-width: 100%;
        height: 400px;
    }
}

@media screen and (max-width: 768px) {
    .blog-slider {
        min-height: 200px;
        height: auto;
        margin-top: 210px;
    }
}

.blog-slider__item {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .blog-slider__item {
        flex-direction: column;
    }
}

.blog-slider__item.swiper-slide-active .blog-slider__img img {
    opacity: 1;
    transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>* {
    opacity: 1;
    transform: none;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(1) {
    transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(2) {
    transition-delay: 0.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(3) {
    transition-delay: 0.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(4) {
    transition-delay: 0.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(5) {
    transition-delay: 0.7s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(6) {
    transition-delay: 0.8s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(7) {
    transition-delay: 0.9s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(8) {
    transition-delay: 1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(9) {
    transition-delay: 1.1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(10) {
    transition-delay: 1.2s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(11) {
    transition-delay: 1.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(12) {
    transition-delay: 1.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(13) {
    transition-delay: 1.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(14) {
    transition-delay: 1.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(15) {
    transition-delay: 1.7s;
}

.blog-slider__img {
    position: relative;
    width: 300px;
    flex-shrink: 0;
    height: 300px;
    background: linear-gradient(22.82deg, #FAB400 -5.97%, #FFD978 61.97%);
    border-radius: 10px;
    transform: translateX(0px);
    overflow: hidden;
}

.blog-slider__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(5.34deg, #FAB400 -12.39%, rgba(255, 217, 120, 0) 71.56%);
    border-radius: 10px;
    opacity: 0.5;
}

.blog-slider__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    border-radius: 10px;
    transition: all 0.3s;
}

@media screen and (max-width: 768px) {
    .blog-slider__img {
        transform: translateY(-50%);
        width: 90%;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__img {
        width: 95%;
    }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider__img {
        height: 270px;
    }
}

.blog-slider__content {
    padding-left: 25px;
    padding-right: 25px;
}

@media screen and (max-width: 768px) {
    .blog-slider__content {
        margin-top: -80px;
        text-align: center;
        padding: 0 30px;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__content {
        padding: 0;
    }
}

.blog-slider__content>* {
    opacity: 0;
    transform: translateY(25px);
    transition: all 0.4s;
}

.blog-slider__code {
    color: #616060;
    margin-bottom: 5px;
    display: block;
    font-weight: 300;
}

.blog-slider__title {
    font-size: 20px;
    font-weight: 400;
    color: #616060;
    margin-bottom: 5px;
}

.blog-slider__text {
    color: #616060;
    margin-bottom: 15px;
    line-height: 1.5em;
    font-size: 17px;
}

.blog-slider__button {
    position: relative;
    display: inline-flex;
    padding: 10px 30px;
    padding-right: 45px;
    border-radius: 10px;
    color: var(--pweb-button-color);
    text-decoration: none;
    font-weight: 500;
    justify-content: center;
    text-align: center;
    background: var(--pweb-main-color);
}

.blog-slider__button::before {
    position: absolute;
    content: '';
    top: 8px;
    width: 25px;
    height: 25px;
    right: 8px;
    background: url(images/music-play.svg) no-repeat;
}

@media screen and (max-width: 576px) {
    .blog-slider__button {
        width: 100%;
    }
}

.blog-slider .swiper-container-horizontal>.swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.blog-slider__pagination {
    position: absolute;
    z-index: 21;
    width: 25px !important;
    text-align: center;
    right: auto !important;
    top: 50%;
    bottom: auto !important;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination {
        transform: translateX(-50%);
        left: 50% !important;
        top: 205px;
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 8px 0 !important;
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px !important;
    }
}

.blog-slider__pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 3px;
    background: #062744;
    opacity: 0.2;
    transition: all 0.3s;
}

.blog-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--pweb-main-color);
    height: 30px;
    box-shadow: 0px 2px 30px 0px #FFD97833;
}

.slidertw {
    position: relative;
}

.overhidden {
    overflow: hidden;
}

.headcardslider .swiper-pagination {
    top: 0;
    height: 22px;
    background: #f9b83b00;
    width: auto !important;
}

.headcardslider .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--pweb-main-color);
    width: 25px;
    border-radius: 20px !important;
}

.swiper-button-next {
    background-image: none !important;
}

.swiper-button-prev {
    background-image: none !important;
}

.slidertw::before {
    position: absolute;
    height: 300px;
    width: 300px;
    border-radius: 30px;
    content: '';
    z-index: 1;
    transform: rotate(-11deg);
    background: var(--pweb-main-color);
    left: 5px;
    bottom: -5px;
}

.blog-slider .headslider {
    position: absolute;
    left: 15px;
    background: var(--pweb-two-color);
    top: 0;
    padding: 10px;
    color: var(--pweb-button-color);
    font-weight: 400;
    border-radius: 0 0 10px 10px;
}

.sticky {
    position: sticky;
    top: 15px;
}

#wpcontent {
    font-family: IRANSans !important;
}

.rtl h1, h2, h3, h4, h5, h6 {
    font-family: IRANSans !important;
}

/* .app-dl {
    justify-content: space-between;
    display: flex;
} */

.app-dl img {
    width: 100%;
    min-width: 100%;
    height: auto;
}

.badge-soon {
    color: var(--pweb-button-color);
    background-color: var(--pweb-two-color);
}

.pweboption a::before {
    content: "\f111";
}

.search_result {
    position: absolute;
    background: #FFA800;
    padding: 1rem;
    z-index: 999;
    border-radius: 0px 0px 10px 10px;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.search_result .cls_side {
    background: url(images/close.svg) no-repeat;
    width: 30px;
    height: 30px;
    background-color: #ffa800;
    border-radius: 1rem;
    padding: 18px;
    position: absolute;
    left: -16px;
    background-position: center;
    top: 10px;
    z-index: 999;
    cursor: pointer;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.search_result li {
    padding: 0 0 5px 15px;
}

.search_result li.other {
    background: #ffd27b;
    padding: 0px 40px 5px 40px;
    font-weight: 400;
    border-radius: 5px;
    margin-top: 0.5rem;
}

.search_result a {
    color: #825e00;
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination .swiper-pagination-bullet-active {
        height: 11px;
        width: 30px;
    }

    .blog-slider .headslider {
        display: none;
    }

    .slidertw::before {
        position: relative;
    }
}

.musicPlayer {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 999;
    padding: 10px;
    background: #fff;
    box-shadow: 0 -5px 20px -10px rgb(0 0 0 / 8%);
}

.musicPlayer .plyr--audio {
    margin-top: 4px;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.plyr--audio .plyr__controls {
    padding: 10px 0;
}

.dltrack {
    padding: 2px 40px !important;
}

.dltrack::before {
    background: none !important;
}

.playaTrack .pic {
    cursor: pointer;
}

.playaTrack .pic .playimg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff82;
    top: 0;
    backdrop-filter: blur(3px);
    color: #2b333c;
    font-size: 13px;
    display: block;
    padding: 15px;
    opacity: 0;
    transition: all 0.3s;
    transform: scale(.94);
    padding-top: 35%;
    border-radius: 10px;
    text-align: center;
    line-height: 2;
}

.playaTrack .pic .playimg svg {
    fill: #2b333c;
}

.playaTrack .pic .playimg div {
    font-weight: 600;
}

.playaTrack .pic:hover .playimg {
    opacity: 1;
    transform: scale(1.0);
}

.album .swiper-wrapper {
    z-index: 0 !important;
}

.pld-like-dislike-wrap {
    display: flex;
    margin-bottom: 0;
}

.pld-count-wrap {
    margin-right: 5px;
}

.pld-common-wrap>a.pld-like-dislike-trigger {
    padding-right: 8px;
}

.pld-like-dislike-wrap .pld-common-wrap {
    margin-right: 10px;
    background: #f0f1f3;
    border-radius: 10px;
}

.post figure span {
    position: absolute;
    right: 10px;
    top: 10px;
    background: var(--pweb-main-color);
    padding: 0 10px;
    color: #3b3b3b;
    border-radius: 30px;
}

.jet-menu-item-wrapper .jet-dropdown-arrow {
    margin-right: 10px !important;
}

button {
    cursor: pointer;
}

.demovplayer {
    background: rgba(236, 236, 236, 0.8);
    padding: 15px;
    border-radius: 8px;
}

.demovplayer>div {
    border-radius: 10px;
}

.playba {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 60px;
    left: -10px;
}

.fondo {
    background: var(--pweb-main-color);
    border-radius: 50%;
    box-shadow: 0 1px 2.2px rgba(0, 0, 0, 0.051), 0 2.3px 5.3px rgba(0, 0, 0, 0.059), 0 4.4px 10px rgba(0, 0, 0, 0.06), 0 7.8px 17.9px rgba(0, 0, 0, 0.059), 0 14.6px 33.4px rgba(0, 0, 0, 0.059), 0 35px 80px rgba(0, 0, 0, 0.07);
    cursor: pointer;
    height: 50px;
    position: absolute;
    width: 50px;
}

.icono {
    height: 100px;
    transform: rotate(-120deg);
    transition: transform 500ms;
    width: 100px;
}

.parte {
    background: var(--pweb-button-color);
    height: 100px;
    position: absolute;
    width: 100px;
}

.izquierda {
    clip-path: polygon(43.77666% 55.85251%,
            43.77874% 55.46331%,
            43.7795% 55.09177%,
            43.77934% 54.74844%,
            43.77855% 54.44389%,
            43.77741% 54.18863%,
            43.77625% 53.99325%,
            43.77533% 53.86828%,
            43.77495% 53.82429%,
            43.77518% 53.55329%,
            43.7754% 53.2823%,
            43.77563% 53.01131%,
            43.77585% 52.74031%,
            43.77608% 52.46932%,
            43.7763% 52.19832%,
            43.77653% 51.92733%,
            43.77675% 51.65633%,
            43.77653% 51.38533%,
            43.7763% 51.11434%,
            43.77608% 50.84334%,
            43.77585% 50.57235%,
            43.77563% 50.30136%,
            43.7754% 50.03036%,
            43.77518% 49.75936%,
            43.77495% 49.48837%,
            44.48391% 49.4885%,
            45.19287% 49.48865%,
            45.90183% 49.48878%,
            46.61079% 49.48892%,
            47.31975% 49.48906%,
            48.0287% 49.4892%,
            48.73766% 49.48934%,
            49.44662% 49.48948%,
            50.72252% 49.48934%,
            51.99842% 49.4892%,
            53.27432% 49.48906%,
            54.55022% 49.48892%,
            55.82611% 49.48878%,
            57.10201% 49.48865%,
            58.3779% 49.4885%,
            59.6538% 49.48837%,
            59.57598% 49.89151%,
            59.31883% 50.28598%,
            58.84686% 50.70884%,
            58.12456% 51.19714%,
            57.11643% 51.78793%,
            55.78697% 52.51828%,
            54.10066% 53.42522%,
            52.02202% 54.54581%,
            49.96525% 55.66916%,
            48.3319% 56.57212%,
            47.06745% 57.27347%,
            46.11739% 57.79191%,
            45.42719% 58.14619%,
            44.94235% 58.35507%,
            44.60834% 58.43725%,
            44.37066% 58.41149%,
            44.15383% 58.27711%,
            43.99617% 58.0603%,
            43.88847% 57.77578%,
            43.82151% 57.43825%,
            43.78608% 57.06245%,
            43.77304% 56.66309%,
            43.773% 56.25486%);
    transition: clip-path 500ms;
}

.derecha {
    clip-path: polygon(43.77666% 43.83035%,
            43.77874% 44.21955%,
            43.7795% 44.59109%,
            43.77934% 44.93442%,
            43.77855% 45.23898%,
            43.77741% 45.49423%,
            43.77625% 45.68961%,
            43.77533% 45.81458%,
            43.77495% 45.85858%,
            43.77518% 46.12957%,
            43.7754% 46.40056%,
            43.77563% 46.67156%,
            43.77585% 46.94255%,
            43.77608% 47.21355%,
            43.7763% 47.48454%,
            43.77653% 47.75554%,
            43.77675% 48.02654%,
            43.77653% 48.29753%,
            43.7763% 48.56852%,
            43.77608% 48.83952%,
            43.77585% 49.11051%,
            43.77563% 49.38151%,
            43.7754% 49.65251%,
            43.77518% 49.9235%,
            43.77495% 50.1945%,
            44.48391% 50.19436%,
            45.19287% 50.19422%,
            45.90183% 50.19408%,
            46.61079% 50.19394%,
            47.31975% 50.1938%,
            48.0287% 50.19366%,
            48.73766% 50.19353%,
            49.44662% 50.19338%,
            50.72252% 50.19353%,
            51.99842% 50.19366%,
            53.27432% 50.1938%,
            54.55022% 50.19394%,
            55.82611% 50.19408%,
            57.10201% 50.19422%,
            58.3779% 50.19436%,
            59.6538% 50.1945%,
            59.57598% 49.79136%,
            59.31883% 49.39688%,
            58.84686% 48.97402%,
            58.12456% 48.48572%,
            57.11643% 47.89493%,
            55.78697% 47.16458%,
            54.10066% 46.25764%,
            52.02202% 45.13705%,
            49.96525% 44.01371%,
            48.3319% 43.11074%,
            47.06745% 42.4094%,
            46.11739% 41.89096%,
            45.42719% 41.53667%,
            44.94235% 41.3278%,
            44.60834% 41.24561%,
            44.37066% 41.27137%,
            44.15383% 41.40575%,
            43.99617% 41.62256%,
            43.88847% 41.90709%,
            43.82151% 42.24461%,
            43.78608% 42.62041%,
            43.77304% 43.01978%,
            43.773% 43.428%);
    transition: clip-path 500ms;
}

.puntero {
    border-radius: 50%;
    cursor: pointer;
    height: 100px;
    position: absolute;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

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

.active .izquierda {
    clip-path: polygon(56.42249% 57.01763%,
            54.93283% 57.0175%,
            53.00511% 57.01738%,
            50.83554% 57.01727%,
            48.62036% 57.01718%,
            46.55585% 57.01709%,
            44.83822% 57.01702%,
            43.66373% 57.01698%,
            43.22863% 57.01696%,
            42.86372% 57.01904%,
            42.56988% 57.01621%,
            42.3402% 56.99486%,
            42.16778% 56.94152%,
            42.0457% 56.84267%,
            41.96705% 56.68478%,
            41.92493% 56.45432%,
            41.91246% 56.13777%,
            41.91258% 55.76282%,
            41.9129% 55.37058%,
            41.91335% 54.96757%,
            41.91387% 54.56032%,
            41.91439% 54.15537%,
            41.91485% 53.75926%,
            41.91517% 53.3785%,
            41.91529% 53.01965%,
            41.94275% 52.72355%,
            42.02117% 52.51653%,
            42.14465% 52.38328%,
            42.30727% 52.30854%,
            42.50308% 52.27699%,
            42.72619% 52.27341%,
            42.97065% 52.28248%,
            43.23056% 52.2889%,
            43.94949% 52.28896%,
            45.45083% 52.28912%,
            47.47445% 52.28932%,
            49.76027% 52.28957%,
            52.04818% 52.28981%,
            54.07805% 52.29003%,
            55.5898% 52.29019%,
            56.32332% 52.29024%,
            56.58221% 52.28816%,
            56.83726% 52.28948%,
            57.07897% 52.30593%,
            57.29794% 52.34898%,
            57.48468% 52.43029%,
            57.62978% 52.56146%,
            57.72375% 52.7541%,
            57.75718% 53.01981%,
            57.75713% 53.37763%,
            57.75699% 53.81831%,
            57.75679% 54.31106%,
            57.75657% 54.82507%,
            57.75635% 55.32958%,
            57.75615% 55.79377%,
            57.75601% 56.18684%,
            57.75596% 56.47801%,
            57.7549% 56.50122%,
            57.74034% 56.5624%,
            57.6955% 56.64887%,
            57.60334% 56.748%,
            57.44691% 56.84712%,
            57.20925% 56.93358%,
            56.87342% 56.99471%);
}

.active .derecha {
    clip-path: polygon(56.42249% 42.44625%,
            54.93283% 42.44637%,
            53.00511% 42.44649%,
            50.83554% 42.4466%,
            48.62036% 42.4467%,
            46.55585% 42.44679%,
            44.83822% 42.44685%,
            43.66373% 42.4469%,
            43.22863% 42.44691%,
            42.86372% 42.44483%,
            42.56988% 42.44767%,
            42.3402% 42.46902%,
            42.16778% 42.52235%,
            42.0457% 42.6212%,
            41.96705% 42.77909%,
            41.92493% 43.00956%,
            41.91246% 43.32611%,
            41.91258% 43.70105%,
            41.9129% 44.0933%,
            41.91335% 44.49631%,
            41.91387% 44.90355%,
            41.91439% 45.3085%,
            41.91485% 45.70462%,
            41.91517% 46.08537%,
            41.91529% 46.44422%,
            41.94275% 46.74032%,
            42.02117% 46.94735%,
            42.14465% 47.0806%,
            42.30727% 47.15534%,
            42.50308% 47.18688%,
            42.72619% 47.19047%,
            42.97065% 47.1814%,
            43.23056% 47.17497%,
            43.94949% 47.17491%,
            45.45083% 47.17476%,
            47.47445% 47.17455%,
            49.76027% 47.1743%,
            52.04818% 47.17406%,
            54.07805% 47.17384%,
            55.5898% 47.17369%,
            56.32332% 47.17363%,
            56.58221% 47.17571%,
            56.83726% 47.17439%,
            57.07897% 47.15795%,
            57.29794% 47.1149%,
            57.48468% 47.03359%,
            57.62978% 46.90242%,
            57.72375% 46.70977%,
            57.75718% 46.44406%,
            57.75713% 46.08625%,
            57.75699% 45.64557%,
            57.75679% 45.15282%,
            57.75657% 44.6388%,
            57.75635% 44.1343%,
            57.75615% 43.6701%,
            57.75601% 43.27703%,
            57.75596% 42.98586%,
            57.7549% 42.96265%,
            57.74034% 42.90148%,
            57.6955% 42.815%,
            57.60334% 42.71587%,
            57.44691% 42.61675%,
            57.20925% 42.53029%,
            56.87342% 42.46916%);
}

.blog-slider__item>a svg {
    position: absolute;
    top: 45%;
    right: 45%;
}

.pweb-menu-overview .menus {
    position: fixed;
    right: -500px;
    background: #fff;
    width: 250px;
    height: 100%;
    z-index: 999;
    top: 0;
    transition: 0.3s;
}

.pweb-menu-overview .closer {
    display: flex;
    position: absolute;
    left: 10px;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    background: #eee;
    border-radius: 35px;
    top: 10px;
    cursor: pointer;
}

.pweb-menu-overview .overlay {
    position: fixed;
    right: -1000rem;
    background: #0000008c;
    width: 100%;
    height: 100%;
    z-index: 998;
    top: 0;
    transition: 0.2s;
}

.pweb-menu-overview.open .menus, .pweb-menu-overview.open .overlay {
    right: 0;
}

.pweb-menu-overview .menus ul.menu {
    padding: 20px;
    display: grid;
    gap: 10px;
    margin-top: 45px;
}

.pweb-menu-overview .menus ul.menu li {
    padding: 10px 0;
}

.pweb-menu-overview .menus .menu-item-has-children .menu-item-link {
    display: flex;
    justify-content: space-between;
}

.pweb-menu-overview .menus .menu-item-has-children .sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: 0.2s;
}

.pweb-menu-overview .menus .menu-item-has-children .sub-menu.open {
    max-height: 400px;
    margin-top: 15px;
    margin-right: 15px;
}

.pweb-menu-button {
    font-size: 20px;
    display: flex;
    cursor: pointer;
}

.pweb-menu-desktop ul.menu {
    display: flex;
    gap: 15px;
}

.pweb-menu-desktop ul.menu li.menu-item-has-children {
    position: relative;
}

.pweb-menu-desktop ul.menu li.menu-item-has-children>a {
    padding: 0 10px;
}

.pweb-menu-desktop ul.menu li a {
    transition: 0.2s;
}

.pweb-menu-desktop ul.menu li a:hover {
    color: var(--pweb-main-color);
}

.pweb-menu-desktop ul.menu li.menu-item-has-children .sub-menu {
    position: absolute;
    top: 40px;
    visibility: hidden;
    transition: 0.2s;
    display: grid;
    gap: 10px;
    width: 120px;
    background: #fff;
    box-shadow: 0px 16px 40px 20px rgba(112, 144, 176, 0.05);
    padding: 15px;
    border-radius: 10px;
}

.pweb-menu-desktop ul.menu li.menu-item-has-children:hover .sub-menu {
    top: 30px;
    visibility: visible;
}