/*
Theme Name: Avaz2
Theme URI: https://codein.ir
Author: Codein
Author URI: https://codein.ir
Description: Design And Development : Codein
Version : 1.8
*/
body {
	padding:0;
	margin:0;
	overflow-x:hidden;
	background-color:#e9eff2;
	font:300 13.5px Vazir;
	direction:rtl;
}
ul,li,p{
	margin:0px;
	padding:0px;
}
a {
	text-decoration:none !important;
	color: #2196F3;
}
a:hover {
	color:#1066ab;
}
input,select,textarea,button {
	outline: none
}
input[type=submit],button {
	cursor:pointer;
}
ul,li {
	list-style:none;
}
h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
	font-weight:bold;
}
textarea {
	resize:none;
}
i {
	font-style:normal;
}
option {
	font-weight:300;
}
strong,b {
	font-weight:bold;
}
::-moz-selection { 
	background: #5a6f7b;
    color: #fff;
}
::selection { 
	background: #5a6f7b;
    color: #fff;
}
/* End Reset */
@font-face{
	font-family:Vazir;
	font-style:normal;
	font-weight:bold;
	src:url('fonts/Vazir-Bold.ttf') format('truetype');
}
@font-face{
	font-family:Vazir;
	font-style:normal;
	font-weight:300;
	src:url('fonts/Vazir-Light.ttf') format('truetype');
}
.left_direction {
	direction:ltr;
	text-align:left;
}
/* Header */
header {
	padding:10px 0;
	background:#FFF;
}
header .logo {
	position:relative;
	display:flex;
}
header .logo .info {
	margin: 28px 12px;
}
header .logo h1,header .logo h2 {
	font:bold 20px Vazir;
	color:#4d4d4d;
}
header .logo p {
	color:#939393;
}
.float_left {
	float:left;
}
header .switch_box {
	margin-top: 35px;
}
header .switch_box,.sidenav .head .switch_box {
	position:relative;
	padding: 0 30px;
	display: flex;
    justify-content: flex-end;
}
.sidenav .head .swtich_holder {
	display: flex;
    justify-content: space-between;
	padding: 0 25px;
}
.sidenav .head .swtich_holder .changetxt {
	font-size: 14px;
    margin-top: 4px;
}
.sidenav .head .switch_box {
	width: 95px;
    height: 33px;
}
header .switch_box:before,.sidenav .head .switch_box:before {
	position: absolute;
    content: '';
    left: 0;
    top: 6px;
    width: 25px;
    height: 25px;
    background: url(images/icons.png) no-repeat 0.5% 3.5%;
}
header .switch_box:after,.sidenav .head .switch_box:after {
	position: absolute;
    content: '';
    left: 130px;
    top: 6px;
    width: 25px;
    height: 25px;
    background: url(images/icons.png) no-repeat 6.5% 3.5%;
}
.sidenav .head .switch_box:after {
	left: 100px;
}
.sidenav .head .switch_box:before {
	left: -30px;
}
header .switch,.sidenav .head .swtich {
  position: relative;
  display: inline-block;
  width: 95px;
  height: 34px;
}
header .switch input,.sidenav .head .swtich input {
	display:none;
}
header .slider,.sidenav .head .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #292929;
  -webkit-transition: .4s;
  transition: .4s;
}
header .slider:before,.sidenav .head .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
header input:checked + .slider,.sidenav .head .switch_box input:checked + .slider {
  background-color: #ffa200;
}
header input:focus + .slider,.sidenav .head .switch_box input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
header input:checked + .slider:before,.sidenav .head .switch_box input:checked + .slider:before {
  -webkit-transform: translateX(58px);
  -ms-transform: translateX(58px);
  transform: translateX(58px);
}
header .slider.round,.sidenav .head .switch_box .slider.round {
  border-radius: 34px;
}
header .slider.round:before,.sidenav .head .switch_box .slider.round:before {
  border-radius: 50%;
}
.social {
	display: flex;
    justify-content: flex-start;
	margin:2px 0 0;
	flex-direction: row-reverse;
}
footer .social {
	margin-top:10px;
}
.social .icon {
    width: 28px;
    height: 28px;
    background: url(images/icons.png) no-repeat 30.5% 91%;
	display:inline-block;
	margin-right:10px;
	transition:0.3s opacity ease;
}
.social .icon:hover {
	opacity:0.6;
}
.social .icon.twitter {
	background-position:36.5% 91%;
}
.social .icon.plus {
	background-position:42.5% 91%;
}
.social .icon.insta {
	background-position:49.5% 91%;
}
.social .icon.cloob {
	background-position:62.5% 91%;
}
.social .icon.telegram {
	background-position:69.5% 91%;
}
.social .icon.youtube {
	background-position:76.5% 91%;
}
.social .icon.aparat {
	background-position:83.5% 91%;
}
.social .icon.rss {
	background-position:56.5% 91%;
}
.social span {
    margin-top: 3px;
    margin-right: 4px;
    color: #4c4c4c;
	direction: ltr;
}
/* Nav */
nav {
	background: #fbfbfb;
	background: -moz-linear-gradient(top, #fbfbfb 0%, #ffffff 66%, #ffffff 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbfbfb), color-stop(66%, #ffffff), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #fbfbfb 0%, #ffffff 66%, #ffffff 100%);
	background: -o-linear-gradient(top, #fbfbfb 0%, #ffffff 66%, #ffffff 100%);
	background: -ms-linear-gradient(top, #fbfbfb 0%, #ffffff 66%, #ffffff 100%);
	background: linear-gradient(to bottom, #fbfbfb 0%, #ffffff 66%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ffffff', GradientType=0 );
	border-top:1px solid #e7edf0;
}
nav .menu {
	display:flex;
	padding:20px 0;
}
nav .menu li a {
	color:#1f1f1f;
	border-radius: 20px;
    padding: 4px 15px;
	transition:0.3s all ease;
	font-size:14px;
}
nav .menu li a:hover {
	background: #2196F3;
	color:#fff;
}
nav .menu li {
	position:relative;
}
nav .menu 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;
}
nav .menu li:hover ul {
	visibility:visible;
	opacity:1;
	z-index: 9999;
	top: 27px;
}
nav .menu li ul li a {
	display: block;
    border-radius: 0;
    padding: 8px 12px;
	border-bottom: 1px solid #EEE;
}
nav .menu 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;
}
nav .menu li:hover ul {
	visibility:visible;
	opacity:1;
	z-index: 9999;
	top: 26px;
}
nav .menu li ul li a {
	display: block;
    border-radius: 0;
    padding: 8px 12px;
	border-bottom: 1px solid #EEE;
}
nav .search {
	border-right:1px solid #ececec;
}
nav .search form,.sidenav form {
	display:flex;
}
nav .search label,.sidenav .search label {
	width: 28px;
    height: 28px;
    background: url(images/icons.png) no-repeat 30.7% 3%;
    margin-top: 18px;
    margin-right: 8px;
}
nav .search input[type=text],.sidenav .search input[type=text] {
	background:transparent;
	border:0px;
	padding: 20px 5px;
    width: 100%;
}
.sidenav .search input[type=text] {
	width:100%;
}
nav .search input[type=text]::placeholder {
	color:#a8a8a8;
}
.sidenav .search input[type=text]::placeholder {
	color: #8c8c8c;
}
nav .search select {
    width: 30%;
    border: 0;
    background: transparent;
    border-right: 1px solid #e6e6e6;
    margin: 10px 0;
    padding-right: 6px;
	margin-left: 10px;
}
nav .search input[type=submit],.sidenav .search input[type=submit] {
	background: #2196F3;
    color: #FFF;
    border: 0px;
    padding: 6px 15px;
    margin: 15px 0;
    border-radius: 5px;
	transition:0.3s all ease;
}
nav .search input[type=submit]:hover {
	opacity:0.7;
}
/* Slider */
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}
.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 71% 2%;
    position: absolute;
    left: 20px;
	transition:0.3s opacity ease;
}
.owl-next {
    background-position: 57% 2%;
    left: auto;
    right: 25px;
}
.owl-prev:hover,.owl-next:hover {
	opacity:0.7;
}
.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: 14%;
    border-right: 4px solid #ffffff1f;
    padding: 10px;
    color: #FFF;
    text-align: right;
    min-width: 200px;
    box-shadow: inset -34px 0px 37px -15px #0000002e;
    text-shadow: 0px 1px 3px #00000091;
}
.owl-carousel .title .aritstname {
	font:bold 20px Vazir;
}
.owl-carousel .title .songname {
	font:300 15px Vazir;
}
/* Global */
.large_title {
	font:bold 21px Vazir;
	color:#859197;
	text-align:center;
	margin-bottom:25px;
}
.large_title.white {
	color:#FFF;
}
/* Offer */
.offer {
	background:#1d1727;
	padding:35px 0;
}
.offer .offpost {
	margin-bottom: 15px;
	display:block;
}
.offer .offpost figure {
	width: 165px;
    height: 165px;
    overflow: hidden;
    -moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.4392156862745098);
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.4392156862745098);
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.58);
    background: rgba(0, 0, 0, 0.43137254901960786);
    padding: 7px;
	transition:0.3s all ease;
}
.offer .offpost figure img {
	width:100%;
	height:auto;
	transition:0.3s all ease;
}
.offer .offpost:hover img {
	transform: scale(1.1);
}
.offer .offpost .titles {
	margin-top:8px;
	color:#fff;
	display: block;
}
.offer .offpost .titles h4 {
	font-size:13px;
	font-weight:bold;
}
.offer .offpost .titles h5 {
	font-size:12px;
	font-weight:300;
	color: #d2d2d2;
	transition:0.3s all ease;
}
.offer .offpost .titles h5 span {
    background: #120d1b;
    padding: 4px 6px;
    margin-left: 5px;
    border-radius: 30px;
    font-size: 11px;
}
.offer .offpost:hover .titles h5 {
	color: #FF9800;
}
/* Posts */
.posts {
	padding:35px 0;
}
.posts .row {
	display: flex;
	flex-wrap: wrap;
}
.posts.page {
    margin-top: 10px;	
	background: #FFF;
    padding: 20px;
}
.posts.page .input_holder {
	margin-bottom:10px;
}
.posts.page .input_holder.btm {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
.posts.page .input_holder.btm input {
	padding: 10px 30px;
}
.posts .stitle {
	font-size: 17px;
    margin-bottom: 20px;
}
.posts.artists .box {
    background: #fff;
    display: block;
    padding: 10px;
	border: 1px solid transparent;
	margin-bottom: 15px;
}
.posts.artists .box:hover {
	border: 1px solid #b0d4e6;
}
.posts.artists .box figure img {
	width: 100%;
    height: auto;
}
.posts.artists .box .name {
	color: #383838;
}
.posts.artists .box .name h2 {
	font-size:14px;
}
.posts.artists .box .name h3 {
	font-size:13px;
	font-weight:300;
}
.posts .pst {
	background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,.05);
    transition: .3s all ease;
    margin-bottom: 20px;
	overflow: hidden;
	display: block;
}
.posts .pst:hover {
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.15);
	box-shadow:0 0 20px rgba(0, 0, 0, 0.15);
}
.posts .pst figure {
	overflow:hidden;
	max-height: 255px;
	margin:0;
}
.posts .pst figure img {
	width:100%;
	height:auto;
}
.posts.singleartist .pst figure {
	height: 150px;
}
.posts .pst .infos {
	position:relative;
}
.posts .pst .infos .top {
	padding: 28px 10px 0;
    height: 70px;
	overflow:hidden;
}
.posts .pst .infos .top h2 {
	font-size: 13px;
    font-weight: bold;
    text-align: center;
	color: #2d2d2d;
}
.posts .pst .titles {
	color:#333;
}
.posts .pst .infos .top h2 a {
    color: #000;	
}
.posts .pst .infos .top h2 strong {
	font-weight:300;
}
.posts.singleartist .pst .titles {
	padding: 11px;
}
.posts .pst .infos .top .more {
	width: 28px;
    height: 28px;
    background: url(images/icons.png) no-repeat 45.3% 16.5%;
	display:inline-block;
	cursor:pointer;
	position:relative;
}
.posts .pst .infos .top .more .more_box {
	position: absolute;
    top: 35px;
    left: -2px;
    width: 165px;
    background: #fff;
    border: 1px solid #EEE;
    box-shadow: 0 0 10px #0000001c;
    z-index: 99;
	display:none;
}
.posts .pst .infos .top .more .more_box:after, .posts .pst .infos .top .more .more_box:before {
	bottom: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.posts .pst .infos .top .more .more_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 7px;
    margin-left: -7px;
}
.posts .pst .infos .top .more .more_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #dedede;
	border-width: 8px;
	margin-left: -8px;
}
.posts .pst .infos .top .more .more_box a,.posts .pst .infos .top .more .more_box span {
    padding: 5px;
    color: #383838;
	display:block;
	border-bottom: 1px solid #EEE;
	transition: 0.3s all ease;
}
.posts .pst .infos .top .more .more_box a:hover,.posts .pst .infos .top .more .more_box span:hover {
	border-bottom: 1px solid #99cbf9;
	color:#54a3ec;
}
.posts .pst .infos .middle,.single .infos .middle {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:10px;
}
.posts .pst .infos .middle a,.single .infos .middle a {
	border:1px solid #c2c7eb;
	border-right:3px solid #2888e2;
	padding:6px;
	width: 100%;
    margin: 0 5px;
	border-radius: 5px;
	padding-right: 36px;
	position:relative;
	color:#3f3f3f;
	text-align:center;
	transition:0.3s all ease;
}
.posts .pst .infos .playdl {
	display: flex;
    position: absolute;
    bottom: 84%;
    right: 42%;
    background: #fff;
    border-radius: 100%;
    margin: 0 auto;
    width: max-content;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.posts .pst .infos .playdl a {
	width: 88%;
    padding: 10px;
    background: #e9eff2;
    font-size: 14px;
    border-radius: 5px;
    color: #454c50;
    text-align: center;
	border: 1px solid transparent;
	transition:0.3s all ease;
}
.posts .pst .infos .playdl a.full {
	width: 100%;
}
.posts .pst .infos .playdl a:hover {
	background: #FFF;
    border: 1px solid #2196F3;
    box-shadow: inset 0 0 8px #e3ecf3;
}
.posts .pst .infos .playdl .play {
	width: 40px;
    height: 40px;
    background: url(images/icons.png) no-repeat -1.2% 14.9%;
    cursor: pointer;
    display: block;
}
.posts .pst .infos .playdl .play:hover {
	background-position: -1.2% 26.4%;
}
.videoholder video {
	width:100%;
}
.artist_info {
    background: #FFF;
    box-shadow: 0 0 10px #00000014;
    margin-bottom: 20px;
	padding:20px;
}
.artist_info figure img {
	width:100%;
	height:auto;
}
.artist_info .biu .txt {
    height: 150px;
    overflow-y: scroll;
	padding-left: 12px;
    text-align: justify;
}
.artist_info .tab {
    display: flex;
    justify-content: center;
}
.artist_info .tab ul {
    display: flex;
    justify-content: center;
}
.artist_info .tab ul li {
	margin: 0 5px;
}
.artist_info .tab ul li.active a,.artist_info .tab ul li.active a:hover {
	background: #2196F3;
    color: #FFF;
}
.artist_info .tab ul li a {
    padding: 7px 20px;
    display: inline-block;
    font-size: 14px;
    color: #3c3c3c;
    background: #e8e8e8;
    border-radius: 5px;
} 
.artist_info .tab ul li a:hover {
	background: #dadada;
}
.single .infos .middle a {
	padding: 8px;
	font-size: 15px;
	width: 48%;
    margin-bottom: 5px;
}
.single .videoholder {
    margin-top: 16px;
    border-radius: 5px;
    overflow: hidden;
}
.single .videoholder video {
	width:100%;
}
.posts .pst .infos .middle a:hover,.single .infos .middle a:hover {
	border:1px solid #ff9ab2;
	border-right:3px solid #ec0e42;
	color:#ec0e42;
}
.posts .pst .infos .middle a:before,.single .infos .middle a:before {
	position:absolute;
	right: 4px;
    top: 4px;
	content:'';
	width: 28px;
    height: 28px;
    background: url(images/icons.png) no-repeat 8% 16.5%;
}
.single .infos .middle a:before {
	top: 6px;
}
.posts .pst .infos .middle a:hover:before,.single .infos .middle a:hover:before  {
	background-position:8.2% 26.8%;
}
.posts .pst .infos .bottom,.single .infos .bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    border-top: 1px solid #eee;
    padding: 5px 10px 15px;
}
.posts .pst .infos .bottom .item,.single .infos .bottom .item {
	position:relative;
	padding-right: 23px;
    padding-top: 8px;
	font-size:12px;
}
.single .infos .bottom .item {
	font-size:13px;
}
.posts .pst .infos .bottom .item.like,.single .infos .bottom .item.like {
	cursor:pointer;
}
.posts .pst .infos .bottom .item:before,.single .infos .bottom .item:before {
	position:absolute;
	right: -5px;
    top: 4px;
	content:'';
	width: 28px;
    height: 28px;
    background: url(images/icons.png) no-repeat 16.5% 16.7%;
}
.posts .pst .infos .bottom .item.dl:before,.single .infos .bottom .item.dl:before {
	background-position:24% 16.7%;
}
.posts .pst .infos .bottom .item.date:before,.single .infos .bottom .item.date:before  {
	background-position:31% 16.7%;
}
.posts .pst .infos .bottom .item.like:before,.single .infos .bottom .item.like:before  {
	background-position:38.5% 16.7%;
}
.banner {
	margin-top:30px;
}
.banner img {
	width:100%;
	height:auto;
	border-radius:5px;
	transition:0.3s all ease;
	margin-bottom:10px;
}
.banner img:hover {
	opacity:0.8;
}
/* Player */
.player {
	background:#FFF;
	position:fixed;
	bottom:0;
	width:100%;
	-moz-box-shadow:0px 0px 18px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0px 0px 18px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2);
	display:none;
	z-index:999999;
}
.player.single {
	display:block;
	position:static;
	padding-top: 0;
}
.player.single.playlist .controls {
	flex-wrap: wrap;
}
.player.single.playlist .time_box {
	margin-top: 0;
}
.player .cls {
    position: absolute;
    width: 45px;
    height: 45px;
    background: url(images/icons.png) no-repeat -0.7% 80.5%;
    left: 10px;
    top: 31px;
	cursor:pointer;
}
.player .cls:hover {
	background-position:-0.7% 94.5%;
}
.player audio {
	display:none;
}
.player .seekbar {
	background: #eaf0f3;
    width: 100%;
    height: 3px;
    border-radius: 35px;
	cursor:pointer;
	position:relative;
}
.player .seekbar .move {
	background:#2073f0;
	position:absolute;
	width:0%;
	height:100%;
	left:0;
}
.player .controls {
	display:flex;
	flex-flow: row-reverse;
	margin-top: 30px;
	justify-content: center;
}
.player .controls .ico {
	width: 35px;
    height: 35px;
    background: url(images/icons.png) no-repeat 1% 42.4%;
	margin: 0 20px;
	cursor:pointer;
}
.player .controls .ico:hover {
	background-position:1% 61.4%;
}
.player .controls .ico.play {
	background-position:8.5% 41%;
	width: 66px;
    height: 65px;
    border-radius: 100%;
	margin-top: -15px;
    box-shadow: 0 0 20px #67aece40;
}
.player .controls .ico.play:hover {
	background-position:8.5% 62.5%;
}
.player .controls .ico.pause {
	background-position:53.2% 41%;
	width: 66px;
    height: 65px;
    border-radius: 100%;
	margin-top: -15px;
    box-shadow: 0 0 20px #67aece40;
}
.player .controls .ico.pause:hover {
	background-position:53.2% 62.7%;
}
.player .controls .ico.forward {
	background-position:22.5% 42.4%;
}
.player .controls .ico.forward:hover {
	background-position:22.5% 61.4%;
}
.player .controls .ico.volume {
	background-position:33.5% 42.4%;
	margin-right:5px;
	cursor:default;
}
.player .controls .ico.volume:hover {
	background-position:33.5% 42.4%;
}
.player .controls .ico.repeat {
	background-position:42.5% 42.4%;
}
.player .controls .ico.repeat:hover {
	background-position:42.5% 61.5%;
}
.player .controls .ico.repeat.active {
	background-position:42.5% 61.5%;
}
.player .controls .volume_seek {
	background: #e3e3e3;
    width: 100px;
    height: 3px;
    margin-top: 16px;
    border-radius: 35px;
	cursor:pointer;
	position:relative;
	overflow:hidden;
}
.player .controls .volume_seek .move {
	background:#2073f0;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
}
.player .time_box {
	margin-top:30px;
	font-size:25px;
	direction: ltr;
}
.player .time_box .timer {
	color:#707070;
}
.player .time_box .duration {
	color:#d8d8d8;
}
.player .infos {
	display:flex;
}
.player .infos .title {
	margin-top: 20px;
    margin-right: 14px;
}
.player .infos .title h5 {
	font-size:14px;
	font-weight:300;
	margin-bottom:6px;
}
.player .infos .title h6 {
	font-size:13px;
	font-weight:bold;
}
.player .infos figure {
	width:92px;
	height:92px;
	overflow:hidden;
}
.player .infos figure img {
	width:100%;
	height:auto;
	transition:0.3s all ease;
}
/* Footer */
footer {
	background:#fff;
	padding:20px;
	-moz-box-shadow: 0 0 27px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0 0 27px rgba(0, 0, 0, 0.07);
	box-shadow: 0 0 27px rgba(0, 0, 0, 0.07);
	margin-top:20px;
}
footer .logo {
	width: 137px;
    height: 43px;
    background: url(images/icons.png) no-repeat 98% 32%;
	margin-bottom: 15px;
}
footer .content p {
	font-size:14px;
}
footer .content p.designer a {
	color: #000000;
    font-weight: bold;
}
footer .content p.designer a:hover {
	color: #FF5722;
}
footer .content .title {
	font:bold 16px Vazir;
	color: #FF5722;
	margin-bottom: 15px;
}
footer .content ul li a {
    display: block;
    color: #000;
    padding: 4px 0;
    font-size: 13px;
	transition:0.3s all ease;
}
footer .content ul li a:hover {
	background: #f5f5f5;
}
footer .tags {
	margin-top:10px;
}
footer .tags li a,footer .tags li {
	display:inline-block;
}
/* Single */
.breadcrumb ul {
	flex-flow: wrap;
	display:flex;
}
.breadcrumb ul li {
	padding: 10px;
	padding-right: 13px;
	position: relative;
}
.breadcrumb ul li a {
    color: #444444;
    transition: 0.3s all ease;
}
.breadcrumb ul li strong {
    color: #444444;
	font-weight:300;
}
.breadcrumb ul li a:hover {
	color:#000;
}
.breadcrumb ul li:after {
    content: '';
    background: url(images/icons.png) no-repeat 38% 6%;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 14px;
    left: -11px;
}
.breadcrumb ul li:last-child:after {
	content:unset;
}
.single {
	background:#FFF;
	padding:15px 0; 
}
.single figure img {
	width:100%;
	height:auto;
	border-radius:5px;
}
.single .infos {
	padding:10px 0;
}
.single .infos h1 {
	font: bold 20px Vazir;
    color: #4c4c4c;
	margin-bottom:10px;
}
.single .infos h2 {
	font-size: 11px;
    color: #adadad;
	font-weight:300;
	margin:5px 5px 10px ;
}
.single .infos h1 a {
	color: #4c4c4c;
}
.single .infos h2 a {
	color: #adadad;
	font-weight: 300;
}
.single .infos p {
	font-size:14px;
}
.single .infos a {
  color: #3a3a3a;
}
.single .infos .bottom {
	display:flex;
	padding-top:6px;
	padding-bottom:9px;
	border-bottom:1px solid #eee;
}
.single .infos .bottom a {
	color:#000;
}
.single .infos .bottom .icons {
	display: flex;
}
.single .infos .bottom .item {
	margin: 0 15px;
}

.single_title {
	font: bold 16px Vazir;
    margin-bottom: 10px;
}
.single_related {
	background:#f3f3f3;
	padding:20px;
	border-top:2px solid #f3f3f3;
}
.single_related .lyrics {
	border-right: 1px solid #e8e8e8;
    padding-right: 15px;
}
.single_related .lyrics p {
	text-align:center;
	font-size:14px;
	height: 300px;
    white-space: pre-line;
    overflow-y: scroll;
}
.single_related .lyrics p::-webkit-scrollbar {
    width: 4px;
    border-radius: 6px;
    overflow: hidden;
}
.single_related .lyrics p::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #888; 
}
.single_related .lyrics p::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
.single_related .posts {
	padding: 15px 0;
}
.single_related .posts a {
    display: flex;
	color:#484848;
	margin-bottom:10px;
   
	transition:0.3s all ease;
}
.single_related .posts a:hover {
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.10980392156862745);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.10980392156862745);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.10980392156862745);
	background:#FFF;
}
.single_related .posts a figure {
	width:97px;
	height:70px;
	overflow:hidden;
	margin:0;
}
.single_related .posts a figure img {
	width:100%;
	height:auto;
}
.single_related .posts a .title {
	margin-right:10px;
	margin-top:10px;
}
.single_related .posts a .title h3 {
	font-size: 13px;
    font-weight: 300;
}
.single_related .posts a .title h4 {
	font-size: 14px;
    font-weight: bold;
}
.albumtable {
	background:#FFF;
	border-top: 1px solid #EEE;
	padding-bottom: 20px;
}
.albumtable .table {
	border-top: none;
	width: 100%;
}
.albumtable .table tr {
	border-right: 3px solid transparent;
}
.albumtable .table tr.active {
	border-right: 3px solid #2073f0;
    background: #f5f6f9;
}
.albumtable table th {
	font-weight: bold;
	padding: 20px;
	text-align:center;
}
.albumtable table td {
	text-align:center;
	border-bottom: 1px solid #EEE;
	transition:0.3s all ease;
	padding: 10px;
	font-size: 13px;
}
.albumtable table tr:hover td {
	border-bottom: 1px solid #a4cff1;
}
.albumtable table td a {
	color: #161f27;
	padding: 6px 15px;
    border-radius: 30px;
	transition:0.3s all ease;
}
.albumtable table td a:hover {
	background: #3F51B5;
    color: #FFF;
}
.albumtable .icons {
    width: 28px;
    height: 28px;
    background: url(images/icons.png) no-repeat 22.8% 27.7%;
	margin: 0 auto;
	cursor:pointer;
	transition:0.3s opacity ease;
}
.albumtable .icons:hover {
	opacity:0.7;
}
.albumtable .icons.dl {
	background-position:16.8% 27.7%;
}
.albumtable .icons.lyric {
	background-position:32.8% 27.7%;
}
.albumtable .icons.lyric.disable {
    cursor: no-drop;
	opacity: 0.5;
}
.tngmodal {
	position: fixed;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
	display:none;
}
.tngmodal .layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}
.tngmodal .content {
	background: #FFF;
    padding: 10px;
    -moz-box-shadow: 0 0 63px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 63px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 63px rgba(0, 0, 0, 0.25);
    width: 450px;
    margin:70px auto;
	position:relative;
}
.tngmodal .content.active {
	visibility: visible;
    opacity: 1;
}
.tngmodal .content .clse {
	position: absolute;
    left: 11px;
    font-size: 10px;
    background: #848484;
    color: #FFF;
    padding: 2px 8px;
    border-radius: 30px;
	cursor:pointer;
	transition:0.3s all ease;
}
.tngmodal .content .clse:hover {
	background: #2196F3;
}
.tngmodal .content .title {
	font-weight:bold;
}
.tngmodal .content .text {
	margin-top:10px;
	white-space: pre-line;
    height: 350px;
    overflow-x: hidden;
    text-align: center;
}
.tngmodal .content .text::-webkit-scrollbar,.artist_info .biu .txt::-webkit-scrollbar {
    width: 4px;
    border-radius: 6px;
    overflow: hidden;
}
.tngmodal .content .text::-webkit-scrollbar-track,.artist_info .biu .txt::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
.tngmodal .content .text::-webkit-scrollbar-thumb,.artist_info .biu .txt::-webkit-scrollbar-thumb {
    background: #888; 
}
.tngmodal .content .text::-webkit-scrollbar-thumb:hover,.artist_info .biu .txt::-webkit-scrollbar-thumb {
    background: #555; 
}
.showmore {
    display: block;
    margin: 10px auto;
    width: max-content;
    padding: 10px 40px;
    background: #dfe5e8;
    color: #000;
    border-radius: 40px;
	transition:0.3s;
} 
.showmore:hover {
	color: #000;
	background: white;
    box-shadow: 0 0 26px rgba(0, 0, 0, 0.07);
}
.message {
    padding: 10px;
    border: 1px solid #cae6fd;
    background: #ebf6ff;
    color: #2b587b;
}
.message.success {
	border: 1px solid #c6ef96;
    background: #f3ffe6;
    color: #3a4a28;
}
.message.error {
	border: 1px solid #f3b1ad;
    background: #fff7f6;
    color: #6f2118;
}
/* Forms */
.comments {
	background:#FFF;
	padding:20px;
	border-top:2px solid #8bc34a;
}
.comments .btd {
    display: flex;
    justify-content: space-between;
}
.input_holder {
	margin-bottom:10px;
}
.input_holder input[type=text],.input_holder textarea,.input_holder select {
	width: 100%;
    padding: 8px;
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.058823529411764705);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.058823529411764705);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.058823529411764705);
	transition:0.3s all ease;
	font-family:Vazir;
	font-weight:300;
	font-size:14px;
}
.input_holder textarea {
	height:108px;
	font-size:14px;
}
.input_holder input[type=text]:focus,.input_holder textarea:focus {
	border: 1px solid #a8d475;
}
.input_holder input[type=submit],button {
	background: #2196F3;
    color: #FFF;
    border: 0;
    padding: 4px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	transition:0.3s all ease;
}
.input_holder input[type=submit]:hover,button:hover {
	opacity:0.7;
}
.input_holder label {
	display:block;
}
.comments form {
	margin-top:10px;
	margin-bottom:10px;
}
.comments form .inputs {
	display:flex;
}
.comments form .inputs.user {
	display:block;
}
.comments form .inputs .right {
	width: 25%;
}
.comments form .inputs .left {
	width: 75%;
	padding-right:20px;
}
.comments form .inputs.user .left {
	width: 100%;
}
.comments .usercomment {
	background: #EEE;
    padding: 15px;
	margin-bottom:10px;
}
.comments .usercomment.admin {
    background: #f9fff2;
    border: 1px solid #bde68c;
    margin-right: 50px;
    color: #353c2d;
}
.comments .usercomment .title {
	margin-bottom:10px;
}
.comments .usercomment .title .author {
	font-size:15px;
	font-weight:bold;
}
.comments .usercomment .title .date {
	color: #676767;
    font-size: 12px;
}
.comments .usercomment .message {
	margin-top:10px;
	font-size:14px;
}
/* Bio */
.bio,.tags {
	padding:15px 0;
}
.bio h3,.tags h6 {
	font-size:17px;
	margin-bottom:10px;
}
.tags a {
    color: #41484c;
    border-bottom: 1px dashed #adb9bf;
    display: inline-block;
    margin: 0 5px;
}
/* Response Menu */
.response_head {
	position: relative;
	display: none;
    justify-content: space-between;
	background: #FFF;
	padding: 10px;
	box-shadow: 0 0 34px 0px rgba(0, 0, 0, 0.14901960784313725);
    margin-bottom: 15px;
}
.response_head .reponsesearch {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #fff;
    display: none;
}
.response_head .reponsesearch form {
    display: flex;
    padding: 10px;
    position: relative;
	margin-top: 20px;
}
.response_head .reponsesearch label {
    width: 30px;
    height: 30px;
    background: url(images/icons.png) no-repeat 34.5% 66.5%;
    margin-top: 5px;
    margin-right: 11px;
    margin-bottom: 0;
    opacity: 0.5;
}
.response_head .reponsesearch form input[type=text] {
    width: 100%;
    border: 0;
    padding: 11px 8px;
    font-size: 14px;
    font-weight: 300;
    color: #5a5a5a;
    background: transparent;
    border-bottom: 1px solid #e2e2e2;
}
.response_head .reponsesearch form button {
    display: none;
}
.response_head .logo {
	width: 70px;
    height: auto;
}
.response_head .imgs {
    padding: 5px 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
}
.response_head .img {
	background-image: url(images/icons.png);
	background-repeat:no-repeat;
    width: 30px;
    height: 30px;
	padding: 25px;
	    margin-top: 15px;
}
.response_head .img.nv {
	background-position:10% 80.3%;
}
.response_head .img.lg {
	background-position:101% 6.1%;
    width: 195px;	
}
.response_head .img.sc {
	background-position:19.5% 80.3%;
}
.sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0px;
    overflow-x: visible;
    transition: 0.5s;
    font-family: Vazir;
	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: #ffffff;
    padding: 20px;
    display: block;
    width: 100%;
    position: relative;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.07058823529411765);
}
.sidenav .head .title {
	color:#fff;
	display: flex;
	margin-bottom: 16px;
}
.sidenav .head .title .logo {
	margin: 0 auto;
    width: 100px;
    height: auto;
}
.sidenav .cls_side,.reponsesearch .close {
    background: url(images/icons.png) no-repeat 1.2% 78.0%;
    width: 26px;
    height: 25px;
    position: absolute;
    left: 25px;
    top: 17px;
    z-index: 9999;
	cursor:pointer;
}
.sidenav .head .title .log_reg_div {
    display: flex;
    font-size: 15px;
}
.sidenav .head .title .log_reg_div .ic {
	position:relative;
	padding-right: 24px;
}
.sidenav .head .title .log_reg_div .ic:before {
	content:'';
	position:absolute;
	background-image: url(images/icons.png);
	background-repeat:no-repeat;
    width: 23px;
    height: 25px;
    top: 0;
    right: 0;
}
.sidenav .head .title .log_reg_div .ic.log:before {
	background-position: 72.5% 75.5%;
}
.sidenav .head .title .log_reg_div .ic.reg:before {
	background-position: 66.5% 75.2%;
}
.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:15px Vazir;
	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;
}
.sidenav .links .under .list a,.sidenav .links ul li a {
	padding:13px 13px;
	font:300 14px Vazir;
	color:#313131;
	display:block;
}
.sidenav .links .under .list a:hover,.sidenav .links ul li a:hover {
    background: #5a5a5a;
    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;
}
#wp_page_numbers {
    border-radius: 4px;
    background: #fff;
    margin: 6px 0 30px 0px;
    box-shadow: 0 0 26px rgba(0, 0, 0, 0.08);
}
#wp_page_numbers ul {
    border-top: 0;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    padding: 19px;
}
#wp_page_numbers a {
    line-height: 0;
    font: 13px Vazir;
    padding: 7px 15px;
    color: #5d5d5d;
    transition: 0.2s all ease;
    background: #EEE;
    margin: 0 3px;
    border-radius: 5px;
    border: 1px solid transparent;
}
#wp_page_numbers a:hover {
    background: #68a0ce;
		color:#FFF;
}
#wp_page_numbers li.active_page a {
    background: #2196F3;
    color: #FFF;
}
#wp_page_numbers li.active_page a:hover {
	 background: #2196F3;
    color: #FFF;
}
p.copyright {
    border-top: 1px solid #EEE;
    padding-top: 10px;
    margin-top: 10px;
}
/* Dark Theme */
.dark {
	background-color: #19191b;
}
.dark .breadcrumb ul li a,.dark .posts .pst .titles {
	color:#eee;
}
.dark .showmore {
	background: #333338;
    color: #adadad;
}
.dark .showmore:hover {
	color: #fff;
    background: #000000;
}
.dark header {
	background: #19191b;
}
.dark header .logo h1,.dark header .logo h2 {
	color: #ffffff;
}
.dark .breadcrumb ul li strong {
	color:#EEE;
}
.dark .social span,.dark nav .menu li a,.dark nav .search input[type=text],.dark .sidenav .search input[type=text],.dark .posts .pst .infos .top h2,.dark .posts .pst .infos .bottom .item,.dark .single .infos .bottom .item,.dark .posts .pst .infos .top h2 a {
	color: #e6e6e6;
}
.dark nav {
	background:#29292f;
	border-top: 1px solid #19191b;
}
.dark nav .menu li ul {
	background: #3c3c44;
}
.dark nav .menu li ul li {
	
}
.dark nav .menu li ul li a {
	border-bottom: 1px solid #2b2b33;
}
.dark nav .search,.dark nav .search select {
    border-right: 1px solid #19191b;
	color: #e6e6e6;
}
.dark nav .search select option {
	color: #e6e6e6;
	background: #29292f;
}
.dark nav .menu li a:hover {
	background-color:#615375;
	color:#FFF
}
.dark nav .search input[type=submit] {
	background: #4c4c56;
}
.dark .offer {
	background:#232328;
}
.dark .posts .pst {
	background:#232328;
	border:1px solid #161619;
}
.dark .posts .pst .infos .bottom,.dark  .single .infos .bottom {
	border-top: 1px solid #0e0e13;
}
.dark .posts .pst .infos .middle a,.dark .single .infos .middle a {
	border:1px solid #0f111c;
	color:#eee;
	border-right:2px solid #0f111c;
	background: #19191b;
}
.dark .posts .pst .infos .middle a:hover,.dark  .single .infos .middle a:hover {
	border-right:2px solid #f60532;
}
.dark .posts .pst .infos .top .more .more_box {
	background: #161619;
    border: 1px solid #111115;
}
.dark .posts .pst .infos .top .more .more_box a,.dark .posts .pst .infos .top .more .more_box span {
    border-bottom: 1px solid #000000;
    color: #b3b3b3;
}
.dark .posts .pst .infos .top .more .more_box a:hover,.dark .posts .pst .infos .top .more .more_box span:hover {
    color: #54a3ec;
} 
.dark .posts .pst .infos .top .more .more_box:before {
	border-bottom-color: #151515;
}
.dark .posts .pst .infos .top .more .more_box:after {
	border-bottom-color: #161619;
}
.dark .posts .pst .infos .playdl a {
	background: #19191b;
    color: #afafaf;	
}
.dark .posts .pst .infos .playdl a:hover {
	border: 1px solid #131319;
	color: #c2c4c5;
	box-shadow:none;
	background:transparent;
}
.dark .posts .pst .infos .playdl {
	background: #1a1a1f;
}
.dark footer {
	background: #111113;
}
.dark footer .content p,.dark footer .content ul li a {
	color: #cecece;
}
.dark footer .content ul li a:hover {
	color: #FF5722;
	background:transparent;
}
.dark footer .logo {
	background-position:98% 83%;
}
.dark .player {
	background:#232328;
}
.dark .player .controls .ico.play ,.dark .player .controls .ico.pause{
	box-shadow: none;
	background-color:#1a1a20;
}
.dark .player .infos .title,.dark .copyright {
	color:#eee;
}
.dark .copyright {
	border-top: 1px solid #2d2d33;
}
.dark footer .content p.designer a {
	color: #ffffff;
}
.dark .single {
    background: #232328;
    color: #EEE;
}
.dark .single .infos h1,.dark .single .infos h1 a,.dark .single .infos a,.dark .single .infos .bottom a {
	color:#eee;
}
.dark .player .seekbar {
    background: #313135;	
}
.dark .single .infos .bottom {
	border-bottom: 1px solid #0e0e13;
}
.dark .single .infos .middle a {
	background: #32323a;
}
.dark .single .infos .middle a:hover {
	background: #18181d;
}
.dark .single_related .lyrics p::-webkit-scrollbar {
    width: 4px;
    border-radius: 6px;
    overflow: hidden;
}
.dark .single_related .lyrics p::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
.dark .single_related .lyrics p::-webkit-scrollbar-thumb {
    background: #5c5c6b; 
}
.dark .single_related .lyrics p::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
.dark .single_related {
    background: #17171b;
    color: #eee;
	border-top: 2px solid #45454c;
}
.dark .single_related .lyrics {
    border-right: 1px solid #08080a;
}
.dark .single_related .posts a .title,.dark .comments ,.dark .comments label,.dark .bio,.dark .tags h6 {
	color: #eee;
}
.dark .single_related .posts a:hover {
	background: #0e0e10;
}
.dark .albumtable {
	background: #3a3a42;
    border-top: 1px solid #494952;
}
.dark .albumtable table td {
	border-bottom: 1px solid #28282f;
	color: #EEE;
}
.dark .albumtable table td a,.dark .albumtable table th {
	color: #EEE;
}
.dark .albumtable table tr:hover td {
	border-bottom: 1px solid #60606b;
}
.dark .albumtable .table tr.active {
    border-right: 3px solid #54546d;
    background: #303038;
}
.dark .comments {
    background: #25252b;
}
.dark .input_holder input[type=text],.dark  .input_holder textarea,.dark .input_holder select {
	background: #1a1a1f;
    border: 1px solid #121217;
	color:#Eee;
}
.dark .input_holder input[type=text]:focus,.dark  .input_holder textarea:focus,.dark .input_holder select:focus {
	border: 1px solid #6c6c7b;
}
.dark .comments .usercomment {
	background: #0e0e0e;
}
.dark .comments .usercomment.admin {
	background: #0e0e0e;
	color: #EEE;
	border: 1px solid #555561;
}
.dark .breadcrumb ol li a {
	color:#eee;
}
.dark .breadcrumb ol li a:hover {
    color: #9595ad;
}
.dark .response_head {
	background: #070708;
}
.dark .sidenav .head {
	background: #16151d;
}
.dark .sidenav .head .swtich_holder .changetxt {
	color:#EEE;
}
.dark .sidenav .scroll {
	background: #25242f;
}
.dark .sidenav .scroll .links li  {
	border-bottom: 1px solid #16151d;
}
.dark .sidenav .scroll .links li a {
	color: #f1f1f1;
}
.dark .response_head .img.nv {
    background-position: 10% 94%;
}
.dark .response_head .img.sc {
    background-position: 19.5% 94.3%;
}
.dark .response_head .img.lg {
	background-position: 101% 59.1%;
}
.dark .single .infos h1 {
	color:#EEE;
}
.dark .posts.artists .box {
	background: #0b0b0c;
}
.dark .posts.artists .box .name {
	color: #d8d8d8;
}
.dark .posts.artists .box:hover {
	border: 1px solid #2a2a2f;
}
.dark .artist_info {
	background: #000;
	color: #EEE;
}
.dark .artist_info .tab ul li a{
	color: #f7f7f7;
    background: #333c44;
}
.dark .artist_info .tab ul li a:hover {
	background:#515f6b;
}
.dark .posts.page {
	background: #19191b;
}
.dark form label {
	color: #EEE;
}
.dark #wp_page_numbers {
	background: #2a2a2f;
}
.dark #wp_page_numbers a {
	color: #ffffff;
    background: #1c1c1f;
}
.dark #wp_page_numbers a:hover {
    background: #474750;
}
.dark #wp_page_numbers li.active_page a,.dark #wp_page_numbers li.active_page a:hover {
	background: #000000;
}
.dark .tags a {
	color: #c6ccd0;
}
.dark .tags a:hover {
	color: #dee2e4;
}
.dark .response_head .reponsesearch {
	background: #222744;
}
.dark .response_head .reponsesearch form input[type=text] {
	border-bottom: 1px solid #424767;
}
/****************** Resize *****************/
/*1024*/
@media(max-width:1024px) {
	header .slider:before, .sidenav .head .slider:before{
		left: 6px;
	}
.posts .pst .infos .playdl {
	bottom: 89%;
}	
.posts .pst .infos .middle,.posts .pst .infos .middle a {
	display:block;
}
.posts .pst .infos .middle a {
	margin-bottom:5px;
}
.posts .pst .infos .bottom .item.dl {
	display:none;
}
.player .controls .ico.pause,.player .controls .ico.play {
	width: 75px;
}
.player .cls {
	left: -2px;
    top: 29px;
}
}
/* 992 */
@media(max-width:992px) {
	
.player .time_box {
	margin-left: 40px;
} 
.player .infos,.player .times {
	display:none;
}
.player .controls .ico.pause, .player .controls .ico.play {
    width: 65px;
}
.player .cls {
    left: 10px;
    top: 30px;
}
.sidenav {
	display:none;
}
}
/* 991 */
@media(max-width:991px) {
	
.posts .row {
    display: flex;
    flex-wrap: wrap;	
}
.player .controls {
	margin-bottom: 13px;
}
.posts .row .col-md-3 {
    width: 33%;
}
footer .social {
    margin-top: -27px;
}
footer .content .title {
	margin-top: 10px;
}
.posts .pst .infos .bottom .item.date {
	display:none;
}	
.offer .row {
	display: block;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.offer .row .col-md-2 {
	display: inline-block;
	
}	
.posts .pst .infos .top,.posts .pst .infos .middle {
	display:flex;
}
.posts .pst .infos .bottom .item.dl {
	display:block;
}
nav .search {
	border-right: none;
}
.single_related .lyrics {
    border-top: 1px solid #e8e8e8;
    border-right: none;
    padding-right: 15px;
    padding-top: 10px;
}  
   
   
}
/*768*/
@media (max-width:768px) {
	
header,nav {
	display:none;
}
footer .content {
	text-align:center;
	line-height: 29px;
}
.response_head {
	display: flex;
}
.comments form .inputs .right {
    width: 35%;
}
.comments form .inputs .left {
    width: 65%;
}
footer .social {
    margin-top: 10px;
	justify-content: center;
}
.offer .row {
	display: block;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.offer .row .col-md-2 {
	display: inline-block;
}
.offer .offpost {
	width: 165px;
    overflow: hidden;
}
	
}
/* 767 */
@media(max-width:767px) {
	
.tngmodal .content {
	width: 90%;
}	

}
/* 600 */
@media(max-width:600px) {
.single .infos .middle {
	flex-wrap: wrap;
}	
.posts .row .col-md-3 {
    width: 50%;
}
.posts .pst figure {
    max-height: 265px;
}
.posts .pst .infos .playdl {
	bottom: 85%;
    right: 45%;
}
.posts .pst .infos .top {
	display:block;
}
.owl-carousel .title {
	right: 0%;
    bottom: 0%;
}
.owl-nav {
    display:none;
}
.owl-dots {
    bottom: 0;
    left: 10px;
}
/*single*/
.single .infos .bottom .item {
    margin: 0 10px;
}



}
/* 500 */
@media(max-width:500px) {
	.player.playlist .controls .ico.volume,.player.playlist .controls .volume_seek {
		display: none;
	}
	.player.playlist .time_box {
		margin-top: 22px !important;
		margin-left: 0;
	}
.single .infos .middle a {
	width:100%;
}	
.posts .pst .infos .playdl {
    bottom: 90%;
    right: 42%;
}
footer .content ul li a {
	border-bottom: 1px solid #EEE;
}
.owl-carousel .title {
	display:none;
}
.owl-carousel:hover .title {
	display:block;
}
.single .infos .bottom {
	flex-flow: wrap;
    justify-content: center;
}
.single .infos .bottom .icons {
	margin-top: 12px;
}
.posts .pst .infos .middle {
	display:block;
}
.posts .pst figure {
	border-radius:0;
}
.posts .pst .infos .top h2 {
	padding-left: 5px;
}
.player .cls {
	background-color:#FFF;
    left: 10px;
    top: -46px;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1607843137254902);
}
.player .controls {
	padding-bottom: 10px;
}
.player .controls .ico.pause, .player .controls .ico.play {
    width: 71px;
}
.player .controls .ico.pause, .player .controls .ico.play {
    width: 68px;
}
.comments form .inputs .right {
    width: 40%;
}
.comments form .inputs .left {
    width: 60%;
}
	
}
/*425*/
@media(max-width:425px) {
	.single .infos .tt {
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 14px;
		box-shadow: 0 19px 9px -12px rgba(0, 0, 0, 0.0392156862745098);
		padding-bottom: 14px;
	}
.owl-carousel .title,.owl-dots,.owl-nav {
	display:none;
}	
.offer ,.posts{
	overflow: hidden;
}
.offer .row .col-md-2 {
	width:50%;
}	
.posts .pst .infos .top {
	white-space: normal;
}
.posts .row .col-md-3 {
    display: inline-block;
}
.posts .pst .infos .playdl {
    right: 41%;
}
#wp_page_numbers ul {
	display: block;
}	
#wp_page_numbers ul li {
	float: left;
    margin-bottom: 20px;
}
.posts .pst .infos {
	width:100%;
	padding:0;
	margin-right: 0;
}
.posts .pst .infos .top h2 {
	margin-bottom:10px;
}	
.posts .pst{
	display:block;
}
.posts .pst figure {
	width: 100%;
    height: auto;
}
.posts .pst .infos .bottom {
    display: flex;
}
.posts .pst .infos .middle a {
	margin:5px 0;
}
.posts .pst .infos .top .play {
	margin-left:15px;
}
.player .controls .ico.volume,.player .controls .volume_seek {
	display:none;
}
.single .infos .bottom {
    display: block;	
}
.single .infos .bottom .item {
    margin: 0px 10px;
    font-size: 12px;
}
.response_head .img.lg {
	width: 166px;
}
.single .infos .middle {
	display:block;
}
.single .infos .middle a {
	display:block;
	margin-bottom: 10px;
}
.single_title {
	font-size:14px;
}
.single_related .posts a {
	margin-bottom:0;
}
.single_related .posts a .title h4 {
	font-size: 13px;
}
	.social{
		justify-content:center
	}	
}
/* 375 */
@media(max-width:375px) {
	.posts .pst figure {
    max-height: 100%;
}
.single_related .posts a {
    display: flex;
}
.posts .row .col-md-3 {
	width: 100%;
    padding: 0 7px;
}
.posts .pst .infos .playdl {
    bottom: 83%;
    right: 43%;
}
.owl-carousel .title .aritstname {
    font: bold 15px Vazir;
}
.owl-carousel .title .songname {
    font: bold 12px Vazir;
}
.single_related .posts a figure {
    height: 70px;
}
.single_related .posts a .title {
    margin-top: 10px;
}
.offer .offpost figure {
	height:150px;
}	
.single .infos .bottom .icons {
    display: block;
}
.single .infos .bottom .item {
    margin: 10px 0;
    font-size: 12.5px;
}
.single .infos h1 {
	font-size:17px;
}
.single .infos .middle {
 display:block;
}
.single .infos .middle a {
	display:block;
	margin-bottom:10px;
}
.comments form .inputs {
    display: block;
}
.comments form .inputs .right,.comments form .inputs .left {
    width: 100%;
	padding-right:0;
} 

}
/* 320 */
@media(max-width:320px) {
.sidenav .head .swtich_holder {
	justify-content: center;
}
.posts .pst .infos .playdl {
    bottom: 88%;
}
.offer .offpost figure {
    height: 130px;
}
.sidenav .head .swtich_holder .changetxt {
	display:none;
}
.controls .ico.repeat {
	display:none;
}
	
}
/* Update 1.6 */
.minislider #indexslider {
    margin: 40px 0;
    box-shadow: 0px 93px 37px -78px rgba(0, 0, 0, 0.47843137254901963);
}
.owl-carousel .title {
	border-right: 4px solid #0e0e0e;
	right: 0;
    bottom: 0%;
}
.owl-dots {
    bottom: 9px;
    left: 21px;
}
nav {
	box-shadow: 0 13px 9px -15px rgba(0, 0, 0, 0.14901960784313725);
}
nav .search input[type=submit], .sidenav .search input[type=submit] {
    background: #474d52;
}
nav .menu li a {
	font-size: 13px;
}
nav .menu li a:hover {
    background: #2a3c9c;
}
.owl-carousel .owl-dot {
	border: 1px solid transparent;
}
.posts .pst figure img {
	transition:0.3s;
}
.posts .pst figure img:hover {
	transform: scale(1.1);
}
.posts .pst .infos .bottom .item.like.active:before, .single .infos .bottom .item.like.active:before {
    background-position: 38.5% 25.7%;
}
.posts .pst .infos p {
	padding: 0 13px;
	font-size: 12px;
}
.single .infos .bottom .icons {
	flex-wrap: wrap;
}
.log_reg {
    display: flex;
    justify-content: center;
    margin-top: 9px;
}
.log_reg .ico {
	position: relative;
	padding-right: 19px;
	margin-left: 8px;
	font-size: 13px;
	color: #5e6265;
}
.log_reg .ico:before {
	position: absolute;
    content: '';
    right: 0;
    top: -1px;
    width: 25px;
    height: 25px;
    background: url(images/icons.png) no-repeat 65.5% 26.5%;
}
.log_reg .ico.reg:before {
	background-position: 70.5% 26.5%;
}
.um-profile .um-profile-body {
	max-width: 100% !important;
	overflow: hidden;
}
.single .infos h1 {
	font: bold 18px Vazir;
    color: #1d1d1d;
}
.single .infos .tt {
	display: flex;
    justify-content: space-between;
}
.single .infos .tt .addtoplaylist {
	position: relative;
	border-bottom: 1px solid #d5d7de;
    height: max-content;
	padding: 5px 23px 5px 10px;
	font-size: 13px;
	transition:0.3s;
	cursor: pointer;
	color: #000;
}
.single .infos .tt .addtoplaylist:hover {
	background: #3F51B5;
	color:#fff;
}
.dark .single .infos .tt .addtoplaylist {
	color:#fff;
	border-bottom: 1px solid #414348;
}
.dark .single .infos .tt .addtoplaylist:before {
    background: url(images/icons.png) no-repeat 58.5% 26.5%;
}
.single .infos .tt .addtoplaylist:before {
	content:'';
	position: absolute;
	content: '';
    right: 0;
    top: 4px;
    width: 25px;
    height: 25px;
    background: url(images/icons.png) no-repeat 52.8% 26.5%;
}
.single .infos .tt .addtoplaylist:hover:before {
	background-position: 58.5% 26.5%;
}
.single .infos .tt .addtoplaylist.added,.single .infos .tt .addtoplaylist.added:hover {
	background: #fff;
	color: #000;
}
.single .infos .tt .addtoplaylist.added:before {
	background-position: 46.8% 26.5%;
}
.single .infos .tt .addtoplaylist .pm {
    position: absolute;
    background: #464a5d;
    color: #fff;
    width: 100%;
    left: 0;
    top: -27px;
    padding: 4px;
    text-align: center;
	font-size: 12px;
	visibility: hidden;
	opacity: 0;
	transition:0.3s;
}
.single .infos .tt .addtoplaylist .pm.active {
	visibility: visible;
	opacity: 1;
}
.comments .input_holder {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}
.usercomment .cm_title {
    display: flex;
    justify-content: space-between;
}
.children .usercomment {
    margin-right: 35px;
}