/*
Theme Name: YazdMusic Wiki-Seda
Theme URI: http://yazd-music.com/
Description: Tarahi va ejra tavasote WebPars
Author: Mehdi Rezaei
Author URI: http://webpars.co/
Version: 1.0.0
Tags: black, green
*/

@charset "utf-8";
@font-face {
	font-family: 'IRANSans';
	font-style: normal;
	font-weight: normal;
	src: url('assets/font/IRANSansWeb.eot');
	src: url('assets/font/IRANSansWeb.eot?#iefix') format('embedded-opentype'), url('assets/font/IRANSansWeb.woff2') format('woff2'), url('assets/font/IRANSansWeb.woff') format('woff'), url('assets/font/IRANSansWeb.ttf') format('truetype');
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

:before,
:after {
	display: block;
	position: absolute;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

a,
a:link {
	text-decoration: none;
}

li,
ul {
	list-style: none;
}

html,
body {
	width: 100%;
	height: 100%;
}

.clearfix {
	clear: both;
}

header#site-header {
	width: 100%;
	height: auto;
	background-color: #1d1d1d;
	direction: rtl;
	font-family: 'IRANSans';
	position: fixed;
	top: 0;
	z-index: 99;
	transition: all 0.3s ease-in-out;
}

header#site-header.header-scroll {
	height: 53px;
	background-color: #3C3C3C;
}

header#site-header.header-scroll #logo {
	padding: 0px;
}

header#site-header.header-scroll nav ul li {
	padding: 10px 15px 8px 15px;
	font-size: 13px;
}

header#site-header.header-scroll nav ul li a span {
	font-size: 10px;
	margin-top: 2px;
}

header#site-header.header-scroll #logo #notification {
	bottom: 2px;
}

header#site-header.header-scroll .search {
	margin-top: 13px;
}

header#site-header.header-scroll .search label {
	opacity: 1;
}

header#site-header:before {
	content: '';
	width: 0;
	height: 0;
	border-bottom: 8px solid #e91e63;
	border-right: 445px solid transparent;
	bottom: 0;
	left: 0;
}

header#site-header #logo {
	float: left;
	padding: 15px 0px;
	position: relative;
	transition: all 0.3s ease-in-out;
}

header#site-header #logo h1 a {
	display: block;
	width: 0;
	height: 0;
	text-indent: -999em;
	overflow: hidden;
}

header#site-header #logo img {
	margin-bottom: 0;
}

header#site-header #logo #notification {
	width: 16px;
	height: 16px;
	color: #fff;
	background-color: #e91e63;
	border-radius: 16px;
	position: absolute;
	bottom: 15px;
	right: -20px;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	cursor: pointer;
}

header#site-header #logo #notification:before {
	content: '';
	width: 16px;
	height: 16px;
	box-shadow: -3px -3px 0 -1px #e91e63;
	left: -1.5px;
	bottom: 4px;
	transform: rotate(-128deg);
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

header#site-header #logo #notification:hover:before {
	transform: rotate(-223deg);
	bottom: -3px;
	right: 4px;
}

header#site-header #logo #notification .subnotifi {
	width: 170px;
	right: -45px;
	position: absolute;
	height: auto;
	top: 20px;
	border-radius: 3px;
	display: none;
	overflow: hidden;
}

header#site-header #logo #notification .subnotifi:before {
	content: '';
	width: 100%;
	height: 10px;
	top: -10px;
	right: 0;
}

header#site-header #logo #notification:hover .subnotifi {
	display: block;
}

header#site-header #logo #notification .subnotifi ul li {
	width: 100%;
	height: 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	direction: rtl;
	text-align: right;
	padding: 5px;
	background-color: #E91E63;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

header#site-header #logo #notification .subnotifi ul li:nth-child(2n) {
	background-color: #fff;
	color: #E91E63;
}

header#site-header nav {
	float: right;
}

header#site-header nav ul li {
	float: right;
	padding: 18px 15px 18px 15px;
	transition: all 0.3s ease-in-out;
}

header#site-header nav ul li:hover {
	box-shadow: inset 0px -2px 0px 0px #e91e63;
	color: #e91e63;
}

header#site-header nav ul li a {
	color: #fff;
}

header#site-header nav ul li a span {
	display: block;
	color: #969696;
	font-size: 11px;
	margin-top: 5px;
	transition: all 0.3s ease-in-out;
}

header#site-header .search {
	float: left;
	margin-left: 30px;
	margin-top: 25px;
	position: relative;
	transition: all 0.3s ease-in-out;
}

header#site-header .search label {
	color: #fff;
	width: 25px;
	height: 25px;
	cursor: pointer;
	line-height: 24px;
	font-family: icons;
	text-align: center;
	position: relative;
	border-radius: 3px;
	display: inline-block;
	background-color: #ee2560;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

header#site-header .search label:before {
	font-family: Flaticon;
	content: "\f116";
	color: #fff;
	left: 0;
	right: 0;
}

header#site-header .search #searchform input {
	top: 0;
	width: 0;
	height: 23px;
	left: 23px;
	z-index: 999;
	opacity: 0;
	font-size: 11px;
	position: absolute;
	border: 1px solid #ee2560;
	border-radius: 0 3px 3px 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

header#site-header .search #searchform input:focus {
	width: 150px;
	opacity: 1;
	padding: 0 10px 0 5px;
}

main {
	width: 100%;
	height: auto;
	direction: rtl;
	font-family: 'IRANSans';
	background-color: #f1f1f1;
	padding-bottom: 30px;
	padding-top: 77px;
}

main #slideshow {
	width: 100%;
	height: auto;
	max-height: 585px;
	overflow: hidden;
	position: relative;
	margin-bottom: 0px;
}

main #slideshow .slick-slide {
	float: right;
	position: relative;
}

main #slideshow img {
	margin-bottom: 0;
	width: 100%;
}

main #slideshow .slideshow-pic {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(assets/img/slider-bg.png);
}

main #slideshow .slideshow-pic h3 {
	position: absolute;
	left: 5%;
	bottom: 5%;
}

main #slideshow .slideshow-pic h3 > a {
	padding: 10px 10px 0px 85px;
	background-color: #e91e63;
	color: #fff;
	position: relative;
	display: inline-block;
	font-size: 50px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 50px;
}

main #slideshow .slideshow-pic h3 > a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 100%;
	background-color: #d51d5c;
	font-size: 10px;
	text-align: center;
	padding-top: 20px;
}

main #slideshow .slideshow-pic h3 > a span i {
	position: absolute;
	width: 24px;
	height: 24px;
	color: #fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	line-height: 4px;
	font-weight: 100;
}

main #slideshow .slideshow-pic h3 > a span i:before {
	font-size: 24px;
}

main #slideshow .slideshow-pic h3 .info {
	position: absolute;
	left: 100%;
	top: 5px;
	width: 100%;
	text-align: left;
}

main #slideshow .slideshow-pic h3 .info a {
	background-color: #a91d4d;
	color: #fff;
	font-size: 10px;
	padding: 3px 5px 0px;
	line-height: 1px;
}

main #slideshow .slideshow-pic h3 .name {
	position: absolute;
	left: 100%;
	bottom: 5px;
	width: 100%;
	text-align: left;
}

main #slideshow .slideshow-pic h3 .name a {
	background-color: #000000;
	color: #fff;
	font-size: 14px;
	padding: 3px 5px 0px;
	line-height: 1px;
}

main #slideshow-min {
	width: 100%;
	height: 73px;
	margin-bottom: 0;
}

main #slideshow-min .slideshow-pic {
	height: 73px;
	background-size: cover;
	cursor: pointer;
}

main #slideshow-min .slick-slide {}

main #telegram {
	width: 100%;
	background-color: #15d6ff;
	background-image: url(assets/img/telegram.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px 50px;
	height: 70px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
	background-size: auto 100%;
}

main #telegram h2 {
	color: #fff;
	font-size: 28px;
}

main #telegram span {
	color: #fff;
	font-size: 16px;
}

main #telegram a {
	background-color: #f7286e;
	color: #fff;
	display: block;
	text-align: center;
	padding: 15px 20px;
	margin: 10px 0px;
}

main #telegram a i {
	float: right;
	margin-left: 15px;
	width: 50px;
	height: 50px;
	background-color: #e91e63;
	margin-top: -15px;
	margin-right: -20px;
	position: relative;
}

main #telegram a i:before {
	width: 20px;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
	font-weight: 100;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}

main #vip-music {
	width: 100%;
	height: 87px;
	background-color: #eeeeee;
	padding-top: 6px;
	padding: 6px 50px 0px;
}

main #vip-music .title {
	float: left;
	position: relative;
	padding: 15px 0px 15px 50px;
	color: #e91e63;
	font-size: 18px;
	text-transform: uppercase;
}

main #vip-music .title i {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 40px;
}

main #vip-music .title span {
	display: block;
	font-size: 15px;
	color: #393939;
	text-transform: none;
}

main #music-custom {
	width: 100%;
	position: relative;
	margin-bottom: 15px;
}

main #music-custom a > div {
	position: absolute;
	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.7);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	transition: all 0.7s ease-in-out;
	background-size: 100% auto;
}

main #music-custom a > div:hover {
	background-size: 130% auto;
}

main #music-custom a > div:before {
	width: 30px;
	height: 200%;
	position: absolute;
	background-color: rgba(255, 255, 255, .5);
	transform: rotate(-45deg);
	opacity: 0;
	transition: all 0.7s ease-in-out;
	content: '';
	top: -32%;
	right: -76%;
}

main #music-custom a > div:hover:before {
	opacity: 1;
	right: 133%;
}

main #music-custom a > div:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.3);
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

main #music-custom a > div:hover:after {
	opacity: 1;
}

main #music-custom a > div > span {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: #000;
	padding: 6px 5px 4px;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	border-radius: 3px;
	line-height: 10px;
}

main #music-custom a > div > b {
	position: absolute;
	bottom: 10px;
	left: 10px;
	padding: 6px 5px 4px;
	text-transform: uppercase;
	font-size: 20px;
	border-radius: 3px;
	line-height: 10px;
	color: rgba(255, 255, 255, 0);
	text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.3), 0px 0px 0px rgba(255, 255, 255, 0.2), 0px 0px 0px rgba(255, 255, 255, 0.1), 0px 0px 0px rgba(255, 255, 255, 0.2), 0px 0px 0px rgba(255, 255, 255, 0.1), 0px 0px 0px rgba(255, 255, 255, 0.2);
	transition: all 0.3s ease-in-out;
}

main #music-custom a > div:hover > b {
	text-shadow: 7px -50px 0px rgba(255, 255, 255, 0.3), 78px -100px 0px rgba(255, 255, 255, 0.2), 78px -30px 0px rgba(255, 255, 255, 0.1), 0px -130px 0px rgba(255, 255, 255, 0.2), 170px -70px 0px rgba(255, 255, 255, 0.1), 170px -20px 0px rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, .3);
}

main #music-custom a > div > b i {
	position: absolute;
	top: -20px;
	left: 0px;
	padding: 6px 5px 4px;
	text-transform: uppercase;
	font-size: 13px;
	border-radius: 3px;
	line-height: 10px;
}

main .ads {
	width: 100%;
	height: auto;
	background-color: #2dd063;
	border-radius: 3px;
	margin-bottom: 20px;
	padding: 85px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	position: relative;
}

main .ads a {
	position: absolute;
	left: 15px;
	bottom: 15px;
	background-color: rgba(0, 0, 0, .1);
	font-size: 12px;
	padding: 6px 10px;
	border-radius: 3px;
}

main .ads i {
	display: inline-block;
	width: 70px;
	line-height: 0px;
}

main .ads i:before {
	font-size: 75px;
	left: -15px;
	right: 0;
	width: 50px;
	height: 50px;
	top: 40px;
	bottom: 0;
	margin: auto;
	color: rgba(0, 0, 0, .1);
}

main .ads i:after {
	content: '';
	width: 40px;
	height: 0px;
	bottom: -90px;
	box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 5px 100px rgba(0, 0, 0, 0.2);
	border-radius: 100%;
	transform: rotateX(70deg);
	z-index: 99;
	left: -40px;
	right: 0;
	margin: auto;
	top: 0;
}

main .ads.black i:before {
	color: #20b752;
}

main .ads.black {
	background-color: #3c3c3c;
}

main .ads span {
	display: block;
	font-size: 13px;
	padding-left: 135px;
}

main .ads-music {
	width: 100%;
	height: 215px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 3px;
	margin-bottom: 25px;
	position: relative;
}

main .ads-music .hover {
	background-image: url(assets/img/slider-bg.png);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

main .ads-music .hover .title {
	position: absolute;
	left: 30px;
	bottom: -12px;
	background-color: #2dd063;
	padding: 13px 10px 0px;
	font-size: 47px;
	font-weight: bold;
	line-height: 47px;
	color: #fff;
	text-transform: uppercase;
}

main .ads-music .hover .title .name {
	position: absolute;
	left: 100%;
	width: 100%;
	color: #fff;
	bottom: 2px;
	font-size: 10px;
	direction: ltr;
	text-transform: none;
	line-height: 0px;
}

main .ads-music .hover .title .name a {
	background-color: #000;
	padding: 6px 3px 2px;
	line-height: 18px;
	display: inline-block;
	font-size: 20px;
}

main .ads-music .hover .title .info {
	position: absolute;
	left: 100%;
	width: 100%;
	color: #fff;
	top: 2px;
	font-size: 10px;
	direction: ltr;
	text-transform: none;
	line-height: 0px;
}

main .ads-music .hover .title .info a {
	background-color: #000;
	padding: 5px;
	line-height: 15px;
	display: inline-block;
	font-size: 13px;
}

main #content {
	width: 100%;
	height: auto;
}

main #content .block-post {
	padding: 5px;
}

main #content .block-post .post {
	width: 100%;
	height: auto;
	background-color: #fff;
}

main #content .block-post .post .pic {
	width: 100%;
	height: auto;
	position: relative;
	min-height: 405px;
}

main #content .block-post .post .pic img {
	width: 100%;
	height: auto;
	border-radius: 3px;
	margin-bottom: 0px;
	max-height: 405px;
}

main #content .block-post .post .pic .on {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 7px;
	top: 0;
	overflow: hidden;
}

main #content .block-post .post .pic .on:before {
	position: absolute;
	width: 100%;
	height: 250px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
	bottom: 0;
	content: '';
	transition: all 0.5s ease-in-out;
	left: 0;
	opacity: 0;
	bottom: -250px;
}

main #content .block-post .post:hover .pic .on:before {
	opacity: 1;
	bottom: 0;
}

main #content .block-post .post .pic .on .titleen {
	position: absolute;
	bottom: 10px;
	Right: 10px;
	width: calc(100% - 20px);
	text-align: left;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}

main #content .block-post .post:hover .pic .on .titleen {
	opacity: 1;
}

main #content .block-post .post .pic .on .titleen b {
	color: #fff;
	background-color: #E91E63;
	text-transform: uppercase;
	font-size: 20px;
	padding: 9px 3px 2px;
	line-height: 21px;
	display: inline-block;
	letter-spacing: 1.5px;
}

main #content .block-post .post .pic .on .titleen span {
	position: absolute;
	top: -23px;
	background-color: #E0E0E0;
	color: #1d1d1d;
	Right: 0;
	border-radius: 0px;
}

main #content .block-post .post .pic .on span {
	float: left;
	padding: 4px 5px 3px;
	background-color: #5d5d5d;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 11px;
}

main #content .block-post .post .pic .on time {
	opacity: 0;
	float: right;
	padding: 4px 5px 3px;
	background-color: #5d5d5d;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 11px;
	transition: all 0.3s ease-in-out;
}

main #content .block-post .post:hover .pic .on time {
	opacity: 1;
}

main #content .block-post .post .pic .on span i {
	float: left;
	width: 15px;
	height: 10px;
	margin-right: 3px;
}

main #content .block-post .post .pic .on span i:before {
	font-size: 12px;
	font-weight: 100;
}

main #content .block-post .post .pic .on span.top {
	background-color: #e91e63;
	font-weight: bold;
	font-size: 13px;
	padding: 3px 5px 1px;
}

main #content .block-post .post .post-bottom {
	border-radius: 0px 0px 3px 3px;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
}

main #content .block-post .post:hover .post-bottom {
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.15);
}

main #content .block-post .post .title {
	font-weight: bold;
	color: #c61954;
	font-size: 14px;
	margin-bottom: 0px;
	padding: 20px 15px 0px;
	min-height: 60px;
}

main #content .block-post .post h2 {
	font-weight: bold;
	color: #c61954;
	font-size: 14px;
	margin-bottom: 0px;
	padding: 20px 15px 0px;
	min-height: 60px;
}

main #content .block-post .post h2 a {
	font-weight: bold;
	color: #c61954;
	font-size: 14px;
	margin-bottom: 0px;
	padding: 20px 15px 0px;
	min-height: 60px;
}

main #content .block-post .post .content {
	width: 100%;
	min-height: 50px;
	padding: 10px 15px 20px;
	color: #2d2d2d;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

main #content .block-post .post .content p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

main #content .block-post .post .more {
	height: 40px;
	overflow: hidden;
	position: relative;
}

main #content .block-post .post .more .front {
	width: 100%;
	height: 40px;
	padding: 10px 15px;
}

main #content .block-post .post .more .front span {
	float: right;
	color: #3f4040;
}

main #content .block-post .post .more .front span i {
	float: right;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	line-height: 15px;
	color: #54c87b;
}

main #content .block-post .post .more .front span i:before {
	font-size: 15px;
}

main #content .block-post .post .more .front span:nth-child(2) i {
	color: #ed5151;
	transform: rotate(180deg);
}

main #content .block-post .post .more .front span:nth-child(2) {
	margin-right: 10px;
}

main #content .block-post .post .more .front .visit {
	float: left;
	color: #c61954;
	font-weight: bold;
	font-size: 17px;
	line-height: 20px;
}

main #content .block-post .post .more .front .visit i {
	float: left;
	width: auto;
	height: auto;
	color: #474747;
	font-weight: 100;
	font-size: 11px;
	line-height: 18px;
	margin-right: 5px;
	padding-top: 2px;
}

main #content .block-post .post .more .back {
	background-color: #e91e63;
	color: #fff;
	width: 100%;
	height: 40px;
	padding: 10px 20px;
}

main #content .block-post .post .more .back .dl {
	float: right;
	width: auto;
	margin-left: 10px;
	font-weight: bold;
}

main #content .block-post .post .more .back .dl i {
	float: right;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	font-weight: 100;
}

main #content .block-post .post .more .back .dl i:before {
	font-size: 13px;
	font-weight: 100;
}

main #content .block-post .post .more .back .more {
	float: right;
	font-size: 11px;
	line-height: 20px;
}

main #content .block-post .post .more .back .play {
	position: absolute;
	left: 0;
	height: 100%;
	width: 50px;
	color: #fff;
	top: 0;
	background-color: #484848;
}

main #content .block-post .post .more .back .play .mejs-controls .mejs-play button,
main #content .block-post .post .more .back .play .mejs-controls .mejs-pause button {
	width: 50px;
	height: 40px;
	border-radius: 0;
	border: none;
	background: transparent;
}

main #content .block-post .post .more .back .play .mejs-controls .mejs-play:before,
main #content .block-post .post .more .back .play .mejs-controls .mejs-pause:before {
	color: #fff;
	left: 32%;
	top: 20%;
	margin: 0;
}

.flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
}

.flip-container:hover .back,
.flip-container.hover .back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.flip-container:hover .front,
.flip-container.hover .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;
	-moz-transition: 0.6s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

.front,
.back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 0.5s;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: rotateY(0deg);
	-moz-transition: 0.5s;
	-moz-transform-style: preserve-3d;
	-moz-transform: rotateY(0deg);
	-o-transition: 0.5s;
	-o-transform-style: preserve-3d;
	-o-transform: rotateY(0deg);
	-ms-transition: 0.5s;
	-ms-transform-style: preserve-3d;
	-ms-transform: rotateY(0deg);
	transition: 0.5s;
	transform-style: preserve-3d;
	transform: rotateY(0deg);
	position: absolute;
	top: 0;
	left: 0;
}


/*
.front {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	z-index: 2;
}

.back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}*/

.back {
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

.post:hover .fadeing .back {
	opacity: 1;
	z-index: 99;
}

.vertical.flip-container {
	position: relative;
}

.vertical .back {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.vertical.flip-container .flipper {
	-webkit-transform-origin: 100% 213.5px;
	-moz-transform-origin: 100% 213.5px;
	-ms-transform-origin: 100% 213.5px;
	transform-origin: 100% 213.5px;
}

main #content .block-post .post:hover .vertical.flip-container .back,
.vertical.flip-container.hover .back {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

main #content .block-post .post:hover .vertical.flip-container .front,
.vertical.flip-container.hover .front {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

main #sidebar {
	width: 100%;
	padding-right: 15px;
}

main #sidebar .block-sidebar {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	box-shadow: 0px 2px 0px 0px #c1c1c1;
	border-radius: 3px;
	overflow: hidden;
}

main #sidebar .block-sidebar form {
	width: 100%;
	height: auto;
}

main #sidebar .block-sidebar form input[type=text] {
	width: 100%;
	height: auto;
	background-color: #fff;
	padding: 10px;
	font-size: 12px;
}

main #sidebar .block-sidebar form button {
	width: 23px;
	height: 23px;
	background-color: #e91e63;
	color: #fff;
	border-radius: 23px;
	float: left;
	margin-left: 15px;
	margin-top: -33px;
	position: relative;
	cursor: pointer;
	border: none;
}

main #sidebar .block-sidebar form button i {
	width: 23px;
	height: 23px;
	line-height: 0px;
}

main #sidebar .block-sidebar form button i:before {
	font-size: 12px;
	transform: rotate(90deg);
	left: -20px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

main #sidebar .sidebar-hits {
	width: 100%;
	height: auto;
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 25px;
}

main #sidebar .sidebar-hits > .title {
	width: 100%;
	height: auto;
	background-color: #3c3c3c;
	color: #fff;
	padding: 18px 20px;
	font-size: 13px;
	position: relative;
	overflow: hidden;
}

main #sidebar .sidebar-hits > .title:before {
	content: '';
	width: 100%;
	height: 10px;
	transform: rotate(1deg);
	background-color: #e91e63;
	left: 0;
	bottom: -5px;
}

main #sidebar .sidebar-hits > .title span {
	display: block;
	color: rgb(150, 150, 150);
	margin-top: 4px;
}

main #sidebar .sidebar-hits .content {
	width: 100%;
	height: auto;
}

main #sidebar .sidebar-hits .content div {
	width: 50%;
	height: auto;
	float: right;
	direction: ltr;
	transition: all 0.3s ease-in-out;
	position: relative;
}

main #sidebar .sidebar-hits .content div img {
	width: 100%;
	height: auto;
	margin-bottom: 0;
	max-height: 159px;
}

main #sidebar .sidebar-hits .content div .title {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: -25px;
	background-color: #e91e63;
	color: #fff;
	padding: 6px 10px 3px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}

main #sidebar .sidebar-hits .content div:hover .title {
	bottom: 0;
}

main #sidebar .sidebar-hits .content div .title b {
	display: block;
	font-weight: 100;
	padding-top: 6px;
	color: #fff;
}

main #sidebar .sidebar-hits .content div .title b i {
	display: inline-block;
	width: 13px;
	height: 13px;
	color: transparent;
	margin-right: 13px;
	transition: all 0.3s ease-in-out;
}

main #sidebar .sidebar-hits .content div:hover .title b i {
	color: #fff;
}

main #sidebar .sidebar-hits .content div .title b i:before {
	font-size: 13px;
}

main #sidebar .sidebar-hits .content div .title span {
	display: block;
	font-size: 10px;
	text-transform: none;
	font-weight: 100;
	color: #54152b;
}

main #sidebar .sidebar-hits .content div:nth-child(1) {
	width: 100%;
}

main #sidebar .sidebar-hits .content div:nth-child(1) .title {
	padding: 15px;
	font-size: 20px;
	bottom: -35px;
}

main #sidebar .sidebar-hits .content div:nth-child(1) img {
	max-height: 326px !important;
}

main #sidebar .sidebar-hits .content div:nth-child(1):hover .title {
	bottom: 0px;
}

main #sidebar .sidebar-hits .content div:nth-child(1) .title b {
	font-size: 15px;
}

main #sidebar .sidebar-hits .content div:nth-child(1) .title span {
	font-size: 14px;
	color: #fff;
}

main #sidebar .sidebar-hits .content div:nth-child(4n-1) .title,
main #sidebar .sidebar-hits .content div:nth-child(4n) .title {
	background-color: #e0e0e0;
	color: #303030;
}

main #sidebar .sidebar-hits .content div:nth-child(4n-1):hover .title b i,
main #sidebar .sidebar-hits .content div:nth-child(4n):hover .title b i {
	color: #e91e63;
}

main #sidebar .sidebar-hits .content div:nth-child(4n-1) .title b,
main #sidebar .sidebar-hits .content div:nth-child(4n) .title b {
	color: #303030;
}

main #sidebar .sidebar-hits .content div:nth-child(4n-1) .title span,
main #sidebar .sidebar-hits .content div:nth-child(4n) .title span {
	color: #666666;
}

main #sidebar .block-sidebar .title {
	width: 100%;
	height: auto;
	background-color: #ffffff;
	color: #4f4f4f;
	font-weight: bold;
	padding: 25px;
	border-radius: 3px 3px 0px 0px;
}

main #sidebar .block-sidebar .title span {
	float: left;
	color: #7c7c7c;
	font-weight: 100;
	font-size: 13px;
}

main #sidebar .block-sidebar .content {
	width: 100%;
	height: auto;
	background-color: #fff;
}

main #sidebar .block-sidebar .content input[type=text] {
	width: 100%;
	height: auto;
	background-color: #e9e9e9;
	color: #4b4b4b;
	padding: 12px 25px;
	font-size: 12px;
}

main #sidebar .block-sidebar .content ul.add-scroll {
	height: 320px;
}

main #sidebar .block-sidebar .content ul.add-scroll li span.hidden {
	display: none;
}

main #sidebar .block-sidebar .content ul li {
	padding: 10px 40px 10px 10px;
	position: relative;
	font-size: 13px;
}

main #sidebar .block-sidebar .content ul li:before {
	width: 6px;
	height: 6px;
	background-color: #c1c1c1;
	border-radius: 6px;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 25px;
	content: '';
}

main #sidebar .banner {
	width: 100%;
	height: 115px;
	margin-bottom: 5px;
	border-radius: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

main #sidebar .banner .title {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #f1f1f1;
	color: #303030;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: bold;
	padding: 8px 5px 0px 0px;
	line-height: 20px;
}

main #sidebar .banner .title span {
	position: absolute;
	bottom: 100%;
	left: 5px;
	background-color: #e91e63;
	color: #fff;
	font-size: 10px;
	font-weight: 100;
	padding: 4px 2px 2px 2px;
	line-height: 10px;
}

main #sidebar .ads-sidebar {
	border-radius: 3px;
	margin-bottom: 20px;
}

main #sidebar .ads-sidebar img {
	border-radius: 3px;
	width: 100%;
	height: auto;
}

main .last-box {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	position: relative;
}

main .last-box > .title {
	position: absolute;
	left: 10px;
	top: -6px;
	background-color: #20b752;
	padding: 5px 10px;
	font-size: 12px;
	color: #fff;
	z-index: 9;
}

main .last-box > .title:before {
	content: '';
	width: 0;
	height: 0;
	border-bottom: 6px solid #0f8937;
	border-right: 2px solid transparent;
	top: 0px;
	right: -2px;
}

main .last-box.blue > .title {
	background-color: #0564e7;
	right: 10px;
	left: auto;
}

main .last-box.blue > .title:before {
	border-bottom: 6px solid #184e9a;
	border-left: 2px solid transparent;
	border-right: none;
	right: 100%;
}

main .last-box.pink > .title {
	background-color: #e91e63;
}

main .last-box.pink > .title:before {
	border-bottom: 6px solid #651e36;
}

main .last-box .content {
	width: 100%;
	height: auto;
}

main .last-box .content .last-post {
	width: 100%;
	height: auto;
	padding: 0px 1px;
}

main .last-box .content .last-post {
	filter: grayscale(100%);
	transition: all 0.3s ease-in-out;
}

main .last-box .content .last-post:hover {
	filter: grayscale(0%);
}

main .last-box .content .last-post img {
	transition: all 0.3s ease-in-out;
}

main .last-box .content .last-post:hover img {
	transform: scale(1.04);
	box-shadow: 0px 0px 3px 1px rgba(255, 255, 255, 0.5);
}

main .notifi {
	width: 100%;
	height: auto;
	background-color: #fff;
	box-shadow: 0px 2px 0px 0px #c1c1c1;
	border-radius: 3px;
	overflow: hidden;
}

main .notifi #news {
	padding: 13px;
	font-size: 13px;
	color: #4d4d4d;
}

main .notifi #news i {
	float: right;
	width: 40px;
	margin-left: 10px;
	height: 20px;
	line-height: 17px;
	padding-right: 7px;
	color: #e91e63;
	transform: rotatey(180deg);
	font-weight: 100;
}

main .notifi #news i:before {
	font-size: 21px;
}

main .notifi #news span {
	color: #e91e63;
	margin-left: 5px;
}

main .notifi #khabarname {
	width: 100%;
	height: auto;
	position: relative;
}

main .notifi #khabarname .title {
	color: #e91e63;
	font-weight: bold;
	padding: 13px 15px;
	position: absolute;
	height: 100%;
	background-color: #fff;
	right: 0;
}

main .notifi #khabarname form {
	width: 100%;
}

main .notifi #khabarname form input[type='text'] {
	width: 100%;
	background-color: #f1f1f1;
	color: #8c8c8c;
	border: 1px solid #f8f8f8;
	padding: 11px 145px 11px 100px;
	font-size: 12px;
}

main .notifi #khabarname form button {
	background-color: #fff;
	position: absolute;
	left: 0;
	height: 100%;
	padding: 11px 34px;
	color: #4d4d4d;
	font-family: 'IRANSans';
	border: none;
	font-size: 14px;
}

footer#site-footer {
	width: 100%;
	height: auto;
	direction: rtl;
	font-family: 'IRANSans';
	position: relative;
	margin-bottom: 100px;
}

footer#site-footer:before {
	content: '';
	left: 0;
	height: 85%;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 121px;
	background-image: url(assets/img/footer-bg.png);
	background-repeat: repeat-y;
	background-position: top left;
}

footer#site-footer:after {
	content: '';
	right: 0;
	transform: rotate(180deg);
	height: 85%;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 121px;
	background-image: url(assets/img/footer-bg.png);
	background-repeat: repeat-y;
	background-position: top left;
}

footer#site-footer .block-footer {
	width: 100%;
	height: auto;
	padding: 0px 6px;
	position: relative;
	z-index: 9;
}

footer#site-footer .block-footer .box {
	width: 100%;
	height: auto;
	padding: 40px;
}

footer#site-footer .block-footer .box {
	width: 100%;
	height: auto;
	padding: 40px;
	border-top: 2px solid #3c3c3c;
	margin-top: -2px;
}

footer#site-footer .block-footer .box .title {
	font-size: 17px;
	margin-bottom: 10px;
	color: #3c3c3c;
}

footer#site-footer .block-footer .box .title span {
	color: #969696;
	float: left;
	font-size: 11px;
}

footer#site-footer .block-footer .box .content {
	width: 100%;
	height: auto;
}

footer#site-footer .block-footer .box .content ul li {
	border-top: 1px solid #d5d5d5;
	padding: 15px 0px;
}

footer#site-footer .block-footer .box .content ul li:first-child {
	border-top: none;
}

footer#site-footer .block-footer .box .content ul li a {
	color: #5b5b5b;
	font-size: 12px;
}

footer#site-footer .block-footer .box .content ul li .view {
	color: #3c3c3c;
	float: right;
	margin-top: 10px;
	font-size: 11px;
	font-weight: bold;
}

footer#site-footer .block-footer .box .content ul li .view span {
	color: #474747;
	font-size: 12px;
	font-weight: 100;
}

footer#site-footer .block-footer .box .content ul li .like {
	float: left;
	color: #3f4040;
	margin-top: 10px;
	font-size: 12px;
}

footer#site-footer .block-footer .box .content ul li .like i {
	display: inline-block;
	margin-left: 5px;
	width: 15px;
	height: 15px;
	color: #b6b6b6;
}

footer#site-footer .block-footer .box .content ul li .like i:before {
	font-size: 15px;
}

footer#site-footer .block-footer .box .content ul li .dislike {
	float: left;
	color: #3f4040;
	margin-top: 10px;
	font-size: 12px;
	margin-right: 10px;
}

footer#site-footer .block-footer .box .content ul li .dislike i {
	display: inline-block;
	margin-left: 5px;
	width: 15px;
	height: 15px;
	color: #b6b6b6;
	transform: rotateX(180deg);
	line-height: 5px;
}

footer#site-footer .block-footer .box .content ul li .dislike i:before {
	font-size: 15px;
}

footer#site-footer .block-footer .box.blue {
	border-top: 2px solid #0564e7;
}

footer#site-footer .block-footer .box.blue .title {
	color: #0564e7;
}

footer#site-footer .block-footer .box.blue .content ul li .view {
	color: #0564e7;
}

footer#site-footer .block-footer .box.pink {
	border-top: 2px solid #c61954;
}

footer#site-footer .block-footer .box.pink .title {
	color: #c61954;
}

footer#site-footer .block-footer .box.pink .content ul li .view {
	color: #c61954;
}

footer#site-footer .block-footer .box.green {
	border-top: 2px solid #2ca152;
}

footer#site-footer .block-footer .box.green .title {
	color: #2ca152;
}

footer#site-footer .block-footer .box.green .content ul li .view {
	color: #2ca152;
}

footer#site-footer #copy {
	padding: 0px 0px 40px 0px;
	direction: ltr;
	color: #828282;
	font-size: 11px;
	line-height: 20px;
	position: relative;
	z-index: 9;
}

footer#site-footer #copy img {
	float: left;
	margin-right: 20px;
}

footer#site-footer #copy b {
	float: right;
	font-size: 13px;
	padding-top: 11px;
}

footer#site-footer #copy b span {
	color: #c61954;
}


/*--------Single--------*/

#single {
	width: 100%;
	height: auto;
}

#single #single-top {
	width: 100%;
	height: auto;
	min-height: 493px;
	padding-top: 43px;
	position: relative;
	box-shadow: inset 0px -10px 0px 10px #000;
	margin-bottom: 90px;
}

#single #single-top-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center 0px;
	background-size: cover;
	background-attachment: fixed;
	top: 0;
}

#single #single-top-bg:before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(assets/img/slider-bg.png);
	background-color: rgba(0, 0, 0, 0.8);
}

#single #single-top .pic {
	width: 100%;
	height: auto;
	margin-bottom: -70px;
	position: relative;
}

#single #single-top .pic:before {
	content: '';
	width: 110%;
	height: 0px;
	bottom: -1px;
	box-shadow: 0px 0px 12px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 5px 100px rgba(0, 0, 0, 0.2);
	border-radius: 100%;
	right: -5%;
	transform: rotateX(70deg);
}

#single #single-top .pic img {
	width: 100%;
	height: auto;
	margin-bottom: 0;
}

#single #single-top .block-single {
	padding-right: 30px;
	color: #fff;
}

#single #single-top .block-single .like {
	float: right;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 15px;
	padding: 7px 15px 5px;
	font-size: 11px;
	line-height: 15px;
	margin-left: 6px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

#single #single-top .block-single .like i {
	float: right;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	line-height: 9px;
}

#single #single-top .block-single .like i:before {
	font-size: 15px;
}

#single #single-top .block-single .like:hover {
	background-color: #20b752;
}

#single #single-top .block-single .dislike {
	float: right;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 15px;
	padding: 7px 15px 5px;
	font-size: 11px;
	line-height: 15px;
	margin-left: 6px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

#single #single-top .block-single .dislike:hover {
	background-color: #e91e63;
}

#single #single-top .block-single .dislike i {
	float: right;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	line-height: 15px;
	transform: rotate(180deg);
}

#single #single-top .block-single .dislike i:before {
	font-size: 15px;
}

#breadcrumb {
	color: rgba(255, 255, 255, 0.5);
	font-size: 11px;
	line-height: 15px;
	padding: 6px;
}

#breadcrumb strong {
	display: inline-block;
	color: rgba(255, 255, 255, 0.8);
	margin-right: 10px;
	margin-left: 10px;
}

#breadcrumb a {
	margin-right: 10px;
	margin-left: 10px;
	position: relative;
	display: inline-block;
}

#breadcrumb li {
	display: inline-block;
}

#breadcrumb a:before {
	content: '»';
	left: -10px;
	width: 5px;
	height: 0px;
	top: 0;
	bottom: 0;
	margin: auto;
	line-height: 0px;
}

#single #single-top .block-single .title {
	width: 100%;
	height: auto;
	padding: 15px 0px;
}

#single #single-top .block-single .title .name {
	color: #fff;
	font-size: 16px;
}

#single #single-top .block-single .title .name span {
	float: left;
	letter-spacing: 2px;
}

#single #single-top .block-single .title h2 {
	color: #e91e63;
	font-size: 33px;
}

#single #single-top .block-single .title h2 span {
	float: left;
	text-transform: uppercase;
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 50px;
}

#single #single-top .block-single .attr {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 15px;
}

#single #single-top .block-single .attr > span {
	float: right;
	background-color: #5d5d5d;
	margin-left: 3px;
	border-radius: 3px;
	padding: 4px 7px 4px;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height: 15px;
}

#single #single-top .block-single .attr span.top {
	background-color: #e91e63;
	font-weight: bold;
}

#single #single-top .block-single .attr span.top i {
	width: 15px;
	height: 15px;
	line-height: 13px;
	float: left;
	margin-right: 5px;
}

#single #single-top .block-single .attr span.top i:before {
	font-size: 15px;
}

#single #single-top .block-single .attr .view {
	color: #e91e63;
	font-size: 21px;
	float: left;
	font-weight: bold;
	line-height: 24px;
}

#single #single-top .block-single .attr .view span {
	color: #fff;
	line-height: 10px;
	font-size: 15px;
	font-weight: 100;
}

#single #single-top .block-single .info {
	margin-bottom: 15px;
}

#single #single-top .block-single .info li {
	padding: 7.5px 0px;
	font-size: 13px;
}

#single #single-top .block-single .download {
	width: 100%;
	height: auto;
}

#single #single-top .block-single .download a {
	display: inline-block;
	background-color: #e1e1e1;
	color: #353535;
	border-radius: 3px;
	margin-left: 3px;
	margin-bottom: 3px;
	padding: 14px 10px;
	font-size: 12px;
	letter-spacing: 0.3px;
	box-shadow: inset 0px 0px 3px -1px #fff;
	transition: all 0.3s ease-in-out;
}

#single #single-top .block-single .download a:hover {
	box-shadow: none;
}

#single #single-top .block-single .download a.green {
	background-color: #20b752;
	color: #fff;
}

#single #single-top .block-single .download a.pink {
	background-color: #e91e63;
	color: #fff;
}

#single #single-top .block-single .download a i {
	float: right;
	width: 17px;
	height: 17px;
	margin-left: 10px;
	line-height: 17px;
}

#single #single-top .block-single .download a i:before {
	font-size: 17px;
}

#single > div > .content {
	color: #9d9d9d;
	line-height: 25px;
	font-size: 13px;
	margin-bottom: 20px;
}

#single .wprp_report_link {
	text-align: left;
	direction: ltr;
}

#single .wprp_report_link i {
	float: left;
	margin-right: 5px;
	width: 12px;
	height: 12px;
}

#single .wprp_report_link i:before {
	font-size: 12px;
}

#single .wprp_form {
	width: 100%;
	height: auto;
}

#single .wprp_form textarea {
	width: 100%;
	height: auto;
	border-radius: 3px;
}

#single .wprp_form td {
	padding: 5px;
}

#single .wprp_form input[type="submit"] {
	background-color: rgb(29, 29, 29);
	color: rgb(255, 255, 255);
	padding: 5px 10px;
	border-radius: 3px;
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
	float: left;
}

#single > div > .content img {
	display: none;
}

#single .musicvideo {
	min-height: 515px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 20px;
}

#single .musicvideo video {
	width: 100%;
	height: auto;
}

#single .albume {
	background-color: #3e3e3e;
	color: #fff;
	margin-bottom: 20px;
}

#single .albume .title {
	padding: 25px;
	font-size: 23px;
	overflow: hidden;
}

#single .albume .title i {
	float: right;
	width: 28px;
	height: 30px;
	margin-left: 20px;
	line-height: 30px;
}

#single .albume .title i:before {
	font-size: 30px;
}

#single .albume .title a {
	float: left;
	background-color: #5a5a5a;
	color: #fff;
	border-radius: 3px;
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
	font-size: 13px;
	padding: 10px 15px;
	margin-right: 10px;
}

#single .albume .title a:nth-child(2n) {
	background-color: #ffc21f;
	color: #424242;
}

#single .albume .title a:hover {
	position: relative;
	top: 2px;
	box-shadow: none;
}

#single .albume ol {
	background-color: #454545;
	padding: 17px;
	counter-reset: li-counter;
}

#single .albume ol li {
	background-color: #515151;
	margin-bottom: 4px;
	position: relative;
	font-size: 15px;
	font-weight: bold;
	line-height: 19px;
	overflow: hidden;
}

#single .albume ol li:before {
	content: counter(li-counter);
	counter-increment: li-counter;
	width: 40px;
	height: 100%;
	background-color: #3e3e3e;
	color: #fff;
	line-height: 40px;
	right: 0;
	top: 0;
	text-align: center;
	font-size: 12px;
}

#single .albume ol li:last-child {
	margin-bottom: 0px;
}

#single .albume ol li span {
	padding: 9px 60px 9px 9px;
	display: inline-block;
}

#single .albume ol li .dl-albume {
	float: left;
	padding: 9px 20px;
	background-color: #5a5a5a;
	font-size: 10px;
}

#single .albume ol li .dl-albume i {
	float: right;
	width: 12px;
	height: 12px;
	margin-left: 8px;
	line-height: 16px;
	font-weight: 100;
}

#single .albume ol li .dl-albume i:before {
	font-size: 12px;
}

#single .albume ol li .play-albume {
	float: left;
	padding: 9px 20px;
	background-color: #e91e63;
	font-size: 10px;
}

#single .albume ol li .play-albume .mejs-audio {
	float: right;
	width: 12px !important;
	height: 12px !important;
	margin-left: 8px;
}

#single .albume ol li .play-albume .mejs-audio .mejs-play:before {
	font-size: 10px;
	margin-left: 0;
	margin-right: -20px;
	margin-top: 0px;
	color: #fff;
}

#single .albume ol li .play-albume .mejs-audio .mejs-pause:before {
	font-size: 10px;
	margin-left: 0;
	margin-right: -20px;
	margin-top: 0px;
	color: #fff;
}

#single .albume ol li .play-albume button {
	float: right;
	width: 12px;
	height: 12px;
	margin-left: 8px;
	line-height: 17px;
	font-weight: 100;
	background: transparent;
	border: none;
}

#single .albume ol li .play-albume button:before {
	font-size: 12px;
}

#single .albume .buyalbume {
	padding: 15px 25px;
	font-size: 12px;
	color: #fff;
}

#single .albume .buyalbume a {
	display: inline-block;
	color: #fff;
	background-color: #646464;
	padding: 8px 25px;
	font-size: 14px;
	border-radius: 3px;
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
	margin-right: 10px;
}

#single .albume .buyalbume a:hover {
	position: relative;
	top: 2px;
	box-shadow: none;
}

#single .albume .buyalbume a i {
	float: right;
	width: 18px;
	height: 18px;
	margin-left: 10px;
	color: #fff;
	line-height: 18px;
}

#single .albume .buyalbume a i:before {
	font-size: 18px;
}

#single .box-dl {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	background-color: #ffffff;
	box-shadow: 0px 2px 0px 0px #c1c1c1;
	border-radius: 3px;
	position: relative;
}

#single .box-dl ul {
	width: 20%;
	min-height: 365px;
}

#single .box-dl ul > .title {
	color: #e91e63;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	padding: 26px;
}

#single .box-dl ul > .title i {
	display: inline-block;
	width: 33px;
	height: 20px;
	line-height: 26px;
	margin-left: 15px;
	color: #e91e63;
	font-weight: 100;
}

#single .box-dl ul > .title i:before {
	font-size: 33px;
}

#single .box-dl ul li {
	width: 100%;
	height: auto;
	border-top: 1px solid #e9e9e9;
	color: #494949;
	padding: 10px 25px;
	font-size: 14px;
	cursor: pointer;
}

#single .box-dl ul li.active-boxdl {
	background-color: #dddddd;
}

#single .box-dl ul li:nth-child(2) .subcontent {
	display: block;
}

#single .box-dl ul li:last-child {
	border-bottom: 1px solid #e9e9e9;
}

#single .box-dl ul li .subcontent {
	display: none;
	width: 80%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #dddddd;
	border-radius: 3px 0px 0px 3px;
}

#single .box-dl ul li .subcontent .title {
	color: #363636;
	font-size: 17px;
	padding: 28px 30px;
}

#single .box-dl ul li .subcontent .title a {
	float: left;
	font-size: 14px;
	color: #464646;
	line-height: 24px;
}

#single .box-dl ul li .subcontent .title a i {
	float: right;
	width: 18px;
	height: 18px;
	line-height: 21px;
	color: #7a6d71;
	margin-left: 10px;
}

#single .box-dl ul li .subcontent .title a i:before {
	font-size: 18px;
}

#single .box-dl ul li .subcontent .content {
	width: 100%;
	height: auto;
	padding: 0px 30px;
}

#single .box-dl ul li .subcontent .content a {
	background-color: #f2f2f2;
	box-shadow: 0px 1px 0px 0px #b1b1b1;
	border-radius: 3px;
	padding: 11px 15px;
	color: #494949;
	font-size: 13px;
	display: block;
	margin: 3px 6px;
}

#single .box-dl ul li .subcontent .content a:hover {
	box-shadow: none;
	position: relative;
	top: 1px;
}

#single .box-dl ul li .subcontent .content a i {
	float: right;
	width: 17px;
	height: 17px;
	margin-left: 15px;
	line-height: 17px;
	color: #e91e63;
	font-weight: 100;
}

#single .box-dl ul li .subcontent .content a i:before {
	font-size: 21px;
}

#single .lirics {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	background-color: #fffcf0;
	border-radius: 3px;
	box-shadow: 0px 2px 0px 0px #c1c1c1;
	padding: 28px 28px 20px;
}

#single .lirics .title {
	color: #6a5e2e;
}

#single .lirics .title b {
	margin-right: 2px;
	font-size: 16px;
}

#single .lirics .title a {
	float: left;
	font-size: 15px;
}

#single .lirics .title a i {
	float: right;
	width: 21px;
	height: 21px;
	color: #6a5e2e;
	margin-left: 10px;
	line-height: 21px;
}

#single .lirics .title a i:before {
	font-size: 21px;
}

#single .lirics .content {
	background-color: #f8f4e6;
	padding: 10px;
	margin: 15px 0px;
	height: 250px;
	overflow: hidden;
	text-align: center;
	color: #6a5e2e;
	font-size: 13px;
	line-height: 27px;
}

#single .lirics .content .jspVerticalBar {
	right: unset;
	left: 0;
	width: 7px;
}

#single .lirics .content .jspVerticalBar .jspTrack {
	background-color: #e1dac0;
}

#single .lirics .content .jspVerticalBar .jspTrack .jspDrag {
	background-color: #aca37f;
}

#single .lirics > span {
	text-align: left;
	display: block;
	color: #998c59;
	font-size: 12px;
}

#single .lirics > span b {
	font-weight: 100;
	color: #6a5e2e;
}

#single .box-relate {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

#single .box-relate .title {
	width: 100%;
	height: auto;
	color: #525152;
	padding: 0px 30px;
}

#single .box-relate .title a {
	border-bottom: 2px solid #b6b6b6;
	font-size: 17px;
	display: inline-block;
	margin-bottom: -2px;
	padding: 10px;
}

#single .box-relate .content {
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0px 2px 0px 0px #c1c1c1;
	padding: 12px;
}

#single .box-relate .content .relate-post {
	padding: 4px;
	position: relative;
}

#single .box-relate .content .relate-post img {
	width: 100%;
	height: auto;
	margin-bottom: 0;
	box-shadow: 0px 0px 1px 0px #b6b6b6;
}

#single .box-relate .content .relate-post span {
	position: absolute;
	top: 19px;
	right: 19px;
	background-color: #000000;
	color: #fff;
	border-radius: 3px;
	padding: 4px 5px 3px;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 13px;
}

#single .ads-single {
	padding: 15px;
	background-color: #fff;
	box-shadow: 0px 2px 0px 0px #c1c1c1;
	border-radius: 3px;
	margin-bottom: 20px;
	text-align: center;
}

#single .ads-single img {
	margin: 14px;
}

#comment {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

#comment > .title {
	width: 100%;
	height: auto;
	color: #525152;
	padding: 0px 30px;
}

#comment .nocomments {
	background-color: rgb(255, 255, 255);
	padding: 10px;
	border-radius: 3px;
	box-shadow: 0px 2px 0px 0px rgb(204, 204, 204);
	color: rgb(85, 85, 85);
}

#comment > .title a {
	border-bottom: 2px solid #b6b6b6;
	font-size: 17px;
	display: inline-block;
	margin-bottom: -2px;
	padding: 10px;
}

#comment > div > ul {
	width: 100%;
	height: auto;
	background-color: #ffffff;
	border-radius: 3px;
	box-shadow: 0px 2px 1px 0px #c1c1c1;
	padding: 20px 25px;
}

#comment > div > ul li .comment-c {
	background-color: #f7f7f7;
	padding: 15px 20px;
	border-radius: 3px;
	box-shadow: 0px 1px 0px 0px #dddddd;
	margin-bottom: 13px;
	position: relative;
}

#comment > div > ul li .comment-c .title {
	color: #3a3a3a;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
	padding-right: 80px;
}

#comment > div > ul li .comment-c .ldc-cmt-box > span:nth-child(1) {
	padding: 5px 10px 0px;
	display: inline-block;
	margin-left: 15px;
	background-color: #ffffff;
	border-radius: 3px;
	box-shadow: 0px 2px 0px 0px #e4e4e4;
	line-height: 25px;
	font-size: 12px;
	font-weight: 100;
	direction: ltr;
	position: absolute;
	top: 10px;
	cursor: pointer;
}

#comment > div > ul li .comment-c .ldc-cmt-box > span:nth-child(1) i {
	float: right;
	width: 15px;
	height: 15px;
	color: #54c87b;
	margin-left: 7px;
	line-height: 20px;
}

#comment > div > ul li .comment-c .ldc-cmt-box > span:nth-child(1) i:before {
	font-size: 14px;
}

#comment > div > ul li .comment-c .ldc-cmt-box > span:nth-child(2) {
	display: none;
}

#comment > div > ul li .comment-c .title time {
	float: left;
	color: #b4b4b4;
	font-size: 11px;
	font-weight: 100;
	line-height: 30px;
}

#comment > div > ul li .comment-c p {
	color: #2c2c2c;
	font-size: 13px;
	line-height: 25px;
	margin-bottom: 10px;
}

#comment > div > ul li .comment-c a {
	color: #a7a7a7;
	font-size: 11px;
	margin: 0px 0px 0px 10px;
	display: inline-block;
}

#comment > div > ul li ul li .comment-c {
	background-color: #f8fffa;
	color: #27673c;
	box-shadow: 0px 1px 0px 0px #bcd4c3;
}

#comment > div > ul li ul li .comment-c .title {
	color: #27673c;
}

#comment > div > ul li ul li .comment-c .title time {
	color: #5f9f74;
}

#comment > div > ul li ul li .comment-c a {
	color: #7ca489;
}

#comment form {
	width: 100%;
	margin-right: 8px;
	background-color: #f6f6f6;
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
	padding: 20px;
	border-radius: 3px;
}

#comment form input[type="text"] {
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0px 1px 0px 0px #c5c5c5;
	margin-bottom: 10px;
	color: #000;
	border-radius: 3px;
	padding: 10px;
	font-weight: bold;
}

#comment form textarea {
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0px 1px 0px 0px #c5c5c5;
	margin-bottom: 10px;
	color: #000;
	border-radius: 3px;
	padding: 10px;
	min-height: 275px;
	font-weight: bold;
}

#comment form button {
	background-color: #e9e9e9;
	color: #737373;
	box-shadow: 0px 1px 0px 0px #c5c5c5;
	border-radius: 3px;
	padding: 5px 15px;
	float: left;
	border: none;
	font-family: 'IRANSans';
}

.tag {
	padding: 20px 0px 0px;
	line-height: 20px;
	font-size: 12px;
	color: #b8b8b8;
}

.tag a {
	color: #b8b8b8;
}


/*--------Single--------*/


/*--------Page--------*/

#page {
	width: 100%;
	padding-top: 100px;
}

#page #breadcrump a {
	color: #525252;
}

#page #breadcrump span {
	color: #888888;
}

#page .page {
	background-color: #ffffff;
	box-shadow: 0px 1px 0px 0px #c1c1c1;
	border-radius: 3px;
	margin-bottom: 20px;
}

#page .page > .title {
	padding: 22px 25px 17px;
	border-bottom: 1px solid #dedede;
	font-size: 16px;
	line-height: 24px;
}

#page .page > .title a {
	border-bottom: 1px solid #e91e63;
	margin-bottom: -1px;
	padding-bottom: 15px;
}

#page .page .content {
	padding: 20px 30px;
	color: #222222;
	font-size: 13px;
	line-height: 30px;
}

#page .page .content form label {
	font-size: 14px;
	color: #222222;
}

#page .page .content form input {
	width: 100%;
	height: auto;
	background-color: #f3f3f3;
	border-radius: 3px;
	margin-bottom: 8px;
	padding: 7px 10px;
}

#page .page .content form textarea {
	width: 100%;
	height: auto;
	min-height: 160px;
	background-color: #f3f3f3;
	border-radius: 3px;
	margin-bottom: 8px;
	padding: 10px;
}

#page .page .content form input[type='submit'] {
	float: left;
	background-color: #38b51f;
	border-radius: 3px;
	color: #fff;
	box-shadow: 0px 2px 0px 0px #206612;
	border: none;
	font-family: 'IRANSans';
	padding: 5px 20px;
	font-size: 13px;
	margin-bottom: 10px;
}

#page .page .content form input[type='submit']:hover {
	position: relative;
	top: 2px;
	box-shadow: none;
}

#page .page .content h3 {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	overflow: hidden;
	margin-bottom: 15px;
}

#page .page .content h3 a {
	background-color: #fff;
	padding: 5px 15px;
	color: #e91e63;
	display: inline-block;
	position: relative;
	line-height: 25px;
}

#page .page .content h3:before {
	content: '..........................................................................................................................................................................................................................................................................................';
	color: #e1e1e1;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
}

#page .page .block-page {
	width: 100%;
	height: auto;
	padding: 15px;
	text-align: center;
}

#page .page .block-page .pic {
	margin: auto;
	display: block;
	min-height: 115px;
}

#page .page .block-page img {
	margin: auto;
	display: block;
}

#page .page .block-page .title {
	color: #222222;
	font-size: 13px;
}

#page .page .block-page .title span {
	color: #222222;
	display: block;
	text-transform: uppercase;
	font-size: 11px;
}


/*--------Page--------*/


/*--------Artist--------*/

#single .box-dl-artist {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	background-color: #ffffff;
	box-shadow: 0px 2px 0px 0px #c1c1c1;
	border-radius: 3px;
	position: relative;
}

#single .box-dl-artist ul {
	width: 20%;
	min-height: 530px;
}

#single .box-dl-artist ul > .title {
	color: #e91e63;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	padding: 26px;
}

#single .box-dl-artist ul li {
	width: 100%;
	height: auto;
	border-top: 1px solid #e9e9e9;
	color: #494949;
	padding: 10px 25px;
	font-size: 14px;
	cursor: pointer;
}

#single .box-dl-artist ul li.active-boxdl {
	background-color: #fafafa;
	color: #e91e63;
}

#single .box-dl-artist ul li:nth-child(2) .subcontent {
	display: block;
}

#single .box-dl-artist ul li:last-child {
	border-bottom: 1px solid #e9e9e9;
}

#single .box-dl-artist ul li .subcontent {
	display: none;
	width: 80%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fafafa;
	border-radius: 3px 0px 0px 3px;
}

#single .box-dl-artist ul li .subcontent .title {
	color: #959595;
	font-size: 17px;
	padding: 28px 30px;
}

#single .box-dl-artist ul li .subcontent .title a {
	float: left;
	font-size: 14px;
	color: #454040;
	line-height: 24px;
}

#single .box-dl-artist ul li .subcontent .content {
	width: 100%;
	height: auto;
	padding: 0px 30px;
}

#single .box-dl-artist ul li .subcontent .content a {
	background-color: #fff;
	box-shadow: 0px 1px 0px 0px #e1e1e1;
	border-radius: 3px;
	padding: 9px 15px;
	color: #494949;
	font-size: 13px;
	display: block;
	margin: 3px 6px;
}

#single .box-dl-artist ul li .subcontent .content a i {
	float: right;
	width: 10px;
	height: 10px;
	margin-left: 10px;
}

#single #single-top .block-single .expert {
	width: 100%;
	height: auto;
	line-height: 35px;
	font-size: 13px;
}


/*--------Artist--------*/


/*--------404--------*/

#page404 {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #2a2a2a;
	background-image: url(assets/img/page404.png);
	background-repeat: no-repeat;
	background-position: 30% center;
}

#page404 .box-center {
	width: 550px;
	height: 645px;
	position: absolute;
	top: 0;
	left: 35%;
	right: 0;
	bottom: 0;
	margin: auto;
}

#page404 .box-center .player404 {
	width: 100%;
	height: 100%;
	position: absolute;
	padding: 25px;
	color: #fff;
	background-color: #313131;
	box-shadow: 0px -100px 0px 0px #161616 inset;
}

#page404 .box-center .player404 .title {
	font-size: 25px;
	text-align: center;
	margin-bottom: 12px;
}


/*--------404--------*/

.pageNavi {
	width: 100%;
	height: auto;
	padding: 10px;
	margin: 15px 0px;
	background-color: rgb(255, 255, 255);
	border-radius: 3px;
	box-shadow: 0px 2px 0px 0px #c1c1c1;
	color: #464646;
}

.pageNavi a {
	padding: 0px 10px 5px;
	display: inline-block;
}

.pageNavi a.next {
	padding: 4px 0px 5px 15px;
	display: inline-block;
	height: 23px;
	color: #c61954;
	transform: rotate(180deg);
	line-height: 0px;
}

.pageNavi a.next:before {
	content: "\f105";
	font-family: "Flaticon";
}

.pageNavi a.prev {
	padding: 5px 5px 5px 15px;
	display: inline-block;
	height: 23px;
	color: #c61954;
	line-height: 25px;
}

.pageNavi a.prev:before {
	content: "\f105";
	font-family: "Flaticon";
}

.pageNavi span {
	padding: 0px 10px 5px;
	display: inline-block;
	color: #c61954;
}


/*--------Category--------*/

#category-title {
	width: 100%;
	height: auto;
	min-height: 170px;
	background-position: center -270px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	margin-bottom: 15px;
}

#category-title .on {
	width: 100%;
	height: 170px;
	background-image: url(assets/img/slider-bg.png);
	background-color: rgba(0, 0, 0, 0.5);
	direction: ltr;
	padding: 40px 0px;
}

#category-title .on span {
	color: #fff;
	display: block;
	font-size: 20px;
	letter-spacing: 2px;
}

#category-title .on .title {
	color: #e91e63;
	font-size: 50px;
	font-weight: bold;
	line-height: 50px;
}


/*--------Category--------*/


/*--------MenuMobile--------*/

#site-header.header-scroll .fixedMenu {
	top: 14px;
}

#site-header .fixedMenu {
	color: #fff;
	width: 25px;
	height: 25px;
	position: fixed;
	top: 27px;
	right: 10px;
	display: none;
	z-index: 99999;
	text-align: center;
	line-height: 29px;
	font-size: 18px;
	background-color: #E91E63;
	transition: all 0.3s ease-in-out;
}

#menuIsResp {
	top: 0;
	right: 0;
	z-index: 1;
	color: rgba(255, 255, 255, .6);
	width: 290px;
	height: 100%;
	position: fixed;
	overflow: hidden;
	overflow-y: auto;
	background-color: #1D1D1D;
	transform: translateX(290px);
	-webkit-transform: translateX(290px);
	direction: rtl;
	font-family: 'IRANSans';
	font-size: 13px;
}

#menuIsResp input {
	outline: 0;
	width: 100%;
	border: none;
	display: block;
	font-size: 13px;
	padding: 5px 15px;
	line-height: 30px;
	margin: 0px auto 20px;
	background-color: rgba(255, 255, 255, .05);
	color: rgba(255, 255, 255, .5);
}

#menuIsResp h3 {
	font-size: 12px;
	font-weight: 300;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 25px;
	color: rgba(255, 255, 255, .3);
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	z-index: 999;
}

#menuIsResp h3 > i {
	left: 20px;
	cursor: pointer;
	position: absolute;
	background-color: #E91E63;
	width: 15px;
	height: 15px;
	color: #fff;
	transform: rotate(45deg);
}

#menuIsResp > ul {
	float: left;
	width: calc(100% - 30px)
}

#menuIsResp ul li {
	line-height: 40px;
	padding: 0 10px 0 0;
	border-bottom: 1px solid rgba(255, 255, 255, .3);
}

#menuIsResp ul li .submenuhas {
	float: left;
	width: 50px;
	height: 40px;
	display: block;
	text-align: center;
	color: rgba(255, 255, 255, .3);
	transition: all .3s linear;
	-webkit-transition: all .3s linear
}

#menuIsResp ul li ul {
	display: none
}

#menuIsResp ul li ul li {
	border-bottom: none;
	border-right: 1px solid rgba(0, 0, 0, 0.5)
}

#menuIsResp ul li.open .submenuhas {
	opacity: 0
}

#menuIsResp ul li.open > ul {
	display: block;
}

html.menusIs {
	overflow: hidden
}

html.menusIs #menuIsResp {
	z-index: 999;
	transform: translateX(0);
	-webkit-transform: translateX(0)
}

html.menusIs .pullToLeft {
	z-index: 5;
	position: relative;
	transform: translateX(-290px);
	-webkit-transform: translateX(-290px);
	box-shadow: 2px 5px 10px rgba(0, 0, 0, .25)
}


/*--------MenuMobile--------*/

.ads-player {
	width: 100%;
	height: 85px;
	background-color: #3e3e3e;
	color: #fff;
	position: relative;
	overflow: hidden;
}

.ads-player div.audio-player {
	position: relative;
	float: right;
	width: 100%;
	padding: 40px 120px 5px 120px;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
}

.ads-player .mejs-controls .mejs-play:before {
	left: 14px;
	margin-top: 8px;
	margin-left: 0px;
	color: #fff;
}

.ads-player .mejs-controls .mejs-play button,
.ads-player .mejs-controls .mejs-pause button {
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0);
}

.ads-player .mejs-controls .mejs-pause:before {
	left: 13px;
	margin-top: 10px;
	margin-left: 0px;
	color: #fff;
}

.ads-player .mejs-button {
	position: relative;
}

.ads-player img {
	position: absolute;
	left: 0px;
	width: 105px;
	top: -10px;
}

.ads-player .title {
	position: absolute;
	left: 135px;
	top: 5px;
	font-size: 12px;
	line-height: 22px;
}

.ads-player .title span {
	display: block;
	float: none;
	text-align: left;
	font-size: 19px;
	font-weight: bold;
}

.ads-player a {
	position: absolute;
	right: 34px;
	top: 26px;
	font-size: 13px;
	line-height: 35px;
	background-color: #ffc21f;
	width: 100px;
	height: 33px;
	color: #3e3e3e;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0px 2px 0px 0px #2b2b2b;
}

.ads-player a:hover {
	top: 28px;
	box-shadow: none;
}

.social {
	width: 100%;
	height: auto;
	background-color: #ffffff;
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	border-radius: 3px;
}

.social i {
	float: left;
	width: 16.666666%;
	height: 46px;
	padding: 15px 20px;
	font-size: 17px;
	transition: all 0.3s ease-in-out;
}

.social i:hover {
	background-color: #f1f1f1;
}

.social i.social-facebook {
	color: #4874c5;
}

.social i.social-gplus {
	color: #ec3f30;
}

.social i.social-insagram {
	background-image: url(assets/img/insta.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.social i.social-telegram {
	color: #28a0d2;
}

.social i.social-rss {
	color: #f1ab1c;
}

.social i.social-twitter {
	color: #00d8ff;
}


/*--------Top--------*/

.tops .tops-post img {
	width: 100%;
	max-height: 320px;
}

.tops .tops-post .title {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0px;
	font-size: 11px;
	background-color: rgba(0,0,0,0.8);
	padding: 10px 15px;
	color: #fff;
	transition: all 0.3s ease-in-out;
}

.tops .tops-post:hover .title {
	background-color: rgba(0,0,0,1);
}

.tops .tops-post span {
	direction: ltr;
	font-size: 13px;
	height: 1px;
	color: #fff;
	display: block;
	position: absolute;
	top: 0;
	bottom: 70px;
	margin: auto;
	left: 0;
	right: 0;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	text-align: center;
	width: 100%;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.09), 0px 2px 0px rgba(255, 255, 255, 0.08), 0px 3px 0px rgba(255, 255, 255, 0.07), 0px 4px 0px rgba(255, 255, 255, 0.06), 0px 5px 0px rgba(255, 255, 255, 0.05), 0px 6px 0px rgba(255, 255, 255, 0.04), 0px 7px 0px rgba(255, 255, 255, 0.03), 0px 8px 0px rgba(255, 255, 255, 0.02), 0px 9px 0px rgba(255, 255, 255, 0.01), 0px -1px 0px rgba(255, 255, 255, 0.09), 0px -2px 0px rgba(255, 255, 255, 0.08), 0px -3px 0px rgba(255, 255, 255, 0.07), 0px -4px 0px rgba(255, 255, 255, 0.06), 0px -5px 0px rgba(255, 255, 255, 0.05), 0px -6px 0px rgba(255, 255, 255, 0.04), 0px -7px 0px rgba(255, 255, 255, 0.03), 0px -8px 0px rgba(255, 255, 255, 0.02), 0px -9px 0px rgba(255, 255, 255, 0.01), 1px 0px 0px rgba(255, 255, 255, 0.09), 2px 0px 0px rgba(255, 255, 255, 0.08), 3px 0px 0px rgba(255, 255, 255, 0.07), 4px 0px 0px rgba(255, 255, 255, 0.06), 5px 0px 0px rgba(255, 255, 255, 0.05), 6px 0px 0px rgba(255, 255, 255, 0.04), 7px 0px 0px rgba(255, 255, 255, 0.03), 8px 0px 0px rgba(255, 255, 255, 0.02), 9px 0px 0px rgba(255, 255, 255, 0.01), -1px 0px 0px rgba(255, 255, 255, 0.09), -2px 0px 0px rgba(255, 255, 255, 0.08), -3px 0px 0px rgba(255, 255, 255, 0.07), -4px 0px 0px rgba(255, 255, 255, 0.06), -5px 0px 0px rgba(255, 255, 255, 0.05), -6px 0px 0px rgba(255, 255, 255, 0.04), -7px 0px 0px rgba(255, 255, 255, 0.03), -8px 0px 0px rgba(255, 255, 255, 0.02), -9px 0px 0px rgba(255, 255, 255, 0.01), 1px 1px 0px rgba(255, 255, 255, 0.09), 2px 2px 0px rgba(255, 255, 255, 0.08), 3px 3px 0px rgba(255, 255, 255, 0.07), 4px 4px 0px rgba(255, 255, 255, 0.06), 5px 5px 0px rgba(255, 255, 255, 0.05), 6px 6px 0px rgba(255, 255, 255, 0.04), 7px 7px 0px rgba(255, 255, 255, 0.03), 8px 8px 0px rgba(255, 255, 255, 0.02), 9px 9px 0px rgba(255, 255, 255, 0.01), -1px -1px 0px rgba(255, 255, 255, 0.09), -2px -2px 0px rgba(255, 255, 255, 0.08), -3px -3px 0px rgba(255, 255, 255, 0.07), -4px -4px 0px rgba(255, 255, 255, 0.06), -5px -5px 0px rgba(255, 255, 255, 0.05), -6px -6px 0px rgba(255, 255, 255, 0.04), -7px -7px 0px rgba(255, 255, 255, 0.03), -8px -8px 0px rgba(255, 255, 255, 0.02), -9px -9px 0px rgba(255, 255, 255, 0.01), 1px -1px 0px rgba(255, 255, 255, 0.09), 2px -2px 0px rgba(255, 255, 255, 0.08), 3px -3px 0px rgba(255, 255, 255, 0.07), 4px -4px 0px rgba(255, 255, 255, 0.06), 5px -5px 0px rgba(255, 255, 255, 0.05), 6px -6px 0px rgba(255, 255, 255, 0.04), 7px -7px 0px rgba(255, 255, 255, 0.03), 8px -8px 0px rgba(255, 255, 255, 0.02), 9px -9px 0px rgba(255, 255, 255, 0.01), -1px 1px 0px rgba(255, 255, 255, 0.09), -2px 2px 0px rgba(255, 255, 255, 0.08), -3px 3px 0px rgba(255, 255, 255, 0.07), -4px 4px 0px rgba(255, 255, 255, 0.06), -5px 5px 0px rgba(255, 255, 255, 0.05), -6px 6px 0px rgba(255, 255, 255, 0.04), -7px 7px 0px rgba(255, 255, 255, 0.03), -8px 8px 0px rgba(255, 255, 255, 0.02), -9px 9px 0px rgba(255, 255, 255, 0.01);
}

.tops .tops-post:hover span {
	opacity: 1;
}

/*
Theme Name: YazdMusic Custom Style Wiki-Seda
*/
.tk-release{Display:Block;Margin-Top:77px;Padding:15px 5px 15px 5px;Background:#3498db;Color:#ffffff;Font-Family:IRANSans;Text-Align:Center;Overflow:Hidden;}
.tk-special{Display:Block;Margin:0px 0px 20px 0px;Text-Align:Center;Overflow:Hidden;}
.tk-special .tk-special-item li{Position:Relative;Display:Inline-Block;Margin:5px;Width:18.8%;Height:Auto;Border:1px Solid #333333;Border-Radius:3px;Transition-Duration:0.2s;Overflow:Hidden;}
.tk-special .tk-special-item li img{Float:Right;Width:100%;Height:Auto;Transition-Duration:0.2s;}
.tk-special .tk-special-item li .tk-special-body{Position:Absolute;Bottom:0;Right:0;Margin:10px;Padding:5px;Background:Rgba(0,0,0,0.8);Font-Size:10px;Color:#ffffff;Border-Radius:3px;Transition-Duration:0.2s;Overflow:Hidden;}
.tk-special .tk-special-item li:hover{Border-Color:#e91e63;}
.tk-special .tk-special-item li:hover img{transform:scale(1.05);}
.tk-special .tk-special-item li:hover .tk-special-body{Background:#e91e63;}
.tk-content-seo{Display:Block;Margin:0px 5px 10px 5px;Padding:5px;Background:#ffffff;Text-Align:Center;Border-Bottom:2px Solid #cccccc;Border-Radius:3px;Overflow:Hidden;}
.tk-content-seo h1{Margin:10px 0px 10px 0px;Font-Size:20px;Color:#3498db;}
.tk-content-seo h2{Margin:10px 0px 5px 0px;Font-Weight:Normal;Font-Size:14px;Color:#747474;}
.tk-tab-list{Margin:10px 0px 0px 0px;Text-Align:Center;Overflow:Hidden;}
.tk-tab-list li{Display:Inline-Block;Margin:0px 1px 0px 1px;Width:30%;Border-Radius:5px;}
.tk-tab-list li a{Display:Inline-Block;Padding:5px 0px 5px 0px;Width:100%;Background:#232323;Font-Size:12px;Font-Weight:Bold;Color:#ffffff;Border-Radius:3px;Transition-Duration:0.2s;}
.tk-tab-list li a:hover,.tk-tab-list li.active a,.tk-tab-list li.active,.tk-tab-list li.active a:hover,.tk-tab-list li.active:hover{Background:#e91e63;Color:#ffffff;}
.tk-tab-list li.active a{Cursor:Not-Allowed;}
.sidebar-hits .content .tab{Display:None;}
.sidebar-hits .content .active{Display:Block;}
.sidebar-hits .content ul li a{Display:Block;Background:#ffffff;Padding:10px 10px 10px 10px;Font-Size:13px;Color:#333333;Text-Align:Right;Border-Bottom:1px Solid #e9e9e9;Overflow:Hidden;}
.sidebar-hits .content ul li:nth-last-child(1) a{Border-Radius:0px 0px 3px 3px;}
.sidebar-hits .content ul li a:hover{Color:#e91e63;}
.sidebar-hits .content ul.tk-list-singer li{Float:Right;Width:50%;}
.sidebar-hits .content ul.tk-list-singer li:nth-child(odd) a{Border-Left:1px Solid #e9e9e9;}
.sidebar-hits .content ul.tk-list-singer li:nth-last-child(1) a{Border-Radius:0px 0px 0px 3px;}
.sidebar-hits .content ul.tk-list-singer li:nth-last-child(2) a{Border-Radius:0px 0px 3px 0px;}
main{Padding-Top:0px;}
main #content .block-post .post .more .back{Opacity:1;}
main #content .block-post .post .pic .on b{Float:Right;Letter-Spacing:Normal !important;}
main #content .block-post .post .pic .on span{Float:Right;Margin-Right:0px;Margin-Left:3px;}
#single #single-top .block-single .title h2{Font-Size:16px;Line-Height:50px;}
#single #single-top .block-single .title h2 span{Font-Size:16px;}
#single .box-relate .title span a{Color:#e91e63;Border-Bottom-Color:#e91e63;}
.block-single{Margin-Top:80px;}
.audio-player-m{Display:None;Margin:-50px 0px 20px 0px;Text-Align:Center;}
.audio-player-m audio{Width:80%;}
.kksr-muted{Font-Size:11px;}
.kksr-legend{Font-Size:11px !important;}
@media screen and (max-width:1280px){
.tk-special .tk-special-item li{Width:18.5%;}}
@media screen and (max-width:980px){
.tk-special .tk-special-item li{Margin:4px;Width:23%;}
.tk-special .tk-special-item li:nth-child(9),.tk-special .tk-special-item li:nth-child(10){Display:None;}}
@media screen and (max-width:840px){
.tk-release{Margin-Bottom:15px;}
.audio-player{Display:None !important;}
.audio-player-m{Display:Block;}}
@media screen and (max-width:720px){
.tk-special .tk-special-item li{Width:30%;}
.tk-special .tk-special-item li:nth-child(9){Display:Inline-Block;}}
@media screen and (max-width:640px){
.tk-special .tk-special-item li{Margin:3px;}
.tk-special .tk-special-item li .tk-special-body{Margin:8px;Padding:3px 5px 3px 5px;}}
/*
Theme Name: YazdMusic Custom Color Musicsara
*/
header#site-header:before{Border-Bottom-Color:#3498db;}
header#site-header #logo #notification{Background-Color:#3498db;}
header#site-header #logo #notification:before{Box-Shadow:-3px -3px 0 -1px #3498db;}
header#site-header #logo #notification .subnotifi ul li{Background-Color:#3498db;}
header#site-header #logo #notification .subnotifi ul li:nth-child(2n){color:#3498db;}
header#site-header nav ul li:hover{Box-Shadow:inset 0px -2px 0px 0px #3498db;Color:#3498db;}
header#site-header .search label{Background-Color:#3498db;}
header#site-header .search #searchform input{Border-Color:#3498db;}
main #slideshow .slideshow-pic h3 > a{Background-Color:#3498db;}
main #telegram a i{Background-Color:#3498db;}
main #vip-music .title{Color:#3498db;}
main #content .block-post .post .pic .on .titleen b{Background-Color:#3498db;}
main #content .block-post .post .pic .on span.top{Background-Color:#3498db;}
main #content .block-post .post .more .back{Background-Color:#3498db;}
main #content .block-post .post .title{Color:#3498db;}
main #content .block-post .post h2{Color:#3498db;}
main #content .block-post .post h2 a{Color:#3498db;}
main #content .block-post .post .more .front .visit{Color:#3498db;}
main #sidebar .block-sidebar form button{Background-Color:#3498db;}
main #sidebar .sidebar-hits > .title:before{Background-Color:#3498db;}
main #sidebar .sidebar-hits .content div .title{Background-Color:#3498db;}
main #sidebar .sidebar-hits .content div:nth-child(4n-1):hover .title b i,main #sidebar .sidebar-hits .content div:nth-child(4n):hover .title b i{Color:#3498db;}
main #sidebar .banner .title span{Background-Color:#3498db;}
main .last-box.pink > .title{Background-Color:#3498db;}
main .notifi #news i{Color:#3498db;}
main .notifi #news span{Color:#3498db;}
main .notifi #khabarname .title{Color:#3498db;}
footer#site-footer .block-footer .box.pink{Border-Top-Color:#3498db;}
footer#site-footer .block-footer .box.pink .title{Color:#3498db;}
footer#site-footer .block-footer .box.pink .content ul li .view{Color:#3498db;}
footer#site-footer #copy b span{Color:#3498db;}
#single #single-top .block-single .dislike:hover{Background-Color:#3498db;}
#single #single-top .block-single .title h2{Color:#3498db;}
#single #single-top .block-single .attr span.top{Background-Color:#3498db;}
#single #single-top .block-single .attr .view{Color:#3498db;}
#single #single-top .block-single .download a.pink{Background-Color:#3498db;}
#single .box-relate .title span a{Color:#3498db;Border-Bottom-Color:#3498db;}
#single .albume ol li .play-albume{Background-Color:#3498db;}
#single .box-dl ul > .title{Color:#3498db;}
#single .box-dl ul > .title i{Color:#3498db;}
#single .box-dl ul li .subcontent .content a i{Color:#3498db;}
#page .page > .title a{Border-Bottom-Color:#3498db;}
#page .page .content h3 a{Color:#3498db;}
.pageNavi a.next{Color:#3498db;}
.pageNavi a.prev{Color:#3498db;}
.pageNavi span{Color:#3498db;}
#single .box-dl-artist ul > .title{Color:#3498db;}
#single .box-dl-artist ul li.active-boxdl{Color:#3498db;}
#category-title .on .title{Color:#3498db;}
#site-header .fixedMenu{Background-Color:#3498db;}
#menuIsResp h3 > i{Background-Color:#3498db;}
/*
Theme Name: YazdMusic Custom Color Wiki-Seda
*/
.tk-special .tk-special-item li:hover{Border-Color:#3498db;}
.tk-special .tk-special-item li:hover .tk-special-body{Background:#3498db;}
.tk-tab-list li a:hover,.tk-tab-list li.active a,.tk-tab-list li.active,.tk-tab-list li.active a:hover,.tk-tab-list li.active:hover{Background:#3498db;}
.sidebar-hits .content ul li a:hover{Color:#3498db;}
/*
Theme Name: YazdMusic Custom Player Wiki-Seda
*/
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{Background-Color:#3498db !important;}
.mejs-controls .mejs-time-rail .mejs-time-current{Background:#3498db !important;}