/**
Theme Name: Microphone
Theme URI: https://codein.ir
Version : 2
Author: Codein
Author URI: https://codein.ir
Description: Design And Develoment : codein.ir
Text Domain: Codein
**/
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;
	src:url('fonts/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face{
	font-family:IRANSansWeb;
	font-style:normal;
	font-weight:normal;
	src:url('fonts/IRANSansWeb_Light.ttf') format('truetype');
}
header {
	padding:20px 0;
}
header .logo {
	position:relative;
	padding-top: 22px;
	padding-right: 100px;
}
header .customlogo {
	position: absolute;
    content: '';
    width: 92px;
    height: 92px;
    background-size: 100%;
    right: 0;
    top: 0;
}
header .logo h1 {
	font:bold 20px IRANSansWeb;
}
header .logo h1.sng {
	font-size: 14px;
}
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: 20px;
    margin: 20px 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 {
    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{
	background:#fff;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 15px;
}
.offer_music .title{
	text-align:center;
	margin-bottom: 20px;
}
.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:15px;
}
.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:15px;
}
.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:#515151;
}
.offer_music .post .post_music .text h5{
	display:block;
	font:normal 13px IRANSansWeb;
	color:#515151;
}
.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, rgba(255,127,8,1) 0%, rgba(190,31,243,0.3) 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, rgba(255, 127, 8, 0.61) 0%, rgba(190,31,243,0.3) 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:15px;
	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:#ca388b;
}
.banner{
	background:#fff;
	margin:15px 0;
    border-radius: 10px;
}
.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);
}
.content .sidbar ul.artists {
	padding-top: 10px;
}
.content .sidbar ul.artists a {
    border-bottom: 0;
    border-radius: 7px;
    padding: 7px 10px;
}
.content .sidbar ul.artists a:hover {
	background: #f0f1f5;
	border-bottom: 0;
}
.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;
}
.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 {
	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;
	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);
}
.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 .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 {
	font:bold 15px IRANSansWeb;
}
.content .post .title h2 a {
	color: #2d2d2d;
	transition:0.3s all ease;
}
.content .post .title h2 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: #434565;
	border-bottom: 1px solid #e2e4e8;
}
.content .post .dl a:hover {
	color: #000000;
}
.content .post img{
	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.5% 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:#e7e8ed;
	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;
}
.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: 65px;
    height: 65px;
    margin: 0 auto;
}
.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%;
}
/* 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: 14px;
	}
	.content .post .foot a {
		width: 67%;
		font: 500 15px IRANSANS;
		height: auto;
		border: 4px solid #fff;
		border-radius: 100px;
		position: relative;
		right: 38px;
		text-align: center;
		top: 0px;
		padding: 8px;
	}
	.content .post .foot{
		width: 100%;
	}
}
/*768*/
@media(max-width:768px){
	#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: block;
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.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;
	}
	.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){
	.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: block;
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.offer_music .post .row .col-md-3 {
		width: 50%;
		margin-bottom: 10px;
		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;
	}
	.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 .download a {
		padding: 9px 21px;
	}
	body {
		padding-top: 92px;
	}
	.index_player .cover .dl {
		width: 100%;
		margin-right: 0;
	}
	.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 {
		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%;
	}
}