*:not(.fa) {
  font-family: Sahel !important;
}

body{background:#F0F0F0;direction:rtl;margin:0;font:14px wdtun;text-align:justify;}
a{text-decoration:none;color:#222;}
@font-face{font-family:'wdtun';font-weight:normal; src:url(http://rozup.ir/up/naz-ghaleb/Theme/PlaySong/files/wdtun.eot?#) format('eot'),url(http://rozup.ir/up/naz-ghaleb/Theme/PlaySong/files/wdtun.woff) format('woff'),url(http://rozup.ir/up/naz-ghaleb/Theme/PlaySong/files/wdtun.ttf) format('truetype'); }
.nav{background:#24567A;height:90px;width:100%;}
.nav #titr{float:right;height:90px;}
.nav h1{margin:0 15px 0 0;color:#fff;}
.nav h2{margin:0 15px 0 0;color:#fff;font-size:15px;}
.nav #search{width:500px;height:50px;margin:auto;}
.nav #ss{margin-top:15px;float:right;width:500px;}
.nav #search input.text{background:#fff;text-align:center;font-family:wdtun;}
.nav #search input.submit{background-color:#276194;text-align:center;}
.nav #search .search-box{background-color:#276194;border:2px solid #276194;padding:5px 0 5px 0;}
form{color:#fff;}

h1{font-family:wdtun;}h2{font-family:wdtun;}

.nava{background:#2D84C9;height:35px;width:100%;margin-bottom:20px;}
.nava #link{height:35px;float:right;border-left:1px solid #fff;}
.nava #link:hover{background:#FC9803;}
.nava a{color:#fff;line-height:32px;margin:0 10px 0 10px;}

.top{position:fixed;right:2px; bottom:2px; z-index:1000;}

.margin{width:1100px;margin:auto;}
.margin div{float:right;}

.space{width:20px;height:20px;}

.block{width:536px;height:340px;border:1px solid #ccc;margin-bottom:20px;}
.block h1{background:#2D84C9;height:340px;width:30px;margin:0;float:right;color:#fff;font-size:16px;}
.block li{background: url("http://bayanbox.ir/view/8079643169226390755/li.jpg") no-repeat right 3px top 7px #eee;list-style-type: none;padding:5px 25px 5px 5px;margin-right:30px;border-bottom:1px solid #ccc;font-size:14px;box-shadow:inset 0 0 10px #ccc;}
.block li:hover{background: url("http://bayanbox.ir/view/8079643169226390755/li.jpg") no-repeat right 3px top 7px #fff;}
.block a{transition: all 400ms ease-in;}
.block a:hover{margin-right:5px;transition: all 400ms ease-in;}
.rr{width:900px;}
h1{float:right;width:100%;}

.b-l{background:#fff;width:178px;margin-right:20px;border:1px solid #ccc;}
.b-l h1{background:#2D84C9;font-size:18px;font-weight:normal;margin:0;text-align:center;text-shadow:0 0 5px #fff;}
.b-l li{background: url("http://bayanbox.ir/view/587554867115199768/lia.png") no-repeat right 3px transparent; list-style-type: none;padding-right:20px;margin-right:5px;}
.b-l ul{background: url("http://bayanbox.ir/view/1693815579755178464/li.png") no-repeat right 3px transparent;list-style-type: none;padding-right:12px;margin:0 10px 0 0;font-weight:normal;}
.b-l li a:hover{color:#000;text-shadow:0 0 5px #fff;}
.b-l #link{background:#eee;padding:0 8px 3px 8px;border-bottom:1px solid #999;width:91%;text-align:center;font-size:13px;}
.b-l #link:hover{background:#ccc;}

.rad{background:#2D84C9;width:300px;margin:0 0 20px 0;padding:0 0 5px 0;color:#fff;}
.rad a{color:#fff;}
.rad h1{font-size:18px;font-weight:normal;margin:0;text-align:center;border-top:1px solid #fff;border-bottom:1px solid #fff;background:#24567A;text-shadow:0 0 5px #000;}
.rad li a:hover{color:#000;text-shadow:0 0 5px #fff;}
.rad #link{background:#2D84C9;padding:0 8px 3px 8px;border-bottom:1px solid #999;width:94.6%;}
.rad #link:hover{background:#fa2;}
.rad #t a{background:#fff;padding:2px 5px 3px 5px;margin:5px;color:#000;line-height:29px;font-size:12px;float:right;}
.rad #t a:hover{background:#fa2;}
.rad #hg{margin:10px 20px 10px 20px;text-align:justify;}

.a{width:30px;margin:5px 5px 0 0;}.a img{width:30px;height:30px;float:right;border-radius:50%;}
.bb{margin:20px 5px 5px 0;background:#fff;padding:5px;width:81%;border-radius:5px 0 5px 5px;border:1px solid #555;color:#000;}.bb a{color:#000;}

.massage{background:#4D95CA;width:560px;margin:0 20px 20px 0;padding:10px;}

.das{width:580px;}

.arad{background:#fff;width:580px;margin:0 20px 20px 0;border:1px solid #ccc;}
.arad #autor{background:url(http://bayanbox.ir/view/5601873651095190177/autor.png); width:20px;height:20px;margin:4px;}
.arad #date{background:url(http://bayanbox.ir/view/3960245328142031611/date.png); width:20px;height:20px;margin:4px;}
.arad #eye{background:url(http://bayanbox.ir/view/4409001096948316163/eye.png); width:20px;height:20px;margin:4px;}
.arad #comment{background:url(http://bayanbox.ir/view/6486485777409720153/comment.png); width:20px;height:20px;margin:4px;}
.arad #like{background:url(http://bayanbox.ir/view/7897631314565946531/like.png); width:20px;height:20px;margin:4px;}
.arad #ti{height:20px;background:#fff;margin:5px 0 4px 4px;font-size:12px;padding:0 4px 0 4px;border-radius:5px;}
.arad #ti:hover{background:#fa2;}
.arad #tit{height:20px;background:#24567A;margin:5px 0 4px 4px;font-size:12px;padding:0 4px 0 4px;border-radius:5px;color:#fff;}.arad #tit a{color:#fff;}.arad #tit:hover{background:#fa2;}
.bbb{background:#eee;height:40px;width:100%;border-top:1px solid #ccc;}
.arad #more{height:30px;width:80px;background:#24567A;margin:4px 0 4px 0;font-size:15px;padding:0 4px 0 4px;border-radius:0 5px 5px 0;float:left;border:1px solid #999;text-align:center;}
.arad #more:hover{background:#fa2;}.arad #more a{color:#fff;}
.arad #ccc{height:30px;width:80px;background:#24567A;margin:4px 0 4px 0;font-size:15px;padding:0 4px 0 4px;border-radius:5px 0 0 5px;border:1px solid #999;text-align:center;}
.arad #ccc:hover{background:#fa2;}.arad #ccc a{color:#fff;}
.arad h1{background:#fff;height:30px;margin:0;width:100%;text-align:center;font-size:16px;float:right;font-weight:normal;border-bottom:1px solid #999;}
.arad #h2{background:#24567A;height:30px;margin:0;width:100%;text-align:center;font-size:14px;float:right;font-weight:normal;}
.arad #hg{margin:10px 20px 10px 20px;text-align:justify;}
.arad #hg img{max-width:100%;}
.rad #hg img{max-width:100%;}

.comment{background:#2D84C9;width:570px;margin:5px 0 0 0;float:right;padding:5px;color:#fff;}
.comment #h3{background:#24567A;height:20px;padding:5px;float:right;line-height:20px;color:#fff;text-shadow:0 0 5px #000;}
.comment #com{background:#24567A;width:485px;padding:5px;float:right;margin:5px 15px 0 0;}
.comment #com #h4{background:#fff;height:20px;padding:2px 5px 2px 5px;width:97%;line-height:18px;margin-bottom:5px;color:#000;}
.comment #com #h4 a{color:#000;}
.comment #com #h5{background:#4D95CA;width:475px;padding:5px;float:right;margin-top:5px;}
.comment #com #h5 img{width:60px;float:right;margin-left:5px;}
.comment #img{width:60px;float:right;margin-top:5px;}
.comment #img img{width:60px;height:60px;border:2px solid #fff;}
.comment div{float:none;}

.page{background:#24567A;width:580px;margin:0 20px 0 0;padding:0 0 2px 0;}
.page a{background:#2D84C9;padding:3px 5px 5px 5px;margin:5px 3px 5px 0;color:#fff;line-height:29px;font-size:11px;}
.page a:hover{background:#fa2;}

.shadow{width:100%;height:1px;box-shadow:0 0 10px;}

.footer{background:#2D84C9;float:right;width:100%;border-top:10px solid #24567A;margin-top:20px;font-size:16px;text-shadow:0 0 5px #fff;}
.footer #hg{margin:10px 20px 10px 20px;}
@media screen and (max-width:768px){
body{background:#F0F0F0;direction:rtl;margin:0;font:14px wdtun;text-align:justify;}
a{text-decoration:none;color:#222;}
@font-face{font-family:'wdtun';font-weight:normal; src:url(http://rozup.ir/up/naz-ghaleb/Theme/PlaySong/files/wdtun.eot?#) format('eot'),url(http://rozup.ir/up/naz-ghaleb/Theme/PlaySong/files/wdtun.woff) format('woff'),url(http://rozup.ir/up/naz-ghaleb/Theme/PlaySong/files/wdtun.ttf) format('truetype'); }
.nav{background:#24567A;height:auto;width:100%;padding-bottom:10px;}
.nav #titr{float:none;height:auto;width:100%;text-align:center;}
.nav h1{margin:10px 0 0 0;color:#fff;font-size:large;}
.nav h2{margin:0 0 0 0;color:#fff;font-size:normal;}
.nav #search{width:100%;height:50px;margin:auto;}
.nav #ss{margin-top:0;float:right;width:100%;}
.nav #search input.text{background:#fff;text-align:center;font-family:wdtun;}
.nav #search input.submit{background-color:#276194;text-align:center;}
.nav #search .search-box{background-color:#276194;border:2px solid #276194;padding:5px 0 5px 0;}
form{color:#fff;}

h1{font-family:wdtun;}h2{font-family:wdtun;}

.nava{background:#2D84C9;height:auto;width:100%;margin-bottom:20px;float:;}
.nava #link{width:100%;height:35px;float:none;border-left:0 solid #fff;border-bottom:1px solid #fff;text-align:center;}
.nava #link:hover{background:#FC9803;}
.nava a{color:#fff;line-height:32px;margin:0 10px 0 10px;}

.top{position:fixed;right:2px; bottom:2px; z-index:1000;}

.margin{width:100%;margin:auto;}
.margin div{float:right;}

.space{width:0;height:0;}

.block{width:100%;height:auto;border:1px solid #ccc;margin-bottom:20px;}
.block h1{background:#2D84C9;height:100%;width:30px;margin:0;float:right;color:#fff;font-size:16px;}
.block li{background: url("http://bayanbox.ir/view/8079643169226390755/li.jpg") no-repeat right 3px top 7px #eee;list-style-type: none;padding:5px 25px 5px 5px;margin-right:30px;border-bottom:1px solid #ccc;font-size:14px;box-shadow:inset 0 0 10px #ccc;}
.block li:hover{background: url("http://bayanbox.ir/view/8079643169226390755/li.jpg") no-repeat right 3px top 7px #fff;}
.block a{transition: all 400ms ease-in;}
.block a:hover{margin-right:5px;transition: all 400ms ease-in;}
.rr{width:100%;}
h1{float:right;width:100%;}

.b-l{background:#fff;width:100%;margin-right:0;border:1px solid #ccc;}
.b-l h1{background:#2D84C9;padding:5px 0 5px 0;font-size:18px;font-weight:normal;margin:0;text-align:center;text-shadow:0 0 5px #fff;}
.b-l li{background: url("http://bayanbox.ir/view/587554867115199768/lia.png") no-repeat right 3px transparent; list-style-type: none;padding:5px 20px 5px 0;margin-right:5px;font-size:13px;}
.b-l ul{background: url("http://bayanbox.ir/view/1693815579755178464/li.png") no-repeat right 3px transparent;list-style-type: none;font-size:12px;padding:5px 12px 5px 0;margin:0 10px 0 0;font-weight:normal;}
.b-l li a:hover{color:#000;text-shadow:0 0 5px #fff;}
.b-l #link{background:#eee;padding:3px 8px 3px 8px;border-bottom:1px solid #999;width:96%;text-align:center;font-size:13px;}
.b-l #link:hover{background:#ccc;}

.rad{background:#2D84C9;width:100%;margin:0 0 20px 0;padding:0 0 5px 0;color:#fff;}
.rad a{color:#fff;}
.rad h1{font-weight:normal;padding:5px 0 5px 0;margin:0;text-align:center;border-top:1px solid #fff;border-bottom:1px solid #fff;background:#24567A;text-shadow:0 0 5px #000;}
.rad li a:hover{color:#000;text-shadow:0 0 5px #fff;}
.rad #link{background:#2D84C9;padding:3px 8px 3px 8px;border-bottom:1px solid #999;width:94.6%;}
.rad #link:hover{background:#fa2;}
.rad #t a{background:#fff;padding:2px 5px 3px 5px;margin:5px;color:#000;line-height:29px;font-size:12px;float:right;}
.rad #t a:hover{background:#fa2;}
.rad #hg{margin:10px 20px 10px 20px;text-align:justify;}

.a{width:30px;margin:5px 5px 0 0;}.a img{width:30px;height:30px;float:right;border-radius:50%;}
.bb{margin:20px 5px 5px 0;background:#fff;padding:5px;width:81%;border-radius:5px 0 5px 5px;border:1px solid #555;color:#000;}.bb a{color:#000;}

.massage{background:#4D95CA;width:100%;margin:0 0 20px 0;padding:0;}

.das{width:100%;}

.arad{background:#fff;width:100%;margin:0 0 20px 0;border:1px solid #ccc;}
.arad #autor{background:url(http://bayanbox.ir/view/5601873651095190177/autor.png); width:20px;height:20px;margin:4px;}
.arad #date{background:url(http://bayanbox.ir/view/3960245328142031611/date.png); width:20px;height:20px;margin:4px;}
.arad #eye{background:url(http://bayanbox.ir/view/4409001096948316163/eye.png); width:20px;height:20px;margin:4px;}
.arad #comment{background:url(http://bayanbox.ir/view/6486485777409720153/comment.png); width:20px;height:20px;margin:4px;}
.arad #like{background:url(http://bayanbox.ir/view/7897631314565946531/like.png); width:20px;height:20px;margin:4px;}
.arad #ti{height:20px;background:#fff;margin:5px 0 4px 4px;font-size:12px;padding:0 4px 0 4px;border-radius:5px;}
.arad #ti:hover{background:#fa2;}
.arad #tit{height:20px;background:#24567A;margin:5px 0 4px 4px;font-size:12px;padding:0 4px 0 4px;border-radius:5px;color:#fff;}.arad #tit a{color:#fff;}.arad #tit:hover{background:#fa2;}
.bbb{background:#eee;height:40px;width:100%;border-top:1px solid #ccc;}
.arad #more{height:30px;width:80px;background:#24567A;margin:4px 0 4px 0;font-size:15px;padding:0 4px 0 4px;border-radius:0 5px 5px 0;float:left;border:1px solid #999;text-align:center;}
.arad #more:hover{background:#fa2;}.arad #more a{color:#fff;line-height:32px;}
.arad #ccc{height:30px;width:80px;background:#24567A;margin:4px 0 4px 0;font-size:15px;padding:0 4px 0 4px;border-radius:5px 0 0 5px;border:1px solid #999;text-align:center;}
.arad #ccc:hover{background:#fa2;}.arad #ccc a{color:#fff;line-height:32px;}
.arad h1{background:#fff;height:30px;margin:0;width:100%;text-align:center;font-size:16px;float:right;font-weight:normal;border-bottom:1px solid #999;line-height:32px;}
.arad #h2{background:#24567A;height:30px;margin:0;width:100%;text-align:center;font-size:14px;float:right;font-weight:normal;}
.arad #hg{margin:10px 20px 10px 20px;text-align:justify;}

.comment{background:#2D84C9;width:99%;margin:5px 0 0 0;float:right;padding:0.5%;color:#fff;}
.comment #h3{background:#24567A;height:20px;padding:5px;float:right;line-height:20px;color:#fff;text-shadow:0 0 5px #000;}
.comment #com{background:#24567A;width:77%;padding:0.5%;float:right;margin:5px 15px 0 0;}
.comment #com #h4{background:#fff;height:20px;padding:2px 5px 2px 5px;width:96%;line-height:18px;margin-bottom:5px;color:#000;}
.comment #com #h4 a{color:#000;}
.comment #com #h5{background:#4D95CA;width:96%;padding:5px;float:right;margin-top:5px;}
.comment #com #h5 img{width:60px;float:right;margin-left:5px;}
.comment #img{width:60px;float:right;margin-top:5px;}
.comment #img img{width:60px;height:60px;border:2px solid #fff;}
.comment div{float:none;}

.page{background:#24567A;width:100%;margin:0 0 0 0;padding:0 0 2px 0;}
.page a{background:#2D84C9;padding:3px 5px 5px 5px;margin:5px 3px 5px 0;color:#fff;line-height:29px;font-size:11px;}
.page a:hover{background:#fa2;}

.shadow{width:100%;height:1px;box-shadow:0 0 10px;}

.footer{background:#2D84C9;float:right;width:100%;border-top:10px solid #24567A;margin-top:20px;font-size:16px;text-shadow:0 0 5px #fff;padding:5px 0 15px 0;}
.footer #hg{margin:0 0 5px 0;}.footer div{float:none;width:100%;text-align:center;margin-top:5px;}
}
.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px; /* ارتفاع هدر */
}

.logo-container img {
    max-width: 300px; /* اندازه‌ی لوگو */
}