/*
Theme Name: musichi
Description: Theme Music Free
Theme URI: https://vebeet.com
Author: MohammadFamo
Author URI: https://vebeet.com
Version: 2.0
*/
@font-face{font-family:yb;font-style:normal;font-weight:400;src:url(yb.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box;padding:0;margin:0;border:0;outline:0}
body{direction:rtl;color:#1c1c1c;overflow-x:hidden;cursor:default;font-family:yb;font-size:14px;background:#f2f2f2}
input,button,textarea{font-family:yb;font-size:14px;background:none}
h1,h2,h3,h4,h5,h6{font-family:yb;font-weight:400}
a{text-decoration:none;color:#1c1c1c;transition:all 300ms ease-out}
a:hover{text-decoration:none;color:#005C73}
img{border:0;max-width:100%;height:auto}
ul,li{border:0;padding:0;margin:0;list-style:none}
button,label{cursor:pointer}
strong{font-weight:400}
.him_svg{display:flex;position:absolute;width:0;height:0}
.him_w{max-width:1100px;margin:0 auto;width:96%}
.him_f{display:flex;flex-wrap:wrap;align-items:center}
.him_f2{display:flex;flex-wrap:wrap}
.him_hdr{background:#1c1c1c;padding:1em 0}
.him_hdr .him_f{justify-content:space-between}
.him_logo{width:145px;height:40px;margin-left:.5em}
.him_logo svg{width:145px;height:40px;fill:#fff}
.him_logo span{display:none}
.him_hdr li a{color:#fff;padding:7px 10px;margin:0 5px;font-size:15px;border-radius:5px}
.him_hdr li a:hover{background:#fff;color:#1c1c1c}
.him_srch{background:#fff;width:320px;position:relative;border-radius:15px;overflow:hidden}
.him_srch input{padding:1em;width:100%}
.him_srch button{position:absolute;left:6px;background:linear-gradient(180deg,#087995 0%,#005C73 100%);border:1px solid #005C73;color:#fff;padding:8px 12px;border-radius:9px;top:6px}
.him_hdrtbg{background:#fff;box-shadow:0 5px 10px RGBA(0,0,0,0.1);border-radius:10px;margin:1.5em auto 0;padding:1em}
.him_hdrtbg a,.him_hdrtbg img{display:block;margin:0 auto;border-radius:8px}
.him_hdrtbg img{box-shadow:0 5px 10px RGBA(0,0,0,0.05)}
.him_hding h1,.him_hding h1 a{font-size:16px;text-align:center;color:#005C73}
.him_hding h2,.him_hding h3,.him_hding p{font-size:14px;text-align:center;color:#595959}
.him_hding img{margin:0.5em 0}
.him_vips{margin:1.5em auto 0;border-radius:8px}
.him_vips ul li{width:16.66%;padding:0 7px;align-items:stretch}
.him_vips ul li a{position:relative;display:block;overflow:hidden;border-radius:8px;border:3px solid #fff;background:#fff}
.him_vips ul li span{position:absolute;top:0;width:100%;height:100%;right:0;background:RGBA(0,0,0,0.6);color:#fff;align-items:center;display:flex;padding:1em;justify-content:center;opacity:0;visibility:hidden;transform:scale(1.1);transition:all 300ms ease-out}
.him_vips ul li:hover span{opacity:1;visibility:visible;transform:scale(1)}
.him_vips ul li img{display:block;width:100%}
.him_w.him_f2{margin-top:1.5em}
.him_main{width:80%;padding:0 1em}
.mright{width:70%;flex-direction:row-reverse;justify-content:space-between;align-items:stretch}
.him_side.right{width:20%}
.him_side.left{width:30%}
article{border-radius:10px;overflow:hidden;margin-bottom:1em;background:#fff;box-shadow:0 5px 10px RGBA(0,0,0,0.1)}
article header{padding:1em;background:#3c3c3c;display:flex;align-items:center}
article header svg{width:18px;height:18px;fill:#fff;margin-left:.6em}
article header h2,article header h1{font-size:16px;color:#fff}
article header a{color:#fff!important}
article footer{border-top:1px solid #f2f2f2;padding:.5em;justify-content:center}
article footer ul { font-size: 13px;color: #595959; justify-content: center;}
article footer ul li{padding:6px;display:flex;align-items:center}
article footer ul li a{color:#595959;margin:0 3px}
article footer ul li a:hover{color:#005C73}
article .more{background:linear-gradient(180deg,#087995 0%,#005C73 100%);border:1px solid #005C73;color:#fff;padding:10px;border-radius:7px;width:100%;text-align:center;margin:7px}
.him_box{margin:0 0 1em;border-radius:10px;border-top:0;overflow:hidden;padding:1em;line-height:2.2;background:#fff;box-shadow:0 5px 10px RGBA(0,0,0,0.1)}
.him_box header{font-size:15px;background:#1c1c1c;color:#fff;padding:.8em .8em .6em;margin:-1em -1em 1em;line-height:1.8;display:flex;align-items:center}
.him_box header svg {width: 18px;height: 18px;fill: #fff;margin-left: 0.6em;}
.him_box header h2{font-size:15px}
.him_box li ul{padding-right:1em}
.him_box li ul li a{color:#3c3c3c;font-size:13px}
.him_box li{width:100%}
.him_box li:before{content:"";width:7px;height:7px;border:1px solid #e5e5e5;transform:rotate(45deg);border-radius:3px;margin:9px 0 0 5px;float:right}
.him_box li ul li:before{width:5px;height:5px;border-radius:2px;margin:10px 0 0 5px}
.him_box li a:hover{color:#005C73}
.anr_pksh {background: linear-gradient(to right, #6b24dd 0%, #1d5fdb 40%, #087995 100%);color: #fff;text-align: center;padding: 0.7em;}
.anr_pksh a {color: #fff;background: rgb(0 0 0 / 20%);padding: 0.2em 0.5em;border-radius: 0.3em;}
article > div{padding:1em;line-height:2.2;text-align:center}
article > div audio{width:100%;display:flex}
article > div a{color:#005C73}
article > div img{border-radius:10px;margin:1em 0 0}
.him_sykta{padding:0 1em 1em}
.him_sykta a,.him_sykta img{display:block;margin:0 auto}
.himyk1{min-height: 300px;}
.himyk2{}
@media screen and (max-width:520px) {
.himyk1{min-height: 550px;}
.himyk2{min-height: 420px;}
.himyk3{min-height: 800px;}
}
.him_pgnav{justify-content:center}
.him_pgnav a,.him_pgnav span{height:40px;width:40px;display:flex;justify-content:center;align-items:center;margin:5px;border-radius:14px;background:#fff}
.him_pgnav a:hover,.him_pgnav .current{background:linear-gradient(180deg,#087995 0%,#005C73 100%);border:1px solid #005C73;color:#fff}
.footer{background:#1c1c1c;padding-top:1em;margin-top:1em}
.footer .him_f2{margin:0 auto}
.him_fbox{width:33.33%}
.him_fbox:nth-child(2){padding:0 1em}
.him_fbox h5{color:#fff;font-size:17px;border-bottom:1px solid rgba(255,255,255,0.1);padding:0 0 10px;display:flex;align-items:center}
.him_fbox svg{width:18px;height:18px;fill:#087995;margin-left:.6em}
.him_fbox ul{line-height:2.5;padding:5px 0}
.him_fbox li a{color:rgba(255,255,255,0.6)}
.him_fbox li a:hover{color:#fff}
.him_cprt{background:#3c3c3c;text-align:center;color:#fff;padding:1em 0;margin-top:.5em;width:100%;border-radius:8px 8px 0 0;font-size:15px}
.him_cprt a {background:linear-gradient(180deg,#087995 0%,#005C73 100%);border:1px solid #005C73;color: #fff;padding: 0.2em 1em;border-radius: 1em;display: inline-flex;margin: 0.3em 0 0;}
.him_scal{margin:0.7em 0 0}
.him_scal a {margin: 0.5em;background: #252525;color: #fff;border: 0;}
.him_scls {justify-content: space-between;margin: 0 auto 1em;width: 94%;display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 1em;grid-row-gap: 1em;line-height:initial}
.him_scls a{padding:1em 0;color:#fff;font-size:14px;display:flex;justify-content:center;align-items:center;flex:1;border-radius:1em;border:1px solid}
.him_scls a svg{margin-left:.5em;width:20px;height:20px;fill:#fff}
.him_scls a:nth-child(1){background:linear-gradient(180deg,#33b1ef 0%,#1298db 100%);border-color:#1298db}
.him_scls a:nth-child(2){background:linear-gradient(180deg,#5326CF 0%,#3f18aa 100%);border-color:#3f18aa}
.him_scls a:nth-child(3) {background: linear-gradient(180deg,#e74b50 0%,#c13438 100%);border-color: #c13438;}
.him_scls .wthsup {background: linear-gradient(180deg, #43a147 0%, #348538 100%)!important;border-color: #348538!important;}
.him_scls a{display:flex;align-items:center;color:#fff!important;justify-content:center;background:#3c3c3c;padding:.7em .3em;border-radius:10px;width:100%}
.him_scls a:hover{background:#1c1c1c}
.him_scls svg{width:20px;height:20px;margin-left:.6em;fill:#fff}
.him_bc{border:1px solid #d9d9d9;padding:0.7em 1em;border-radius:1em;margin:1em 0;background:#fafafa}
.him_svbtf{color:#3c3c3c}
.him_svbtf img{margin:1em auto;display:block}
.him_svbtf form{position:relative;width:95%;margin:1em auto}
.him_svbtf input{background:#f2f2f2;height:42px;width:100%;border-radius:10px;padding:0 1em}
.him_svbtf button{position:absolute;height:32px;background:#005C73;color:#fff;left:5px;top:5px;border-radius:10px;padding:0 1em}
.him_mp3dls,.him_sngrs{width:94%;margin:0 auto}
.him_mp3dls .player{background:RGBA(0,0,0,0.1);display:block;text-align:center;padding:5px;border-radius:5px;margin:0 0 1em}
.him_mp3dls audio,.him_mp3dls video{width:100%;margin:0 0 1em}
.dbf{display:flex;justify-content:space-between;align-items:center}
.him_mp3dls .dbf a{flex:1;display:flex;align-items:center}
.him_mp3dls .dbf a:nth-child(2){margin-right:1em}
.him_mp3dls .dbf a svg{width:18px;height:18px;fill:#fff;margin-left:.6em}
.him_mp3dls a,.vhim_mp3dls,.him_sngrs a{background:linear-gradient(180deg,#087995 0%,#005C73 100%);border:1px solid #005C73;color:#fff;display:flex;margin:0 0 1em;font-size:16px;padding:.7em;text-align:center;border-radius:10px;justify-content:center;align-items:center;flex-wrap:wrap}
article > div .vhim_mp3dls{color:#fff;display:inline-block;line-height:1.2;padding:1em 2em}
article > div hr{width:100%;height:3px;background:#e5e5e5}
.him_mp3dls a:hover,article > div .vhim_mp3dls:hover,.him_sngrs a{background:#111;border-color:#222}
table{table-layout:fixed;width:100%;border-collapse:collapse;border:2px solid #ebebeb;margin:1em auto}
th,td{padding:0.5em;border:1px solid #ebebeb}
.eplfx a{position:fixed;left:1em;bottom:1em;padding:.5em 1em;font-size:15px;border-radius:10px;color:#fff;background:#1c1c1c}
.him_cms > div{margin:0 0 1em}
.him_cms > div svg{width:22px;height:22px;fill:#3c3c3c;margin-left:.7em}
.him_cms h4{display:flex;align-items:center;margin:1.5em 0 0}
.him_cms h4 span{font-size:13px;color:#697383;margin:0 5px}
.him_cms form{display:flex;justify-content:space-between;flex-wrap:wrap;margin:1em 0}
.him_cms form textarea,.him_cms form input{padding:.8em 1.2em;border-radius:1em;transition:all 300ms ease-out;background:#fff;border:2px solid #e5e5e5}
.him_cms form input{width:49%}
.him_cms form textarea{display:flex;width:100%;resize:none;height:70px}
.him_cms form input:focus,.him_cms form textarea:focus{border-color:#005C73}
.him_cmshs{display:flex;justify-content:space-between;width:100%;margin:0 0 1em}
.him_cmsh{position:relative;width:100%}
.him_cms form button{position:absolute;left:1em;background:#005C73;height:40px;border-radius:.7em;transition:all 300ms ease-out;padding:0 1em;color:#fff;transform:translate(0,-50%);top:50%}
.him_cmsa{padding:.6em .8em;border-radius:1em;background:#005C73;color:#fff;justify-content:center!important}
.him_cms > ul{padding:.8em .8em 1px;margin:0 0 1em;border-radius:1em;width:100%;display:block;background:#fff;box-shadow:0 5px 10px RGBA(0,0,0,0.1)}
.him_cms ul li > span{display:flex;flex-direction:column;border-radius:.7em;padding:.5em .8em;line-height:2;margin:0 0 1em;background:#f2f2f2}
.him_cms ul li.administrator > span{background:#494a5d}
.him_cms ul li.administrator > span p i,.him_cms ul li.administrator > span p span b,.him_cms ul li.administrator > span p span{color:#fff}
.him_cms ul li p i{font-size:12px;display:inline-block;font-style:normal;color:#3c3c3c}
.him_cms ul li p{display:flex;justify-content:space-between;align-items:flex-start;text-align:justify;flex-wrap:wrap;position:relative}
.him_cms ul li p span{overflow-wrap:break-word;width:100%;color:#3c3c3c;font-size:13px}
.him_cms ul li p span b{color:#1c1c1c;font-weight:400;font-size:15px}
.him_cms ul li p em{color:#005C73;display:flex;font-size:12px;font-style:normal}
.him_nxpr{position:fixed;height:88px;top:60%;text-decoration:none;z-index:501;cursor:pointer;transform:translate(0,-50%);width:38px;right:0;border-radius:.7em 0 0 .7em;transition:all 300ms ease-out;border-right:0;background:linear-gradient(180deg,#087995 0%,#005C73 100%);border:1px solid #005C73;color:#fff!important}
.him_nxpr strong {transform: rotate(-90deg);position: absolute;width: 73px;top: 40px;right: -1.3em;color: #fff;font-size: 13px;}
.him_nxpr.him_nxprt{right:initial;left:0;border-radius:0 15px 15px 0;border-left:0}
.him_nxpr.him_nxprt strong {top: 37px;right: -14px;}
.him_nxpr a{position:absolute;width:100%;height:100%}
.him_vips.spcls{margin:0}
.him_vips.spcls ul{margin:-.5em;align-items:stretch}
.him_vips.spclm ul{align-items:stretch}
.him_vips.spcls ul li{width:25%;padding:0 2px}
.him_box .him_vips.spcls li:before,.him_box .him_vips.spclm li:before{display:none}
.him_vips.spcls ul li img{border-radius:8px}
.him_vips.spcls ul li span,.him_vips.spclm ul li span{position:inherit;height:auto;transform:none;opacity:1;visibility:visible;padding:0;background:none;color:#999;font-size:12px;text-align:center;line-height:1.5;margin-top:5px}
.him_vips.spclm ul li span{margin:5px 0}
.him_vips.spcls ul li:hover span{color:#005C73}
.him_mp3dls a span{background:RGBA(0,0,0,0.2);font-size:12px;padding:2px 6px;border-radius:7px;margin:2px 5px}
.vbt_rubikd {display: flex;margin: .8em auto;justify-content: center;width: 94%;}
.vbt_rubikd a{display:flex;padding:.5em;border-radius:.6em;align-items:center;justify-content:center;font-size:15px;width:100%;background:linear-gradient(180deg,#087995 0%,#005C73 100%);border:1px solid #005C73;line-height:initial}
.vbt_rubikd a:hover{background:#212121}
.vbt_rubikd a span{color:#fff}
.vbt_rubikd a strong{justify-content:center;align-items:center;display:flex;margin-left:.7em;background:#fff;border-radius:.7em;padding:.2em}
.vbt_rubikd svg{width:24px;height:24px}
@media screen and (max-width:800px) {
.him_hdr nav,.him_srch,.him_main,.him_side.right,.him_side.left,.mright{width:100%}
.him_srch{margin-top:1em}
.him_main{padding:0}
.him_pgnav{margin-bottom:1em}
.him_lstart ul{display:flex;flex-wrap:wrap;gap:.7em}
.him_lstart li{width:initial}
}
@media screen and (max-width:640px) {
.him_vips ul li{width:33.33%;padding:7px}
.him_vips,.him_hdrtbg{margin:.5em auto 0}
.him_w.him_f2{margin-top:1em}
.him_fbox{width:100%}
.him_fbox h5,.him_fbox ul{text-align:center}
.him_fbox:nth-child(2){padding:1em 0}
.him_cprt{margin-top:1em}
}
@media screen and (max-width:520px) {
.him_hdr .him_f{justify-content:center}
.him_hdr nav ul{display:block;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:1em 0}
.him_hdr nav ul li{display:inline-block}
}
@media screen and (max-width:425px) {
.him_mp3dls .dbf a{font-size:14px;padding:.7em .2em}
}
@media screen and (max-width:375px) {
.him_vips ul li{width:50%}
.him_scls{grid-template-columns:repeat(1, 1fr)}
}
@media screen and (max-width:359px) {
.him_mp3dls .dbf a{font-size:13px}
.him_mp3dls .dbf a svg{display:none}
}