/**
Theme Name: GuitarMusic V2
Theme URI: https:/gitarmuzic.com/
Version : 2
Author: Mansour pourali
Author URI: https://gitarmuzic.com/
**/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
}
@font-face {
    font-family: GuitarMusic;
    src: url(./fonts/GMusic.woff2) format("woff2");
    font-weight: 300;
    font-display: optional;
}
@font-face {
    font-family: 'Tahoma';
    src: local(Tahoma);
    size-adjust: 100%;
    ascent-override: 101%;
    descent-override: 54%;
    line-gap-override: normal;
}
img, video, canvas {
    overflow: hidden !important; 
}
body {
    font-family: 'GuitarMusic','Tahoma';
    font-weight: 300;
    font-size: 16px;
    line-height: 1.6;
    background-color: #3c4043;
    background-size: cover;
    background-repeat: no-repeat;
    overflow-wrap: anywhere;
    color: #e8e9ed;
}
a {
    color: #0ff;
}
strong {
    font-weight: 300;
}
hr {
    margin: 10px 0;
    border: 1px dotted #e8e9ed;
}
h1 {
    font-size: 22px;
    font-weight: 300;
}
h2 {
    font-size: 20px;
    font-weight: 300;
}
h3 {
    font-size: 18px;
    font-weight: 400;
}
.wp-video,
video {
    margin: 10px auto;
    display: block;
    max-width: 100%;
    height: auto;
}
.gmsi {
    height: 24px;
    width: 24px;
    fill: #e8e9ed;
}
.gmfx {
    display: flex;
    align-items: center;
}
.container {
    margin: 20px;
}
.gmheader {
    height: auto;
    width: 100%;
    background-color: #202125;
    position: sticky;
    top: 0;
    z-index: 100;
    border: 1px solid #5d6164;
	margin: 0 auto 10px auto;
    max-width: 1200px;
}
.gmlogo {
    width: 60%;
}
.gmlogo a img {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    margin: 30px 10px;
}
.logom {
    padding: 0 10px;
}
.gmst,
.gmst a {
	    font-family: 'GuitarMusic', 'Tahoma', sans-serif;
    color: #fbb03b;
    font-size: 22px;
    line-height: 40px;
}
.gmsdes {
	    font-family: 'GuitarMusic', 'Tahoma', sans-serif;
    color: #0ff;
    font-size: 16px;
	       display: none;
}
.search {
    width: 40%;
    position: relative;
    justify-content: flex-end;
}


.screen-reader-text {
    position: absolute;
    margin: -1px;
    padding: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    border: 0;
    word-wrap: normal !important;
}
#search__input {
    font-family: inherit;
    background-color: #2f3034;
    padding: 11.2px 32px;
    border-radius: 8px;
    width: 80%;
    transition: all 0.2s;
    color: #e8e9ed;
    border: 1px solid #5d6164;
}
#search__input:focus {
    background-color: #3c4043;
    outline: 0;
}
#search__input::placeholder {
    color: #e8e9ed;
    opacity: 1;
}
.search__button {
    border: none;
    background-color: transparent;
    position: absolute;
    cursor: pointer;
    left: 8px;
}
.search__icon {
    width: 32px;
    height: 32px;
    fill: #e8e9ed;
}
.note__icon {
    width: 32px;
    height: 32px;
    fill: #2f3034;
}
.gmftn,
.gmtn {
    background-color: #2f3034;
    border-top: 1px solid #5d6164;
    overflow: auto;
}
.gmftn {
    border-top: none !important;
    border-bottom: 1px solid #5d6164;
}
.gmftn li,
.gmtn li {
    padding: 12px;
    height: 48px;
    background-color: #3c4043;
}
.gmftn li:hover,
.gmtn li:hover {
    background-color: #202125;
}
.gmftn .current-menu-item,
.gmtn .current-menu-item {
    background-color: #202125;
}
.current-menu-item a,
.gmftn li:hover a,
.gmtn li:hover a {
    color: #e8e9ed !important;
}
.gmftn li,
.gmtn li {
    margin-left: 10px;
    white-space: nowrap;
}
.gmftn li a,
.gmtn li a {
    color: #0ff;
    font-size: 14px;
}
.gmbcast {
    background-color: #202125;
    overflow: hidden;
    margin-bottom: 10px;
    min-height: 48px;
    padding: 10px;
    text-align: center;
    border: 1px solid #5d6164;
}
.brmessage a {
    color: #0ff;
}
.gmspp,.gmspp-desktop {
    margin-bottom: 10px;
    height: auto;
    width: 100%;
}
.gmspp li a,.gmspp-desktop li a {
    display: block;
    overflow: hidden;
    position: relative;
}
.gmspplist {
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}
.gmspplist li {
    width: 12.5%;
}
.gmspplist li img {
    width: 100%;
	aspect-ratio: 1/1;
    height: auto;
    display: block;
}
.gmsppt {
    background: rgba(47, 48, 52, 0.8);
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 2px;
    font-size: 14px;
    color: #e8e9ed;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.gmspplist li:hover img {
    filter: brightness(1.5);
}
.gmspplist li:hover span {
    background: #2f3034;
    color: #0ff;
}
.gmmc {
    display: flex;
    justify-content: space-between;
    margin:0 auto 10px auto ;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
    max-width: 1200px;
    min-height: 100vh;
	  content-visibility: auto;
       contain-intrinsic-size: 1000px;
}
.gmc {
    width: 60%;
	  
}
.home-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.home-post{
    overflow:hidden;
    border:1px solid #5d6164;
    background-color: #2f3034;
}

.home-thumb{
    display:block;
}

.home-thumb img{
    display:block;
    width:100%;
    height:auto;
}

.home-title{
    margin:10px 0;
    font-size:16px;
    line-height:1.7;
    text-align:center;
}

.home-title a{
    text-decoration:none;
}

.gm404p,
.gmmpost {
    background: #202125;
    margin-bottom: 10px;
    border: 1px solid #5d6164;
}
.gmsidebar {
    width: 39%;
}
.gm404p header,
.gmmpost header {
    display: flex;
    border-bottom: 1px solid #5d6164;
    align-items: center;
    background-color: #2f3034;
}
.note__icon {
    position: absolute;
    margin-right: 5px;
}
.gmmpost header span::before {
    content: "";
    position: relative;
    width: 48px;
    height: 48px;
    background-color: #fbb03b;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 27% 51%);
}
.gmmah,
.post-meta {
    margin-right: 10px;
}
.post-meta {
    font-size: 14px;
    margin-top: 5px;
}
.gm404c,
.gmmpostc {
    font-size: inherit;
    text-align: center;
    line-height: 32px;
    margin: 10px;
}
.gmmpostc p a,.gmftcr a {
    border-bottom: 1px solid currentColor;
}
.gmmpostc img {
    border-radius: 8px;
    margin-top: 10px;
    max-width: 100%;
}
.gmmpft {
    border-top: 1px solid #5d6164;
    padding: 0 5px;
    justify-content: space-between;
    height: 60px;
    background-color: #2f3034;
}
.calendar__icon {
    width: 24px;
    height: 24px;
    fill: #e8e9ed;
    margin-left: 5px;
}
.gmmprm {
    background-color: #fbb03b;
    color: #2f3034;
    height: 48px;
    width: 30%;
    text-align: center;
    border-radius: 8px;
    justify-content: center;
    padding: 10px;
}
.gmmprm:hover {
    border: 1px solid #5d6164;
    background-color: #3c4043;
    color: #e8e9ed;
}
.gmicat ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.gmicat ul li {
    display: flex;
    align-items: center;
    width: 48.5%;
    padding: 4px;
    justify-content: space-between;
    background-color: #202125;
    cursor: pointer;
    border: 1px solid #5d6164;
    margin-bottom: 10px;
}
.gmicat ul li a {
    font-size: 14px;
}
.gmicat ul li:hover,
.gmicat ul li:hover a {
    background-color: #3c4043;
    color: #e8e9ed;
}
.arrow__icon {
    width: 40px;
    height: 40px;
    fill: #e8e9ed;
}
.gmads,
.gmartl,
.gmartl2,
.gmcsoonp,
.gmlfulla,
.gmnrp,
.gmnrx,
.gmsmadahi,
.gmsrp,
.gmsuggp {
    background-color: #202125;
    border: 1px solid #5d6164;
    margin-bottom: 10px;
}
.gm404p header,
.gmads header,
.gmartl header,
.gmartl2 header,
.gmcsoonp header,
.gmlfulla header,
.gmnrp header,
.gmnrx header,
.gmsmadahi header,
.gmsrpt,
.gmsuggp header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #5d6164;
}
.ads__icon,
.art__icon,
.csoon__icon,
.latest__icon,
.madah__icon,
.related__icon,
.suggestion__icon {
    width: 32px;
    height: 32px;
    position: absolute;
    margin-right: 2px;
    fill: #3c4043;
}
.album__icon,
.icon-artist,
.nremix__icon {
    position: absolute;
    margin-right: 5px;
    width: 24px;
    height: 24px;
    fill: #3c4043;
}
.csoon__icon {
    animation: rotate 4s infinite linear;
}
@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.gmads header span,
.gmartl header span,
.gmartl2 header span,
.gmcsoonp header span,
.gmlfulla header span,
.gmnrp header span,
.gmnrx header span,
.gmsmadahi header span,
.gmsrpt span,
.gmsuggp header span {
    display: flex;
}
.gm404p header span::before,
.gmads header span:not(:last-child):before,
.gmartl header span:not(:last-child):before,
.gmartl2 header span:not(:last-child):before,
.gmcsoonp header span:not(:last-child):before,
.gmlfulla header span:not(:last-child):before,
.gmnrp header span:not(:last-child):before,
.gmnrx header span:not(:last-child):before,
.gmsmadahi header span:not(:last-child):before,
.gmsrpt span::before,
.gmsuggp header span:not(:last-child):before {
    content: "";
    position: relative;
    width: 48px;
    height: 48px;
    background-color: #fbb03b;
    clip-path: polygon(0 0, 1000% 0, 100% 100%, 0 100%, 27% 51%);
    margin-left: 10px;
}
.gmartl ol,
.gmartl2 ol,
.gmfsec ol {
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
}
.gmartl ol li,
.gmartl2 ol li {
    display: flex;
    align-items: center;
    width: 50%;
    height: 48px;
    cursor: pointer;
}
.gmartl ol li:hover::before,
.gmartl2 ol li:hover::before,
.gmfsec ol li:hover::before {
    background-color: #3c4043;
}
.gmartl ol li:hover a,
.gmartl2 ol li:hover a {
    color: #e8e9ed;
}
.gmartl ol li a,
.gmartl2 ol li a {
    font-size: 14px;
	padding: 14px 0;
}
.gmartl ol li::before,
.gmartl2 ol li::before,
.gmfsec ol li::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #fbb03b;
    border-radius: 50%;
    margin-left: 5px;
}
.gmads ol,
.gmcsoonp ol,
.gmlfulla ol,
.gmnrp ol,
.gmnrx ol,
.gmsmadahi ol,
.gmsuggp ol {
    padding: 5px;
    counter-reset: number;
}
.gm404sgp ol li:not(:last-child),
.gmads ol li:not(:last-child),
.gmcsoonp ol li:not(:last-child),
.gmlfulla ol li:not(:last-child),
.gmnrp ol li:not(:last-child),
.gmnrx ol li:not(:last-child),
.gmsmadahi ol li:not(:last-child),
.gmsuggp ol li:not(:last-child) {
    margin-bottom: 10px;
}
.gm404sgp ol li,
.gmads ol li,
.gmcsoonp ol li,
.gmlfulla ol li,
.gmnrp ol li,
.gmnrx ol li,
.gmsmadahi ol li,
.gmsuggp ol li {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 48px;
    background: #2f3034;
    cursor: pointer;
    border-right: 5px solid #fbb03b;
    border-top: 1px solid #5d6164;
    border-bottom: 1px solid #5d6164;
    border-left: 1px solid #5d6164;
}
.gm404sgp ol li:hover,
.gmads ol li:hover,
.gmcsoonp ol li:hover,
.gmlfulla ol li:hover,
.gmnrp ol li:hover,
.gmnrx ol li:hover,
.gmsmadahi ol li:hover,
.gmsuggp ol li:hover {
    border-right: 5px solid #e8e9ed;
    background: #3c4043;
}
.gm404sgp ol li:hover::before,
.gmads ol li:hover::before,
.gmcsoonp ol li:hover::before,
.gmlfulla ol li:hover::before,
.gmnrp ol li:hover::before,
.gmnrx ol li:hover::before,
.gmsmadahi ol li:hover::before,
.gmsuggp ol li:hover::before {
    background: #e8e9ed;
    color: #3c4043;
}
.gm404sgp ol li::before,
.gmads ol li::before,
.gmcsoonp ol li::before,
.gmlfulla ol li::before,
.gmnrp ol li::before,
.gmnrx ol li::before,
.gmsmadahi ol li::before,
.gmsuggp ol li::before {
    position: absolute;
    content: counter(number);
    counter-increment: number;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #3c4043;
    background: #fbb03b;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    font-size: 14px;
}
.gm404sgp ol li a,
.gmads ol li a,
.gmcsoonp ol li a,
.gmlfulla ol li a,
.gmnrp ol li a,
.gmnrx ol li a,
.gmsmadahi ol li a,
.gmsuggp ol li a {
    margin-right: 45px;
    color: #e8e9ed;
    font-size: 14px;
}
.nav-links {
    background: #202125;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
    border: 1px solid #5d6164;
}
.nav-links a,
.nav-links span:not(:last-child) {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #e8e9ed;
    background-color: #2f3034;
    margin: 10px 5px;
    font-size: 14px;
    border: 1px solid #5d6164;
}
.nav-links .placeholder {
    display: none !important;
}
.nav-links .page-numbers.current {
    background-color: #3c4043;
    border: 1px solid #fbb03b;
}
.nav-links a:hover {
    background-color: #3c4043;
    color: #e8e9ed;
}
.gmfooter {
    background-color: #202125;
    border: 1px solid #5d6164;
	max-width: 1200px;
    margin: 0 auto;
}
.gmfps {
    display: flex;
    justify-content: space-between;
    margin: 10px;
}
.gmfps .gmfsec {
    width: 50%;
}
.gmfsec .gmfsect span:nth-child(1) {
    margin-left: 5px;
}
.gmfsec .gmfsect span {
    display: flex;
    color: #e8e9ed;
}
.ftmcat__icon,
.ftnrp__icon {
    width: 32px;
    height: 32px;
    fill: #e8e9ed;
}
.gmfsec:not(:last-child) ol li {
    display: flex;
    align-items: center;
    width: calc(100% / 3);
    height: 48px;
    cursor: pointer;
}
.gmfsec:nth-child(2) ol li {
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    cursor: pointer;
}
.gmfsec ol li a {
    color: #e8e9ed;
}
.gmftcr {
    background-color: #2f3034;
    justify-content: center;
    padding: 10px;
    text-align: center;
}
.online_play .player {
    background: #2f3034;
    margin-bottom: 10px;
    flex-wrap: wrap;
    border: 1px solid #5d6164;
    border-radius: 8px;
}
.controler {
    justify-content: center;
}
.icons {
    width: 70%;
}
.pcover {
    width: 30%;
}
.pcover img {
    border-radius: 50%;
    border: 5px solid #fbb03b;
    animation-duration: 8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-delay: 0s;
}
.active img {
    animation-name: rotate;
}
.online_play .volseek {
    width: 100px;
    background: #e8e9ed;
    height: 4px;
    display: flex;
    justify-content: flex-end;
    margin: 10px 0;
    border-radius: 15px;
    cursor: pointer;
}
.online_play .icon {
    width: 48px;
    height: 48px;
    margin: 0 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.online_play .tm_seek {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.online_play .volseek .seekbar {
    width: 95%;
    background: #fbb03b;
    height: 100%;
    border-radius: 15px;
}
.online_play .seek .seekbar {
    width: 100%;
    background: #fbb03b;
    border-radius: 15px;
    transform-origin: left center;
	 transform: scaleX(0);
    position: relative;
    height: 100%;
}
.online_play .seek {
    width: 70%;
    background: #e8e9ed;
    height: 4px;
    display: flex;
    justify-content: flex-end;
    margin: 7px 0;
    border-radius: 15px;
    cursor: pointer;
}
.online_play .tm {
    color: #fbb03b;
    padding: 0 10px;
    font-size: 14px;
    width: 15%;
}
.gmpb__icon,
.gmpf__icon,
.gmpl__icon,
.gmpp__icon,
.gmpv__icon,
.icon-pause2 {
    width: 32px;
    height: 32px;
    fill: #e8e9ed;
}
.online_play .icons .icon.play {
    width: 53px;
    height: 53px;
    border: 2px solid #fbb03b;
    border-radius: 50%;
}
.icon.repeat.active .gmpl__icon {
    fill: #fbb03b !important;
}
.gmsocial {
    margin: 10px auto;
}
.gmsocial1 {
    margin: 10px auto;
    position: sticky;
    top: 0;
    z-index: 99;
}
.gmsos1 {
    background: #0ff;
    border-radius: 0 8px 8px 0;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    cursor: pointer;
    color: #3c4043;
}
.gmsos2 {
    background: #fbb03b;
    border-radius: 8px 0 0 8px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    cursor: pointer;
    color: #3c4043;
}
.gmsos1 span,
.gmsos2 span {
    display: flex;
    align-items: center;
    margin-left: 10px;
}
.insta__icon,
.tel__icon {
    width: 32px;
    height: 32px;
    fill: #3c4043;
}
.gmsos1 a,
.gmsos2 a {
    color: #3c4043;
}
.gmcsoonw {
    background: #2f3034;
    display: flex;
    align-items: center;
    padding: 5px;
    justify-content: space-between;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid #5d6164;
}
.gmcsoonw span {
    display: flex;
    align-items: center;
    justify-content: center;
}
.csoona__icon {
    width: 80px;
    height: 80px;
    fill: #e8e9ed;
}
.gradient,
.gradient2 {
    align-items: stretch;
    margin-bottom: 10px;
    color: #0ff;
    background: #000;
}
.gradient::before {
    background: linear-gradient(to left, #202125, #000);
}
.gradient::after {
    background: linear-gradient(to right, #202125, #000);
}
.gradient2::before {
    background: linear-gradient(to left, #3c4043, #000);
}
.gradient2::after {
    background: linear-gradient(to right, #3c4043, #000);
}
.gm404sgph,
.gmplay {
    display: flex;
    height: 48px;
}
.gm404sgph::after,
.gm404sgph::before,
.gmplay::after,
.gmplay::before,
.gmschp::after,
.gmschp::before,
.gmtagh::after,
.gmtagh::before {
    content: "";
    flex: 1;
}
.gmschp {
    background-color: #202125;
    border: 1px solid #5d6164;
    margin-bottom: 10px;
    padding: 5px;
}
.gmorginal {
    justify-content: center;
    border: 1px solid #5d6164;
    margin-bottom: 10px;
    font-size: 14px;
    border-radius: 8px;
    padding: 5px;
    cursor: pointer;
    background-color: #202125;
}
.gmorg span {
    display: flex;
    align-items: center;
    margin-left: 10px;
}
.org__icon {
    width: 32px;
    height: 32px;
    fill: #e8e9ed;
    animation: alert 2s infinite;
}
@keyframes alert {
    from {
        fill: #e8e9ed;
    }
    to {
        fill: red;
    }
}
.gmdllink {
    justify-content: space-between;
    flex-wrap: wrap;
}
.gmdllink .dl {
    height: 48px;
    background-color: #fbb03b;
    display: flex;
    align-items: center;
    padding: 5px;
    border-radius: 8px;
    color: #3c4043;
    font-size: inherit;
    width: 320px;
    justify-content: space-between;
    margin: 0 auto;
}
.gmdllink .dl:not(last-child) {
    margin-bottom: 10px;
}
.dl span {
    display: flex;
    align-items: center;
}
.dl span:nth-child(even) {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.075), rgba(255, 255, 255, 0.045));
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 0 1px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
    color: #000;
    border-radius: 8px;
    height: 30px;
}
.download__icon {
    width: 32px;
    height: 32px;
    fill: #3c4043;
}
.dl:hover span {
    animation-duration: 1.5s;
    animation-delay: 0.1s;
    animation-name: move;
    transition: all 0.3s ease-out;
}
@keyframes move {
    20%,
    53%,
    80%,
    from,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -7px, 0);
    }
    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -7px, 0);
    }
    90% {
        transform: translate3d(0, -3px, 0);
    }
}
.gmdl video {
    width: 100%;
}
.gmtable-album {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #5d6164;
    background-color: #2f3034;
}
.table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.table thead th {
    background: #3c4043;
    color: #e8e9ed;
    height: 40px;
    border-bottom: 1px solid #5d6164;
}
.number {
    width: 12%;
}
.table td {
    border-top: none;
    color: #e8e9ed;
    height: 40px;
    padding: 5px;
    vertical-align: middle;
}
.table tbody tr:not(:last-child) {
    border-bottom: 1px solid #5d6164;
}
.trackrw.active {
    background-color: #202125;
}
.trackrw.active .atn {
    color: #fbb03b;
}
.tbdl__icon,
.tbplay__icon {
    width: 24px;
    height: 24px;
    fill: #e8e9ed;
    vertical-align: middle;
    cursor: pointer;
}
.tbdl__icon:hover,
.tbplay__icon:hover {
    fill: #fbb03b;
}
.share__icon {
    width: 40px;
    height: 40px;
    fill: #0ff;
}
.share2__icon {
    width: 40px;
    height: 40px;
    fill: green;
}
.gmt,
.gmw {
    margin-right: 10px;
}
.gmartac {
    display: flex;
    align-items: center;
    width: 320px;
    height: 48px;
    background-color: #fbb03b;
    margin: 0 auto 10px;
    justify-content: center;
    border-radius: 8px;
}
.singer__icon {
    width: 32px;
    height: 32px;
    fill: #3c4043;
    margin-left: 5px;
}
.gmartac a {
    color: #3c4043;
}
#respond {
    background: #202125;
    margin-bottom: 10px;
    border: 1px solid #5d6164;
}
#reply-title {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #5d6164;
    font-size: 14px;
}
.gmcomment__icon {
    width: 24px;
    height: 24px;
    fill: #e8e9ed;
}
#reply-title span {
    display: flex;
    align-items: center;
    margin-left: 10px;
}
#commentform {
    padding: 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.gmcm-author,
.gmcm-email {
    width: 48%;
    position: relative;
    margin-bottom: 10px;
}
.gmcm-author label,
.gmcm-comment label,
.gmcm-email label {
    position: absolute;
    margin: -1px;
    padding: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    border: 0;
    word-wrap: normal !important;
}
.gmcm-author input,
.gmcm-email input {
    height: 48px;
    width: 100%;
    background-color: #2f3034;
    padding-right: 10px;
    font-family: inherit;
    border: 1px solid #5d6164;
    color: #e8e9ed;
}
.gmcm-author input:focus,
.gmcm-comment textarea:focus,
.gmcm-email input:focus {
    outline: 0;
}
.gmcm-author input::placeholder,
.gmcm-comment textarea::placeholder,
.gmcm-email input::placeholder {
    color: #e8e9ed;
    opacity: 1;
}
.gmcm-comment {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    border: 1px solid #5d6164;
}
.gmcm-comment textarea {
    border: none;
    background-color: #2f3034;
    font-family: inherit;
    padding: 10px;
    font-size: 14px;
    width: 100%;
    color: #e8e9ed;
}
.form-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.form-submit input {
    width: 100px;
    height: 48px;
    background-color: #fbb03b;
    padding: 10px;
    border-radius: 8px;
    border: none;
    font-family: inherit;
    color: #3c4043;
    cursor: pointer;
}
.nocom {
    font-size: 14px;
    background-color: #202125;
    text-align: center;
    padding: 10px;
    border: 1px solid #5d6164;
    margin-bottom: 10px;
}
#comments {
    display: flex;
    flex-direction: column;
}
#comments li {
    background-color: #202125;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #5d6164;
}
.cmsect {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 10px;
    border-bottom: 1px solid #5d6164;
    padding-bottom: 10px;
}
.cmsect span {
    display: flex;
    align-items: center;
}
.cmuser__icon {
    width: 24px;
    height: 24px;
    fill: #e8e9ed;
    margin-left: 10px;
}
.comment-reply-link {
    background-color: #fbb03b;
    padding: 5px 10px;
    border-radius: 8px;
    color: #3c4043;
}
#comments li .children {
    margin: 10px 10px 0 0;
}
#comments li .children li:last-child {
    background-color: #2f3034;
    margin-right: 10px;
}
#comments li .children li {
    background-color: #2f3034;
}
#comments li .children .admin {
    background-color: #2f3034 !important;
}
.admin .cmuser__icon {
    fill: red !important;
}
.cmpagination {
    display: flex;
    align-items: center;
    background-color: #202125;
    justify-content: space-between;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #5d6164;
}
.alignleft,
.alignright {
    display: flex;
    align-items: center;
    background-color: #fbb03b;
    padding: 5px;
}
.alignleft span,
.alignright span {
    display: flex;
    align-items: center;
}
.cmpr__icon {
    width: 32px;
    height: 32px;
    fill: #3c4043;
}
.alignleft a,
.alignright a {
    color: #3c4043;
}
#cancel-comment-reply-link {
    background-color: #fbb03b;
    padding: 5px 10px;
    border-radius: 8px;
    color: #3c4043;
    margin-right: 10px;
}
.gmsrp ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 5px;
}
.gmsrp ol li {
    margin: 5px;
    width: 140px;
    text-align: center;
    border: 1px solid #5d6164;
}
.gmsrp ol li img {
    width: 138px;
    height: auto;
    display: block;
    object-fit: cover;
}
.related-post-title {
    font-size: 14px;
    color: #fff;
    overflow-wrap: break-word;
}
.gmtagh {
    display: flex;
}
.gmtagh h1 {
    color: #fff;
    padding: 5px;
}
.gmtagdes {
    background-color: #202125;
    padding: 10px;
    line-height: 32px;
    font-size: 14px;
    text-align: justify;
    border: 1px solid #5d6164;
    margin-bottom: 10px;
}
.gmtagdes ul {
    margin-right: 20px;
}
.gmtagdes ul li {
    list-style: initial;
}
.rank-math-breadcrumb {
    margin-bottom: 10px;
    background-color: #202125;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #5d6164;
}
.gm404p img {
    width: 300px;
    height: 300px;
}
.gm404p p {
    font-size: 14px;
    text-align: justify;
}
.int-search {
    width: 300px;
    position: relative;
    margin: 10px auto;
}
.int-search #search__input {
    background-color: #2f3034;
    color: #e8e9ed;
}
.intsearch__button {
    border: none;
    background: 0 0;
    position: absolute;
    cursor: pointer;
    left: 35px;
    top: 5px;
}
.intsearch__button .search__icon {
    fill: #e8e9ed;
}
.int-search #search__input::placeholder {
    color: #e8e9ed;
    opacity: 1;
}
.gm404sgp ol {
    counter-reset: number;
}
.gmsdl {
    background: #fbb03b;
    border-radius: 8px;
    width: 150px;
    height: 48px;
    line-height: 28px;
    color: #3c4043;
    font-size: 22px;
    padding: 10px;
    display: inline-block;
    text-align: center;
    margin: 10px 0;
    position: relative;
}
.gmcil {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.075), rgba(255, 255, 255, 0.045));
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 1px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.9);
    border-radius: 8px;
    height: auto;
    line-height: 28px;
    width: fit-content;
    font-size: 14px;
    padding: 10px;
    display: inline-block;
    text-align: center;
    margin: 5px 0;
}
.gmmpostc ol,
.gmmpostc ul {
    text-align: right;
    margin-right: 30px;
}
.gmmpostc ol li,
.gmmpostc ul li {
    list-style: initial;
}
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container {
    margin: 0 !important;
}
.rmp-rating-widget__icons-list.js-rmp-rating-icons-list {
    text-align: center !important;
}
.ybn1,
.ybn2,
.yh1,
.yh2,
.yh3 {
    margin-bottom: 10px;
    line-height: initial;
}
.yh2 {
    background-color: #e8e9ed;
}
.mad2 {
    text-align: center;
}
.tagdes {
    background: #202125;
    border: 1px solid #5d6164;
    padding: 5px;
    margin-bottom: 10px;
    text-align: justify;
}
.sizefile {
    direction: ltr;
}
.dmca {
    text-align: center;
    margin-top: 10px;
}
.upt-ads1 {
    display: block;
    margin: 0 auto 10px;
    max-width: 100%;
    border: 1px solid #fff;
}
.cmaudio {
    display: none;
}
.yb1{
	display:none;
}
.cm-ads.is-active{
display:none;	
}
#load-more-comments {
    background-color: #fbb03b;
    color: #000;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    font-family: 'GuitarMusic';
    display: block;
    margin: 5px auto;
}
.gmspp{
    display:none;
}
.gmspp-desktop{
    display:block;
}
.post-rating-container {
    border: 1px solid #5d6164;
    padding: 15px 20px;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    direction: rtl;
}
.rating-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.rating-label {
    font-size: 16px;
    color: #e8e9ed;
}
.rating-stars {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse; 
}
.rating-stars .star {
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #5d6164;
    margin: 0 4px;
    transition: all 0.2s ease;
}

.rating-stars .star.filled, 
.rating-stars .star.filled ~ .star {
    color: #ffb822;
}

.rating-stars:not(.has-voted) .star:hover,
.rating-stars:not(.has-voted) .star:hover ~ .star {
    color: #ffcf66;
}
.star-icon {
    display: flex;
}
.star-icon svg {
    width: 48px;
    height: 48px;
}
.star-number {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-family: sans-serif;
    font-weight: bold;
    color: #fff;
    pointer-events: none;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}
.rating-info {
    font-size: 14px;
    margin-top: 8px;
}
.rating-average {
    font-weight: bold;
    color: #fff;
}
.rating-message {
    margin-top: 10px;
    font-size: 16px;
    color: #2ecca5;
}
.rating-message.error {
    color: #f96d6d;
}
  #tg-promo-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
  }
  #tg-promo-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
  }
  #tg-promo-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    max-width: 340px;
    background: #fbb03b;
    padding: 22px 18px 24px;
    border-radius: 18px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.3);
    text-align: center;
    animation: tg-promo-pop .2s ease-out;
  }
  @keyframes tg-promo-pop {
    from { transform: translate(-50%, -50%) scale(0.85); opacity: 0; }
    to   { transform: translate(-50%, -50%) scale(1); opacity: 1; }
  }
  #tg-promo-close {
    position: absolute;
    top: 8px;
    left: 12px;
    background: none;
    border: none;
    font-size: 26px;
    line-height: 1;
    color: #333;
    cursor: pointer;
    padding: 4px 8px;
  }
  #tg-promo-text {
    margin: 6px 30px 16px;
    font-size: 16px;
    font-weight: 600;
    color: #222;
  }
  #tg-promo-btn {
    display: inline-block;
    background: #229ED9;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: 12px 28px;
    border-radius: 30px;
    font-size: 15px;
  }
  #tg-promo-btn:active {
    opacity: .85;
  }
@media (min-width: 1201px) {
    .gmspp-desktop {
        height: 150px;
    }
    .gmsrp ol {
        justify-content: space-evenly;
    }
    .gmsocial1 {
        display: none;
    }
	#tg-promo-modal { display: none !important; }
}
@media (min-width: 1025px) and (max-width: 1200px) {
    .container {
        margin: 10px;
    }
    .gmicat ul li {
        width: 49%;
    }
    .gmsrp ol {
        margin: 5px 0;
    }
    .gmsocial1 {
        display: none;
    }
	#tg-promo-modal { display: none !important; }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .container {
        margin: 10px;
    }
    .gmspplist {
        flex-wrap: wrap;
    }
    .gmspplist li {
        width: 25%;
    }
    .gmc {
        width: 100%;
    }
    .gmsidebar {
        width: 100%;
    }
    .gmicat ul li {
        width: 50%;
    }
    .gmartl ol li {
        width: 50%;
    }
    .icon.volume,
    .online_play .volseek {
        display: none;
    }
	#tg-promo-modal { display: none !important; }
}
@media (min-width: 481px) and (max-width: 768px) {
    .container {
        margin: 5px;
    }
    .gmsdes {
        display: none;
    }
    .gmlogo a img {
        width: 48px;
        height: 48px;
        margin: 5px;
    }
    .gmlogo {
        width: 220px;
    }
    .search {
        width: 220px;
        justify-content: initial;
    }
    #search__input {
        width: 100%;
    }
    .logom {
        justify-content: space-between;
        padding: 0 10px;
    }
    .election {
        display: none;
    }
    .gmheader {
        padding: 0;
        position: initial;
    }
    .gmtn {
        border-top: none;
    }
    .gmspplist {
        flex-wrap: wrap;
    }
    .gmspplist li {
        width: 25%;
    }
    .gmmc {
        flex-direction: column;
    }
    .gmc {
        width: 100%;
    }
    .gmmpostc img {
        max-width: 100%;
        height: auto;
    }
    .icon.volume,
    .online_play .volseek {
        display: none;
    }
    .icons {
        width: 68%;
    }
    .controler {
        margin-bottom: 10px;
    }
    .online_play .tm {
        width: 25%;
    }
    .online_play .seek {
        width: 50%;
    }
    .gmsidebar {
        width: 100%;
    }
    .nocom {
        margin-bottom: 10px;
    }
    .gmfps {
        flex-direction: column;
    }
    .gmfps > * {
        width: 100%;
    }
    .gmfsec:not(:last-child) ol li {
        width: calc(100% / 2);
    }
    .gmspp{
    display:block;
}
.gmspp-desktop{
    display:none;
}
.rating-wrapper{
    flex-direction: column;
    gap: 5px;
}
.post-rating-container{
    padding: 0;
    margin: 0;
}
}
@media (max-width: 480px) {
    .container {
        margin: 5px;
    }
    h1 {
        font-size: 18px;
    }
    h2 {
        font-size: 18px;
    }
    .gmsdes {
        display: none;
    }
    .gmlogo a img {
        width: 48px;
        height: 48px;
        margin: 5px;
    }
    .gmheader {
        padding: 0;
        position: initial;
    }
    .logom {
        flex-wrap: wrap;
        padding: 10px;
    }
    .gmlogo {
        order: 1;
        width: 250px;
        margin: 0 auto 10px;
        justify-content: center;
    }
    .search {
        order: 2;
        width: 100%;
    }
    #search__input {
        width: 100%;
    }
    .gmspplist {
        flex-wrap: wrap;
    }
    .gmspplist li {
        width: 50%;
    }
    .gmmc {
        flex-direction: column;
    }
    .gmc {
        width: 100%;
		content-visibility: auto;
    contain-intrinsic-size: 1000px;
    }
    .gmmpostc img {
        max-width: 100%;
        height: auto;
    }
    .icon.repeat,
    .icon.volume,
    .online_play .volseek {
        display: none;
    }
    .online_play .seek {
        width: 40%;
    }
    .online_play .tm {
        width: 30%;
    }
    .icons {
        width: 69%;
    }
    .gmdllink .dl {
        width: 100%;
    }
    .gmartac {
        width: 100%;
    }
    .gmmpft span {
        font-size: 14px;
    }
    .gmt,
    .gmw {
        margin-right: 5px;
    }
    .gmsidebar {
        width: 100%;
    }
    .nocom {
        margin-bottom: 10px;
    }
    .gmicat ul li {
        width: 100%;
    }
    .gmartl ol li,
    .gmartl2 ol li {
        width: 100%;
    }
    .gmfps {
        flex-direction: column;
    }
    .gmfps > * {
        width: 100%;
    }
    .gmfsec:not(:last-child) ol li {
        width: 100%;
    }
    .int-search {
        width: 100%;
    }
    .intsearch__button {
        left: 10px;
    }
    .gmmprm {
        width: 40%;
    }
    .gm404c,
    .gmmpostc {
        margin: 5px;
    }
    .pcover {
        width: 28%;
    }
	.yb1{
    width: 300px;
    height: 250px;
    display: block;
    margin: 0 auto 10px auto;
	}
	    .gmspp{
    display:block;
}
.gmspp-desktop{
    display:none;
}
.rating-wrapper{
    flex-direction: column;
    gap: 5px;
}
.post-rating-container{
    padding: 0;
    margin: 0;
}
}