body {
	padding:0;
	margin:0;
	overflow-x:hidden;
	background-color:#edf0f6;
	font:normal 14px IRANSansWeb,tahoma;
	direction:rtl;
	text-align:right;
}
ul,li{
	margin:0px;
	padding:0px;
}
strong,b {
	font-weight:bold;
}
figure {
	margin:0px;
}
a {
	text-decoration:none !important;
	font-family: IRANSansWeb;
}
input,select,textarea,button {
	outline: none
}
ul,li {
	list-style:none;
}
h1,h2,h3,h4,h5,h6,p {
	padding:0;
	margin:0;
}
textarea {
	resize:none;
}
i {
	font-style:normal;
}
::-moz-selection { 
	background: #673AB7;
    color: #fff;
}
::selection { 
	background: #673AB7;
    color: #fff;
}
/* End Reset */
@font-face{
	font-family:IRANSansWeb;
	font-style:normal;
	font-weight:bold;
	font-display: swap;
	src:url('fonts/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face{
	font-family:IRANSansWeb;
	font-style:normal;
	font-weight:normal;
	font-display: swap;
	src:url('fonts/IRANSansWeb_Light.ttf') format('truetype');
}
header {
	padding: 20px 0;
}
header .logo {
	position:relative;
	padding-top: 38px;
	padding-right: 100px;
}
header .customlogo {
    position: absolute;
    content: '';
    width: 115px;
    height: 30px;
    background-size: 100%;
    right: 15px;
}
header .logo h1 {
	font:bold 17px IRANSansWeb;
}
header .logo .sng {
	font-size: 17px;
    font-weight: bold;
    color: #1f1f1f;
}
header .logo h1 a {
	color: #353b43;
}
header .logo h2,header .logo h3 {
	font:normal 14px IRANSansWeb;
	color:#898989;
}
header .left {
    display: flex;
    justify-content: flex-end;
	position:relative;
	margin-top: 28px;
}
header .left .noti {
	background:url('images/icons.png') no-repeat 3% 6%;
	width:37px;
	height:40px;
	margin:0 5px;
	cursor:pointer;
	transition:0.3s all;
}
header .left .noti:hover {
	opacity:0.6;
}
header .left .noti.search {
	background-position:20% 6%;
}
header .left .drop {
	position: absolute;
	top: 49px;
	border: 1px solid #EEE;
	width: 250px;
	box-shadow: 0 0 11px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	background:#FFF;
	z-index:999;
	opacity: 0;
	visibility: hidden;
	transition: ease-in all 0.2s;
}
header .left .drop.show {
    opacity: 1;
    visibility: visible;
}
header .left .drop:after, header .left .drop:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
header .left .drop:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 7px;
	margin-left: -109px;
}
header .left .drop:before {
	border-color: rgba(238, 238, 238, 0);
	border-bottom-color: #e2e2e2;
	border-width: 8px;
	margin-left: -110px;
}
header .left .drop ul li a {
	font:normal 12px IRANSansWeb;
	color:#818181;
	padding:8px;
	border-bottom:1px solid #EEE;
	display:block;
}
header .left .drop ul li a:hover {
	color: #673AB7;
}
header .left .drop.search {
    left: 48px;	
}
header .left .drop.search input {
    border: 0;
    padding: 10px;
    background: transparent;
    font: normal 12px IRANSansWeb;
	width:100%;
}
header nav {
	padding: 15px;
	margin: 10px 0 0 0;
	background: #FFF;
	border-radius: 10px;
	box-shadow:0 2px 9px rgba(47, 91, 179, 0.11);
}
header nav ul {
	display:flex;
}
header nav ul li {
	position:relative;
}
header nav ul li a {
	font: normal 14px IRANSansWeb;
    color: #353535;
    margin-left: 0px;
    padding: 3px 15px;
    border-radius: 3px;
	transition:0.3s all ease;
}
header nav ul li a:hover {
	background: #0078cf;
	color:#FFF;
}
header nav ul li ul {
	visibility:hidden;
	opacity:0;
	position: absolute;
    width: 210px;
    background: #FFF;
    z-index: 0;
    display: block;
    top: 45px;
	box-shadow: 0 0 10px #0000001f;
	transition:0.3s all ease;
}
header nav ul li:hover ul {
	visibility:visible;
	opacity:1;
	z-index: 9999;
	top: 27px;
}
header nav ul li ul li a {
	display: block;
    border-radius: 0;
    padding: 8px 12px;
	border-bottom: 1px solid #EEE;
}
/* Slider */
.owl-carousel {
	margin-bottom:30px;
	background: #FFF;
    padding: 10px;
    border-radius: 10px;
}
.owl-carousel.owl-loaded {
    position: relative;
}
.owl-nav {
    position: absolute;
    top: 50%;
	width: 100%;
}
.owl-prev,.owl-next {
	border:0;
    width: 50px;
    height: 50px;
    background: url(images/icons.png) no-repeat 60% 5%;
    position: absolute;
    left: 20px;
}
.owl-next {
    background-position: 41% 5%;
    left: auto;
    right: 0;
}
.owl-dots {
    position: absolute;
    bottom: 35px;
    left:30px;
}
.owl-carousel .owl-dot {
	display:inline-block;
}
.owl-carousel .owl-dot {
	width:40px;
	height:40px;
	border-radius:100%;
	overflow:hidden;
	border:3px solid transparent;
	margin:0 3px
}
.owl-carousel .owl-dot img {
	width:100%;
	height: 100%;
}
.owl-carousel .owl-dot.active {
	border:3px solid #fff;
}
.owl-carousel .title {
	position: absolute;
    right: 3%;
    bottom: 17%;
    background: rgba(0, 0, 0, 0.46);
    border-right: 4px solid #0079d0;
    padding: 10px;
    color: #FFF;
    text-align: right;
    width: 200px;
}
.owl-carousel .title .aritstname {
	font:bold 20px IRANSansWeb;
}
.owl-carousel .title .songname {
	font:normal 15px IRANSansWeb;
}
.offer_music{
	display: inline-block;
	background: #525252;
	padding: 0px 10px 0px 10px;
	border-radius: 3px;
	margin-bottom: 10px;
	
	 /* دو ستون در ردیف بالا */
	 /* فاصله بین عکس‌ها */
	
	
	
	 /* عرض کلی گالری */
	 /* وسط‌چین کل گالری */
	justify-items: center;
	 /* فقط برای دیده شدن پس‌زمینه */
	margin-top: -10px;
}
.offer_music .title{
	text-align:center;
	margin-bottom: 0px;
}
.offer_music .title .icon{
	background:url('images/icons.png') no-repeat;
	background-position:98% 5%;
	width:85px;
	height:60px;
	margin: auto;
}
.offer_music .title .txt {
	font:bold 15px IRANSansWeb;
	color:#000;
	margin-top:8px;
}
.offer_music .post{
	padding-top: 10px;
	padding-bottom: 5px;
}
.offer_music .post .post_music figure{
	overflow:hidden;	
	height:auto;
	position:relative;
	margin-bottom: 10px;
}
.offer_music .post .post_music figure img{
	width:100%;
	height:auto;
	border-radius: 5px;
}
.offer_music .post .post_music .text{
	display:block;
	text-align:center;
}
.offer_music .post .post_music .text h4{
	display:block;
	font:bold 13.5px IRANSansWeb;
	color: #ffffff;
}
.offer_music .post .post_music .text h5{
	display:block;
	font:normal 13px IRANSansWeb;
	color: #1bdaff;
}
.offer_music .post .post_music figure .hover {
	background: rgba(255,127,8,1);
	background: -moz-linear-gradient(left, rgba(255,127,8,1) 0%, rgba(190,31,243,0.3) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,127,8,1)), color-stop(100%, rgba(190,31,243,0.3)));
	background: -webkit-linear-gradient(left, rgb(51 219 255) 0%, rgb(15 255 11 / 30%) 100%);
	background: -o-linear-gradient(left, rgba(255,127,8,1) 0%, rgba(190,31,243,0.3) 100%);
	background: -ms-linear-gradient(left, rgba(255,127,8,1) 0%, rgba(190,31,243,0.3) 100%);
	background: linear-gradient(to right, rgb(8 249 255 / 61%) 0%, rgb(255 253 0 / 30%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f08', endColorstr='#be1ff3', GradientType=1 );
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 35px;
	opacity:0;
	visibility: hidden;
	text-align:center;
	margin:0 auto;
	padding-top: 70px;
	border-radius: 5px;
	transition:0.3s all;
}
.offer_music .post .post_music:hover figure .hover {
	opacity:1;
	visibility:visible;
}
.offer_music .post .post_music figure .hover .icon {
	background:url('images/icons.png') no-repeat;
	background-position:93% 33%;
	width:50px;
	height:50px;
	display: block;
    margin: auto;
}
.offer_music .post .post_music figure .hover  span{
	color:#fff;
	font:bold 26px IRANSansWeb;
	margin-top:10px;
}
.offer_music .post .post_music:hover h4 {
	color: #ad06ff;
}
.banner{
	background:#fff;
	margin:15px 0;
	border-radius: 10px;
	display: none;
}
.banner figure{
	overflow:hidden;
	background-size:100% 100%;
    border-radius: 10px;
}
.banner figure img{
	border-radius:10px;
	width:100%;
}
.content .sidbar{
	background:#fff;
	padding:10px;
	border-radius:10px;
	margin-bottom:15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
	width: 255px;
}
.content .sidbar ul.artists {
	padding-top: 10px;
	height: 400px;
    overflow-y: scroll;
}
.content .sidbar ul.artists a {
    border-bottom: 0;
    border-radius: 7px;
	padding: 7px 10px;
	border-bottom: 1px solid transparent;
}
.content .sidbar ul.artists a:hover {
	background: #f0f1f5;
}
.content .sidbar ul.artists::-webkit-scrollbar {
    width: 6px;
}
.content .sidbar ul.artists::-webkit-scrollbar-thumb {
    background-color: #ced2de;
    outline: 1px solid #edf0f5;
	border-radius:3px;
}
.content .sidbar ul.artists::-webkit-scrollbar-track {
    background-color: #edf0f5;
	border-radius:3px;
}
.content .sidbar .title{
	border-bottom:1px solid #e5e5e5;
	padding:10px 0;
	position:relative;
	font:bold 13px IRANSansWeb;
	color:#313131;
	padding-right: 20px;
	text-align: right;
}
.content .sidbar .title:before{
	content:'';
	position:absolute;
	width:10px;
	height:10px;
	border-radius:100%;
	background: rgba(86,106,218,1);
	background: -moz-linear-gradient(left, rgba(86,106,218,1) 0%, rgba(93,103,214,1) 38%, rgba(112,105,205,1) 51%, rgba(141,105,192,1) 71%, rgba(154,107,187,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(86,106,218,1)), color-stop(38%, rgba(93,103,214,1)), color-stop(51%, rgba(112,105,205,1)), color-stop(71%, rgba(141,105,192,1)), color-stop(100%, rgba(154,107,187,1)));
	background: -webkit-linear-gradient(left, rgba(86,106,218,1) 0%, rgba(93,103,214,1) 38%, rgba(112,105,205,1) 51%, rgba(141,105,192,1) 71%, rgba(154,107,187,1) 100%);
	background: -o-linear-gradient(left, rgba(86,106,218,1) 0%, rgba(93,103,214,1) 38%, rgba(112,105,205,1) 51%, rgba(141,105,192,1) 71%, rgba(154,107,187,1) 100%);
	background: -ms-linear-gradient(left, rgba(86,106,218,1) 0%, rgba(93,103,214,1) 38%, rgba(112,105,205,1) 51%, rgba(141,105,192,1) 71%, rgba(154,107,187,1) 100%);
	background: linear-gradient(to right, rgba(86,106,218,1) 0%, rgba(93,103,214,1) 38%, rgba(112,105,205,1) 51%, rgba(141,105,192,1) 71%, rgba(154,107,187,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#566ada', endColorstr='#9a6bbb', GradientType=1 );
	top: 15px;
    right: 5px;
}
.content .sidbar ul li a {
	position:relative;
	display:flex;
	justify-content:space-between;
	color:#000;
	padding: 9px 3px;
	border-bottom:1px solid #edf0f7;
	transition:0.3s;
	font-size:13px;
}
.content .sidbar ul li a .img_txt {
	display:flex;
	flex:2;
}
.content .sidbar ul li a:hover{
	border-bottom:1px solid #cac4e0;
}
.content .sidbar ul figure{
	width:55px;
	height:55px;
	position:relative;
}
.content .sidbar ul li figure .hover{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color:rgba(63, 6, 86, 0.58);
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
	transition:0.3s all;
	top:0;
}
.content .sidbar ul figure img {
	width:100%;
	height:auto;
}
.content .sidbar .nav-tabs {
    display: flex;
    margin: 17px 0;
	justify-content: center;
}
.content .sidbar .nav-tabs a {
    display: block;
    position: static;
    padding: 4px 15px;
    border-bottom: none;
    transition: 0.3s;
    font-size: 13px;
    background: #EEE;
    color: #000;
    margin: 0 7px;
    border-radius: 35px;
}
.content .sidbar .tab_content {
	display:none;
}
.content .sidbar .tab_content.active {
	display:block;
}
.content .sidbar .nav-tabs a:hover {
	border-bottom: none;
	background: #dadada;
}
.content .sidbar .nav-tabs a.active,.dark .content .sidbar .nav-tabs a.active {
	background: #8E2DE2;
    background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
    background: linear-gradient(to right, #4A00E0, #8E2DE2);
    color: #fff;
}
.tags a {
	color: #3e3e3e;
    display: inline-block;
    padding: 1px;
    font-size: 12px;
    margin: 3px;
	transition: 0.1s all ease;
}
.tags a:hover {
	background: #576175;
    color: #FFF;
}
.content .sidbar ul li:hover figure .hover{
	opacity: 0.8;
	visibility:visible;
}
.content .sidbar ul figure img{
	width:100%;
	height:auto;
	border-radius: 10px;
}
.content .sidbar ul li .text{
	vertical-align: top;
	margin-right: 10px;
	width: 54%;
}
.content .sidbar ul li.full .text {
	width: 100%;
}
.content .sidbar ul li.full .icon {
	margin-top: 6px;
    margin-left: 4px;
}
.content .sidbar ul li .text h3{
	font: normal 12px IRANSansWeb;
}
.content .sidbar ul li .text h3 strong {
	display:block;
}
.content .sidbar ul li .text .name{
	font-weight:bold;
}
.content .sidbar ul li .icon{
	background:url('images/icons.png') no-repeat;
	background-position:4% 46%;
	width:38px;
	height:28px;
    margin-top: 15px;
	margin-left: 15px;
	transition:0.3s all cubic-bezier(0.19, 0.69, 0.88, 1.14);
}
.content .sidbar ul li .icon.album{
	background-position:17% 46%;
}
.content .sidbar ul li .icon.video{
	background-position:30% 46%;
}
.content .sidbar ul li:hover .icon.music{background-position:4% 60.8%;}
.content .sidbar ul li:hover .icon.album{background-position:17% 60.8%;}
.content .sidbar ul li:hover .icon.video{background-position:30% 60.8%;}
.content .sidbar.search a{
	background:#f0f0f0;
	color:#6a6a6a;
	border-radius: 15px;
    padding: 0 5px;
    font-size: 12px;
}
.content .sidbar.search a:hover{
	background:#6469cf;
	color:#fff;
}
.content .post{
	background:#fff;
	border-radius:10px;
	padding:10px;
	margin-bottom:15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
    overflow: hidden;
}
.content .post .postheader {
	padding: 0 14px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.content .post .post_top{
	border-bottom:1px solid #edf0f5;
	padding-bottom: 10px;
}
.content .post .cats {
	background: #eee;
	display:flex;
}
.content .post .cats a {
	font-size: 12px;
    color: #000;
    margin-left: 3px;
    padding: 4px;
    display: block;
}
.content .post .content {
	padding: 10px 0;
}
.content .post .content form.search {
	display: flex;
    justify-content: center;
	margin:10px 0;
}
.content .post .content form.search input[type=text] {
	width: 100%;
	padding:5px;
	font-size:13px;
}
.content .post .content form.search input[type=submit] {
	font-size:13px;
}
.content .post .related {
	margin: 10px 0;
}
.content .post .related ul li {
	margin-bottom: 6px;
}
.content .post .related ul li a {
	color: #292e33;
    transition: 0.3s all ease;
    font-size: 13px;
    display: block;
    width: 100%;
    padding: 5px;
	border-radius:5px;
}
.content .post .related ul li a:hover {
	background:#edf0f6;
}
.content .post .playersource textarea,.content .post .playersource input[type=text] {
	width:100%;
	direction: ltr;
    font-size: 12px;
	border: 1px solid #e0e3ea;
    padding: 2px;
    height: 26px;
}
.content .post .playersource .ttl {
    background: #EEE;
    text-align: center;
    padding: 7px;
    font-size: 13px;
    text-shadow: 0 1px 0 #FFF;
}
.a_player thead th {
	text-align: right;
}
.a_player tbody tr {
	transition: 0.3s all ease;
}
.a_player tbody tr:hover {
	background: #f6f7f9;
}
.a_player .icons {
	background: url(images/icons.png) no-repeat;
    width:18px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
	transition: 0.3s all ease;
	margin-top: 3px;
}
.a_player .icons:hover {
	opacity: 0.7;
}
.a_player .icons.tblplay {
	background-position: 92% 94%;
}
.a_player .icons.tblplay.activeplay {
	background-position: 98.4% 94%;
}
.a_player .icons.dl {
    background-position: 84.4% 94%;
    padding: 0 !important;
}
.content .post .title{
	margin-top: 7px;
    display: flex;
    justify-content: flex-start;
}
.content .post .title h2,.content .post .title h1 {
	font:bold 15px IRANSansWeb;
}
.content .post .title h2 a,.content .post .title h1 a {
	color: #2d2d2d;
	transition:0.3s all ease;
}
.content .post .title h2 a:hover,.content .post .title h1 a:hover {
	color: #6768d1;
}
.content .post .title .icon{
	background:url('images/icons.png') no-repeat;
	background-position:4% 46%;
	width:25px;
	height:28px;
	display:inline-block;
	margin-left: 5px;
}
.content .post .title .icon.album{
	background-position:17% 46%;
}
.content .post .title .icon.video{
	background-position:30% 46%;
}
.content .post .title h3,.content .post .title h1{
	font:bold 14px IRANSansWeb;
	display: inline-block;
    vertical-align: top;
}
.content .post .title a {
	color: #3c3c3c;
}
.content .post .like {
	border-right:1px solid #e1e1e3;
	float: unset;
    display: grid;
    justify-content: center;
	cursor:pointer;
	position:relative;
}
.content .post .like:before {
	content:'';
	left:0;
	position:absolute;
	background:url('images/icons.png') no-repeat;
	background-position:5% 30%;
	width:25px;
	height:25px;
	top: 2px;
}
.content .post .like.active:before {
	background-position: 17.5% 30%;
}
.content .post .like span {
	margin-left: 34px;
    margin-top: 4px;
    padding-right: 10px;
}
.content .post .postlike:hover .icon{
	background-position:17.8% 30%;
}
.content .post .postlike:hover span{
	color:#f92055;
}
.content .post .postlike span {
	font:bold 13px IRANSansWeb;
	color:#939393;
	text-align:center;
}
.content .post .lyrics {
    text-align: center;
    line-height: 27px;
	margin: 15px;
}
.content .post .soontxt {
    color: #fff;
    margin: 15px 0;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    background: #fe8c00;
    background: -webkit-linear-gradient(to right, #f83600, #fe8c00);
    background: linear-gradient(to right, #f83600, #fe8c00);
}
.content .post .dl{
	margin:0 auto;
	text-align:center;
	padding:15px 0;
	line-height: 27px;
}
.content .post.page .dl {
	text-align:right;
}
.content .post .dl h3{
	font:normal 14px IRANSansWeb;
	color:#313131;
}
.content .post .dl h3 span{
	color:#6e68cc;
	font-weight:bold;
}
.content .post .dl p {
	font-size:13.5px;
}
.content .post .dl h2,.content .post .dl h3,.content .post .dl h4,.content .post .dl h5,.content .post .dl h6 {
	font-size:13.5px;
	font-weight:bold;
	margin-bottom:7px;
}
.content .post .dl strong {
	font:bold 13.5px IRANSansWeb;
}
.content .post .dl a {
	color: #764aee;
	border-bottom: 1px solid #e2e4e8;
}
.content .post .dl a:hover {
	color: #f90606;
}
.content .post img{
	max-width:100%;
	height:auto;
	margin: 15px 0;
	border-radius:5px;
}
.content .post .foot{
	background:#edf0f7;
	border-radius:10px;
	height:75px;
	width:93%;
	display:flex;
	position: relative;
}
.content .post .foot .icons {
	margin-top:28px;
	display: flex;
}
.content .post .foot span{
	padding-right:25px;
	font:normal 13px IRANSansWeb;
	color:#49546d;
	position: relative;
	margin-right: 9px;
}
.content .post .foot span:before {
	content: '';
    position: absolute;
    background: url(images/icons.png) no-repeat;
    background-position: 33% 30%;
    width: 20px;
    height: 15px;
    top: 2px;
    right: 0;
}
.content .post .foot span.view:before {
	background-position:43.8% 30%;
}
.content .post .foot span.comment:before {
	background-position:55% 30%;
}
.content .post .foot a{
	background: rgba(161,49,205,1);
	background: -moz-linear-gradient(left, rgba(161,49,205,1) 0%, rgba(159,60,212,1) 31%, rgba(158,72,219,1) 51%, rgba(156,93,234,1) 71%, rgba(155,105,242,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(161,49,205,1)), color-stop(31%, rgba(159,60,212,1)), color-stop(51%, rgba(158,72,219,1)), color-stop(71%, rgba(156,93,234,1)), color-stop(100%, rgba(155,105,242,1)));
	background: -webkit-linear-gradient(left, rgba(161,49,205,1) 0%, rgba(159,60,212,1) 31%, rgba(158,72,219,1) 51%, rgba(156,93,234,1) 71%, rgba(155,105,242,1) 100%);
	background: -o-linear-gradient(left, rgba(161,49,205,1) 0%, rgba(159,60,212,1) 31%, rgba(158,72,219,1) 51%, rgba(156,93,234,1) 71%, rgba(155,105,242,1) 100%);
	background: -ms-linear-gradient(left, rgba(161,49,205,1) 0%, rgba(159,60,212,1) 31%, rgba(158,72,219,1) 51%, rgba(156,93,234,1) 71%, rgba(155,105,242,1) 100%);
	background: linear-gradient(to right, rgba(161,49,205,1) 0%, rgba(159,60,212,1) 31%, rgba(158,72,219,1) 51%, rgba(156,93,234,1) 71%, rgba(155,105,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a131cd', endColorstr='#9b69f2', GradientType=1 );
	color:#f7f6fb;
	font:bold 15px IRANSansWeb;
	height: 100%;
    border: 19px solid #fff;
    border-radius: 58px;
    padding: 6px 50px;
	position: absolute;
    left: -43px;
	transition:0.3s all ease;
	overflow:hidden;
}
.content .post .foot a:hover {
	padding: 6px 55px;
}
.footer {
	background:#14111a;
}
.footer .lists {
	padding-top:25px;
}
.footer .ttl {
    color: #c7c7c7;
    margin-bottom: 15px;
    font-weight: bold;
    text-shadow: 0 1px 25px #000000;
    font-size: 14px;
}
.footer ul li a {
	display: block;
    padding: 7px 0;
    color: #aaa8ad;
	transition:0.3s;
}
.footer ul li a:hover {
	color:#e6e6e6;
}
.footer .under_footer  {
	border-top: 1px solid #282431;
    margin-top: 18px;
    padding: 15px 0;
}
.footer .footertags {
    display: flex;
    justify-content: center;
}
.footer .footertags li {
	display: inline-block;
}
.footer .footertags li a {
	color: #d0ced4;
    font-size: 13px;
    display: block;
    margin: 0px 4px;
	transition:0.3s all ease;
    padding: 0 3px;
}
.footer .footertags li a:hover {
	color: #8592c5;
}
.footer .footer_menu{
	background:#201a26;
}
.footer nav a{
	color:#fff;	
	padding:16px 20px !important;
	display:block;
	transition:0.3s all ease;
}
.footer nav a:hover{
	background:#14111a;	
}
.footer nav ul li {
	display:inline-block;
}
.footer nav ul li ul {
	display:none;
}
.footer .container.bottom{
	padding:34px 0 0 0;
}
.footer p {
	color:#a8a8a8;
	z-index: 9999999999999;
	font-size: 13px;
	margin-top:5px;
}
.footer .designer a {
	color:#ffa800;
	font-weight:bold;
}
.footer .designer a:hover {
	color: #c58200;
}
.footer p span{
	color:#686b70;
}
.footer .copyright {
	text-align:center;
	margin-top:20px;
}
.footer .icons{
	display: flex;
    justify-content: center;
	margin-top:20px;
}
.content .post .social {
    display: flex;
    justify-content: center;
}
.footer .icons .icon,.content .post .social .icon {
	background:url('images/icons.png') no-repeat;
	background-position:99% 79%;
	width:30px;
	height:30px;
	border-radius:100%;
	background-color:#27212f;
	display:inline-block;
	margin-left: 10px;
	transition:0.2s all ease;
}
.footer .icons .icon.youtube {
	background-position:87% 79%;
}
.footer .icons .icon.telegram,.content .post .social .icon.telegram {
	background-position:74% 79%;
}
.footer .icons .icon.cloob,.content .post .social .icon.cloob{
	background-position:61% 79%;
}
.footer .icons .icon.feed{
	background-position:48% 79%;
}
.footer .icons .icon.insta{
	background-position:34.8% 79%;
}
.footer .icons .icon.plus,.content .post .social .icon.plus{
	background-position:22.5% 79%;
}
.footer .icons .icon.twitter,.content .post .social .icon.twitter{
	background-position:10.5% 79%;
}
.footer .icons .icon.facebook,.content .post .social .icon.facebook{
	background-position:-0.4% 78%;
}
.content .post .social .icon:hover {
	opacity:0.8;
}
.footer .icons .icon:hover{
	background-color:#f40396;
}
.footer .icons .icon.youtube:hover{
	background-color:#f91c0c;
}
.footer .icons .icon.telegram:hover{
	background-color:#03a9f4;
}
.footer .icons .icon.cloob:hover{
	background-color:#518c0e;
}
.footer .icons .icon.feed:hover{
	background-color:#ff9800;
}
.footer .icons .icon.insta:hover{
	background-color:#c41eda;
}
.footer .icons .icon.plus:hover{
	background-color:#f44336;
}
.footer .icons .icon.twitter:hover{
	background-color:#03a9f4;
}
.footer .icons .icon.facebook:hover{
	background-color:#005ba2;
}
/**single**/
.content .post .title.music:before,.content .post .title.comments:before,.content .post .title.related:before {
	content:'';
	position:absolute;
	width:10px;
	height:10px;
	border-radius:100%;
	background: #29c45f;
    top: 13px;
    right: 18px;
}
.content .post .title.related:before {
	background: #607D8B;
}
.content .post .title.comments:before {
	background: #f5bb11;
}
.content .post .title.music,.content .post .title.comments,.content .post .title.related {
	font:bold 15px IRANSansWeb;
	color:#313131;
	padding-right: 20px;
}
.content .post .download{
	margin:0 auto;
	text-align:center;
}
.content .post .download span{
	color:#525252;
	font:normal 14px IRANSansWeb;
}
.content .post .download .right{
	border-right:1px solid #e8e8e8;
}
.content .post .download .borderbt{
	padding: 10px;
    margin: 13px 4px;
}
.content .post .download a{
	background: #6f53e4;
    border-radius: 25px;
    color: #fff;
    font: bold 13px IRANSansWeb;
    padding:6px 30px;
	transition:0.3s all ease;
}
.content .post .download a:hover {
	background:#b622f4;
}
.content .post .download .dl_list {
    display: flex;
    justify-content: space-between;
    padding: 8px;
    border-bottom: 1px solid #EEE;
}
.content .post .download .dl_list:hover {
	border-bottom: 1px solid #d0c8f1;
}
.content .post .player{
	background:#edf0f7;
	border-radius:2px;
	margin: 16px 0;
	position:relative;
}
.content .post .player .title{
	background:#ffc600;
	text-align:center;
	margin:0 auto;
	padding: 15px;
}
.content .post video {
	width:100%;
	height:auto;
}
.content .post .player .title span{
	color:#6b6e81;
	font:normal 14px IRANSansWeb;
}
.content .post .player .icons {
	text-align: center;
	justify-content: center;
	display: flex;
}
.content .post .player .icons .timer , .content .post .player .icons .duration {
	min-width: 51px;
	margin-top: 30px;
	color: #a1a8af;
}
.content .post .player .icons .icon,.index_player .icons .icon{
	background:url('images/icons.png') no-repeat;
	background-position:45% 95%;
	width:30px;
	height:30px;
	display:inline-block;
	margin: 25px 15px;
	cursor:pointer;
	transition:0.3s all ease;
}
.content .post .player .icons .icon:hover,.index_player .icons .icon:hover {
	opacity:0.8;
}
.content .post .player .icons .icon.play,.index_player .icons .icon.play {
	background-position:1% 95%;
}
.content .post .player .icons .icon.pause,.index_player .icons .icon.pause{
	background-position:13.2% 95%;
}
.content .post .player .icons .icon.back,.index_player .icons .icon.back{
	background-position:29% 95%;
}
.content .post .player .icons .icon.repeat,.index_player .icons .icon.repeat{
	background-position:70.3% 95%;
	transition:none;
}
.content .post .player .icons .icon.repeat.active,.index_player .icons .icon.repeat.active {
	background-position:82% 95%;
}
.content .post .player .icons .icon.volume,.index_player .icons .icon.volume{
	background-position:58% 95%;
	margin-right: 10px;
}
#musicplayer {
	display:none;
}
.content .post .player .seekvol,.index_player .seekvol {
	width:100px;
    height: 3px;
    background: #e4e5e9;
    border-radius: 5px;
    margin-top: 39px;
    display: flex;
    justify-content: flex-end;
	cursor:pointer;
}
.content .post .player .seekvol .seekbarvol,.index_player .seekvol .seekbarvol {
	background:#4180ff;
	border-radius:5px;
	width:95%;
	height:100%;
	cursor:pointer;
}
.content .post .player .seek,.index_player .seek{
	width:100%;
	height:7px;
	background:#e4e5e9;
	direction: ltr;
	cursor:pointer;
}
.index_player .seek {
	height:3px;
}
.content .post .player .seekbar,.index_player .seekbar{
	height:100%;
	background:#4180ff;
	cursor:pointer;
	width:0%;
}
.content .post .album_player tr {
	transition:0.3s;
}
.content .post .album_player tr:hover {
	background:#f5f5f5;
}
.content .post .album_player th,.content .post .album_player td {
	text-align:center;
}
.content .post .album_player th {
	font-size:13px;
}
.album_player tbody tr.active {
	background: #edf0f6;
}
.content .post .album_player .icon {
	background: url(images/icons.png) no-repeat;
    background-position: 59% 65.9%;
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    transition: 0.3s all ease;
}
.content .post .album_player .icon.pause {
	background-position: 70.5% 65.9%;
}
.content .post .album_player .icon.downl {
	background-position: 48% 65%;
}
/* Iplayer */
.index_player {
	background: #FFF;
    padding: 15px;
    border-radius: 10px;
    margin: 10px 0;
	box-shadow: 0 0 10px #00000008;
}
.index_player .content {
	display: flex;
    justify-content: space-between;
}
.index_player .cover ,.index_player .icons {
	display: flex;
}
.index_player .icons .timer,.index_player .icons .duration {
	margin: 31px 10px;
	color: #bfc6cd;
}
.index_player .cover figure {
	border-radius:100%;
	width:80px;
	height:80px;
	overflow:hidden;
}
.index_player .cover figure img {
	width:100%;
	transition:0.2s all ease;
}
.index_player .cover figure img:hover {
	opacity:0.8;
}
.index_player .cover .dl {
    margin-top: 25px;
    margin-right: 20px;
    background: #edf0f6;
    color: #666e7d;
    padding: 6px 20px;
    display: inline-table;
    border-radius: 20px;
	transition:0.2s all ease;
}
.index_player .cover .dl:hover {
	opacity:0.9;
}
.index_player .info h5 {
	margin-top: 25px;
    font-size: 14px;
    margin-right: 11px;
}
.index_player .info h5 strong {
	display:block;
	margin-top: 5px;
}
.content .post .foot.single_post {
    background: transparent;
    height: 75px;
    width: auto;
    text-align: center;
}
.content .post .social.sng {
	margin-top: 25px;
}
.content .post .foot.single_post .icon.comment {
	background-position:55% 29.5%
}
.content .post .music_text {
    margin-top: 10px;
    text-align: center;
    padding: 10px;
    overflow-y: scroll;
    height: 200px;
}
.content .post .music_text::-webkit-scrollbar {
    width: 6px;
}
.content .post .music_text::-webkit-scrollbar-thumb {
    background-color: #ced2de;
    outline: 1px solid #edf0f5;
	border-radius:3px;
}
.content .post .music_text::-webkit-scrollbar-track {
    background-color: #edf0f5;
	border-radius:3px;
}
.content .post .post_message .input_holder label {
    font: normal 13px IRANSansWeb;
    color: #5b5b5b;
    display: inline-block;
    font-weight: normal;
    margin: 5px;
}
.content .post .post_message input[type=text],.content .post .post_message textarea {
	background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    padding: 7px 8px;
    display: block;
    width: 100%;
    font: normal 13px IRANSansWeb;
}
.content .post .post_message textarea {
    height: 106px;
}
.content .post .post_message input[type=text]:focus, .content  .post .post_message textarea:focus {
    border: 1px solid #2fa9ff;
}
.content .post .post_message .button {
    background: #d8dcdf;
    color: #7b7b7b;
    border: none;
    border-radius: 8px;
    padding: 5px 15px;
    margin-top: 10px;
    transition:0.3s;
}
.content .post .post_message .button:hover {
    opacity: 0.8;
}
.content .post.answer figure {
    width: 64px;
    height: 64px;
	margin: 0 auto;
    overflow: hidden;
}
.content .post.answer figure img {
    width: 100%;
    height: auto;
    border: 5px solid #edeeef;
    border-radius: 100%;
	margin-top:0;
}
.content .post.answer span {
    display: block;
    text-align: center;
	margin: -4px;
}
.content .post.answer p {
    border-right: 1px solid #dfe3e8;
    font-size: 13px;
    text-align: justify;
    padding: 10px;
}
.content .post.answer .name {
	font-weight:bold;
	margin-bottom:7px;
}
.content .post.answer .avat {
	margin-top: 6px;
}
.content .post.answer.admin{
	background:#f3ffeb;
	border:1px solid #a4e370;
	margin-right: 21px;
}
.content .post.answer.admin figure{
	background-color: #fff;
    border-radius: 100%;
}
.searchInContent {
	display: flex;
    width: 100%;
	margin-top:15px;
}
.searchInContent input[type=text] {
	width: 100%;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    padding: 6px;
}
.searchInContent input[type=submit] {
	background: #3F51B5;
    color: #fff;
    padding: 5px 15px;
    cursor: pointer;
	transition:0.3s;
}
.searchInContent input[type=submit]:hover {
	opacity:0.8;
}
.margin_top {
	margin-top:15px;
}
/** Page Number **/
.content .post.page_next{
	padding:0;
	border: 1px solid #e2e3e7
}
.content .flx {
	display:flex;
	justify-content: space-between;
}
.content .playersource {
	width: 49%;
}
.content .playersource.full {
	width: 100%;
}
#wp_page_numbers {
	direction: ltr;
}
#wp_page_numbers ul {
	display:flex;
	align-items: center;
}
#wp_page_numbers ul li {
	border-right: 1px solid #eee;
}
#wp_page_numbers a {
    font: normal 13px IRANSansWeb;
    padding: 10px 17px;
    color: #212121;
    transition: 0.2s all ease;
    display: block;
}
#wp_page_numbers .page_info {
	background: #9f36d0;
    color: #fff;
    border-radius: 10px 0 0 10px;
	padding: 9px 20px;
}
#wp_page_numbers a:hover {
	background:#9f36d0;
	color: #fff;
}
#wp_page_numbers li.active_page a {
	background: #eee;
}
#wp_page_numbers li.active_page a:hover {
	color: #7D7D7D;
}
#wp_page_numbers .first_last_page {
	float:left;
}
#wp_page_numbers .space {
	display:none;
}
.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: #fff;
    padding: 20px;
    width: 100%;
    position: relative;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.07058823529411765);
	display: flex;
    justify-content: center;
}
.sidenav .head .logoside {
	background-image: url(images/icons.png);
    background-repeat: no-repeat;
	background-position: 0% 2%;
    width: 72px;
    height: 30px;
    padding: 25px;
}
.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 .head form input[type="submit"] {
    padding: 0 13px;
    background: url(images/icons.png) no-repeat 0% 0.5% #FFF;
    width: 38px;
    height: 34px;
    position: absolute;
    left: 25px;
    top: 42px;
    cursor: pointer;
    border: 0;
}
.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;
	display:block;
}
.sidenav .links .under .list a,.sidenav .links ul li a {
	padding:13px 13px;
	font-size:14px;
	color:#313131;
	display:block;
}
.sidenav .links .under .list a:hover,.sidenav .links ul li a:hover {
    background: #454545;
    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:#fff;
    margin-bottom: 15px;
    position: fixed;
    width: 100%;
    top: 0;
	right:0;
    z-index: 999999;
}
.response_head .reponsesearch {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #fff;
    display: none;
}
.response_head .imgs {
    padding: 5px 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.21);
}
.response_head .imgs .logo img {
	width: 115px;
    height: 30px;
    margin-top: 17px;
}
.response_head .reponsesearch form {
    display: flex;
    padding: 10px;
    position: relative;
}
.response_head .reponsesearch label {
    width: 30px;
    height: 30px;
    background: url(images/icons.png) no-repeat 21% 8%;
    margin-top: 11px;
    margin-right: 0px;
    margin-bottom: 0;
    opacity: 0.5;
}
.response_head .reponsesearch form input[type=text] {
    width: 100%;
    border: 0;
    padding: 12px;
    font-size: 14px;
    font-weight: 300;
    color: #000;
    background: transparent;
    border-bottom: 1px solid #dadada;
}
.response_head .reponsesearch form input[type=submit] {
    display: none;
}
.response_head .close {
    background: url(images/icons.png) no-repeat 87.5% 54%;
    width: 30px;
    height: 30px;
    padding: 25px;
    position: absolute;
    left: 1px;
    top: 12px;
    opacity: 0.5;
}
.response_head .img {
    background-image: url(images/icons.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    padding: 25px;
    margin-top: 9px;	
}
.response_head .img.sc {
    background-position:99.8% 54%;
}
.response_head .img.nv {
    background-position:74.5% 54%;
}
/* Dark */
.dark {
    background: #17191f;
    color: #eee;
}
.dark .response_head,.dark .response_head .reponsesearch {
	background: #0d0e10;
}
.dark .sidenav .head {
	background: #1a1c21;
}
.dark .sidenav .scroll {
	background: #2d3038;
}
.dark .sidenav .links .under .list a,.dark  .sidenav .links ul li a {
	color: #d2d2d2;
}
.dark .sidenav .links .under .list,.dark  .sidenav .links ul li{
	border-bottom: 1px solid #1c1e25;
}
.dark header nav,.dark .owl-carousel,.dark .offer_music,.dark .index_player,.dark .content .sidbar,.dark .content .post {
    background: #2b2e38;
}
.dark header nav ul li a,.dark .offer_music .title .txt,.dark .offer_music .post .post_music .text h4,.dark .offer_music .post .post_music .text h5,.dark .content .sidbar .title,.dark .content .sidbar ul li a,.dark .content .post .title h2 a,.dark .content .post .title h1 a,.dark .content .post .title.music,.dark .content .post .title.comments,.dark .content .post .title.related,.dark .content .post .related ul li a,.dark header .logo .sng ,.dark .content .post .download span {
    color: #eaeaea;
}
.dark .response_head .reponsesearch form input[type=text] {
	color: #c5c5c5;
    border-bottom: 1px solid #2f3238;
}
.dark .album_player tbody tr.active {
    background: #171921;
}
.dark .content .post .title h2 a,.dark .content .post .title h1 a {
    color: #b9b9b9;
}
.dark .content .sidbar ul.artists a:hover {
    background: #20232b;
}
.dark .content .sidbar .nav-tabs a {
    background: #3d414e;
}
.dark .content .sidbar ul li a:hover {
    background: #373a46;
	border-bottom: 1px solid #373a46;
}
.dark .sidenav .links .under .list a:hover,.dark  .sidenav .links ul li a:hover {
	background: #393c46;
}
.dark .content .post .related ul li a:hover {
    background: #191a21;
}
.dark .content .post .post_message input[type=text],.dark  .content .post .post_message textarea {
    color: #eee;
    background: #373a44;
    border: 1px solid #1c1e25;
}
.dark .content .post .post_message .button {
    background: #20232f;
    color: #c5c5c5;
    cursor: pointer;
}
.dark header nav ul li ul li a {
    border-bottom: 1px solid #1d1f25;
    background: #2b2e38;
}
.dark header nav ul li ul li a:hover {
    background: #0078cf;
}
.dark .index_player .cover .dl {
    background: #1a1c23;
    color: #cccdce;
}
.dark .content .post .player .seek,.dark .index_player .seek,.dark .content .post .player .seekvol,.dark .index_player .seekvol {
    background: #1c1f27;
}
.dark .banner {
    background: transparent;
}
.dark .content .sidbar .title,.dark .content .sidbar ul li a,.dark .content .post .post_top {
    border-bottom: 1px solid #17191f;
}
.dark .content .post .like {
    border-right: 1px solid #17191f;
}
.dark .content .sidbar .nav-tabs a {
    background: #4c5265;
    color: #EEE;
}
.dark .content .post .foot {
    background: #21232b;
}
.dark .content .post .foot span {
    color: #c9cacc;
}
.dark .content .post .foot a {
    border: 19px solid #2b2e38;
}
.dark .content .post.page_next {
    border: 0;
}
.dark #wp_page_numbers ul li {
    border-right: 1px solid #1b1e25;
}
.dark #wp_page_numbers a {
    color: #ececec;
}
.dark #wp_page_numbers li.active_page a {
    background: #484c5a;
    color: #ececec;
}
.dark #wp_page_numbers li.active_page a:hover {
    color: #ececec;
}
.dark #wp_page_numbers a:hover {
    background: #1e2129;
    color: #fff;
} 
.dark .footer .footer_menu{
    background: #0c0c0e;
}
.dark .footer {
    background: #070708;
}
.dark .content .post .player .title {
    background: #1f2129;
}
.dark .content .post .player,.dark .content .post .playersource .ttl {
    background: #171921;
}
.dark .content .post .playersource textarea,.dark .content .post .playersource input[type=text] {
    border: 1px solid #74788a;
    background: #74788a;
}
.dark .content .post .foot.single_post {
    background: #2b2e38;
}
.dark .footer .icons .icon,.dark .content .post .social .icon {
    background-color: transparent;
}
.dark .content .post.answer p {
    border-right: 1px solid #191b23;
}
.dark .tags a {
    color: #cecece;
}
.dark .content .post .download .dl_list {
	border-bottom: 1px solid #191c23;
}
.dark .content .post .download .dl_list:hover {
	border-bottom: 1px solid #000000;
}
.dark .content .post .player .title span {
    color: #b5b6bb;
    font: normal 14px IRANSansWeb;
}
.dark .content .post .album_player tr:hover {
    background: #21242d;
}
.dark .table thead th {
    border-bottom: 2px solid #1d1f25;
}
.dark .table th,.dark  .table td {
    border-top: 1px solid #191919;
}
/* Resize */
/* 1024 */
@media(max-width:1024px) {
	.offer_music .post .post_music .hover{
		width: 87.5%;
	}
	.content .sidbar ul li .hover{
		height: 75%;
	}
	.content .sidbar ul li .text span{
		font-size: 13px;
	}
	.content .post .title {
		margin: 4px;
	}
	.content .post .foot a{
		padding: 6px 24px;
	}
	.content .post.page_next span {
		padding: 14.5px 17px;
	}	
}
/* 991 */
@media(max-width:991px){
	.content .col-md-3,.content .col-md-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	aside#rightsidebar {
		order: 2;
	}
	.owl-carousel .title{
		right: 1%;
		bottom: 4%;
	}
	.owl-carousel .title .aritstname {
		font-size:16px;
	}
	.offer_music .post .post_music .hover {
		width: 82.5%;
	}
	.content .sidbar ul li .text span {
		font-size: 11px;
	}
	.content .sidbar{
		padding:5px;
	}

	.content .sidbar ul li .icon{
	    margin-top: 8px;
	}	
	.content .sidbar ul li .hover {
		height: 70%;
	    width: 26%;
	}
	.content .sidbar .title {
		font: 500 13px IRANSANS;
		padding-right: 17px;
	}
	.content .sidbar .title:before{
		width: 7px;
		height: 7px;
	    top: 18px;
		right: 0px;
	}
	.content .post .title {
		margin: 5px 0;
	}
	.content .post .title h3 {
		font: 500 11px IRANSANS;
	}
	.content .post .foot .icons {
		margin-top: 30px;
		width: 57%;
	}
	.content .post .foot a {
		width: 37%;
		font: 15px;
		height: auto;
		border: 4px solid #fff;
		border-radius: 100px;
		position: relative;
		right: 38px;
		text-align: center;
		top: 0px;
		padding: 8px;
	}
	.content .post .foot{
		width: 95%;
	}
}
/*768*/
@media(max-width:768px){
	.content .post .foot {
		width: 100%;
	}
	.dark .content .post .foot a {
		border: 0;
	}
	.content .post .foot .icons {
		margin-top: 19px;
	}
	#rightsidebar {
		order:2;
	}
	.content .col-md-3,.content .col-md-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.offer_music .post .post_music .text span {
		white-space: normal;
	}
	.index_player .content {
		flex-flow: column;
	}
	.index_player .cover {
		align-self: center;
	}
	.index_player .icons {
		justify-content: center;
	}
	.content .post .foot {
		flex-wrap: wrap;
		height: auto ;
	}
	.content .post .foot a {
		position: static;
		width: 50%;
		margin: 0 auto;
		margin-bottom: 10px;
		height: auto;
		border: 0;
	}
	.content .post .foot .icons {
		width: 100%;
		justify-content: center;
		margin-bottom: 15px;
	}
}
/*767*/
@media(max-width:767px){
	.content .post .foot a:hover {
		padding:8px !important;
	}
	.content .post .download {
		margin: 15px auto;
	}
	body {
		padding-top: 90px;
	}
	header {
		display:none;
	}
	.offer_music .post .row {
		display: inline;
	}
	.offer_music .post .row .col-md-3 {
		width: 50%;
		margin-bottom: 10px;
		display: inline-block;
	}
	.offer_music .post .post_music .text {
		white-space: initial;
	}
	.owl-carousel .title .aritstname {
		font-size:14px;
	}
	.owl-carousel .title .songname {
		font-size:13px;
	}
	.owl-carousel .title {
		right: 0%;
		bottom: 0%;
		background: rgba(255,255,255,0);
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,1)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );	}
	.owl-nav {
		display:none;
	}
	.response_head {
		display:flex;
	}
	.content .sidbar {
		padding: 25px;
		width: 100%;
	}
	.content .sidbar .title{
		font-size:15px;
	}
	.content .sidbar .title:before{
		width: 10px;
		height: 10px;
	}
	.content .sidbar ul li .text {
		margin-right: 11px;
	}
	.content .sidbar ul li .text span{
			font-size: 14px;
		margin-right: 0px;
	}
	.content .post .title h3{
		font-size:14px;
	}
	.content .post.page_next span{
		padding-right:25px;
	}
	.owl-dots{
		bottom: 13px;
	}
	.offer_music .post .post_music .hover{
		width: 76.5%;
		height: 63%;
		padding: 17px;
	}
	.offer_music .post .post_music .text span{
		font-size:12px;
	}
	.content .post.page_next {
		padding: 1px;
	}
	.footer .ttl {
		margin-top: 10px;
	}
}
/*600*/
@media(max-width:600px){
	.offer_music .post .post_music figure .hover .icon,.offer_music .post .post_music figure .hover span {
		display:none;
	}
	header nav ul {
		display:block;
	}
	header nav ul li a {
		display: block;
		padding: 6px 3px;
		text-align: center;
	}
	header nav ul li:hover ul,.footer nav ul li:hover ul {
		display:none;
	}
	.content .post .related ul {
		flex-flow: column;
	}
	.content .post .related ul li a {
		display: block;
	}
}
/*500*/
@media(max-width:500px){
	.index_player .seekvol {
		margin-top: 30px;
	}
	.content .flx.info {
		flex-flow: column;
	}
	.content .post .foot.single_post {
	    height: auto;	
	}
	.content .post .social.sng {
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.offer_music .post .row  {
		display: inline-flex;
		justify-items: center;
	}
	.offer_music .post .row .col-md-3 {
		width: 50%;
		margin-bottom: 0px;
		display: inline-block;
	}
	.offer_music .post .post_music .text span {
		font-size: 13px;
		margin-top: 6px;
	}
	.content .post .download a {
		border-radius: 40px;
		font: normal 13px IRANSansWeb;
		padding: 9px 34px;
		display: block;
		margin-bottom: 10px;
	}
	.content .post .download .right {
		border-right: none;
	}
	.index_player .cover {
		align-self: auto;
		text-align: center;
		flex-flow: column;
	}
	.index_player .cover figure {
		margin: 0 auto;
		width: 150px;
   		 height: 150px;
	}
	.index_player .icons .icon {
		margin: 15px;
	}
	.index_player .icons .duration,.index_player .icons .timer {
		margin-top:21px;
	}
	.content .post .title {
		justify-content: center;
	}
	.content .post .foot a {
		height: 47%;
	}
	.content .post .like {
		border-right: 1px solid #e1e1e3;
		width: 100%;
		text-align: center;
		width: 45px;
	}
	.content .post .like span {
		margin-left: 0;
		margin-top: 30px;
	}
	.content .post .like:before {
		left: 5px;
	}
}
/*425*/
@media(max-width:425px){
	.content .post .like {
		width:50px;
	}
	.content .post .download a {
		padding: 9px 21px;
	}
	.icons .repeat,.icons .volume,.seekvol {
		display:none !important;
	}
	.index_player .cover figure {
		width: 150px;
		height: 150px;
	}
	header .left .drop{
		top: 42px;
	}
	header .left .drop{
		width: 301px;
	}
	header .left .drop ul li a{
		padding:3px;
	}
	header .left .drop:after, header .left .drop:before{
		left:43%;
	}
	header .left .drop.search input{
		padding: 1px 11px;
	}
	#wp_page_numbers ul {
		flex-wrap:wrap;
		padding: 12px;
		justify-content: center;
	}
	#wp_page_numbers ul li {
		width:30%;
		border-right: none;
		margin: 0 5px;
	}
	#wp_page_numbers ul li a {
		border-radius: 10px;
		text-align: center;
	}
	.content .post .foot a {
		width: 76%;
	}
	.owl-dots {
		display: none;
	}
	.owl-carousel .owl-item .title {
		right: 0%;
		visibility:hidden;
		opacity:0;
		transition:0.3s;
	}
	.owl-carousel .owl-item:hover .title {
		visibility:visible;
		opacity:1;
	}
	.owl-carousel .title .aritstname{
		font-size:16px;
	}
	.offer_music .post .post_music{
		margin-bottom:10px;
	}	
	.offer_music .post .post_music .hover {
		width: 92.5%;
		height: 77%;
		padding: 72px;
	}
	.offer_music .post .post_music .text span {
		font-size: 13px;
		display: block;
		white-space: normal;
	}
	.content .post.page_next span {
		padding-right: 10px;
	}
}
/* 375 */
@media(max-width:375px){
	.content .post .download .flx {
		justify-content: center;
		flex-wrap: wrap;
	}
	.content .post .download span {
		margin-top: 10px;
	}
	.content .post .download a {
		padding: 7px 35px;
		margin-top: 5px;
	}
	.owl-carousel .title{
		bottom: 5%;
		right: 17%;
	}
	.offer_music .post .post_music .hover {
		width: 91.5%;
	}
	.content .post .title h3 {
		font-size: 12px;
	}
	.content .post .like {
		width: 45px;
		text-align: center;
	}
}
/* 320 */
@media(max-width:320px){
	.content .flx {
		flex-flow: column;
	}
	.content .playersource {
		width: 100%;
	}
	.content .post .like {
		width: 60px;
	}
	.content .post .title h2,.content .post .title h1 {
		font-size:14px;
	}
	.content .post .title {
		margin: 4px;
	}
	.content .post .title .icon {
		width: 28px;
	}
	#wp_page_numbers ul li {
		width:28%;
	} 
	.index_player .icons .duration,.index_player .icons .timer {
		margin-top:21px;
	}
	.index_player .icons .icon {
		margin: 15px 6px;
	}
	.content .post .foot.single_post {
		width: 95%;
	}
	.content .post .download .dl_list {
		display:block;
	}
	.content .post .download span {
		margin-bottom: 10px;
		display:block;
	}
	.owl-carousel .title{
		width: 112px;
	}
	.owl-carousel .title .aritstname {
		font-size: 14px;
	}
	.offer_music .post .post_music .hover {
		width: 89.5%;
	}
}