@font-face {
	font-family:bakhn;
	font-style: normal;
	src: url('fonts/YekanBakh-Regular.woff') format('woff'),   
	url('fonts/YekanBakh-Regular.woff2') format('woff2');		 
}
@font-face {
	font-family:bakhb;
	font-style: normal;
	src: url('fonts/YekanBakh-Bold.woff') format('woff'),   
	url('fonts/YekanBakh-Bold.woff2') format('woff2'); 
}
.w80 {
	width:80%
}
img {
	width: 100%;
}
::selection {
    background: #32bb37;
    color: #023009;
}
b,strong {
	font-family: bakhb;
}
.ltrtxt {
	direction: ltr;
}
.flce {
	display: flex;
	align-items: center;
}
.flex-wrap {
	flex-wrap:wrap;
}
.mytransition {
	transition: 80ms;
}
.green-gradient1 {
    background: linear-gradient(270deg, #48FB6F 0%, #9EFF00 51.04%, #8FFF00 100%);
}
.green-gradient2 {
	background:  linear-gradient(180deg, #26DF4F 0%, #008C1F 100%);
}
.green-gradient3 {
	background:  linear-gradient(270deg, #1DED4A 0%, #56ED0F 51.04%, #7DC91D 100%);
}
.yellow-gradient1 {
	background:  linear-gradient(90deg, #FFE500 0%, #FFE500 50%, #E5CE00 100%);
}
.green-fade {
	background:linear-gradient(180deg, rgba(15, 79, 29, 0.00) 20.37%, rgba(2, 26, 7, 0.86) 100%), #d3d3d300 -103px -45.5px / 139.037% 154.762% no-repeat;
}
.black-fade {
	background: linear-gradient(1deg, #0000008a, transparent);
}
.swiper-pagination .swiper-pagination-bullet {
	background-color: #ffffff82;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #FFF;
}
.dark .swiper-pagination .swiper-pagination-bullet,.dark .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #000000;
}

.player .active {
	color:#1EA73C;
}
.titlerow .line:after {
    content: '';
    height: 1px;
    background: #ffffff25;
    width: 100%;
    position: absolute;
}
.dark .titlerow .line:after {
	background: #00000025;
}
.play.pause::before {
	font-family: 'icomoon';
	content: "\e956";
}
.play.pause2::before {
	font-family: 'icomoon';
	content: "\e957";
}
.play.bold::before {
	font-family: 'icomoon';
	content: "\e95a";
}
.play.bold.pause::before {
	font-family: 'icomoon';
	content: "\e957";
}
.like.active .icon-heart::before,.actions .like.active::before,.single .info .like.active::before,.track .like.active::before {
	font-family: 'icomoon';
	content: "\e93f";
	color: #FF3030;
}
.styleform input[type=text],.styleform input[type=email],.styleform input[type=number],.styleform input[type=search],.styleform input[type=tel],.styleform input[type=password],.styleform input[type=file],.styleform input[type=image],.styleform select {
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	background: #1A1A1A;
	color: #FFF;
	padding:15px;
	width: 100%;
	margin-bottom: 7px;
	font-size: 14px;
	transition: 0.3s;
}

.dark .styleform input[type=text],.dark .styleform input[type=email],.dark .styleform input[type=number],.dark .styleform input[type=search],.dark .styleform input[type=tel],.dark .styleform input[type=password],.dark .styleform input[type=file],.dark .styleform input[type=image],.dark .styleform select {
	background: #ebebeb;
    color: #3c3c3c;
}
.styleform input[type=text]:focus ,.styleform input[type=email]:focus ,.styleform input[type=number]:focus ,.styleform input[type=search]:focus ,.styleform input[type=tel]:focus,.styleform input[type=password]:focus,.styleform input[type=file]:focus,.styleform input[type=image]:focus,.styleform select:focus {
	outline: 0;
	border: 1px solid #464646;
}
.styleform button,.styleform input[type=submit] {
	background-color: #0AA72C;
	border-radius: 16px;
	padding:15px;
	width: 100%;
	margin-bottom: 7px;
	font-size: 14px;
	transition: 0.3s;
	color: #FFF;
}
.styleform button:hover,.styleform input[type=submit]:hover {
	opacity: 0.9;
}

.styleform2 input[type=text],.styleform2 input[type=email],.styleform2 input[type=number],.styleform2 input[type=search],.styleform2 input[type=tel],.styleform2 input[type=password],.styleform2 input[type=file],.styleform2 input[type=image],.styleform2 textarea,.styleform2 textarea,.styleform2 select {
	border-radius: 16px;
	border: 1px solid rgb(255 255 255 / 19%);
	background: transparent;
	color: #FFF;
	padding:15px;
	width: 100%;
	margin-bottom: 7px;
	font-size: 14px;
	transition: 0.3s;
}
.dark .styleform2 input[type=text],.dark .styleform2 input[type=email],.dark .styleform2 input[type=number],.dark .styleform2 input[type=search],.dark .styleform2 input[type=tel],.dark .styleform2 input[type=password],.dark .styleform2 input[type=file],.dark .styleform2 input[type=image],.dark .styleform2 textarea,.dark .styleform2 select {
	background: transparent;
	border: 1px solid rgb(0 0 0 / 11%);
    color: #3c3c3c;
}
.styleform2 select,.styleform select {
	background-color: #131313;
}
.dark .styleform2 select,.dark .styleform select {
	background-color: #F5F5F5;
}
.styleform2 input[type=text]:focus ,.styleform2 input[type=email]:focus ,.styleform2 input[type=number]:focus ,.styleform2 input[type=search]:focus ,.styleform2 input[type=tel]:focus,.styleform2 input[type=password]:focus,.styleform2 input[type=file]:focus,.styleform2 input[type=image]:focus,.styleform2 textarea:focus,.styleform2 select:focus {
	outline: 0;
	border: 1px solid #979797;
}
.styleform2 textarea {
	min-height: 200px;
}
.teaser {
	    top: 10%;
}
.sharepost {
    top: 10%;
}
.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.archivepage .group .text-13 {
	font-size:15px;
}
.archivepage .group .text-xs {
	font-size:13px;
}
.teaser video {
	height: 400px !important;
    object-fit: contain;
}
.styleform2 label {
	position: absolute;
    top: -9px;
    right: 15px;
    color: #b5b5b5;
    background: #18181b;
    padding: 0 10px;
	border-radius: 30px;
}
.dark .styleform2 label {
	color: #606060;
}
.styleform2.single label {
	background: #131313;
}
.usercomments {
    border-right: 1px solid #3c3c3c !important;
}
.single .titlerow .links .btn {
	    padding: 4px 10px 2px 10px;
}
.dark .styleform2 label {
	background-color: #f4f4f5;
}
.styleform2 button,.styleform2 input[type=submit] {
	background-color: #232323;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 16px;
	padding:15px 25px;
	margin-bottom: 7px;
	font-size: 14px;
	transition: 0.3s;
	color: #FFF;
}
.styleform2 button:hover,.styleform2 input[type=submit]:hover {
	opacity: 0.8;
}
.dark .styleform2 button,.dark .styleform2 input[type=submit]  {
	background-color: #f5f5f5;
    border: 1px solid rgb(0 0 0 / 15%);
	color:#18181b;
}
.chkcotainer {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 2px 30px;
  }
.chkcotainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.chkcotainer .checkmark {
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	width: 25px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	background: #1A1A1A;
}
.dark .chkcotainer .checkmark {
	background: #ebebeb;
}
.chkcotainer input:checked ~ .checkmark {
	border: 1px solid #464646;
}
.dark .chkcotainer input:checked ~ .checkmark {
	border: 1px solid #9d9d9d;
} 
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.chkcotainer input:checked ~ .checkmark:after {
	display: block;
}
.chkcotainer .checkmark:after {
	font-family: 'icomoon' !important;
	content: "\e985";
	font-size: 18px;
	padding: 1px;
}
.playlist .tracks .track.active {
	background-color: #202020;
}
.dark .playlist .tracks .track.active {
	background-color: #f4f4f5;
}
.player .mix.active {
	border-color: #0AA72C;
}
/* Scroll */
.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}
.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}
.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}
.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}
.dark .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #ffffff;
}
.mCustomScrollBox:hover .mCSB_dragger .mCSB_dragger_bar {
	background-color: #ffffff87;
}
.dark .mCustomScrollBox:hover .mCSB_dragger .mCSB_dragger_bar {
	background-color: #7a7a7a;
}
.dark .mCustomScrollBox .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #bbbbbb;
}
.dark .mCustomScrollBox .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #7e7e7e;
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}
.dark .mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, 0.4);
}
.themecolor.active::before {
	content:'\e983';
}
.showplaylist.active::before {
	content:'\e976';
	color: #FFF;
}
.dark .showplaylist.active::before {
	color:#000;
}
.showplaylist .mylist .checkbox {
	padding: 5px;
}
.siteDesc {
    display: none;
}
.showplaylist .mylist .checkbox.active::before {
	font-family: 'icomoon' !important;
	content: "\e985";
	font-size: 18px;
}
/*.tip {
	margin-bottom:8px;
	background: #FFC107;
    color: #000;
}
.tip::before {
	content:'';
    position: absolute;
    right: 0%;
    top: -150%;
    width: 97%;
    height: 50px;
    filter: blur(43px);
    background-color: #FFB800;
}*/
.tip::before {
    content: '';
    position: absolute;
    right: 0%;
    top: -125%;
    width: 100px;
    height: 50px;
    filter: blur(43px);
    background-color: #FFB800;
}
.tip.green::before {
	background-color:rgb(41 255 124);
}
.tip.orange::before {
	background-color:#FF5722;
}
.tip.blue::before {
	background-color: #2196F3;
}
.archivetitle::before {
	content: '';
	position: absolute;
	right: 0%;
	top: 0%;
	width: 250px;
	height: 50px;
	filter: blur(73px);
	background-color: rgba(255, 255, 255, 0.359);
}
/* single */
.single  .datas *,.archiveblog .datas * {
	position: relative;
}
.single  .datas a::after,.single  .datas span::after,.archiveblog .datas span::after {
	content: '•';
	font-size: 11px;
    position: absolute;
    right: -15px;
    top: 0;
    color: #6c6c6c;
}
.single .datas span:last-child::after,.single .datas a:last-child::after,.archiveblog .datas span:last-child::after {
	content: '';
}
.loadmorebtn {
	box-shadow: 0px -26px 26px #131313;
    background: #131313;
} 
.dark .loadmorebtn {
    box-shadow: 0px -26px 26px #f5f5f5;
    background: #f5f5f5;
}
/* cats */
.categories .cat {
	transition: 0.3s;
	background: #000;
}
.categories .cat:nth-child(1) {
	background-color: #10DBAA;
}
.categories .cat:nth-child(2) {
	background-color: #0A19A5;
}
.categories .cat:nth-child(3) {
	background-color: #FFB800;
}
.categories .cat:nth-child(4) {
	background-color: #A50A8C;
}
.categories .cat:nth-child(5) {
	background-color: #E94904;
}
.categories .cat:nth-child(6) {
	background-color: #E9D204;
}
.categories .cat:nth-child(8) {
	background-color: #047BE9;
}
.categories .cat:nth-child(9) {
	background-color: #4D04E9;
}
.categories .cat:nth-child(10) {
	background-color: #9204E9;
}
.categories .cat:nth-child(11) {
	background-color: #E90472;
}
.categories .cat:nth-child(12) {
	background-color: #E90404;
}
.categories .cat:nth-child(13) {
	background-color: #151A4E;
}
.categories .cat:nth-child(14) {
	background-color: #194E15;
}
.categories .cat:nth-child(15) {
	background-color: #363636;
}
.categories .cat:nth-child(15) {
	background-color: #363636;
}
.categories .cat:nth-child(15) {
	background-color: #363636;
}
.categories .cat:nth-child(16) {
	background-color: #0458e9;
}
.categories .cat:nth-child(17) {
	background-color: #04e9d1;
}
.categories .cat:nth-child(18) {
	background-color: #4404e9;
}
.categories .cat:nth-child(19) {
	background-color: #9904e9;
}
.categories .cat:nth-child(20) {
	background-color: #e904c5;
}
.categories .cat:nth-child(21) {
	background-color: #e90451;
}
.categories .cat:nth-child(22) {
	background-color: #620222;
}
.categories .cat:nth-child(23) {
	background-color: #0b0262;
}
.categories .cat:nth-child(24) {
	background-color: #380262;
}
.categories .cat:nth-child(25) {
	background-color: #023762;
}
.categories .cat:nth-child(26) {
	background-color: #02624f;
}
.categories .cat:nth-child(27) {
	background-color: #026216;
}
.categories .cat:nth-child(28) {
	background-color: #356202;
}
.categories .cat:nth-child(29) {
	background-color: #506202;
}
.categories .cat:nth-child(30) {
	background-color: #624c02;
}
.categories .cat:nth-child(31) {
	background-color: #621b02;
}
.categories .cat:nth-child(32) {
	background-color: #5a52bd;
}
.categories .cat:nth-child(33) {
	background-color: #1e629d;
}
.categories .cat:nth-child(34) {
	background-color: #5f6c6a;
}
.categories .cat:nth-child(35) {
	background-color: #008b29;
}
.categories .cat:nth-child(36) {
	background-color: #8b6b00;
}
.categories .cat:nth-child(37) {
	background-color: #8b2500;
}
.categories .cat:nth-child(38) {
	background-color: #8b0075;
}
.categories .cat:nth-child(39) {
	background-color: #8b002f;
}
.categories .cat:nth-child(40) {
	background-color: #14008b;
}
.categories .cat:nth-child(41) {
	background-color: #194E15;
}
.categories .cat:nth-child(42) {
	background-color: #8b2500;
}
.categories .cat:nth-child(43) {
	background-color: #363636;
}
.categories .cat:nth-child(44) {
	background-color: #380262;
}
.categories .cat:nth-child(45) {
	background-color: #0458e9;
}
.categories .cat:nth-child(46) {
	background-color: #04e9d1;
}
.categories .cat:nth-child(47) {
	background-color: #4404e9;
}
.categories .cat:nth-child(48) {
	background-color: #9904e9;
}
.categories .cat:nth-child(49) {
	background-color: #e904c5;
}
.categories .cat:nth-child(50) {
	background-color: #e90451;
}
.categories .cat:nth-child(51) {
	background-color: #620222;
}
.categories .cat:nth-child(55) {
	background-color: #0b0262;
}
.categories .cat:nth-child(53) {
	background-color: #380262;
}
.categories .cat:nth-child(54) {
	background-color: #023762;
}
.categories .cat:nth-child(55) {
	background-color: #02624f;
}
.categories .cat:nth-child(56) {
	background-color: #026216;
}



.categories .cat::before {
	content:'';
	position: absolute;
	top: -45%;
	left: -30%;
	width: 90%;
    height: 100%;
	transform: rotate(304deg);
	border-radius: 80px;
	border: 110px solid rgba(255, 255, 255, 0.05);
	background: rgba(217, 217, 217, 0.05);
	box-shadow: -2px -4px 96px 0px rgba(0, 0, 0, 0.31);
	transition: 0.3s;
}
.categories .cat:nth-child(2):before {
	transform: rotate(-8deg);
}
.categories .cat:nth-child(3):before {
	transform: rotate(-18deg);
}
.categories .cat:nth-child(4):before {
	transform: rotate(59deg);
    border-radius: 100%;
    right: -34%;
    left: auto;
}
.categories .cat:nth-child(5):before {
	transform: rotate(-18deg);
    width: 164%;
    top: -45%;
    left: -43%;
    border: 138px solid rgba(255, 255, 255, 0.05);
    background: rgba(217, 217, 217, 0.05)
}
.categories .cat:nth-child(6):before {
	transform: rotate(-24deg);
}
.categories .cat:nth-child(7):before {
	transform: rotate(24deg);
    bottom: 0%;
    top: auto;
    left: -59%;
}
.categories .cat:nth-child(8):before {
	transform: rotate(24deg);
    bottom: -43%;
    top: auto;
    left: -59%;
}
.categories .cat:nth-child(9):before {
	transform: rotate(24deg);
    bottom: -43%;
    top: auto;
    left: 45%;
}
.categories .cat:nth-child(10):before {
	transform: rotate(24deg);
    bottom: -65%;
    top: auto;
    left: 21%;
}
.categories .cat:nth-child(11):before {
    transform: rotate(335deg);
    bottom: 0%;
    top: auto;
    left: -53%;
    border-radius: 100%;
}
.categories .cat:nth-child(12):before {
	transform: rotate(35deg);
    bottom: 30%;
    top: auto;
    left: -54%;
    border-radius: 8%;
}
.categories .cat:nth-child(13):before {
	transform: rotate(35deg);
    bottom: -78%;
    top: auto;
    left: -54%;
    border-radius: 8%;
}
.categories .cat:nth-child(14):before {
	transform: rotate(35deg);
    bottom: -83%;
    top: auto;
    left: 4%;
    border-radius: 100%;
}
.categories .cat:nth-child(15):before {
	transform: rotate(35deg);
    bottom: 81%;
    top: auto;
    left: 4%;
    border-radius: 100%;
	transition: 0.3s;
}

.notirmsg {
  padding: 10px;
  margin: 10px 0;
  background: orange;
  color: #392501;
  border-radius: 8px;
  text-align: center;
}
.dark .notirmsg {
  background:#333;
  color:#fff;
}
.categories .cat:nth-child(16):before {
	transform: rotate(45deg);
    bottom: 60%;
    top: auto;
    left: 2%;
    border-radius: 100%;
	transition: 0.3s;
}
.categories .cat:nth-child(17):before {
	transform: rotate(85deg);
    top: 60%;
    left: 2%;
    border-radius: 40%;
	transition: 0.3s;
}
.categories .cat:nth-child(18):before {
	transform: rotate(100deg);
    top: 20%;
    left: 6%;
    border-radius: 90%;
	transition: 0.3s;
}
.categories .cat:nth-child(19):before {
	transform: rotate(10deg);
    top: 60%;
    right: 6%;
    border-radius: 10%;
	transition: 0.3s;
}
.categories .cat:nth-child(20):before {
	transform: rotate(60deg);
    top: 10%;
    right: 16%;
    border-radius: 100%;
	transition: 0.3s;
}
.categories .cat:nth-child(20):before {
	transform: rotate(120deg);
    bottom: 10%;
    left: 16%;
    border-radius: 70%;
	transition: 0.3s;
}
.categories .cat:nth-child(21):before {
	transform: rotate(50deg);
    bottom: 30%;
    left: 2%;
    border-radius: 100%;
	transition: 0.3s;
}
.categories .cat:nth-child(22):before {
	transform: rotate(90deg);
    bottom: 20%;
    left: 40%;
    border-radius: 100%;
	transition: 0.3s;
}
.categories .cat:nth-child(22):before {
	transform: rotate(90deg);
    top: 20%;
    right: 40%;
    border-radius: 100%;
	transition: 0.3s;
}
.categories .cat:nth-child(23):before {
	transform: rotate(10deg);
    top: 30%;
    right: 5%;
    border-radius: 15%;
	transition: 0.3s;
}
.categories .cat:nth-child(24):before {
	transform: rotate(40deg);
    top: 10%;
    right: 55%;
    border-radius: 70%;
	transition: 0.3s;
}
.categories .cat:nth-child(25):before {
	transform: rotate(60deg);
    top: 15%;
    right: 10%;
    border-radius: 70%;
	transition: 0.3s;
}
.categories .cat:nth-child(26):before {
	transform: rotate(160deg);
    top: 10%;
    right: 5%;
    border-radius: 1%;
	transition: 0.3s;
}
.categories .cat:nth-child(26):before {
	transform: rotate(160deg);
    bottom: 10%;
    right: 5%;
    border-radius: 11%;
	transition: 0.3s;
}
.categories .cat:nth-child(26):before {
	transform: rotate(10deg);
    top: 10%;
    left: 5%;
    border-radius: 100%;
	transition: 0.3s;
}
.categories .cat:nth-child(27):before {
	transform: rotate(10deg);
    top: 70%;
    left: 15%;
    border-radius: 50%;
	transition: 0.3s;
}
.categories .cat:nth-child(28):before {
	transform: rotate(70deg);
    top: 90%;
    right: 15%;
    border-radius: 40%;
	transition: 0.3s;
}
.categories .cat:nth-child(28):before {
	transform: rotate(70deg);
    top: 8%;
    right: 45%;
    border-radius: 30%;
	transition: 0.3s;
}
.categories .cat:nth-child(29):before {
	transform: rotate(700deg);
    top: 18%;
    right: 18%;
    border-radius: 20%;
	transition: 0.3s;
}
.categories .cat:nth-child(30):before {
	transform: rotate(10deg);
    bottom: 18%;
    left: 18%;
    border-radius: 10%;
	transition: 0.3s;
}
.categories .cat:nth-child(31):before {
	transform: rotate(-8deg);
}
.categories .cat:nth-child(32):before {
	transform: rotate(-18deg);
}
.categories .cat:nth-child(33):before {
	transform: rotate(59deg);
    border-radius: 100%;
    right: -34%;
    left: auto;
}
.categories .cat:nth-child(34):before {
	transform: rotate(-18deg);
    width: 164%;
    top: -45%;
    left: -43%;
    border: 138px solid rgba(255, 255, 255, 0.05);
    background: rgba(217, 217, 217, 0.05)
}
.categories .cat:nth-child(35):before {
	transform: rotate(-24deg);
}
.categories .cat:nth-child(36):before {
	transform: rotate(24deg);
    bottom: 0%;
    top: auto;
    left: -59%;
}
.categories .cat:nth-child(37):before {
	transform: rotate(24deg);
    bottom: -43%;
    top: auto;
    left: -59%;
}
.categories .cat:nth-child(38):before {
	transform: rotate(24deg);
    bottom: -43%;
    top: auto;
    left: 45%;
}
.categories .cat:nth-child(39):before {
	transform: rotate(24deg);
    bottom: -65%;
    top: auto;
    left: 21%;
}
.categories .cat:nth-child(40):before {
	transform: rotate(70deg);
    top: 8%;
    right: 45%;
    border-radius: 30%;
	transition: 0.3s;
}
.categories .cat:nth-child(41):before {
	transform: rotate(24deg);
    bottom: -43%;
    top: auto;
    left: -59%;
}
.categories .cat:nth-child(42):before {
	transform: rotate(24deg);
    bottom: -43%;
    top: auto;
    left: 45%;
}
.categories .cat:nth-child(43):before {
	transform: rotate(24deg);
    bottom: -65%;
    top: auto;
    left: 21%;
}
.categories .cat:nth-child(44):before {
    transform: rotate(335deg);
    bottom: 0%;
    top: auto;
    left: -53%;
    border-radius: 100%;
}
.categories .cat:nth-child(45):before {
	transform: rotate(35deg);
    bottom: 30%;
    top: auto;
    left: -54%;
    border-radius: 8%;
}
.categories .cat:nth-child(46):before {
	transform: rotate(35deg);
    bottom: -78%;
    top: auto;
    left: -54%;
    border-radius: 8%;
}
.categories .cat:nth-child(47):before {
	transform: rotate(35deg);
    bottom: -83%;
    top: auto;
    left: 4%;
    border-radius: 100%;
}
.categories .cat:nth-child(48):before {
	transform: rotate(35deg);
    bottom: 81%;
    top: auto;
    left: 4%;
    border-radius: 100%;
	transition: 0.3s;
}
.videosection .skip {
    position: absolute;
    top: 75%;
    right: 0px;
    padding: 10px;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
}
.categories .cat:nth-child(49):before {
	transform: rotate(-18deg);
    width: 164%;
    top: -45%;
    left: -43%;
    border: 138px solid rgba(255, 255, 255, 0.05);
    background: rgba(217, 217, 217, 0.05)
}
.categories .cat:nth-child(50):before {
	transform: rotate(-24deg);
}
.categories .cat:nth-child(51):before {
	transform: rotate(24deg);
    bottom: 0%;
    top: auto;
    left: -59%;
}
.categories .cat:nth-child(52):before {
	transform: rotate(24deg);
    bottom: -43%;
    top: auto;
    left: -59%;
}
.categories .cat:nth-child(53):before {
	transform: rotate(24deg);
    bottom: -43%;
    top: auto;
    left: 45%;
}
.categories .cat:nth-child(54):before {
	transform: rotate(24deg);
    bottom: -65%;
    top: auto;
    left: 21%;
}
.categories .cat:nth-child(55):before {
    transform: rotate(335deg);
    bottom: 0%;
    top: auto;
    left: -53%;
    border-radius: 100%;
}
.categories .cat:nth-child(56):before {
	transform: rotate(35deg);
    bottom: 30%;
    top: auto;
    left: -54%;
    border-radius: 8%;
}
.categories .cat:nth-child(57):before {
	transform: rotate(35deg);
    bottom: -78%;
    top: auto;
    left: -54%;
    border-radius: 8%;
}


.categories .cat:hover::before {
	transform: scale(1.05);
}
.categories .cat::after {
	position: absolute;
	bottom: -60%;
    right: -37%;
	width: 181px;
	height: 181px;
	content:'';
	opacity: 0.3;
	background: #FFF;
	filter: blur(50px);
	transition: 0.3s;
}
.categories .cat:hover::after {
	opacity: 0.4;
	transform: scale(1.5) !important;
}
.radios .radio {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 46.44%, rgba(0, 0, 0, 0.36) 99.83%), conic-gradient(from 226deg at 50.19% 49.81%, rgba(42, 124, 246, 0.70) 0deg, rgba(62, 139, 255, 0.70) 180deg, rgba(0, 89, 222, 0.70) 360deg), lightgray 50% / cover no-repeat;
}
.radios .radio.active .icon-play::before {
	content: "\e956";
}
.radios .radio::before {
	content:'';
	position: absolute;
	top: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.74) 100%);
	width: 100%;
	height: 100%;
	z-index: 0;
}
.radios .radio:nth-child(2) {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 46.44%, rgba(0, 0, 0, 0.36) 99.83%), conic-gradient(from 226deg at 50.19% 49.81%, #3A2AF6 0deg, #6B68FF 170.9999978542328deg, #2E1CFF 360deg);
}
.radios .radio:nth-child(3) {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 46.44%, rgba(0, 0, 0, 0.36) 99.83%), conic-gradient(from 226deg at 50.19% 49.81%, #FF4545 0deg, #FF6868 170.9999978542328deg, #FF1C1C 360deg);
}
.radios .radio:nth-child(4) {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 46.44%, rgba(0, 0, 0, 0.36) 99.83%), conic-gradient(from 226deg at 50.19% 49.81%, #2AF6D2 0deg, #6DD9D2 190.79998970031738deg, #0AF1AC 360deg);
}
.radios .radio:nth-child(5) {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 46.44%, rgba(0, 0, 0, 0.36) 99.83%), conic-gradient(from 226deg at 50.19% 49.81%, #505050 0deg, #787878 194.40000772476196deg, #343434 360deg);
}
.radios .radio:nth-child(6) {
	background: conic-gradient(from 226deg at 50.19% 49.81%, #ADFF00 0.035999999090563506deg, #B3FD15 214.20001029968262deg, #99E100 360deg);
}
.radios .radio:nth-child(7) {
	background: conic-gradient(from 226deg at 50.19% 49.81%, #00F144 0deg, #38FF70 180deg, #00DF3E 360deg);
}
.radios .radio:nth-child(8) {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 46.44%, rgba(0, 0, 0, 0.36) 99.83%), conic-gradient(from 226deg at 50.19% 49.81%, #FF7A00 0deg, #FF9E45 188.99999141693115deg, #EA7000 360deg);
}
.radios .radio p::before {
	content:'';
	position: absolute;
	right: 0;
	top: 3px;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: linear-gradient(270deg, #1DED4A 0%, #56ED0F 51.04%, #7DC91D 100%);
}
.radios .radio .playbtn::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 9999px;
	background:  rgba(255, 255, 255, 0.121);
	opacity: 0;
	z-index: -1;
	pointer-events: none;
	animation: wave 3s linear infinite;
}
@keyframes wave {
	from {
		opacity: 0.4;
	}
	to {
		transform: scale(3);
		opacity: 0;
	}
}
.icon-arrow-bottom.active {
	transform: rotate(180deg);
}
.artistImg {
	background-size: cover;
    background-position: center;
	background-repeat:no-repeat;
    min-height: 17rem;
	overflow: hidden;
    position: relative;
    border-radius: 16px;
}
/* loading posts */
.loadingposts , .loadingsfoot {
	display: inline-block;
	position: relative;
	width: 70px;
	height: 70px;
  }
  .loadingposts div , .loadingsfoot div{
	position: absolute;
	top: 33px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .dark .loadingposts div , .dark .loadingsfoot div {
	background-color: #000;
  }
  .loadingposts div:nth-child(1) , .loadingsfoot div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
  }
  .loadingposts div:nth-child(2) ,  .loadingsfoot div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
  }
  .loadingposts div:nth-child(3) , .loadingsfoot div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
  }
  .loadingposts div:nth-child(4) ,  .loadingsfoot div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
	0% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(1);
	}
  }
  @keyframes lds-ellipsis3 {
	0% {
	  transform: scale(1);
	}
	100% {
	  transform: scale(0);
	}
  }
  @keyframes lds-ellipsis2 {
	0% {
	  transform: translate(0, 0);
	}
	100% {
	  transform: translate(24px, 0);
	}
  }
/* Archive */
.archivepage .populars .post:nth-child(3n) {
	border-color: transparent;
}  
/* dashboard */
.dashboard .panellinks .ptab.active {
	color: #FFE500;
}
.dark .dashboard .panellinks .ptab.active {
	color: #b78700;
}
.dark .mobilemenu {
    border: 1px solid #d1d1d1;
}
.postslider .actions {
    background: #8C8C8C;
}
aside form {
		display:none !important;
	}
.singleblog ul {
	list-style: inside;
}
.PageContent {
    line-height: 32px;
}
.PageContent ul {
    list-style:inside;
}
.tags {
    display: flex;
    gap: 10px;
}
.tags a {
    border-left:1px solid #82828242;
    padding-left:10px;
}
.tags a:last-child{
    border-left:0;
}
/* Custom Responsive */
@media only screen and (max-width: 2126px) {
	.stories .story .green-gradient1 {
    top: 3rem;
}
}
@media only screen and (max-width: 899px) {
	.usercomments {
		border-right: 0 !important;
	}
	.postslider .actions,.results .actions,.playlistslider .actions {
		background: transparent;
	}
	aside form {
		display:flex !important;
	}
	.datas {
		width:100% !important;
	}
}
@media only screen and (max-width: 640px) {
    .relatedBox {
        margin-top:0px;
    }
    .single .info {
        row-gap: 0.25rem;
    }
	.imagebox {
		position:relative;
		overflow:hidden;
	}
	.imagebox::before {
		content:'';
		position:absolute;
		bottom: 0px;
		width:100%;
		height: 54%;
		background: linear-gradient(0deg, black, transparent);
	}
	.single .datas {
		margin-top: 1rem;
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		justify-content: space-between;
	}
	.single .lyrics {
		height: 12rem;
	}
	 .single .datas a::after, .single .datas span::after  {
		content:'';
	}
	.sharepost .social a {
		background: transparent;
	}
	.single .titlerow {
		display:block;
	}
	.single .titlerow .links {
		display: block;
	}
	.artistpage .followplay {
		margin: 3rem auto 0;
    	width: fit-content;
	}
	.single .titlerow .links .btn {
		display:none;
	}
	.single .titlerow .links .followit {
		    padding: 0.3rem;
	}
	.categories span {
		text-shadow: 0 2px 7px #00000052;
	}
	.postslider .play {
		padding: 8px;
		border-radius: 1000px;
	}
	
	.engnames * {
		text-align: right;
		direction: rtl;
		line-height: 37px;
	}
	h1 {
		font-size:26px;
	}
	.artistpage .max-h-80 {
		overflow: unset;
	}
	.track .txt {
		width: 75%;
		overflow: hidden;
	}
	
	
	
}
@media only screen and (max-width: 500px) {
    .story .showmoreBtn {
        width: 70px;
    }
    
}
@media only screen and (max-width: 403px) {
    .story .showmoreBtn {
        width: 67px;
        height: 68px;
    }
	.postslider .actions {
		padding:0 ;
	}
	.artistpage .ttls {
		bottom: 4rem;
	}
	.cuttext {
		flex-flow: column;
	}
}
@media only screen and (max-width: 375px) {
	
}





.downloadbox img {
	margin-top: -60px;
}
.downloadbox .text-center {
    margin-top: -36px;
}
.player .plyb {
    margin-left: 3px;
} 
.timer, .fulltime {
    min-width: 63px;
    text-align: center;
}
.seekbar {
	height:4px;
	transition:0.2s;
	background: #1c1c1c;
}
.dark .seekbar {
    background: #e9e9e9;	
}
.seekbar:hover {
	height:7px;
}
.seekbar .seeking {
    position: relative;
}
.seekbar .seeking::before {
    content:'';
    background:#FFF;
    width:14px;
    height:14px;
    border-radius:100%;
    position:absolute;
    top: -4px;
	visibility:hidden;
	opacity:0;
	transition:0.2s;
}
.seekbar:hover .seeking::before {
	visibility:visible;
	opacity:1;
}
.track .num {
	width: 12px;
}
.dark .fixedside {
    background: #FFF !important;
}
.postslider .group h3 {
font-size: 15px !important;
}
.postslider .group .text-xs {
	font-size: 14px !important;
}
.bigslider , .postslider {
    visibility:hidden;
}
.bigslider .texts {
    margin-top: 18px;
}
.bigslider .texts .play,.bigslider .texts .like {
    font-size: 12px;
}
.actions .pause {
	color:#FFF;
}

.commentlist ul.children {
    margin-right: 3em;
}
.fullalbum .swiper-slide figure {
    transform: translateY(16px);
}
.fullalbum .swiper-slide::before {
    left: 0;
    right: 0;
    content:'';
    background: #444444;
    width: 90%;
    height: 39%;
    display: block;
    position: absolute;
    top: 3%;
    margin: 0 auto;
    border-radius: 27px;
    z-index:-1;
} 
.fullalbum .swiper-slide::after {
    left: 0;
    right: 0;
    content:'';
    background: #2B2B2B;
    width: 70%;
    height: 39%;
    display: block;
    position: absolute;
    top: -1%;
    margin: 0 auto;
    border-radius: 27px;
    z-index:-2;
} 
.fullalbum .group h3 {
    margin-top: 2rem;
}
.postslider .group h3,.postslider .group span , .results  .group span , .results  .group h3,.playlistslider .group h3,.playlistslider .group span {
	text-align: center;
    justify-content: center;
}
.eng {
	direction:ltr;
}
.categories span {
	font-size: 19px;
	text-shadow: 0 2px 7px #00000052;
	color:#FFF;
}

.activeSide {
	width: 100%;
    display: block;
    position: fixed;
}
.commentlist {
    height:auto;
    max-height:500px;
}
.commentlist .children .usercomment {
	background:#272727;
}
.dark .commentlist .children .usercomment {
	background:#fff;
}
.single .lyrics {
    margin-bottom: 2rem;
    color: #8C8C8C;
}
.swiperblog .swiper-slide {
    height: 21rem;
}
.adsPage img {
    width: auto;
}
.adsPage .tabs img {
	width: 2.5rem;
}
.datas {
	flex-wrap: wrap;
    width: 65%;
}
.datas.videos {
	 width: 100% !important;
}
.addlyricBtn {
    display: inline-block;
    width: max-content;
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #c1c1c1;
    cursor: pointer;
}
i[class*="icon-"], i[class^="icon-"] {
    display: flex;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.icon-iranmusic,.icon-irangenre,.icon-iranmood,.icon-fullalbum,.icon-fullalbumgenre,.icon-foriegnmusic,.icon-foriegnmood,.icon-playlist2,.icon-videoclip,.icon-ads,.icon-guide,.icon-about,.icon-contact {
	background: url('/wp-content/uploads/2024/09/iran-music.svg') no-repeat;
	width: 20px;
    height: 20px;
	background-size: contain;
}

.icon-irangenre {
	background: url('/wp-content/uploads/2024/09/iran-genre.svg') no-repeat;
	background-size: contain;
}
.icon-iranmood {
	background: url('/wp-content/uploads/2024/09/iran-mood.svg') no-repeat;
	background-size: contain;
}
.icon-fullalbum {
	background: url('/wp-content/uploads/2024/09/fullalbum.svg') no-repeat;
	background-size: contain;
}
.icon-fullalbumgenre {
	background: url('/wp-content/uploads/2024/09/fullalbum-genre.svg') no-repeat;
	background-size: contain;
}
.icon-foriegnmusic {
	background: url('/wp-content/uploads/2024/09/foriegn-music.svg') no-repeat;
	background-size: contain;
}
.icon-foriegnmood {
	background: url('/wp-content/uploads/2024/09/foriegn-mood.svg') no-repeat;
	background-size: contain;
}
.icon-playlist2 {
	background: url('/wp-content/uploads/2024/09/playlist.svg') no-repeat;
	background-size: contain;
}
.icon-videoclip {
	background: url('/wp-content/uploads/2024/09/videoclip.svg') no-repeat;
	background-size: contain;
}
.icon-ads {
	background: url('/wp-content/uploads/2024/09/ads.svg') no-repeat;
	background-size: contain;
}
.icon-guide {
	background: url('/wp-content/uploads/2024/09/guide.svg') no-repeat;
	background-size: contain;
}
.icon-about {
	background: url('/wp-content/uploads/2024/09/about.svg') no-repeat;
	background-size: contain;
}
.icon-contact {
	background: url('/wp-content/uploads/2024/09/contact.svg') no-repeat;
	background-size: contain;
}
.dark .icon-iranmusic ,.dark .icon-irangenre ,.dark .icon-iranmood ,.dark .icon-fullalbum , .dark .icon-fullalbumgenre , .dark .icon-foriegnmusic , .dark .icon-foriegnmood , .dark .icon-playlist2 , .dark .icon-videoclip,.dark .icon-ads, .dark .icon-guide,.dark .icon-about,.dark .icon-contact {
	filter: invert(1);
}
.singleSocial {
    margin-top: 1rem;
    border: 1px solid #7070702b;
    padding: 10px;
    border-radius: 16px;
    justify-content: space-between;
}
.singleSocial a {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: 10px;
}

@media (min-width: 640px) {
    .sm\:py-20 {
        padding-top: 3rem;
        padding-bottom: 3rem;
	}
}

@media (min-width:1366px) {
	aside {
		width: 14% !important;
	}
	main {
		width: 86% !important;
	}
}
@media (min-width: 2000px) {
	aside .inside ul {
		border-bottom:0;
	}
}