@charset "utf-8";body,html{width:100%}a,body{color:#fff}a,audio,canvas,video{display:inline-block}.videobg,html{min-height:100%}#disqus_thread,.article,.article .content,.banner,.chatsound .middlecontent,.goingtobefixed,.header,.middlecontent .scrollbox,.middlecontent .scrollbox .scrollboxinner,.post,.post_text,.scrollbar-content,.shadow_box,.toabsolute,.userinfo,.zoomchat .imgwrapper,.zoomchat p,input[type=checkbox],input[type=radio]{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,input[type=button],ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;text-rendering:auto;-webkit-font-smoothing:subpixel-antialiased}body{font-family:AndroidM,sans-serif;background:no-repeat #000;direction:rtl}button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{padding:0}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a{text-decoration:none}a:active,a:focus,a:hover{outline:0;text-decoration:none}a img{border:none}button,input,select,textarea{font-size:100%;font-family:inherit;overflow:auto;margin:0;vertical-align:baseline;resize:none}#video,.wrapper{overflow:hidden}.header a,.icon_text img,.icon_text p,.like_article{vertical-align:middle}input:focus,textarea:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio:not([controls]){display:none;height:0}[hidden]{display:none}.header,.header a{display:inline-block}.wrapper{height:100vh}.clear{clear:both}.innerwrapper{height:calc(100vh - 220px)!important}.innerwrapper.lessheight{height:calc(100vh - 245px)!important}.innerwrapper img{max-width:100%}.innerwrapper .container{height:100%;width:90%;margin:0 auto}#video{background:0 0}.ytplayer-container{position:absolute;top:0;z-index:-1;width:100%;height:100vh}.videobg{position:fixed;top:50%;left:50%;min-width:100%;width:auto;height:auto;z-index:0;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-size:cover;transition:1s opacity}#flashplayer{height:100vh;left:0;top:0;transform:none;z-index:10}.header,.video-list{z-index:100;text-align:center}.header{position:relative;padding-top:20px}.header .logo{max-width:300px;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s;margin:0 10px}.header img,.zoomchat img{max-width:100%}.header .about{width:45px}.header a:hover{opacity:1!important}.video-list{position:absolute!important;bottom:110px;left:0;right:0;direction:ltr;width:90%;margin:0 auto}.video-list li{display:inline-block!important;outline:0;margin:0 5px}.video-list li a{border-radius:50%}.video-list li a img{width:45px;height:45px;border-radius:50%;border:3px solid;border-color:rgba(255,255,255,.69);opacity:.65;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s}.video-list li a:hover img{opacity:1}.hidden,.hiddencaption{display:none}.caption{position:relative;z-index:10}.slick-track{margin:0 auto;direction:rtl}.ltr,.tw_images{direction:ltr}.slick-slide{float:none}.slick-prev{background-image:url(../images/previous.png);left:-9px}.slick-next{background-image:url(../images/next.png);right:-9px}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;z-index:100;top:58px;display:block;width:13px;height:22px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background-color:transparent;background-size:contain;background-repeat:no-repeat}.slick-disabled{opacity:.5}.zoomchat{position:fixed;z-index:100;right:0;width:60px;background-color:rgba(129,188,214,.77);text-align:center;border-top-left-radius:4px;top:50%;margin-top:-37px}.zoomchat img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.zoomchat .imgwrapper{width:50px;height:54px;padding:4px 2px;margin:0 auto;position:relative}.zoomchat p{font-size:13px;color:#06567a;padding:2px;background-color:rgba(223,244,253,.77);border-bottom-left-radius:4px;height:20px}#fullscreen{width:25px;height:25px}#fullscreen img{opacity:.4;width:100%;height:100%;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s}#fullscreen:hover img{opacity:1}#videoiframe{position:absolute;top:0;width:100%;height:100%;border:0}.article,.shadow_box,.share_options{border-radius:2px}.shadow_box{background:rgba(0,0,0,.64);position:absolute;top:141px;width:80%;height:400px;left:0;z-index:1000;right:0;margin-left:auto;margin-right:auto;display:none;padding:10px;overflow-y:auto}.goingtobefixed,.toabsolute{z-index:100;position:absolute}.scrollable,.scrollbars{position:relative;height:100%;width:100%}.scrollbar-content{width:100%}.article{width:33.33%;float:right;color:#000;padding:0 10px;margin-bottom:20px;position:relative}.articlewrapper{height:300px;overflow:hidden;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#fff;position:relative}.back{-moz-transform:scale(-1,-1);-o-transform:scale(-1,-1);-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}.fullarticle .articlewrapper{border-radius:0}.banner{background:#001435;color:#fff;padding:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.fullarticle .banner{border-radius:0}.center{text-align:center}.icon_text.toleft{float:left}[dir=rtl] .slick-slide{float:left!important}.icon_text.toleft img{-webkit-transition:all 3s ease-in-out;-moz-transition:all 3s ease-in-out;-o-transition:all 3s ease-in-out;-ms-transition:all 3s ease-in-out;transition:all 3s ease-in-out}.icon_text.toleft:hover img:not(.back){position:relative;right:3px}.icon_text.toleft:hover .back{position:relative;left:3px}.innerwrapper .post_img{max-width:500px;width:100%;display:block;margin:20px auto;outline-offset:-7px;outline:rgba(255,255,255,.66) solid 8px;border-radius:4px}.icon_text,.icon_text p,.like_article{display:inline-block}.article .content{padding:15px;width:100%;height:100%;word-wrap:break-word}.articlewrapper.withimg .content{position:absolute;bottom:0;background-color:rgba(255,255,255,.77);height:auto}.article .title,.icon_text{position:relative;text-align:center}.article .title{color:#000;font-size:19px;font-family:notokufiarabic,sans-serif;background-color:#d3dff4;padding:7px 15px;box-sizing:border-box;width:100%;word-wrap:break-word;max-height:80px;overflow:hidden;font-weight:700;border-top-left-radius:5px;border-top-right-radius:5px}.boldcontent{font-weight:700;font-size:18px}.article .title a{color:#000}.toabsolute{top:0}.article .title:after{content:'';position:absolute;top:100%;right:10%;margin:0 auto;width:0;height:0;border-top:solid 10px #d3dff4;border-left:solid 10px transparent;border-right:solid 10px transparent}#pagination{text-align:center;width:100%;margin-top:3px}#pagination .strong{color:#fff;background:#001435;border-color:#fff}#pagination a{background:#d3dff4;font-size:16px;color:#001435;font-weight:700;margin:0 3px;border-radius:50%;width:22px;height:22px;border:2px solid rgba(255,255,255,.65)}.icon_text img{width:18px;margin-right:3px}.icon_text .social_icon{width:auto}.icon_text p{font-size:15px}.icon_text{background:0 0;color:#fff;margin:0 2px;top:3px}.like_article:hover{transform:scale(1.3)}.like_article,.liked_article{background:url(../images/hearts.png) no-repeat}.like_article{cursor:pointer;-webkit-transition:-moz-transform 1s ease-out;-moz-transition:-webkit-transform 1s ease-out;background-position:0 -18px;width:18px;height:18px}.liked_article{background-position:0 0;width:18px;height:18px}.fullarticle{width:100%!important;float:none;margin-bottom:10px;height:100%}.fullarticle .articlewrapper{height:auto}.fullarticle .title{border-top-left-radius:0;border-top-right-radius:0}.fullarticle .content{padding:20px 15px}.share_options{background:#e2e2e2;position:absolute;width:90px;right:-31px;top:-46px;display:none;-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-ms-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear;z-index:100;padding:3px;margin:0 auto}.share_options:after,.share_options:before{content:"";position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;top:100%;left:50%;margin-left:-10px}.share_options:after{border-top:10px solid #DDD;margin-top:-2px;z-index:1}.fullarticle .share_options{top:28px}.fullarticle .share_options:after,.fullarticle .share_options:before{top:1px}.fb_share{background-image:url(../images/facebook.png);background-color:#3b5998}.tw_share{background-image:url(../images/twitter.png);background-color:#1da1f2}.copy_link{background-image:url(../images/copy.png);background-color:#66a4a7}.sharebtn{position:relative;cursor:pointer}.share_options a{width:30px;height:30px;float:left;background-size:18px;background-repeat:no-repeat;background-position:center;opacity:.75}.chatsound p .name,.post{float:right}.fb_share{background-size:11px!important}.share_options a:hover{opacity:1}#disqus_thread{overflow:hidden;padding:0 20px}.articlepage iframe{margin-bottom:-85px}.tag{border-radius:4px;color:#0778ab;text-decoration:underline}canvas{display:block;vertical-align:bottom}#bg{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1}.post,.twimg{position:relative}.masonry{column-count:3;column-gap:1em;margin:0 10px}.linkpost{text-decoration:underline;color:#3f7794}.grid-item{display:inline-block;margin:0 0 1em;width:100%}#grid{margin:0 auto}.grid-item .articlewrapper{height:auto!important}.youtube_posts .articlewrapper{height:330px!important}.grid-item img{max-width:100%}.grid-item a{color:#000}.grid-item video{display:block;width:100%;height:100%}.banner a{color:#fff}#disqus_thread a{color:#001435!important}.post,.post_text,.soundline .length,.userinfo a{color:#000}.post{background-color:#fff;width:33.33%;padding:0 10px;margin-bottom:40px;border-radius:2px}.chatwrapper,.middlecontent .scrollbox{background:rgba(255,255,255,.75)}.social_img{width:100%;text-align:center;max-height:100%;display:block;margin:0 auto}.twimg{bottom:-8px}.post_text{font-size:17px;padding:0 10px 10px}.socialaccounts .article .articlewrapper{height:auto}.socialaccounts .article:nth-child(odd){clear:right}.userinfo{padding:10px}.userinfo a{display:inline-block;vertical-align:text-top}.userinfo img{width:35px;border-radius:3px}.chatsound{position:absolute;bottom:20px;width:100%;z-index:10;font-family:AndroidL,sans-serif;font-size:18px}.chatsound .box{position:relative}.chatsound .middlecontent{width:95%;position:relative;margin:0 auto;height:78px;padding:0 80px;overflow:hidden}.middlecontent .scrollbox .scrollboxinner{height:53px}.scrollboxcontent{padding-top:3px}.scrollboxinner.nomaincmnt{height:78px!important}.chatboxicon{height:78px;width:88px;background-color:#3f7794;text-align:center;position:absolute;top:0;z-index:100}.chatboxicon.rightposition{border-radius:0 90px 90px 0;-moz-border-radius:0 90px 90px 0;-webkit-border-radius:0 90px 90px 0;right:0}.chatboxicon.leftposition{border-radius:90px 0 0 90px;-moz-border-radius:90px 0 0 90px;-webkit-border-radius:90px 0 0 90px;left:0}.chatsound .chatarea,.chatsound form input{background-color:transparent;border:none;height:78px;box-sizing:border-box}.chatboxicon img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.soundline{overflow:hidden;padding:0 20px;box-sizing:border-box}.paused img{width:auto}.soundlinewrapper{height:78px;box-sizing:border-box}.hiddenbox{display:none}.chatsound form input{display:inline-block;vertical-align:top;width:20%;padding:0 10px}.chatsound .chatarea{width:100%;border-right:2px solid #3f7794;padding:5px 20px;color:#000;//-webkit-text-fill-color:#000}.commentemojiwrapper{width:79%;height:78px;display:inline-block;position:relative}.maincomment{color:#9c312f}.middlecontent .scrollbox p img{max-width:22px;max-height:22px;vertical-align:middle}[contentEditable=true]:empty:not(:focus):before{content:attr(data-text);color:#757575!important}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:8px}.fullarticle .mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:18px}.emojibox{direction:rtl;max-width:100%;display:none;padding:2px 0;position:absolute!important;bottom:-7px;white-space:nowrap}.chatarea .emoji,.emojibox .emoji,.soundline a,.soundline p,.speaker{display:inline-block}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#06567a}.footer .mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom:5px}.chatareacontent .slimScrollDiv{position:absolute!important;bottom:0;height:35px!important;right:15px!important}.emojibox .emoji{margin:0 3px;max-width:25px;max-height:20px;cursor:pointer}.chatarea .emoji{margin:0 5px;max-width:25px;max-height:20px}#chatText p{color:#000;word-wrap:break-word;line-height:19px;margin-bottom:3px;display:block;clear:both;}.scrollbox p{box-sizing:border-box;padding:0 20px}.resizable{position:relative;background:#e1edf3;height:1px;top:-4px;z-index:1000;border-top:4px solid #84b3ce;margin:0 7px}#main_togglesound.paused,#main_togglesound.playing,.speaker,.sub_togglesound span{background-repeat:no-repeat}.download{float:left}button:focus{outline:0}.sub_togglesound{width:9px;height:15px;position:relative}.sub_togglesound span{width:100%;height:100%;background-size:contain;position:absolute}.paused span{background-image:url(../images/play_soundline.png)}.playing span{background-image:url(../images/pause_soundline.png)}#main_togglesound.playing{background-image:url(../images/pause_sound.png);background-position:center}#main_togglesound.paused{background-image:url(../images/start_sound.png);background-position:center}.speaker{width:23px;height:33px;background-image:url(../images/speaker.png);background-size:contain;vertical-align:bottom;opacity:.4;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s}.speaker.muted{background-image:url(../images/muted.png)}.speaker:hover{opacity:1}.masonry audio{display:block;width:100%}.error404{text-align:center;box-sizing:border-box}.error404 h1{font-size:150px;color:#bd2424}.error404 h2{font-size:25px;color:#fff;font-weight:lighter}@media screen and (max-width:999px){.article{width:50%}.masonry{-moz-column-count:2;-webkit-column-count:2;column-count:2}}@media screen and (max-width:650px){.article{width:100%}.masonry{-moz-column-count:1;-webkit-column-count:1;column-count:1}.chatsound form input{width:100%;display:block;border-bottom:1px solid #001435;height:28px}.commentemojiwrapper{width:100%;display:block;height:63px}}@media screen and (max-width:480px){.header .about{width:35px}.header .logo{max-width:200px}.middlecontent{width:100%}.innerwrapper{height:calc(100vh - 250px)!important}.innerwrapper.lessheight{height:calc(100vh - 275px)!important}}.footer .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.footer .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.footer .mCSB_inside>.mCSB_container{margin-right:0}.footer .mCSB_scrollTools .mCSB_draggerContainer{left:6px}
.soundline{display:flex!important;align-items:center!important;justify-content:space-between!important;height:38px!important;min-height:38px!important;max-height:38px!important;padding:0 14px!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;border-bottom:1px solid rgba(0,0,0,.05)!important;direction:rtl!important}
.soundline .sub_togglesound{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;width:14px!important;height:16px!important;margin-left:10px!important;position:relative!important}
.soundline p{flex:1 1 auto!important;margin:0 10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:15px!important;line-height:38px!important;color:#111!important;text-align:right!important;display:block!important}
.soundline .download{display:inline-flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important;float:none!important;margin:0!important;white-space:nowrap!important}
.soundline .download .length{font-size:13px!important;color:#555!important;direction:ltr!important;display:inline-block!important;line-height:1!important;margin-right:6px!important;font-family:monospace,sans-serif!important}
.soundline .download a{display:inline-flex!important;align-items:center!important;line-height:1!important}
.soundline .download a img{vertical-align:middle!important;max-height:16px!important;width:auto!important}

/* ==========================================================================
   Typography & Font Smoothing: Noto Naskh Arabic (Crisp rendering)
   ========================================================================== */
body, input, button, select, textarea {
    font-family: 'Noto Naskh Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.article .content,
.articlewrapper .content,
.fullarticle .content {
    font-family: 'Noto Naskh Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
    color: #1e1e1e !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}

.article .content p,
.fullarticle .content p {
    font-family: inherit !important;
    line-height: 1.6 !important;
    margin-bottom: 6px !important;
}

.boldcontent,
.article .content b,
.article .content strong,
.fullarticle .content b,
.fullarticle .content strong {
    font-family: 'Noto Naskh Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 700 !important;
}

.chatsound,
.chatsound *,
#chatText,
#chatText p,
.soundline p {
    font-family: 'Noto Naskh Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

#chatText p,
.scrollboxcontent p {
    font-size: 14.5px !important;
    line-height: 1.35 !important;
    margin: 0 0 4px 0 !important;
    padding: 0 20px !important;
    clear: both !important;
    display: block !important;
}

.chatsound p .name,
#chatText p .name {
    float: right !important;
    margin-left: 6px !important;
    font-weight: 700 !important;
}

/* Eliminate empty phantom elements and extra line breaks in chat */
#chatText p:empty,
.scrollboxcontent p:empty,
.scrollboxcontent .clear,
#chatText .clear {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

#chatText br:last-child,
.scrollboxcontent br:last-child,
#chatText br + br,
.scrollboxcontent br + br {
    display: none !important;
}

#chatText p div {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
    display: block !important;
}

#chatText p div:empty {
    display: none !important;
    height: 0 !important;
}

[style*="AndroidM" i],
[style*="AndroidL" i] {
    font-family: 'Noto Naskh Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ClearType / subpixel font smoothing for crisp desktop text rendering */
html, body, .article, .content, #chatText, .chatsound {
    text-rendering: auto !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -moz-osx-font-smoothing: auto !important;
}

/* Relaxation Games Thumbnail in Video List */
.video-list li a.game-btn img {
    border-color: rgba(145, 228, 229, 0.9) !important;
    box-shadow: 0 0 12px rgba(145, 228, 229, 0.45) !important;
    opacity: 0.8 !important;
}

.video-list li a.game-btn:hover img {
    opacity: 1 !important;
    border-color: #91e4e5 !important;
    box-shadow: 0 0 20px rgba(145, 228, 229, 0.8) !important;
    transform: scale(1.08) !important;
}