/**
Theme Name: JavanTaraneh NEW 2022
Theme URI: https://javantaraneh.ir
Version: 1.5
Author: جوان ترانه
Author URI: https://javantaraneh.ir
Description: قالب موزیک فارسی
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: javantaraneh

PishtazWeb Theme, (C) 2022 javantaraneh.ir
*/
body {
    padding: 0;
    margin: 0;
    overflow: auto;
    overflow-x: hidden;
    background-color: #ECF2FD;
    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;
}

.search {
    margin: 18px;
}

.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(images/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.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 {
    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: #825e00;
    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;
}

.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: -2px;
    right: 0;
    background: #ffc801;
    width: 8px;
    height: 20px;
    border-radius: 12px;
}

.post_content .box_right.post .title a {
    color: #616060;
}

.post_content .box_right.post .title a:hover {
    color: #000;
}

.post_content .box_right.post img {
    max-width: 100%;
    height: auto;
    margin: 10px 0;
    border-radius: 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: linear-gradient(to right, rgba(243, 225, 23, 1) 0%, rgba(255, 179, 1, 1) 100%);
    color: #825e00;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 30px;
    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;
    flex-direction: row-reverse;
    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: 45px;
    height: 45px;
    border-radius: 15px;
    position: fixed;
    bottom: 5%;
    right: -15px;
    cursor: pointer;
    transition: 0.3s opacity ease;
    background: #edae01;
}

.gotop::before {
    content: '';
    background: url(images/arrow-up.svg) no-repeat;
    top: 28px;
    position: relative;
    padding: 1rem;
    right: 8.3px;
}

.gotop:hover {
    opacity: 0.7;
}


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

footer {
    background-image: url("images/footer-bg-black.jpg");
    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:  	 	 	#E6E6FA;
    border-top: 1px solid  	#DCDCDC;
    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: #4b3702;
    background: linear-gradient(to right, rgba(243, 225, 23, 1) 0%, rgba(255, 179, 1, 1) 100%);
    border-radius: 8px;
    box-shadow: 0px 4px 13px rgba(255, 185, 1, 0.31);
    position: relative;
    padding: 15px;
    margin: 10px 0;
    transition: 0.3s opacity ease;
    padding-right: 25px;
    display: block;
    font-size: 15px;
    text-align: center;
}

.dl a::before {
    content: '';
    position: absolute;
    top: 15px;
    right: 20px;
    background: url(images/download.svg) no-repeat;
    width: 25px;
    height: 25px;
}

.dl a:hover:before {
    animation: fade infinite 1s;
}

@keyframes fade {
    to {
        transform: scale(1.5, 1.5);
    }
}

.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 {
        margin: 18px 0;
    }

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

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

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

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

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

/*992*/
@media(max-width:992px) {
    .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: 64%;
        left: 64%;
        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;
}

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

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

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

.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;
}

.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: #ffedb9;
    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:  	#fff;
}

.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: 999;
}

@media screen and (max-width: 992px) {
    .blog-slider {
        max-width: 680px;
        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::before {
    position: absolute;
    content: '';
    top: 37%;
    right: 33%;
    padding: 3rem;
    background: url(images/play-cover.svg) no-repeat;
}

.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: #825e00;
    text-decoration: none;
    font-weight: 500;
    justify-content: center;
    text-align: center;
    background: linear-gradient(to right, rgba(243, 225, 23, 1) 0%, rgba(255, 179, 1, 1) 100%);
}

.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: #FAB400;
    height: 30px;
    box-shadow: 0px 2px 30px 0px #FFD97833;
}

.slidertw {
    position: relative;
}

.slidertw::before {
    position: absolute;
    height: 300px;
    width: 300px;
    border-radius: 30px;
    content: '';
    z-index: 1;
    transform: rotate(-11deg);
    background: linear-gradient(22.82deg, #FAB400 -5.97%, #FFD978 61.97%);
    left: 5px;
    bottom: -5px;
}

.blog-slider .headslider {
    position: absolute;
    left: 15px;
    background: #ffedb9;
    top: 0;
    padding: 10px;
    color: #825e00;
    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;
}

.badge-soon {
    color: #8e6c12;
    background-color: #ffedb9;
}

.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;
    }
}

@media(max-width:992px) {

    .rpmt {
        margin-top: 70px;
    }
	.spec-post{background: 	#585858      ;}
.spec-box{width:200px;float:right;margin-top:10px;margin-bottom:10px;}
.main-spec-box{padding:0 6px;position:relative;}
.main-spec-box a{display:block;float:right;width:93%;margin-left:1%;margin-right:1%;border-radius:18px;overflow:hidden;position:relative;border:4px solid #b4b4b4;}
.main-spec-box a img{display:block;width:100%;height:auto;border-radius:10px;}
.main-spec-box a:hover img{transition:.3s;filter:blur(3px);-moz-filter:blur(3px);-webkit-filter:blur(3px);-o-filter:blur(3px);border-radius:10px;}
.main-spec-box a:before{content:"";position:absolute;top:5px;right:5x;left:5x;bottom:5x;z-index:1;background:rgba(0,0,0,.4);transition:.3s;transform:skew(0);opacity:0;}
.main-spec-box a:hover:before{transform:skew(1);opacity:1;}
.main-spec-box a span{position:absolute;top:20%;width:100%;right:0;left:0;bottom:0;z-index:2;font:normal 13px/1.4 BYekan;color:#fff;transition:.5s;transform:skew(2);opacity:0;text-align:center;}
.main-spec-box a:hover span{top:40%;transform:skew(1);opacity:1;}
.main-spec-box a span:before{display:block;font-size:35px;}

}
.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;
}