/*
Theme Name:4song
Description:
Version: 1
Author:وب طراحان باهنر
*/
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: iransnsrox;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/IRANSansX.woff) format("woff"), url(fonts/IRANSansX.woff2) format("woff2");
    font-display: swap
}
h1, h2, h3, h4, h5, h6,strong,b{
    font-weight: 400;
}
ul,li {
    list-style: none;
}
img {
    border: 0;
    max-width: 100%;
    height: auto;
}
audio,video{
    width: 100%;
}
a {
    text-decoration: none;
    color: #4A4857;
    transition: all 300ms ease-out;
}
::after,::before{
    transition: all 300ms ease-out;
}
input,
button,
textarea,
select {
    font-family: iransnsrox, tahoma;
    font-size: 13px;
    font-size: 14px;
    outline: 0;
    border: 0;
    background: 0;
}
body {
    font-size: 14px;
    direction: rtl;
    cursor: default;
    color:#4A4857;
    background: #ffffff;
    font-family: iransnsrox;
}
.shimp3{
    display: flex;
    margin: 1em auto 0;
}
.shisvg{
    width: 0;
    height: 0;
}
.shimobilehedr{
    background:#4A4857;
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
    height: 53px;
}
.shimobilehedr .logo{
    height: 100%;
}
.shimobilehedr .logo a{
    width: 130px;
    overflow: hidden;
    height: 34px;
}
.shiconct{
    max-width: 1200px;
    margin: 0 auto;
    width: 97%;
}
.shiflex{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.shiheder{
    background: #ffd55c;
    border-bottom: 5px solid #000000;
}
.shiheder > div{
    background: #ffd55c;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: space-between;
}
.logo {
    padding: 0 1em;
    display: flex;
    height: 80px;
    background: #000000;
    align-items: center;
}
.logo a{
    width: 175px;
    height: 75px;
    overflow: hidden;
    fill: #fff;
}
.shiheder li{
    margin: 0 1em;
}
.shimobilehedr nav{
    flex: 1;
    padding: 0 .7em;
}
.shimobilehedr ul{
    display: flex;
    justify-content: space-between;
}
.shimobilehedr li{
    width: 32%;
}
.shimobilehedr li a{
    color: #fff;
    background: #555364;
    padding: .5em 1em;
    display: flex;
    justify-content: center;
    border-radius: 8px;
    font-size: 13px;
}
.shiheder li a{
    color: #fff;
    background: #343434;
    padding: .5em 1em;
    border-radius: 12px;
    font-size: 15px;
}
.shiheder li a:hover{
    color: #EF6C57;
}
.shiserchmobi form{
    overflow: hidden;
    background: #555364;
    border-radius: 12px;
    height: 44px;
    margin: 1em auto;
    position: relative;
}
.shiserchmobi form input{
    color: #f4f4f4;
    font-size: 13px;
    width: 100%;
    height: 44px;
    padding: 0 1em 0 4em;
}
.shiserchmobi  form button{
    width: 19px;
    height: 19px;
    position: absolute;
    left: 1em;
    top: 50%;
    transform: translate(0,-50%);
    cursor: pointer;
}
.shiserchmobi form button svg{
    width: 18px;
    height: 18px;
}
.shiheder form{
    overflow: hidden;
    background: #3c3c3c;
    border-radius: 12px;
    height: 44px;
    position: relative;
    width: 300px;
}
.shiheder form input{
    color: #C6C6C6;
    font-size: 13px;
    width: 100%;
    height: 44px;
    padding: 0 1em 0 4em;
}
.shiheder form button{
    width: 19px;
    height: 19px;
    position: absolute;
    left: 1em;
    top: 50%;
    transform: translate(0,-50%);
    cursor: pointer;
}
.shiheder form button svg{
    width: 18px;
    height: 18px;
}
.shiviptit{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1em;
}
.shiviptit .shiviips{
    display: flex;
    background: #3b3b3b;
    padding: .5em 1em;
    border-radius: 10px;
    color: #fff;
}
.shiviptit .shiviips svg{
    width: 18px;
    height: 18px;
    margin-left: .5em;
}
.shiviptit a{
    display: flex;
    background: #343434;
    padding: .5em .9em;
    border-radius: 10px;
    color: #fff;
}
.shivip ul,.shiordrt ul{
    margin: 1em  0;
}
.shivip li{
    width: 12.5%;
    padding: 0 .2em 0 .2em;
}
.shiordrt ul li{
    width: 25%;
    padding: 0 .2em 0 .2em;
}
.shivip li a,.shiordrt ul li a{
    display: block;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
}
.shivip li a img,.shiordrt ul li a img{
    display: block;
    width: 100%;
    height: auto;
}
.shivip li a span,.shiordrt ul li a span{
    font-size: 11px;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    background: hsl(0deg 0% 20.39%);
    left: 0;
    height: 32px;
    padding: .5em .2em;
    transition: all 300ms ease-out;
    display: flex;
    justify-content: center;
    align-items: center;
}
.shivip li:hover a span,.shiordrt ul li:hover a span{
    height:100%;
}
.shiirans{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffd099;
    border-radius: 15px;
    padding: .7em;
}
.shiirans svg{
    width: 30px;
    height: 30px;
    margin-left: .7em;
}
.shirows{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1.5em auto 0;
}
.shirtl{
    width: 23%;
}
.shiallpost{
    width: 45.5%;
}
.shiltr{
    width: 29%;
}
.shisidbox,.shipostmusi,.shitopahan,.shitagsd{
    overflow: hidden;
    background: #f9f9f9;
    border-radius: 15px;
    position: relative;
    margin-bottom: 1em;
}
.shitagsd{
	padding:1em;
}
.shitagsd a{
	font-size:13px;
	border-radius:2px;
	margin:0 .5em;
}
.shitopahan{
    padding: 1em;
    text-align: center;
    line-height: 1.8;
}
.shitopahan h2{
    font-size: 18px;
}
.shitopahan h2 a:hover{
    color: #EF6C57;
}
.shitopahan p{
    font-size: 13px;
    color: #555364;
}
.shisidbox .shihdrtl{
    background: #343434;
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shisidbox .shihdrtl h4{
    color: #fff;
    font-size: 15px;
}
.shisidbox .shihdrtl h4::before {
    content: "";
    width: 5px;
    height:29px;
    background: #ffd55c;
    position: absolute;
    right: 0;
    top: 14px;
}
.shisidbox .shihdrtl span {
    display: flex;
}
.shisidbox .shihdrtl span svg{
    width: 30px;
    height: 30px;
    fill:#686479;
}
.shicoming{
    padding-left: 0;
    flex: 1;
    text-align: left;
    color: #EF6C57;
    font-style: normal;
}
.shiartistalll ul{
    line-height: 2.4;
    padding: 1em;
}
.shilinknusic ul{
    line-height: 2.4;
}
.shiartistalll li{
    display: inline-flex;
    width: 49%;
}
.shilinknusic li{
    border-bottom: 1px solid #C7C4C4;
    padding: .5em 1em;
}
.shilinknusic li:last-child{
    border: none;
}
.shiartistalll li a,.shilinknusic li a{
    display: flex;
    align-items: center;
}
.shiartistalll li a::before,.shilinknusic li a::before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: #CFCFCF;
    transition: all 350ms ease-out;
    margin-left: .5em;
}
.shiartistalll li a:hover,.shilinknusic li a:hover{
    color: #EF6C57;
}
.shiartistalll li a:hover::before,.shilinknusic li a:hover::before{
    background: #EF6C57;
}
.shipostmusi .shimusichd,.shiftrm{
    background: #343434;
    padding: 1em;
    display: flex;
    align-items: center;
}
.shipostmusi .shimusichd span{
    display: flex;
    transform: rotate(10deg);
    margin-left: .5em;
}
.shipostmusi .shimusichd span svg{
    width: 30px;
    height: 30px;
}
.shipostmusi .shimusichd h2{
    font-size: 15px;
}
.shipostmusi .shimusichd h2 a{
    color: #fff;
}
.shipostmusi .shimusichd h2 a:hover{
    color: #EF6C57;
}
.shipostmusi .shimusichd h2::before {
    content: "";
    width: 5px;
    height:29px;
    background: #ffd55c;
    position: absolute;
    right: 0;
    top: 14px;
}
.shieror .shimusichd{
    justify-content: center;
}
.shieror .shimusichd h2{
    color: #fff;
}
.shieror .shimusichd h2::before{
    display: none;
}
.shiinfomusic {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .4em;
    border-bottom: 1px solid #C7C4C4;
}
.shiinfomusic ul{
    justify-content: center;
}
.shiinfomusic li{
    position: relative;
    padding: 0 1em;
    font-size: 13px;
    color: #989898;
}
.shiinfomusic li::after {
    content: "/";
    position: absolute;
    width: 1px;
    height: 20px;
    left: 0;
}
.shiinfomusic li:last-child:after{
    display: none;
}
.shimohtava{
    padding: 1em;
    text-align: center;
    line-height: 2;
}
.shimohtava img {
    border-radius: 15px;
    margin: 1em auto 0;
    display: block;
}
.shimohtava svg{
   max-width: 100%;
   height: 150px;
   fill: #2F2D38;
}
.shiftrm{
    justify-content: space-between;
    flex-wrap: wrap;
}
.shiftrm .shiartisttag {
    display: flex;
    align-items: center;
    background: #2F2D38;
    padding: .6em .8em;
    border-radius: 10px;
    color: #4A4857;
    font-size: 13px;
}
.shiftrm .shiartisttag a{
    color: #A9A9A9;
}
.shiftrm .shimor{
    background: #c5ef57;
    padding: .7em 1.1em;
    border-radius: 10px;
    display: flex;
    font-size: 15px;
    align-items: center;
}
.shiftrm .shimor::before{
    width: 16px;
    height: 16px;
    content: "";
    background-size: cover;
    margin-left: .3em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M8,0a.74.74,0,0,0-.74.74V9.18L4.43,6.35a.74.74,0,0,0-1,1l4.09,4.09a.73.73,0,0,0,1,0l4.09-4.09a.73.73,0,0,0,0-1,.74.74,0,0,0-1.05,0l0,0L8.74,9.18V.74A.74.74,0,0,0,8,0ZM.74,9.77a.74.74,0,0,0-.74.74V13A3.06,3.06,0,0,0,3.05,16H13A3.05,3.05,0,0,0,16,13V10.52a.74.74,0,0,0-.71-.77.75.75,0,0,0-.77.71V13A1.56,1.56,0,0,1,13,14.52H3.05A1.56,1.56,0,0,1,1.48,13V10.52a.74.74,0,0,0-.74-.74h0Z' fill='%234a4857'/%3e%3c/svg%3e");
}
.shiftrm .shimor:hover{
    background: #f95136;
}
.shipagebar{
    justify-content: center;
    margin-bottom: 1em;
}
.shipagebar a,.shipagebar span{
    background: #E0DEDE;
    width: 45px;
    height: 45px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
}
.shipagebar a:hover,.shipagebar .current{
    background: #EF6C57;
}
.shiftrb{
    background:#E0DEDE url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3e%3cimage id='image0' width='100' height='100' x='0' y='0' xlink:href='data:image/png;base64,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'/%3e%3c/svg%3e");
}
.shiftrb > div {
    justify-content: space-between;
    padding: 2em 0;
    position: relative;
    z-index: 1;
}
.shiftrb span {
    display: flex
}
.shiftrb p a:hover{
    color: #EF6C57;
}
.shiftrb span a svg{
    width: 20px;
    height: 20px;
}
.shiftrb span a{
    background: #C7C4C4;
    width: 35px;
    height: 35px;
    margin-right: .5em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}
.shicomingson{
    justify-content: center;
    background: #DBDBDB;
    padding: .7em;
    margin: 1em auto;
    font-size: 13px;
    width: 95%;
    border-radius: 12px;
    border: 1px solid #C7C4C4;
}
.shicomingson svg{
    margin-left: .5em;
    width: 20px;
    height: 20px;
    fill: #EF6C57;
}
.shicomingson i{
    font-style: normal;
    margin: 0 .2em;
    color: #EF6C57;
}
.shilocts{
    margin: 1em auto;
    width: 95%;
    justify-content: center;
    text-align: center;
}
.shilocts svg{
    margin-left: .3em;
    width: 18px;
    height:18px;
    fill: #2F2D38;
}
.shilocts a{
    color: #686479;
}
.shilocts a:hover{
    color: #2F2D38;
}
.shiboxdl{
    width: 95%;
    margin: 1em auto;
}
.shiboxdl span{
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.shiboxdl span svg{
    margin-left: .3em;
    width: 20px;
    height: 20px;
}
.shiboxdl audio,.shiboxdl video{
    margin-bottom: 1em;
}
.shidlmp3{
    width: 80%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    margin: 0 auto;
}
.shidlmp3 a{
    width: 100%;
    background: #c5ef57;
    color: #000000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 1em;
    padding: 1em;
    border-radius: 14px;
}
.shidlmp3 a:hover{
    background: #2F2D38;
}
.shidlmp3 a::before{
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' width='14.625' height='16' viewBox='0 0 14.625 16'%3e%3cpath d='M8.344,10.312H7a.625.625,0,0,0-.625.625v4.437a.625.625,0,0,0,1.25,0v-.937h.719a1.877,1.877,0,0,0,1.875-1.875v-.375A1.877,1.877,0,0,0,8.344,10.312Zm.625,2.25a.626.626,0,0,1-.625.625H7.625V11.562h.719a.626.626,0,0,1,.625.625ZM1.128,8.437V2.5A2.5,2.5,0,0,1,3.628,0H9.513a1.863,1.863,0,0,1,1.326.549l2.424,2.424A1.863,1.863,0,0,1,13.812,4.3V8.437a.625.625,0,0,1-1.25,0V4.3a.621.621,0,0,0-.183-.442L9.955,1.433a.621.621,0,0,0-.442-.183H3.628A1.251,1.251,0,0,0,2.378,2.5V8.437a.625.625,0,1,1-1.25,0Zm4.184,3.516v3.422a.625.625,0,0,1-1.25,0V11.953a.391.391,0,1,0-.781,0v3.422a.625.625,0,0,1-1.25,0V11.953a.391.391,0,1,0-.781,0v3.422a.625.625,0,0,1-1.25,0V11.953a1.639,1.639,0,0,1,2.656-1.287,1.639,1.639,0,0,1,2.656,1.287Zm8.9,1.209a1.466,1.466,0,0,1,.413,1.007,1.8,1.8,0,0,1-.55,1.294,1.843,1.843,0,0,1-1.238.529.624.624,0,0,1-.09.007,1.908,1.908,0,0,1-1.591-.891.625.625,0,0,1,1.064-.656.665.665,0,0,0,.49.3.631.631,0,0,1,.072,0,.592.592,0,0,0,.594-.574c0-.166-.3-.333-.4-.376l.005,0v0a.625.625,0,0,1-.032-1.205c.188-.1.43-.3.43-.452a.6.6,0,0,0-.6-.574h-.028a.638.638,0,0,0-.527.265.625.625,0,1,1-1.064-.656,1.868,1.868,0,0,1,1.591-.86h.028a1.851,1.851,0,0,1,1.3.529,1.8,1.8,0,0,1,.554,1.3,1.531,1.531,0,0,1-.413,1.026Zm0,0' fill='%23fff'/%3e%3c/svg%3e");
    width: 15px;
    height: 16px;
    margin-left: .3em;
}
.shiordrt,.shicomntes{
    overflow: hidden;
    margin-bottom: 1em;
}
.shiiconteliwa{
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
}
.shiiconteliwa a{
    background: #d4d2d2;
    width: 100%;
    color:#2F2D38;
    padding: .7em;
}
.shihedorder{
    background: #E0DEDE;
    padding: 1em;
    display: flex;
    position: relative;
    border-radius: 15px;
    align-items: center;
    justify-content: space-between;
}
.shihedorder h4{
    font-size: 15px;
}
.shihedorder i{
    font-style: normal;
    font-size: 13px;
}
.shihedorder h4::before {
    content: "";
    width: 5px;
    height: 24px;
    background: #EF6C57;
    position: absolute;
    right: 0;
    top: 13px;
}
.shisingeral a{
    padding: 1em;
    background: #4A4857;
    color: #fff;
    border-radius: 14px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-bottom: 1em;
}
.shisingeral a svg{
    width: 20px;
    height: 20px;
    margin-left: .5em;
    fill: #fff;
}
.shicomntes form{
    display: flex;
    justify-content: space-between;
    margin: 1em 0 0;
    flex-wrap: wrap;
}
.shiinput{
    margin-bottom: 1em;
    display: flex;
    width: 30%;
    flex-direction: column;
    justify-content: space-between;
}
.shicomntes form input{
    margin-bottom: 1em;
    width: 100%;
}
.shicomntes form input:last-child{
    margin: 0;
}
.shicomntes form textarea{
    width: 100%;
    resize: none;
    height: 98px;
}
.shicomntes form input,
.shicomntes form textarea{
    border: 1px solid #C7C4C4;
    background: #F2F2F2;
    padding: .8em 1.3em;
    font-size: 13px;
    border-radius: 14px;
}
.shicomntes form input:focus,
.shicomntes form textarea:focus{
    border-color: #2F2D38;
}
.shilogin{
    width: 100% !important;
}
.shitextrai {
    width: 68%;
    position: relative;
}
.shicombgt{
    display: flex;
    width: 100%;
    margin: 0 0 .5em;
    justify-content: center;
}
.shiapprou{
    font-size: 11px;
    color: #EF6C57;
}
.shicomntes form button{
    position: absolute;
    left: 1em;
    bottom: 1.9em;
    background: #41b464;
    cursor: pointer;
    color: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .8em;
    transition: 300ms all ease;
}
.shicomntes form button svg{
    width: 22px;
    height: 22px;
    fill: #fff;
}
.shicomntes form button:hover{
    background: #2F2D38;
}
.shianswor{
    margin: 1em 0;
}
.shianswor li{
    background: #E0DEDE;
    width: 100%;
    border-radius: 14px;
    line-height: 2;
    margin: 0 0 1em;
}
.shicmttir{
    width: 100%;
    border-bottom: 1px solid #C7C4C4;
    padding: .5em;
    display: flex;
    align-items: center;
    color: #353342;
}
.shicmttir i{
    width: 30px;
    height: 30px;
    align-items: center;
    display: flex;
    margin-left: .7em;
    background: #C7C4C4;
    border-radius: 10px;
    justify-content: center;
}
.shicmttir b{
    font-size: 13px;
    display: inline-flex;
    color: #EF6C57;
}
.shicmttir i::before{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='happy-emoji-svgrepo-com_1_' data-name='happy-emoji-svgrepo-com (1)' xmlns='http://www.w3.org/2000/svg' width='26.176' height='26.176' viewBox='0 0 26.176 26.176'%3e%3cg id='Group_27' data-name='Group 27'%3e%3cg id='Group_26' data-name='Group 26'%3e%3cpath id='Path_62' data-name='Path 62' d='M13.088,0A13.088,13.088,0,1,0,26.176,13.088,13.1,13.1,0,0,0,13.088,0Zm0,24.261A11.173,11.173,0,1,1,24.261,13.088,11.186,11.186,0,0,1,13.088,24.261Z' fill='%23686479'/%3e%3c/g%3e%3c/g%3e%3cg id='Group_29' data-name='Group 29' transform='translate(3.831 12.03)'%3e%3cg id='Group_28' data-name='Group 28'%3e%3cpath id='Path_63' data-name='Path 63' d='M93.442,235.3l-1.053.1c-.032,0-3.213.314-8.2.314s-8.173-.311-8.2-.314l-1.053-.105v1.058a9.257,9.257,0,1,0,18.515,0Zm-9.257,8.4a7.335,7.335,0,0,1-5.822-2.873H90.006A7.334,7.334,0,0,1,84.184,243.7Zm6.884-4.788H77.3a7.278,7.278,0,0,1-.384-1.509c1.361.1,3.89.232,7.268.232s5.907-.137,7.268-.232A7.28,7.28,0,0,1,91.068,238.914Z' transform='translate(-74.927 -235.302)' fill='%23686479'/%3e%3c/g%3e%3c/g%3e%3cg id='Group_31' data-name='Group 31' transform='translate(6.384 7.661)'%3e%3cg id='Group_30' data-name='Group 30'%3e%3cpath id='Path_64' data-name='Path 64' d='M127.751,149.854a2.876,2.876,0,0,0-2.873,2.873h1.915a.958.958,0,0,1,1.915,0h1.915A2.876,2.876,0,0,0,127.751,149.854Z' transform='translate(-124.878 -149.854)' fill='%23686479'/%3e%3c/g%3e%3c/g%3e%3cg id='Group_33' data-name='Group 33' transform='translate(14.046 7.661)'%3e%3cg id='Group_32' data-name='Group 32'%3e%3cpath id='Path_65' data-name='Path 65' d='M277.605,149.854a2.876,2.876,0,0,0-2.873,2.873h1.915a.958.958,0,1,1,1.915,0h1.915A2.876,2.876,0,0,0,277.605,149.854Z' transform='translate(-274.732 -149.854)' fill='%23686479'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
    content: '';
    width: 20px;
    background-size: cover;
    height: 20px;
}
.shicmttexst{
    padding: .5em;
    overflow-wrap: break-word;
    width: 100%;
}
.shisendnone{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #4e4e4e;
    color: #fff;
    padding: .8em;
    border-radius: 14px;
}
@media screen and (max-width: 800px){
    .shiheder nav,.shiheder form {
        display: none;
    }
    .shivip li{
        width: 25%;
        margin: 0 0 1em;
    }
    .shirtl{
        width: 100%;
        order: 2;
    }
    .shiallpost{
        width: 100%;
        order: 1;
    }
    .shiltr{
        width: 100%;
        order: 3;
    }
}
@media screen and (max-width: 400px){
    .shiftrb > div{
        justify-content: center;
        text-align: center;
    }
    .shiftrb span{
        margin: 1em 0;
    }
    .shimobilehedr .logo a{
        width: 100px;
        height: 26px;
    }
    .shimobilehedr li a{
        font-size: 12px;
    }
}
@media screen and (max-width: 370px){
    .shimobilehedr .logo a{
        width: 85px;
        height: 26px;
    }
    .shivip li{
        width: 50%;
        margin: 0 0 1em;
    }
    .shipostmusi .shimusichd h2{
        font-size: 14px;
    }
    .shicoming{
        font-size: 12px;
    }
}
@media screen and (max-width: 350px){
    .shicoming{
        display: none;
    }
    .shipostmusi .shimusichd span{
        display: none;
    }
}
.behlike .ldc-ul_cont span {
    font-size: 13px
}

.behlike .ldc-ul_cont:before {
    width: 13px;
    height: 13px
}

.behlike .like,
.behlike .dislike {
    margin: 0 .5em
}

.behlike {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse
}

.behlike {
    flex-direction: column
}

.behlike h3 {
    width: 100%;
    text-align: center;
    margin: 0 0 1em
}

.behlike>span {
    display: flex;
    flex-direction: row-reverse
}

.behlike .like,
.behlike .dislike {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin: 0 .7em
}

.behlike .like {
    color: #2e386b
}

.behlike .dislike {
    color: #6b2e2e
}

.behlike .ldc-ul_cont span {
    font-size: 15px;
    margin-left: .7em
}

.behlike .ldc-ul_cont:before {
    content: "";
    width: 15px;
    height: 15px
}

.behlike .dislike:before {
	background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' width='721' height='721' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M90.125 495.687h180.25v135.188c.002 49.774 40.351 90.123 90.125 90.125h45.062c36.849-.002 69.987-22.433 83.681-56.643l67.457-168.67h74.175c49.78.014 90.139-40.345 90.125-90.125V90.125C720.998 40.351 680.649.002 630.875 0H540.75c-15.821-.001-31.363 4.164-45.063 12.077C481.987 4.165 466.445-.001 450.625 0h-180.25c-23.9.008-46.819 9.507-63.718 26.407L91.162 141.857l-64.755 64.8C9.507 223.556.008 246.475 0 270.375v135.187c-.014 49.78 40.345 90.139 90.125 90.125zm540.75-405.562v315.437h-45.063V90.125zm-540.75 180.25l64.8-64.755 115.45-115.495h180.25l45.062 45.062v270.375l-90.125 225.313H360.5V405.562H90.125z' fill='%236b2e2e'/%3e%3c/svg%3e");
    background-size: cover
}

.behlike {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
}

.behlike .ldc-ul_cont:before {
    width: 13px;
    height: 13px;
	content: "";
}
.behlike .like:before {
	background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' width='721' height='721' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M630.875 225.313h-180.25V90.125A90.129 90.129 0 0 0 360.5 0h-45.062a90.143 90.143 0 0 0-83.681 56.643L164.3 225.313H90.125A90.1 90.1 0 0 0 0 315.438v315.437A90.129 90.129 0 0 0 90.125 721h90.125a90.091 90.091 0 0 0 45.063-12.077A90.091 90.091 0 0 0 270.375 721h180.25a90.154 90.154 0 0 0 63.718-26.407l115.495-115.45 64.755-64.8A90.154 90.154 0 0 0 721 450.625V315.438a90.1 90.1 0 0 0-90.125-90.125zM90.125 630.875V315.438h45.063v315.437zm540.75-180.25l-64.8 64.755-115.45 115.495h-180.25l-45.062-45.062V315.438l90.125-225.313H360.5v225.313h270.375z' fill='%232e386b'/%3e%3c/svg%3e");
    background-size: cover;
}
.tab1 {justify-content:center}
.shihdrtl span a {color:#fff}
.bde {text-align:center}
.rubika {width: 80%;
    margin: 0 auto;}
.rubika a {
    display: flex;
    background: #4a4857;
    color: #ffffff;
    align-items: center;
    padding: 0.5em 1em;
    font-size: 15px;
    justify-content: center;
    flex-wrap: wrap;
    height: 10%;
    margin-bottom: 5px;
    border-radius: 14px;
        animation-name: rubik;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    }
.rubika svg {    width: 30PX;
    height: 30PX;
    margin-left: 10px;}
@keyframes rubik {
    0% {
        opacity:100%
       
    }

    70% {
  opacity:70%
    }

    100% {
        opacity:80%
  
    }
}
@media (max-width: 768px) {
    .shiflex.shiconct nav { display: none; }
    .shiflex.shiconct {
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .shiflex.shiconct form {
        display: flex;
        flex: 1;
    }
    .shiflex.shiconct form input {
        flex: 1;
    }
    .shiflex.shiconct form button {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #0073aa;
        border: none;
        border-radius: 4px;
        padding: 8px 12px;
    }
    /* اگر SVG ندارید، این خط آیکون ذره‌بین متنی اضافه می‌کند */
    .shiflex.shiconct form button svg {
        display: none;
    }
    .shiflex.shiconct form button::before {
        content: "🔍";
        font-size: 16px;
        color: white;
    }
}