/**/ ul{margin:0;padding:0} *{text-decoration:none;margin:0;padding:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} *,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .clear{clear:both} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;color:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline} img{max-width:100%;position:relative} *:not(.notran),:not(.notran):after,:not(.notran):before{-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;transition: .3s ease-in-out;} .cookie-choices-info{opacity: 0.9;z-index:999999999999999999!important;position:fixed!important;top:auto!important;bottom:5px!important;padding:0!important;right:5px!important;width:300px!important;text-align:center!important;font:400 15px 'Segoe UI'!important;border-radius:3px;box-shadow:0 1px 3px rgba(32,33,36,0.1)} .cookie-choices-info:hover {opacity: 1;} .cookie-choices-info .cookie-choices-inner{font-size:13px!important} .cookie-choices-info .cookie-choices-text{font-size:14px!important;text-align:justify!important} .cookie-choices-info .cookie-choices-buttons{display:block!important} a.cookie-choices-button,a#cookieChoiceDismiss{background:#fff;color:#000!important;padding:5px 10px!important;border-radius:2px;margin:0 0 4px!important;display:block!important;font-size:13px!important;font-weight:normal!important} @media screen and (max-width:450px){.cookie-choices-info{width:200px!important}.cookie-choices-info span.cookie-choices-text{font-size:12px!important}a.cookie-choices-button,a#cookieChoiceDismiss{display:inline-block!important;width:48%;margin-left:1%!important}} .PLHolder {opacity: 0.9} .PLHolder img {opacity: 0;} @font-face{font-family:'Neo Sans Arabic';font-style:normal;font-weight:normal;font-display:swap;src:local('Neo Sans Arabic'),url('https://cdn.statically.io/gh/yallashoot808/yalla-shoot-new/6a47ce1e/NeoSansArabic.woff') format('woff')} body,input{font-family:Neo Sans Arabic,Changa,Segoe UI} body{background:#eceef2 url() no-repeat fixed top right;background-size: cover;} .container,.floar .lap {width: 100%;max-width: 1100px;margin: 0 auto;} .main-amm,.site .widget{display:block;background:#fff;clear:both;border-radius:0;padding:20px;border:1px solid $(body.link.color);overflow:hidden;margin:0 0 15px} .site .widget{border-top:3px solid $(step.color);border-radius:8px} .new .widget{margin:0 0 15px;border-radius:8px} .headline{display:block;clear:both;margin-bottom:15px;position:relative;background:#eceef2;padding:10px;border-radius:8px} .headline .title,h2.boxstitle{display:inline-block;padding:6px 20px 6px;background:$(step.color);color:$(grad.color);font-size:14px;font-weight:normal;border-radius:8px;z-index:999999;position:relative} a.Lapel-Link{background:$(step.color);color:$(grad.color);float:left;padding:6px 20px 6px;font-size:13px;border-radius:30px;z-index:999999;position:relative} .Lapel-Link:hover{padding:6px 20px 6px 35px} .Lapel-Link:hover:before{opacity:1;transition:0.3s ease-out;left:10px;top:7px} a.Lapel-Link:after{content:"";position:absolute;right:-5px;background:#eceef2;height:8px;width:5px;top:40%} footer .headline:before{display:none} .Wigetdisabled{display:block;overflow:hidden;font-size:13px;padding:10px;text-align:center;color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;border:1px solid;border-radius:2px} /* == animation == */ a.PLHolder.thumb:before{content:"";opacity:1;display:inline-block;position:absolute;right:0;left:0;top:0;bottom:0;background-color:$(step.color);background-repeat:no-repeat;background-size:1000px 900px;animation:bs-lazy-anim 1.01s infinite linear forwards;background-image:linear-gradient(to right,$(step.color) 0,$(step.color) 20%,#1e3c72 40%,$(step.color) 100%);animation-direction:reverse} a.PLHolder.thumb:after{background-size:300% 300%;animation:mg-gr-anim 5.5s ease-in infinite;opacity:.8;transition:all .35s ease;content:'';position:absolute;background:-webkit-linear-gradient(to right,#1e3c72,$(step.color));background:-moz-linear-gradient(to right,#1e3c72,$(step.color));background:-o-linear-gradient(to right,#1e3c72,$(step.color));background:linear-gradient(to right,#1e3c72,$(step.color));top:0;left:0;right:0;bottom:0} @keyframes bs-lazy-anim{from{background-position:-800px 0}to{background-position:400px 0}} .Sp-posts1 .rnav-title a:hover,.Sp-posts3 .rnav-title a:hover,.Sp-posts4 .rnav-title a:hover,.Sp-posts6 .rnav-title a:hover,.Sp-posts5 .rnav-title a:hover,.shreet h3.rnav-title a:hover,.Sp-Normal .rnav-title a:hover,.Sp-slide .rnav-title a:hover,.Sp-3colList .rnav-title a:hover,.PopularPosts h3.post-title a:hover,.widget.FeaturedPost .post-title a:hover,.items a:hover,nav.nav-par ul li a:hover,.posttitle:hover,ul.clear li a:hover,.post-outer .posts-titles a:hover{color:#194ca9!important} iframe {display: initial;max-width: 100%;} /* ================= = Hidden Items ================= */ #Settings,.widget .widget-item-control a img,.widget-item-control,.blog-feeds,.status-msg-body,.date-header,.post-feeds,.status-msg-border,nav.nav-par li,.hiden,.open.nav2,.open.nav1,.moreLink,.hideee,span.category a:not(:first-of-type),div#blog-pager,section#comments,.postimgs,.commint-cont,.atags .blog-admin{display:none!important} /* ================= elgadwl ================= */ .box-title{overflow:hidden;background:#eceef2;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;padding:10px} .nav-tabs{list-style:none;float:left} .nav-tabs li{float:right;margin-right:5px} .nav-tabs li a{display:inline-block;padding:5px 20px;background:$(step.color);color:$(grad.color);font-size:14px;font-weight:normal;border-radius:8px;z-index:999999;position:relative} .nav-tabs .yema a{background:#4267b2} .nav-tabs .tomat a{background:#2aa14f} .matchflex{display:flex;flex-direction:column;margin:12px 12px 0} .match-event{border:1px solid #ddd;overflow:hidden;text-align:center;background:#eceef2;margin-bottom:12px;position:relative;border-radius:8px;order:3} .match-event.h{display:none} .match-name,.match-event.ch-end #match-hour,.match-event.ch-live #match-hour,.match-event.ch-soon #result-now,.match-event.notstart #result-now,.match-event.h,.match-event.ch-end #match-live,.match-event.d #match-live{display:none!important} .match-event:last-child{margin-bottom:12px} .matchflex{display:flex;flex-direction:column;margin:10px 10px 0} .match-event.ch-live{order:1} .match-event.ch-soon{order:2} .match-event.ch-end{order:5} .match-event.l{order:0} .match-event.l1{order:-2} .match-event.l2{order:-1} .match-event a{color:#222} .match-event h4{margin:30px 0;color:#444;font-size:18px} .first-team,.left-team,.match-time{width:33.33333333%;float:right;color:#444} .team-logo{float:right;width:50%} .left-team .team-logo{float:left} .team-logo img{margin:10px auto;display:flex} .team-name{margin:40px auto;display:table;color:#444} .match-timing{margin:24px 0;color:#444} .league-logo img{margin:5px auto} #result-now{font-size:21px;letter-spacing:5px;margin-right:-5px;color:#444} #result-noww{font-size:21px;margin-right:-5px;direction:ltr} .match-timing .match-date,.match-timing .live:before{color:#fff;background:#263545;border-radius:8px;font-size:14px;width:90px;line-height:1.9;display:table;margin:auto;margin-top:6px;position:relative} .match-timing .live:before{content:"بث مباشر";position:absolute;animation:blinker 500ms ease-in-out infinite;margin:0} .match-timing .live{background:#931800} .match-timing .end{background:#474747} .match-timing .soon{background:#0f6f37} .match-info ul{list-style:none} .match-info{border-top:1px solid #ddd;display:table;overflow:hidden;width:100%;padding:4px} .match-info li{width:33.33333333%;float:right;font-size:14px;font-weight:100;padding:5px} .match-info li span{color:#444} #overlay-match{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer;background:rgb(0 0 0 / 60%);z-index:8} .match-event:hover #overlay-match{opacity:1} #watch-match{position:absolute;bottom:0;right:0;height:45px;margin:auto;left:0;top:0;width:45px;background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M256,0C114.617,0,0,114.615,0,256s114.617,256,256,256s256-114.615,256-256S397.383,0,256,0z M344.48,269.57l-128,80 c-2.59,1.617-5.535,2.43-8.48,2.43c-2.668,0-5.34-0.664-7.758-2.008C195.156,347.172,192,341.82,192,336V176 c0-5.82,3.156-11.172,8.242-13.992c5.086-2.836,11.305-2.664,16.238,0.422l128,80c4.676,2.93,7.52,8.055,7.52,13.57 S349.156,266.641,344.48,269.57z' class=''%3E%3C/path%3E%3C/svg%3E")} .match-timing .live:after,.match-timing .live:before{content:"";position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);width:90px;height:30px;display:block;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px} .match-timing .live:before{z-index:0;animation:pulse-border 1.5s ease-out infinite;background:#b41b1bc2} .match-timing .live:after{z-index:1;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s} @keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);-moz-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);-o-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);-ms-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1;-webkit-opacity:1;-moz-opacity:1;-o-opacity:1;-ms-opacity:1}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);-moz-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);-o-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);-ms-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0;-webkit-opacity:0;-moz-opacity:0;-o-opacity:0;-ms-opacity:0}} .match-info li:before{content:"🎤";margin-left:7px} .match-info li:first-child:before{content:"📺"} .match-info li:last-child:before{content:"🏆"} .teams-logo{float:left;width:100%} .teams-logo img{margin:10px auto;display:flex} .elgadwl,.posts-bylapel .Label,.box-text,.leagues,.clubs{margin-top:15px;border:1px solid #ddd;background:$(grad.color);border-radius:8px;border-top:3px solid $(step.color)} ul.leagues-list{display:inline-block;width:100%} ul.leagues-list li{float:right;display:inline-block;margin:5px;width:calc((100% - 100px) / 10);text-align:center} ul.leagues-list img{width:70px!important;height:auto;transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9);-webkit-transform:scale(.9);padding:5px} ul.leagues-list img:hover,ul.leagues-list img:active{-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)} .leagues-list span{display:block;color:#444;font-size:15px} .Post-leagues{margin-bottom:10px} .Post-leagues a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;height:auto;margin-top:0;font-size:14.5px;font-weight:700;color:#444;background:#eceef2;border-radius:8px} .Post-leagues img{display:inline-block;vertical-align:middle;margin-left:10px;width:30px;height:auto;padding:0} /*================= Posts ===================*/ .post-random{margin:15px 0 25px;overflow:hidden;clear:both;display:block;text-align:right} div#main{overflow:hidden} .post div#Blog1,.post .post-outer,.post .post-body{overflow:initial!important} .contpotg,.spconten{overflow:hidden} .post-outer{display:block;overflow:hidden;padding-bottom:20px;border-bottom:1px solid #eeeeee;margin-bottom:20px;position:relative} .post-outer .thumb{width:300px;height:180px} .post-home{width:calc((100% - 315px) / 1);float:right} .post-outer .items{display:block!important;clear:both;padding:8px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;vertical-align:middle;font-size:11px;color:#777} .post-outer .items{display:inline-block;vertical-align:middle;font-size:11px;color:#777777} .post-outer .items a,.post-outer .items span{font-size:12px;display:inline-block;color:#777777;margin-left:3px} .post-outer .posts-titles a{line-height:1.5em;margin-bottom:7px;display:block;max-height:4.6em;font-size:16px;color:#444444} .post-outer .posts-titles{height:inherit;clear:both;font-size:16px;overflow:hidden} .post-outer .Short_content{color:#777777;line-height:1.7em;margin:5px 0;font-size:12px} .post-outer:last-of-type{padding-bottom:0;border-bottom:0;margin-bottom:0} .thumb img{object-fit:cover;display:block !important;width:100% !important;height:100% !important} .thumb{float:right;width:300px;height:300px;margin-left:15px;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;position:relative} h3.rnav-title a{color:#444444;line-height:1.3em} .rnav-title{clear:both;font-size:16px;overflow:hidden;height:4em;text-align:center;padding:0 !important;box-shadow:none !important;margin:0 !important} .blocker{display:block;overflow:hidden;margin-top:15px} .r-r{vertical-align:top} .r-r{float:right;width:calc((100% - 320px - 15px) / 1)} #Postcs7,#Postcs3{margin-right:15px} .sides{width:calc((100% - 15px) / 2);float:right} a.thumb.not-pl:before{content:"";position:absolute;background:linear-gradient(to bottom,rgba(0,0,0,0.15) 6%,rgba(0,0,0,0.68) 100%);height:100%;width:100%;display:block;z-index:99;transition:opacity 0.3s ease;opacity:0} a.thumb.not-pl:after{content:"";z-index:99;position:absolute;display:block;transition:opacity 0.3s ease;opacity:0} a.thumb.not-pl:hover:after{opacity:0.9!important} /* iteam post */ .bobxed{margin:-20px -20px 20px -20px;background:#eceef2;border-radius:7px} .atags{display:block;padding:5px 0 5px} .atags a{font-size:13px;background:$(step.color);color:$(grad.color);padding:3px 15px;border-radius:8px;margin-right:4px;display:inline-block} .post-amp .entry-title.topic-title{padding-right:5px;border-right:3px solid $(step.color);overflow:hidden;font:400 21px 'Neo Sans Arabic';line-height:1.7em;color:#393939} .post-body{font:400 14px 'Neo Sans Arabic';line-height:24px;overflow:hidden;color:$(body.link.color)} .post-body a{color:#194ca9} .post-meta{margin-top:10px;border-top:1px solid $(step.color);border-right:0;border-left:0;padding:4px;color:#585858;font-size:13px;background:#eceef2} .headbost,span.p-author.h-card.vcard,.article-timeago,.article-author,a.timestamp-link{display:inline-block;vertical-align:middle} .headbost svg{width:14px!important;height:14px!important;margin-left:3px;vertical-align:middle} .post-meta a{color:#585858} .post-meta span,.post-meta .post-date{font-size:13px} .post-body img{border-radius:8px;height:auto;display:block;max-width:100%;margin:0 auto;margin-bottom:20px} .shareButton a{display:inline-block;vertical-align:middle;min-width:auto;margin:0 5px 5px 0;padding:0;width:calc((100% - 46px) / 6);position:relative;cursor:pointer;border-radius:3px} .shareButton .icon{height:15px;width:15px;float:right} .shareButton a:first-of-type{margin-right:0} .shareButton .facebook span{background-color:#3b5998} .shareButton .twitter span{background-color:#1da1f2} .shareButton .pinterest span{background-color:#cc2127} .shareButton .ic-phone span{background-color:#2ea625} .shareButton .ic-reddit span{background-color:#ff4500} .shareButton .ic-linkedin span{background-color:#0073b1} .shareButton a span{display:block;padding:8px 10px;font-size:12px;color:#fff;box-shadow:0 90px 75px 1px rgba(255,255,255,0.1) inset;border-radius:3px;text-align:center;overflow:hidden} .PagePrakediv a{border-radius:30px;font-size:14px;width:150px;margin:0 auto 0;font-family:'Segoe UI'} .amp-tags{font-size:13px;font-weight:bold} .amp-tags a{color:$(step.color);font-size:13px;margin:5px;font-weight:normal;padding:5px 10px;background:#444444;border-radius:6px;transition:all 0s;display:inline-block} .widget{overflow:hidden} .amp-tags a:hover{background:$(step.color);color:$(grad.color)} .amp-tags svg{width:11px;height:11px;margin-left:4px;vertical-align:middle;transition:all 0s} .edit-post a{font-size:11px;text-align:center;padding:5px 8px;border-radius:1px;background-color:$(step.color);margin:0 auto 3px;color:$(grad.color);vertical-align:top} .commint-cont{display:inline-block;vertical-align:middle;color:#585858;font-size:13px;float:left} .commint-cont svg{width:15px;height:15px;display:inline-block;vertical-align:middle;margin-left:4px;margin-top:-1px} .blog-admin{display:none} .atags .blog-admin{float:left;vertical-align:top;overflow:hidden;margin-top:0!important} .page .atags{overflow:hidden} .page .atags .blog-admin{float:right} .topic-nav,.reaction-buttons,section#comments,.amp-tags,.shareButton,.RelatedPosts,.author-profile{display:block;padding:15px;margin-top:15px;background:#eceef2;border-radius:8px} .reactions-label{display:inline-block;vertical-align:top;color:#343434;font-size:14px} .reactions-label svg.icon{color:#1f3d74;width:16px;height:16px;margin-top:1px;margin-left:0} iframe.reactions-iframe{height:20px;display:inline-block;vertical-align:sub} #FancyAllItems *{-moz-transition:none;-webkit-transition:none;transition:none} .post-body strike{text-decoration:line-through} .post-body u{text-decoration:underline} .post-body ul li,.post-body ol li{margin-bottom:3px;padding-bottom:3px} .post-body ol{padding-right:30px} .post-body ol li:before{list-style:disc;content:counter(li);font-size:13px;padding:0 5px;line-height:1.3rem;width:24px;display:inline-block;text-align:center;background:#eeeeee;border-radius:3px;margin-left:8px;border:1px solid #cccccc;color:$(body.link.color)} .post-body ol li{counter-increment:li;list-style:none;font-size:13px} .post-body ol{padding-right:5px} .post-body h2,.post-body h3,.post-body h4,.post-body p{font-size:20px;font-family:'Neo Sans Arabic'} .post-body p{font-size:18px;color:#444;margin-bottom:15px;font-weight:500;line-height:35px} .post-body h2{border-top:3px solid $(step.color);color:#444;margin:15px 0 15px;max-width:max-content;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;background:#eceef2;padding:10px 8px;box-shadow:-1px 2px 8px #c8c8c8;-moz-box-shadow:-1px 2px 8px #c8c8c8;-o-box-shadow:-1px 2px 8px #c8c8c8;-webkit-box-shadow:-1px 2px 8px #c8c8c8} .post-body h3,.post-body h4{color:#444;margin:15px 0 15px;max-width:max-content;padding:10px 0} .PagePrakediv a{display:block;overflow:hidden;padding:10px;text-align:center;background:#f7f7f7;border:1px dashed #cccccc;color:#313131} .post-body blockquote{color:#545454;font-size:100%;background-color:#efefef;border-left:none;padding:50px 20px 40px;margin:40px 0 30px 0;position:relative;text-align:center;clear:both} .PagePrakediv{margin-top:15px;display:block;overflow:hidden} .post-body blockquote:before{content:"";background:url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='far' data-icon='quote-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23777' d='M200 32H72C32.3 32 0 64.3 0 104v112c0 39.7 32.3 72 72 72h56v8c0 22.1-17.9 40-40 40h-8c-26.5 0-48 21.5-48 48v48c0 26.5 21.5 48 48 48h8c101.5 0 184-82.5 184-184V104c0-39.7-32.3-72-72-72zm24 264c0 75-61 136-136 136h-8v-48h8c48.5 0 88-39.5 88-88v-56H72c-13.2 0-24-10.8-24-24V104c0-13.2 10.8-24 24-24h128c13.2 0 24 10.8 24 24v192zM504 32H376c-39.7 0-72 32.3-72 72v112c0 39.7 32.3 72 72 72h56v8c0 22.1-17.9 40-40 40h-8c-26.5 0-48 21.5-48 48v48c0 26.5 21.5 48 48 48h8c101.5 0 184-82.5 184-184V104c0-39.7-32.3-72-72-72zm24 264c0 75-61 136-136 136h-8v-48h8c48.5 0 88-39.5 88-88v-56H376c-13.2 0-24-10.8-24-24V104c0-13.2 10.8-24 24-24h128c13.2 0 24 10.8 24 24v192z' %3E%3C/path%3E%3C/svg%3E") center no-repeat;width:20px;height:20px;display:inline-block;vertical-align:middle;margin:0 0 3px 10px} .post-body blockquote:before{position:absolute;top:0;left:50%;margin-top:-45px;margin-left:-40px;width:80px;height:80px;background-color:#fff;line-height:90px;border-radius:50%;text-align:center;background-size:35px;background-position-y:30px} .TocList{margin-bottom:5px} td.tr-caption{font-size:12px} /* topic-nav */ .texxattt{display:inline-block;color:$(grad.color);font-size:10px;background:$(step.color);padding:2px 5px;border-radius:2px;margin-bottom:3px} .posttitle{font-size:14px;color:#353535 !important;width:100%;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .newPost,.oldPost{padding-left: 10px;float:right;width:50%;padding-right:10px;border-right:3px solid $(step.color)} .topic-nav-cont{overflow:hidden} .post-random .newPost .posttitle{width:100%;position:relative;padding:5px 0 2px} .post-random .newPost{float:none;width:100%;margin-bottom:0} .post-random .newPost:not(:first-of-type) .texxattt{display:none!important} .post-random .texxattt{font-size:13px;margin-top:0;margin-bottom:0;padding:3px 10px;transform:skew(2deg);margin-right:-11px;border-radius:0} .post-random .newPost .posttitle:before{content:"*";vertical-align:middle;display:inline-block;margin-bottom:-4px;color:$(step.color);margin-left:3px} .post-random * {line-height: initial !important;} .post-random {margin: 10px 0;} /* comments */ li.comment{padding:10px 5px 0;margin:10px 0;border:1px solid #eee;box-shadow:none!important;display:block;border-right:0;border-left:0;border-bottom:0} .avatar-image-container{position:absolute;width:45px;height:45px;border-radius:50%;text-align:center;margin-top:0;margin-right:5px} .avatar-image-container img{border-radius:100%;height:40px;width:40px;background:transparent url(https://4.bp.blogspot.com/-ci3XMoAMGzg/WiCTxCLLWeI/AAAAAAAAPjI/UkV1sBTKC7EamOC_UmMJ4cQCv4xNNI82QCLcBGAs/s1600/log.jpg) no-repeat center;background-size:40px;overflow:hidden} .comment-header{display:inline-block;overflow:hidden;clear:both;margin-right:60px} span.datetime,cite.user{display:block;overflow:hidden;clear:both;font-size:13px;float:right} span.datetime a,cite.user a{color:#666!important;font-weight:normal!important} .comment-content{padding:10px 15px 13px;font-size:13px;cursor:text;font-weight:100;color:#000;overflow:hidden;border-top:1px dashed #eee} .comment-actions.secondary-text a{padding:0 20px 1px;margin:5px 0;background:#f9f9f9;border:1px solid #e8e8e8;border-right: 0;font-size:13px} span.datetime a,cite.user a{font-size:13px} .comment-reply{border-radius:0 3px 3px 0;border-left:0!important} .datetime.secondary-text a,.comment-actions.secondary-text a{color:#000} .comments span.item-control a{border-radius:3px 0 0 3px!important} .comment-reply {border: 1px solid #e8e8e8 !important;} .comment-replies{margin-top:10px!important;margin-bottom:0!important;padding-right:40px} .comments .comments-content .inline-thread{padding:0!important} span.thread-toggle.thread-expanded,.comment-replies .comment-replies,.thread-count,.continue,.loadmore.loaded,.hidden{display:none} .comment-thread ol{padding:0} .comment-replies li.comment:first-of-type{margin-top:20px!important} .comment-replies li.comment{border:0;padding-bottom:2px;box-shadow:none;padding:0;margin-top:25px!important} .comment-replybox-single{padding-right:40px;display:block;clear:both;overflow:hidden} .comment-replies span.item-control a {border-radius: 3px!important;border: 1px solid #e8e8e8;} .comment-form{min-height: 205px;padding:20px;border:1px dashed #cccccc} #comments .comments-info{margin-bottom:15px;overflow:hidden;font-size:12px} #comments .comments-info .comments-count{float:right;padding:5px 0;font-size:14px;position:relative;color:#3e3e3e} #comments .comments-info .go-respond b{float:right;padding:5px 15px;margin:0 25px;background-color:#eeeeee;color:#3e3e3e;position:relative;overflow:hidden;font-size:13px} #comments .small-icon{color:#335ea8;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-top:4px} .comments-info svg.small-icon{width:15px!important;margin-left:5px!important;margin-top:0!important} a#commnetLinkS{font-size:13px;cursor:pointer;font-weight:bold;color:#000fc1} h4#comment-post-message{display:inline-block;vertical-align:middle;font-size:14px;margin-right:5px;color:#3e3e3e} .conart p{display:block;overflow:hidden;font-size:13px;margin-top:5px;color:#757575} iframe#comment-editor{border-top:1px dashed #cccccc;border-bottom:1px dashed #cccccc;margin-top:20px;box-sizing:content-box} .comment-replybox-thread #comment-editor{display:none!important} /* author profile */ .author-profile{border-top:0;padding:30px;position:relative;border-radius:0;background-color:#f4f4f4;border:1px solid #eeeeee} .gfvg{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch} .dshdsgn{display:block;box-sizing:border-box;width:100%;padding:0 10px;margin:0 auto;position:relative;vertical-align:top;font-size:1rem;padding-left:15px;padding-right:110px;min-height:80px} .authorph img{border-radius:100%;border:1px solid #ccc} .authorph.PLHolder{width:80px;height:80px;background:#ccc;border-radius:100%} .authorph{width:80px;height:80px;right:0;left:auto;top:0;margin:0 auto;position:absolute;z-index:3} .author-name{margin-bottom:.75rem} .author-desc{font-size:13px;color:#4a4a4a} a.g-profile{display:block;color:#000;font-size:18px} a.g-profile span{color:#3b5999;font-weight:bold} /* buttons */ /* nextprev */ .page-navigation{margin-top:15px;display:block;overflow:hidden;background:#f7f7f7;padding:5px 10px;border:1px solid #eeeeee} #siki_next,#siki_prev{background:#fff;display:inline-block;cursor:pointer;border:2px solid #1e3c72;border-left:8px solid #1e3c72;border-radius:35px;margin:3px!important;transition:all 0.3s} float:right;border-left:7px double #fff;border-radius:0 5px 5px 0} .siki-next-prev a{display:block} #siki_prev span:nth-child(1){float:left;font-size:15px;line-height:35px;padding:0 30px 0 10px;position:relative} .siki-next-prev span{font-size:30px;color:#585858} #siki_prev span:nth-child(2){float:right;line-height:45px} #siki_next{float:left;border:2px solid #1e3c72;border-right:8px solid #1e3c72;border-radius:35px;margin:0} #siki_next span:nth-child(1):before{display:block;width:1.5em;height:1.5em;content:"";top:7px;left:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 129 129' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cg%3E%3Cpath d='m64.5,122.6c32,0 58.1-26 58.1-58.1s-26-58-58.1-58-58,26-58,58 26,58.1 58,58.1zm0-108c27.5,5.32907e-15 49.9,22.4 49.9,49.9s-22.4,49.9-49.9,49.9-49.9-22.4-49.9-49.9 22.4-49.9 49.9-49.9z' fill='%23264079' %3E%3C/path%3E%3Cpath d='m70,93.5c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2 1.6-1.6 1.6-4.2 0-5.8l-23.5-23.5 23.5-23.5c1.6-1.6 1.6-4.2 0-5.8s-4.2-1.6-5.8,0l-26.4,26.4c-0.8,0.8-1.2,1.8-1.2,2.9s0.4,2.1 1.2,2.9l26.4,26.4z' fill='%23264079'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute} #siki_next span:nth-child(2){float:left;line-height:45px} #siki_next span:nth-child(1){float:right;font-size:15px;line-height:35px;padding:0 10px 0 30px;position:relative} #siki-page-number{text-align:center;color:#292929;font-size:14px;position:absolute;right:calc((100% - 110px) / 2);left:calc((100% - 110px) / 2);display:inline-block;align-items:center;width:110px;padding:15px 0 0} #siki_prev span:nth-child(1):before{display:block;width:1.5em;height:1.5em;content:"";top:7px;right:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 129 129' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cg%3E%3Cpath d='M64.5,122.6c32,0,58.1-26,58.1-58.1S96.5,6.4,64.5,6.4S6.4,32.5,6.4,64.5S32.5,122.6,64.5,122.6z M64.5,14.6 c27.5,0,49.9,22.4,49.9,49.9S92,114.4,64.5,114.4S14.6,92,14.6,64.5S37,14.6,64.5,14.6z' fill='%23264079'%3E%3C/path%3E%3Cpath d='m51.1,93.5c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l26.4-26.4c0.8-0.8 1.2-1.8 1.2-2.9 0-1.1-0.4-2.1-1.2-2.9l-26.4-26.4c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l23.5,23.5-23.5,23.5c-1.6,1.6-1.6,4.2 0,5.8z' fill='%23264079'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute} #siki_prev:hover{border:2px solid #1e3c72;border-left:2px solid #1e3c72;border-right:8px solid #1e3c72} #siki_next:hover{border:2px solid #1e3c72;border-left:8px solid #1e3c72;border-right:2px solid #1e3c72} /* related-posts */ .Posts-byCatgory{background:#fff;padding:10px;border-radius:8px} .post .Sp-posts1 .Short_content{display:none} .post .Sp-posts1 a.thumb{height:150px} .post .Sp-posts1 .items{display:none!important} .post .Sp-posts1 h3.rnav-title a{font-size:14px!important;max-height:3em;height:3em} .post .Sp-posts1 .posts{background:#eceef2;margin:5px!important;width:calc((100% - 40px) / 4);margin-bottom:15px} .Sp-posts1 .posts{display:inline-block;border-radius:8px;position:relative} .Sp-posts1 a.thumb{margin:0;width:100%;height:200px;position:relative} /* == PostsNormal == */ .Sp-Normal .moreLink,.post-outer .moreLink{ display:inline-block !important;margin-top:5px;position:relative;font-size:14px; background:$(step.color); color:#fff;padding:7px 15px 7px 15px;border-radius:2px} .post .post-outer .moreLink {display: none!important;} .Sp-Normal .moreLink:hover,.post-outer .moreLink:hover{padding:7px 10px 7px 30px} .Sp-Normal .moreLink:before,.post-outer .moreLink:before,a.Lapel-Link:before{width:16px;height:16px;content:"";position:absolute;left:7px;top:8px;color:$(body.link.color);padding:5px;display:block;opacity:0;transition:0.2s ease-out} .Sp-Normal .moreLink:hover:before,.post-outer .moreLink:hover:before{opacity:1;transition:0.3s ease-out} .Sp-Normal .posts{display:block;overflow:hidden;padding-bottom:20px;border-bottom:1px solid #eeeeee;margin-bottom:20px;position:relative} .Sp-Normal .Short_content{color:#777777;line-height:1.7em;margin:5px 0;font-size:12px} .Sp-Normal .items{display:inline-block;vertical-align:middle;font-size:11px;color:#777777} .Sp-Normal .thumb{width:300px;height:180px} .Sp-Normal .cont{width:calc((100% - 315px) / 1);float:right} .Sp-Normal .posts .items{display:block!important;clear:both;padding:8px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;vertical-align:middle;font-size:11px;color:#777777} .Sp-Normal .items a,.Sp-Normal .items span{font-size:12px;display:inline-block;color:#777777;margin-left:3px} .Sp-Normal h3.rnav-title{height:inherit} .Sp-Normal h3.rnav-title a{line-height:1.5em;margin-bottom:7px;display:block;max-height:4.6em;font-size:16px} .Sp-Normal .posts:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0} .Sp-Normal .posts a.thumb.not-pl:after,.post-outer a.thumb.not-pl:after,.widget.FeaturedPost a.item-thumbnail.thumb.not-pl:after{width:28px;height:28px;top:43%;right:45%} .icon[data-icon="clock"]{vertical-align:-3px!important} /* ads-post */ #ret-a3lan #h403{text-align:center;display:block;font-size:13px;padding:15px 0 0;margin-top:15px;border-top:2px dotted #eeeeee} .SeoPlusAds{margin:15px 0;text-align:center;display:block;clear:both} div#bot-a3lan,div#top-a3lan,div#ret-a3lan{overflow:initial} /* ArchivePage */ h2.Category-ArchivePage {background: $(step.color);display: inline-block;padding: 0;border-radius: 30px;} h2.Category-ArchivePage a {color: $(grad.color);display: inline-block;padding: 5px 25px;font-size: 15px;} ul.clear li {color: $(step.color);} ul.clear li a {font-weight: bold;color: #121212;font-size: 13px;} .caregory-div:not(:first-of-type) {margin-top: 10px;padding-top: 10px;border-top: 1px solid #eee;} /* smoothscroll top */ .smoothscroll-top{position:fixed;opacity:0;visibility:hidden;overflow:hidden;text-align:center;z-index:99;background-color:$(step.color);color:$(grad.color);right:1%;bottom:-25px;transition:all 0.3s ease-in-out;transition-delay:0.2s;font-weight:100;font-size:18px;display:flex;width:35px;height:35px;align-items:center;border-radius:2px} .smoothscroll-top.show{visibility:visible;cursor:pointer;opacity:1;bottom:1.5%} .smoothscroll-top svg{margin:0 11px;display:block} /*================= الهيدر ===================*/ header#sp-header{display:block;position:relative;margin-bottom:20px;height:97px} .head-pz{height:145px;width:100%;position:fixed;background:#000000;-webkit-box-shadow:0 1px 3px rgba(32,33,36,0.1);box-shadow:0 1px 3px rgba(32,33,36,0.1);top:0;right:0;left:0;z-index:999999999} .navbar-brand{overflow:hidden;background:$(step.color);border-radius:8px;max-height:100%;float:right;margin:5px 0;height:80px;width:200px} .navbar-brand a{position:relative} .navbar-brand a:before{content:"";position:absolute;height:100%;width:20%;background-color:hsla(0,0%,100%,.2);left:-25%;-webkit-transform:skewX(-20deg);transform:skewX(-20deg);-webkit-animation:flare 4s ease-in-out;animation:flare 4s ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} @keyframes flare{0%{-webkit-transform:skewX(-30deg) translateX(-300px);transform:skewX(-30deg) translateX(-300px)}20%{-webkit-transform:skewX(-30deg) translateX(300px);transform:skewX(-30deg) translateX(300px)}to{-webkit-transform:skewX(-30deg) translateX(300px);transform:skewX(-30deg) translateX(300px)}} .par-tp{display:block;width:100%;clear:both;height:40px;position:fixed;top:0;right:0;left:0;max-width:1100px;margin:0 auto} .floar{color:$(grad.color);width:77%;float:left;display:block;clear:both;position:relative;font-size:13px} .floar:before{background:$(step.color);color:$(grad.color);width:2000px;display:block;clear:both;position:absolute;border-bottom-left-radius:5px;transform:skewX(30deg);right:0;content:"";transform:skewX(-30deg);border-bottom-right-radius:5px;height:40px} div#pages{float:right;margin:8.5px 0;font-size:12px;position:relative} div#pages li{display:inline-block;margin:0 3px} .floar a{background:#000000;color:$(grad.color);font-size:12px;border-radius:5px;padding:5px} .par-tp.active{top:-35px} .par-bottm.active{top:35px} .head-pz.active{height:72px;opacity:0.8} .head-pz.active:hover{opacity:1} .par-bottm.active nav.nav-par{top:-30px;width:calc((100% - 280px) /1)!important} div#top-social-L{margin-left:0;float:left;z-index:999;position:relative;margin-top:4px} #top-social-L ul li{display:inline-block} #top-social-L li:first-of-type{margin-right:0} #top-social-L li{display:inline-block;vertical-align:middle;margin-right:2px} #top-social-L li a{display:block;padding:8px;border-radius:3px} .par-bottm{display:block;clear:both;position:fixed;top:35px;right:0;left:0;width:100%;position:relative} .logo{float:right;display:block;position:relative} div#logo{font-size:1.5em;position:relative;top:-25px;z-index:9999} div#header-inner{width:250px;height:80px;display:table-cell;vertical-align:middle} img#Header1_headerimg{max-height:70px;margin:0 auto} .icon{width:13px;margin-left:3px;display:inline-block;vertical-align:middle} nav.nav-par{float:left;width:calc((100% - 360px) /1)!important;position:relative;top:0} div#menu{height:62px;display:flex;align-items:center} nav.nav-par li.ma{display:inline-block!important} nav.nav-par ul li{margin-left:12px;margin-right:-4px} nav.nav-par ul li a{background:#444444;color:$(grad.color);position:relative;font:400 14px 'Neo Sans Arabic';display:block;padding:4px 8px;border-radius:5px} nav.nav-par ul li a:hover{background:$(step.color);color:#444444} li.ma.pluselink ul:not(.ma2ul){display:block;position:absolute;right:-5px;width:180px;background:$(grad.color);top:32px;border-radius:3px;box-shadow:0 1px 3px rgba(32,33,36,0.1);border:1px solid $(body.link.color);z-index:9999999;opacity:0;visibility:hidden;transition:.2s ease;transform:scale(0)} li.ma.pluselink:hover ul:not(.ma2ul){opacity:1;visibility:visible;transform:scale(1)} li.ma.pluselink ul:not(.ma2ul):before{content:"";width:16px;height:16px;position:absolute;background:$(grad.color);top:-8px;right:20%;z-index:-1;transform:rotate(45deg)} li.ma.pluselink span.icon{color:$(grad.color);width:10px;position:absolute;top:4px;left:-20px;right:auto;transform:rotate(180deg);line-height:1} li.ma.pluselink:hover span.icon{transform:rotate(0);top:10px} .pluselink2 span.icon{width:8px!important;left:5px!important;top:7px!important;transform:rotate(90deg)!important;right:auto!important} .pluselink2:hover span.icon{left:8px!important} li.ma.pluselink,li.ma2.pluselink2{position:relative} li.ma.pluselink li{display:block!important;margin:0!important} li.ma.pluselink li a{color:#525252;font-size:14px;padding:8px 25px 8px 10px;margin:5px !important;background:$(grad.color);display:block;position:relative;border-radius:5px} li.ma.pluselink li a:hover:before{background:#000000} li.ma.pluselink li a:before{content:"";width:8px;height:8px;position:absolute;background:$(step.color);top:17px;right:10px;z-index:999;transform:rotate(45deg);border-radius:5px} li.ma2.pluselink2 ul.ma2ul{display:block;position:absolute;right:100%;width:180px;background:$(grad.color);top:0;opacity:0;visibility:hidden;transition:.2s ease;transform:translateX(-30px);border-radius:3px;box-shadow:0 1px 3px rgba(32,33,36,0.1);border:1px solid $(body.link.color);z-index:9999999} li.ma2.pluselink2:hover ul.ma2ul{transform:translateX(0);opacity:1;visibility:visible} li.ma2.pluselink2 ul.ma2ul:before{content:"";width:16px;height:16px;position:absolute;background:$(grad.color);top:8px;right:-7px;z-index:-1;transform:rotate(45deg);border:1px solid $(body.link.color)} li.ma.pluselink li:last-of-type a{border-bottom:0} li.ma.pluselink{margin-left:25px} .par-bottm.active #logo{width:230px;height:50px} .par-bottm.active #header-inner{width:230px;height:50px} .par-bottm.active #Header1_headerimg{max-height:50px} .dnmo{display:flex;position:relative;float:left;margin:1px 0;background:$(step.color);width:40px;height:40px;text-align:center;align-items:center;border-radius:5px;top:14px;margin-right:5px} svg.line{fill:none;stroke:#161617;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5} .dnmo svg{stroke:#fff!important;padding:8px} .Night .dnmo svg.line.svg-2{display:block} .Night .dnmo svg.line.svg-1{display:none} .dnmo svg.line.svg-2{display:none} .dnmo{top:-5px} /* ========= = Aside & footer ========= */ div#Topa3lan-sc div#HTML1{background:transparent;padding:0;border:0;margin:0} #sidepar-wid{transition:none!important;width:320px;float:left;margin-right:15px;vertical-align:top} footer{overflow:hidden;display:block;clear:both;background:#000000;padding:15px 0 0;border-top:3px solid $(step.color);border-radius:8px 8px 0 0} .mid-top-footer .footer-col{float:right;width:calc((100% - 90px) / 4);margin-left:30px} footer .headline{background:transparent;text-align:right;padding:10px 5px;margin:0} footer .headline .title{background:transparent;color:#a2a2a2;padding:0 3px 7px;border-bottom:1px solid #ccc;border-left:transparent;font-size:15px;border-radius:0!important} div#footer-col4{margin-left:0;padding-left:0;border-left:0} .mid-top-footer .footer-col .widget{margin-bottom:30px;vertical-align:top} .mid-top-footer .footer-col .widget:last-of-type{margin-bottom:15px} .bottom-footer{position:relative;z-index:99999;display:block;overflow:hidden;clear:both;padding:20px 0;border-top:2px solid #444444;margin-top:0;background:#000000} footer .container{display:block;overflow:hidden} .yemen a{font-size:13px;font-weight:bold;color:#345ea9;letter-spacing:0;vertical-align:middle} .yemen{min-height:32px;font-size:13px;float:right;display:flex;align-items:center} .yemen a:not(#7qok){font-size:initial;font-weight:normal;color:transparent;letter-spacing:0;vertical-align:middle;width:27px;height:27px;overflow:hidden} .yemen span{font-size:13px;vertical-align:middle;margin-left:3px} .yemen1{float:right;color:#a2a2a2!important} .yemen1 a{color:$(step.color)!important;margin-right:5px} .link-l{float:left} .link-l li a{background:#444444;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;font-size:13px;padding:6px 12px;color:#f1f1f1;display:block} .link-l li{list-style:none;display:inline-block;font-size:13px;margin:0 4px;text-align:center} /* recent-comments Widget */ .recent-comments .comment .leave-comm:before{width:8px;height:8px;content:"";position:absolute;right:2px;top:2px;color:body.link.color;padding:5px;display:block;transition:0.2s ease-out} .recent-comments{overflow:hidden} aside .recent-comments .comment{border-bottom:1px solid #eeeeee} .recent-comments .comment{margin-bottom:15px;padding-bottom:15px;overflow:hidden} .recent-comments .comment:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0} .comments-img-wrap{border:3px solid #eeeeee} .comments-img-wrap{float:right;width:50px;height:50px;border-radius:100px;margin-left:15px;overflow:hidden} .recent-comments .comment .comm{float:right;width:calc(100% - 65px)} .recent-comments .comment .comm-author{color:#999999} .recent-comments .comment p{color:#444444} .recent-comments .comment .comm-author{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;float:right;height:21px;margin-left:10px;overflow:hidden} .recent-comments .comment .details{float:left;overflow:hidden} .recent-comments .comment .details span{margin-left:0;font-size:9.5px;display:inline-block;vertical-align:top;color:#999999} .recent-comments .comment p{text-align:right;width:95%;margin:0 0 2px;font-size:10px;max-height:18px;line-height:1.8em;overflow:hidden;font-weight:700;white-space:nowrap;text-overflow:ellipsis} .recent-comments .comment .leave-comm{display:block;padding:0 15px;overflow:hidden;font-size:10px;position:relative;color:#6f6f6f;font-weight:bold} /* social bottom footer */ .shmal .social-static.social li{display:inline-block;vertical-align:middle;margin-right:2px} footer .social-static.social a[title='twitter'],aside .social-static.social a[title='twitter'],.mop-icon .social-static.social a[title='twitter'],#top-social-L li a[title='twitter']{background:#1da1f2} footer .social-static.social a[title='reddit'],aside .social-static.social a[title='reddit'],.mop-icon .social-static.social a[title='reddit'],#top-social-L li a[title='reddit']{background:#ff6933} footer .social-static.social a[title='whatsapp'],aside .social-static.social a[title='whatsapp'],.mop-icon .social-static.social a[title='whatsapp'],#top-social-L li a[title='whatsapp']{background:#128C7E} footer .social-static.social a[title='facebook'],aside .social-static.social a[title='facebook'],.mop-icon .social-static.social a[title='facebook'],#top-social-L li a[title='facebook']{background:#4267b2} footer .social-static.social a[title='sitemap'],aside .social-static.social a[title='sitemap'],.mop-icon .social-static.social a[title='sitemap'],#top-social-L li a[title='sitemap']{background:$(step.color)} footer .social-static.social a[title='pinterest'],aside .social-static.social a[title='pinterest'],.mop-icon .social-static.social a[title='pinterest'],#top-social-L li a[title='pinterest']{background-color:#cc2127} footer .social-static.social a[title='linkedin'],aside .social-static.social a[title='linkedin'],.mop-icon .social-static.social a[title='linkedin'],#top-social-L li a[title='linkedin']{background-color:#0976b4} footer .social-static.social a[title='youtube'],aside .social-static.social a[title='youtube'],.mop-icon .social-static.social a[title='youtube'],#top-social-L li a[title='youtube']{background-color:#e52d27} footer .social-static.social a[title='spotify'],aside .social-static.social a[title='spotify'],.mop-icon .social-static.social a[title='spotify'],#top-social-L li a[title='spotify']{background-color:#1ed760} footer .social-static.social a[title='snapchat'],aside .social-static.social a[title='snapchat'],.mop-icon .social-static.social a[title='snapchat'],#top-social-L li a[title='snapchat']{background-color:#f5d602} footer .social-static.social a[title='flickr'],aside .social-static.social a[title='flickr'],.mop-icon .social-static.social a[title='flickr'],#top-social-L li a[title='flickr']{background-color:#FF0084} footer .social-static.social a[title='wordpress'],aside .social-static.social a[title='wordpress'],.mop-icon .social-static.social a[title='wordpress'],#top-social-L li a[title='wordpress']{background-color:#207297} footer .social-static.social a[title='blogger'],aside .social-static.social a[title='blogger'],.mop-icon .social-static.social a[title='blogger'],#top-social-L li a[title='blogger']{background-color:#e96734} footer .social-static.social a[title='instagram'],aside .social-static.social a[title='instagram'],.mop-icon .social-static.social a[title='instagram'],#top-social-L li a[title='instagram']{background-color:#7c38af;background:radial-gradient(circle at 0 130%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)} footer .social-static.social a[title='behance'],aside .social-static.social a[title='behance'],.mop-icon .social-static.social a[title='behance'],#top-social-L li a[title='behance']{background-color:#009fff} footer .social-static.social a[title='soundcloud'],aside .social-static.social a[title='soundcloud'],.mop-icon .social-static.social a[title='soundcloud'],#top-social-L li a[title='soundcloud']{background-color:#FF5419} footer .social-static.social a[title='messenger'],aside .social-static.social a[title='messenger'],.mop-icon .social-static.social a[title='messenger'],#top-social-L li a[title='messenger']{background-color:#0084ff} footer .social-static.social a[title='google-play'],aside .social-static.social a[title='google-play'],.mop-icon .social-static.social a[title='google-play'],#top-social-L li a[title='google-play']{background-color:#3d9dab} footer .social-static.social a[title='telegram'],aside .social-static.social a[title='telegram'],.mop-icon .social-static.social a[title='telegram'],#top-social-L li a[title='telegram']{background-color:#32AEE1} footer .social-static.social a[title='tumblr'],aside .social-static.social a[title='tumblr'],.mop-icon .social-static.social a[title='tumblr'],#top-social-L li a[title='tumblr']{background-color:#3e5a70} footer .social-static.social a[title='google'],aside .social-static.social a[title='google'],.mop-icon .social-static.social a[title='google'],#top-social-L li a[title='google']{background-color:#ea4335} footer .social-static.social a[title='tiktok'],aside .social-static.social a[title='tiktok'],.mop-icon .social-static.social a[title='tiktok'],#top-social-L li a[title='tiktok']{background-color:#383737} .social-static.social i.fa{opacity:0.9;display:block;width:15px;height:15px} aside .social-static.social li{float:right;vertical-align:middle;list-style:none;width:calc((100% - 4px) / 4);margin-left:1px;margin-bottom:1px} .social-static.social i.fa:hover{opacity:1} div#footer-social i.fa{opacity:1} aside .social-static.social li a{border-radius:0;text-align:center;height:50px;display:flex;align-items:center} aside .social-static.social i.fa,.mop-icon .social-static.social i.fa{opacity:1;width:22px;height:22px;margin:0 auto} .social-static.social{display:block;overflow:hidden;vertical-align:middle} .shmal .social-static.social li a{display:block;padding:6px;border-radius:3px} .shmal .social-static.social li:first-of-type{margin-right:0} /* aside linklist */ aside .LinkList ul li,aside .PageList ul li,footer .pageList ul li{list-style:none;display:block} aside .LinkList ul li a:hover::before,aside .PageList ul li a:hover::before{background:$(step.color)} aside .LinkList ul li a,aside .PageList ul li a{color:#525252;font-size:12px;padding:8px 25px 8px 10px;margin:0!important;border-bottom:1px solid $(body.link.color);background:$(grad.color);display:block;position:relative} footer .mid-top-footer .LinkList ul li a{background:#444444;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;font-size:13px;color:$(grad.color);display:block;padding:10px;margin:5px;font-size:14px} footer .mid-top-footer .LinkList ul li a:hover{background:$(step.color);color:#fff} aside .LinkList ul li:last-of-type a,aside .PageList ul li:last-of-type a{padding-bottom:0;border-bottom:0} aside .LinkList ul li a::before,aside .PageList ul li a::before{content:"";width:8px;height:8px;position:absolute;background:$(grad.color);top:13px;right:10px;z-index:999;transform:rotate(45deg);border:1px solid $(body.link.color)} aside .LinkList ul li a:hover:before,aside .PageList ul li a:hover:before{background:$(step.color)} aside .LinkList ul li:first-of-type a,aside .PageList ul li:first-of-type a{padding-top:0} aside .LinkList ul li:first-of-type a::before,aside .PageList ul li:first-of-type a::before{top:5px} /* Label Widget */ .widget .list-label-widget-content ul{padding-right:20px} .widget .list-label-widget-content ul li{font-size:14px;color:#1f1f1f;margin-bottom:5px;padding:4px 0;padding-bottom:7px;list-style:decimal;border-bottom:1px dashed #eee} .widget .list-label-widget-content ul li a{color:#3e3e3e;font-size:13px;.cloud-label-widget-contentdisplay:block;padding:2px} .widget .list-label-widget-content ul li:last-of-type{margin-bottom:0;border-bottom:0;padding-bottom:0} span.label-count{float:left;color:#585858;text-align:center} .widget.Label .cloud-label-widget-content span.label-size{float:right;width:calc((100% - 10px) / 2);vertical-align:middle;display:block;margin-bottom:10px} .widget.Label .cloud-label-widget-content span.label-size a.label-name{padding:10px 10px;display:block;border-radius:30px;text-align:center;font-size:13px;color:#565656;border:1px solid $(body.link.color);background:#f7f7f7} .widget.Label .cloud-label-widget-content span.label-size:nth-of-type(odd){margin-left:10px} .widget.Label .cloud-label-widget-content span.label-size:nth-last-of-type(1),.widget.Label .cloud-label-widget-content span.label-size:nth-last-of-type(2){margin-bottom:0} .widget.Label .cloud-label-widget-content span.label-size a:hover,.shareButton a:hover,.PagePrakediv a:hover{box-shadow:0 5px 14px rgba(0,0,0,0.15),0 1px 5px rgba(0,0,0,0.12)} /* profile */ img.profile-img{border-radius:100%;border:1px solid #eee;margin:0 auto 15px;text-align:center;display:block} .profile-info a.profile-link.g-profile{background:#eee;color:body.link.color;display:inline-block;font-size:14px;border:1px solid #ccc;padding:5px 15px;border-radius:2px;margin-bottom:8px;margin-top:0} dd.profile-textblock{font-size:12px;color:#383838} .profile-info a.profile-link{display:none} /* BlogSearch */ .BlogSearch input {border: 1px solid #f3f3f3;background: transparent;font-size: 13px;padding: 10px;border-radius: 3px;display: inline-block;width: 55px;} .BlogSearch input.search-action:hover {background: $(step.color);color: $(grad.color);} input.search-action{cursor: pointer;} .search-input{display:inline-block;width:calc((100% - 60px) / 1)} .search-input input{display:block;width:100%} /* BlogArchive */ div#ArchiveList ul.hierarchy{padding-right:30px} div#ArchiveList ul.hierarchy ul.hierarchy{padding-right:15px} div#ArchiveList ul.hierarchy ul.hierarchy ul.hierarchy li:not(:last-of-type){margin-bottom:5px;padding-bottom:5px} div#ArchiveList ul.hierarchy li a, div#ArchiveList ul.flat li a{color:#121212} div#ArchiveList ul.hierarchy ul.hierarchy ul.hierarchy li:first-of-type{margin-top:5px;padding-top:5px} div#ArchiveList ul.hierarchy li{font-size:11px} div#ArchiveList ul.hierarchy li a:hover, div#ArchiveList ul.flat li a:hover{color:#194ca9} div#ArchiveList .hierarchy-title{font-size:13px;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #f7f7f7} div#ArchiveList .hierarchy-title span.post-count, div#ArchiveList ul.flat li span.post-count{float:left;width:25px;padding:0 0;text-align:center;background:#eee;border-radius:3px;border:1px solid #ccc;font-size:12px;font-weight:normal} div#ArchiveList ul.flat {padding-right: 30px;} div#ArchiveList ul.flat li:not(:last-of-type) {margin-bottom: 5px;padding-bottom: 5px;} div#ArchiveList ul.flat li {font-size: 13px;} /* FeaturedPost Widget */ .widget.FeaturedPost .post-title{margin-bottom:3px} .widget.FeaturedPost .post-title a{font-size:16px;display:block;line-height:1.7em;max-height:4.5em;overflow:hidden;color:#444444;font-weight:normal} .widget.FeaturedPost p.snippet-item.r-snippetized{color:#777777;line-height:1.7em;margin:5px 0;font-size:12px} .widget.FeaturedPost .item-thumbnail.thumb{width:100%;min-height:150px;margin:0;height:auto} /* PopularPosts Widget */ .PopularPosts a.item-thumbnail.thumb{width:90px;height:70px;margin-left:10px} .PopularPosts h3.post-title{width:calc((100% - 100px) / 1);float:left;overflow:hidden;margin-top:1px;text-align:right;max-height:4em} .PopularPosts h3.post-title a{font-size:13px;color:#444444} .PopularPosts article.post{display:block;overflow:hidden;clear:both;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee} .PopularPosts article.post:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0} /* FollowByEmail Widget */ .widget.FollowByEmail .follow-by-email-inner:before {content: "";height: 160px;width: 100%;text-align: center;display: block;background:center no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='fal' data-icon='envelope-open' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inlin'%3E%3Cpath fill='%23585858' d='M349.32 52.26C328.278 35.495 292.938 0 256 0c-36.665 0-71.446 34.769-93.31 52.26-34.586 27.455-109.525 87.898-145.097 117.015A47.99 47.99 0 0 0 0 206.416V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V206.413a47.989 47.989 0 0 0-17.597-37.144C458.832 140.157 383.906 79.715 349.32 52.26zM464 480H48c-8.837 0-16-7.163-16-16V206.161c0-4.806 2.155-9.353 5.878-12.392C64.16 172.315 159.658 95.526 182.59 77.32 200.211 63.27 232.317 32 256 32c23.686 0 55.789 31.27 73.41 45.32 22.932 18.207 118.436 95.008 144.714 116.468a15.99 15.99 0 0 1 5.876 12.39V464c0 8.837-7.163 16-16 16zm-8.753-216.312c4.189 5.156 3.393 12.732-1.776 16.905-22.827 18.426-55.135 44.236-104.156 83.148-21.045 16.8-56.871 52.518-93.318 52.258-36.58.264-72.826-35.908-93.318-52.263-49.015-38.908-81.321-64.716-104.149-83.143-5.169-4.173-5.966-11.749-1.776-16.905l5.047-6.212c4.169-5.131 11.704-5.925 16.848-1.772 22.763 18.376 55.014 44.143 103.938 82.978 16.85 13.437 50.201 45.69 73.413 45.315 23.219.371 56.562-31.877 73.413-45.315 48.929-38.839 81.178-64.605 103.938-82.978 5.145-4.153 12.679-3.359 16.848 1.772l5.048 6.212z' %3E%3C/path%3E%3C/svg%3E");margin: 0 auto;} input.follow-by-email-address{display:block;width:100%;height:40px;margin:15px 0;border-radius:3px;border:1px solid #efefef;text-align:center} input.follow-by-email-submit{background:#eee;border:1px solid #ccc;padding:10px;border-radius:3px;width:100%;text-align:center;color:#6b6b6b;font-size:12px;cursor:pointer} input.follow-by-email-address::placeholder{font-weight:normal;font-size:14px} /* redirectPage css */ .ccontenr{height:250px;width:250px;margin:0 auto;text-align:center;border-radius:100%;border:20px solid #f8f8f8;position:relative;border-bottom-color:transparent} .two{display:flex;align-items:center;text-align:center;justify-content:center;height:100%;font-size:45px;position:relative;top:-8px} .border1{position:absolute;top:-20px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom-color:$(step.color)} .border2{position:absolute;top:-20px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom-color:$(step.color)} .border3{position:absolute;top:-20px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom-color:$(step.color)} .border4{position:absolute;top:-19px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom:23px solid #fff} .safgasdg{height:245px;width:270px;margin:0 auto;border:0;overflow:hidden} .zr{position:absolute;bottom:-10px;right:0;left:0;z-index:999999;border-style:solid;border-width:5px;border-color:rgba(0,0,0,0.03);display:inline-block;background-color:#f8f8f8;padding:5px 15px;width:160px;font-size:14px;margin:0 auto;border-radius:50px;color:#d2d2d2!important;text-decoration:none} .run{cursor:progress} .act{cursor:pointer;color:#3c5b92!important;border-color:$(step.color);border-style:double;transition:all 0.3s} a.zr.act:hover{border-color:$(step.color);background:$(step.color);color:#fff!important} .dis{cursor:no-drop;background-color:#ffcfcf;color:#de6262!important} /* contact US */ #contact-form{padding:20px;border:1px dashed #eee} div#Pagecontactus{margin:10px 0} #ContactForm1_contact-form-name,#ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{margin:5px auto;border:1px solid #d6d6d6;transition:all .5s ease-out;width:100%;border-radius:2px;padding:8px 15px;margin-bottom:10px;background:transparent;font:400 14px 'Segoe UI'} input#ContactForm1_contact-form-name{margin-top:0} #ContactForm1_contact-form-submit{background:#eee;cursor:pointer;font-weight:bold;float:right;padding:8px 15px;color:#3c3c3c;margin:0 0;font-size:13px;border:1px solid #d4d4d4} div#ContactForm1_contact-form-error-message img{vertical-align:middle;margin-right:3px} textarea#ContactForm1_contact-form-email-message{margin-bottom:5px} #ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;border-color:rgb(60,91,146);border-style:solid} /* search-box */ .stxk{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.58);z-index:999999999999;-webkit-box-shadow:0 1px 15px 5px rgba(32,33,36,0.1);box-shadow:0 1px 15px 5px rgba(32,33,36,0.1)} .stxk{display:none} .search-box{text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;overflow:hidden;top:0;left:0;right:0;bottom:0} .search-box-fix{width:100%;margin:0 auto;height:100%;max-width:600px;background:transparent;vertical-align:middle;display:table-cell;position:fixed;max-height:150px;right:0;top:30%;bottom:0;left:0;z-index:999999999999999;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;} .search-wrap{width:90%;height:100%;display:table;margin:0 auto;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;position:relative} .search-fo{width:100%;height:100%;vertical-align:middle;display:table-cell} .search-field{text-align:center;-webkit-appearance:none;padding:10px;border:none!important;background:transparent;width:100%;border-bottom:2px dashed #9e9e9e!important;font-size:30px;font-weight:bold;font-family:monospace;color:#fff} .search-submit,.search-submit2{background:#2c82c9;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;display:inline-block;margin:15px 0 -5px 0;width:45px;height:45px;position:relative;padding:7px 0;color:$(grad.color);border-radius:5px;border:0!important} .search-submit{background:#eee;border:1px solid #ccc;width:45px;height:45px;border-radius:50%;border:1px solid #ccc!important} a.search-submit2 svg{margin:5px 0!important;width:30px!important;height:30px!important} a.search-submit2{position:absolute;left:-15px;top:-15px;margin:0;border-radius:50%;background:transparent} a.search-submit2 svg{margin:5px 0 0 0!important;vertical-align:-1px} .search-box{display:none} input.search-field::placeholder{color:#9e9e9e} .textst{font-size:40px;color:#fff;position:relative;top:-20px} header#sp-header .widget{overflow:initial} .post-body a[imageanchor]{margin:0 auto!important} .open.nav1,.search{display:flex;position:relative;float:left;margin:1px 0;background:$(step.color);width:40px;height:40px;text-align:center;align-items:center;border-radius:3px;top:14px;margin-right:5px} a.op-one svg,.search svg{color:$(grad.color);margin:0 9px;width:23px!important;height:30px} .par-bottm.active .open.nav1,.par-bottm.active .search{top:-15px} .search svg{position:relative;top:2px} .pos-t-t{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.58);z-index:999999999;-webkit-box-shadow:0 1px 15px 5px rgba(32,33,36,0.1);box-shadow:0 1px 15px 5px rgba(32,33,36,0.1)} .pos-t-t{display:none} .mop-pages,.mop-links{margin-bottom:15px} .mop-icon{margin-top:15px;margin-bottom:15px} .closebtn{text-align:right;position:absolute;top:0;left:0;font-size:23px;z-index:9999;height:55px;display:block;float:left;line-height:53px;color:$(step.color);width:100%;padding:0 20px 0 10px} .closebtn svg{width:1.3em;height:1.3em;margin-top:12px} .sidenav{height:100vh;width:250px;position:fixed;top:0;right:-260px;background-color:$(grad.color);overflow-x:hidden;transition:0.3s;z-index:999999999999999999999999;padding-top:45px;padding-right:10px;padding-left:10px;padding-bottom:45px;max-width:100%} .sidenav.open {right: 0;} .mop-icon .social-static.social li{float:right;vertical-align:middle;list-style:none;width:calc((100% - 30px) / 3);margin:5px} .mop-icon .social-static.social li a{border-radius:0;text-align:center;height:50px;display:flex;align-items:center;border-radius:20px} .mop-links #menu{overflow:hidden;clear:both;height:inherit;width:inherit;display:block} .mop-pages #PageList1{overflow:hidden;clear:both;height:inherit;width:inherit;display:block} .mop-pages ul,.mop-links ul{padding-right:30px} .mop-pages ul li,.mop-links ul li{list-style:none;font-size:13px} .mop-pages ul li a,.mop-links ul li a{color:#131313;display:block;padding-bottom:7px;margin-bottom:7px;font-size:13px} .mop-links ul::before{display:none!important} .mop-links li ul li a{padding-right:13px!important} .mop-links li ul li a::before{right:0!important} .mop-links .ma2.pluselink2 ul.ma2ul{transform:none!important;opacity:1!important;visibility:visible!important;position:relative!important;box-shadow:none!important;top:0!important;right:auto!important;width:auto!important;border:none!important;padding-right:10px!important} .mop-links li.ma2.pluselink2 li a::before{transform:none!important} .mop-links .pluselink span.icon,.mop-links .pluselink2 span.icon{top: 8px !important;transform:none!important} .mop-links .ma.pluselink ul:not(.ma2ul){position:relative!important;right:auto!important;left:auto!important;top:auto!important;width:auto!important;background:transparent!important;box-shadow:none!important;border:none!important;transform:none!important;visibility:visible!important;opacity:1!important;padding-right:0!important;margin-right:-10px!important} .mop-links li.ma.pluselink span.icon{left:0!important;top:0!important} .mop-links .pluselink2:hover span.icon{left:0!important} .mop-links li.ma2.pluselink2 span.icon {top: 8px !important;} .loadMore{margin:15px;text-align:center;display:block;clear:both} a.targ{background:$(step.color);color:#fff;border-radius:8px;padding:4px 8px} .noMorePosts,div#loader,.loadMore .loadMorePosts a{width:130px;background:$(step.color);color:#fff;display:block;margin:0 auto;position:relative;font-size:14px;border-radius:1px;padding:8px 13px;text-align:right} .loadMore .loadMorePosts a:before,.noMorePosts:before,div#loader:before{content:"";width:27px;height:27px;display:block;background:$(grad.color);position:absolute;left:5px;bottom:4px;border-radius:100%} svg.icon-load{position:absolute;left:7.1px;bottom:5px;width:22px;height:22px;color:$(step.color)} div#loader svg.icon-load{bottom:7px;left:8px;width:21px;height:21px} .noMorePosts{width:150px!important} .noMorePosts svg.icon-load{width:19px;height:19px;bottom:8px;left:9px} table {max-width: 100%;} .titlewrapper .title{position: relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:250px} .descriptionwrapper{display:none} div#E3lanat{position:absolute;z-index:-1;opacity:0;visibility:hidden} .toctitle{display:block;font-size:17px;padding-bottom:6px;border-bottom:1px solid #eee;margin-bottom:6px;position:relative;padding-right:16px} .topcs7v{margin:15px 0;padding:15px 10px;border:1px solid #eee} ul#tocList{padding-right:30px} ul#tocList li{list-style:circle;margin-bottom:3px;padding-bottom:3px;border-bottom:1px solid #f7f7f7} ul#tocList li:hover{list-style:disc} ul#tocList li:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0} ul#tocList li a{color:$(step.color);font-size:13px;display:block} ul#tocList li a:hover{color:body.link.color} .toctitle:before{content:"*";color:$(step.color);padding-left:5px;line-height:1em;position:absolute;right:5px;top:8px} .hideensa{overflow:hidden;display:block;clear:both} svg.svg-inline--fa.fa-exclamation-triangle.fa-w-18{width:200px;margin:0 auto 0;display:block;height:200px;color:$(step.color)} /*================= New Worck ===================*/ .trelists{float:right;width:calc((100% - 30px) / 3)} div#Postnw5,div#Postnw2{margin:0 15px} .bocker{overflow:hidden;display:block;clear:both;position:relative} div#main .HTML{clear: both;position: initial !important;padding: 0 20px !important;margin:0;border:0;background:transparent;} .shreet .thumb,.shreet .Short_content{display:none} .shreet h3.rnav-title{height:initial} .shreet .Posts-byCategory {display: flex;position: absolute; right: 100%;transition: none !important;} .shreet h3.rnav-title a:before {margin-left: 5px;content:'';background: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='file-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23444' d='M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zm-22.6 22.7c2.1 2.1 3.5 4.6 4.2 7.4H256V32.5c2.8.7 5.3 2.1 7.4 4.2l83.9 83.9zM336 480H48c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16h176v104c0 13.3 10.7 24 24 24h104v304c0 8.8-7.2 16-16 16zm-48-244v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm0 64v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm0 64v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12z'%3E%3C/path%3E%3C/svg%3E") center no-repeat;display: inline-block;vertical-align: middle;width: 13px;height: 13px;} #shreeta5bar .headline,.shreet{margin:0} #shreeta5bar .headline:before{display:none} #shreeta5bar .headline{flex-shrink:0;margin-left:15px} .shreet{position:relative;width:100%;height:40px;display:flex;overflow:hidden;align-items:center} .shreet h3.rnav-title a{font-size:14px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} div#shreeta5bar .Label{box-shadow:0 0 1px 0 #d6d6d6;border:1px solid #ebebeb;padding:0 10px;height:60px;background:#fff;display:flex;align-items:center;flex-flow:nowrap;flex:1 100%} #shreeta5bar .headline .title{float:right;height:35px;line-height:35px;padding:0 20px 0 50px;padding-top:0;padding-bottom:0;padding-right:50px;padding-left:20px;background:$(step.color);color:$(grad.color);font-size:14px;position:relative;z-index:1} .shreet .items a.author,.shreet .items span.Date{display:none} .shreet .posts{padding-left:15px} .shreet span.category{display:none} #shreeta5bar .headline .title:before{display:none} #shreeta5bar .headline .title:before {content: "";position: absolute;right: 17px;top: 7px;width: 20px;height: 20px;background: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='newspaper' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23fff' d='M552 64H88c-13.234 0-24 10.767-24 24v8H24c-13.255 0-24 10.745-24 24v280c0 26.51 21.49 48 48 48h504c13.233 0 24-10.767 24-24V88c0-13.233-10.767-24-24-24zM32 400V128h32v272c0 8.822-7.178 16-16 16s-16-7.178-16-16zm512 16H93.258A47.897 47.897 0 0 0 96 400V96h448v320zm-404-96h168c6.627 0 12-5.373 12-12V140c0-6.627-5.373-12-12-12H140c-6.627 0-12 5.373-12 12v168c0 6.627 5.373 12 12 12zm20-160h128v128H160V160zm-32 212v-8c0-6.627 5.373-12 12-12h168c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H140c-6.627 0-12-5.373-12-12zm224 0v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-64v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-128v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0 64v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12z' class=''%3E%3C/path%3E%3C/svg%3E") center no-repeat;display: block;} h3.rnav-title svg {float: right;vertical-align: middle;width: 13px;height: 13px;margin-left: 5px;margin-top: 2px;} /*================= yalla shoot ===================*/ h3.nav2-title {position: relative;background:#eceef2} h3.rnav-title svg{float:right;vertical-align:middle;width:13px;height:13px;margin-left:5px;margin-top:2px} a.PLHolder.thumb2{height:141px;display:block} a.thumb2{position:relative;display:block;height:141px} .PLHolder{opacity:0.9;background:linear-gradient(to left,#f7f7f7,#eee)} .overlay{position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0.15) 6%,rgba(0,0,0,0.68) 100%);z-index:7;opacity:0} .icon-player{background:url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='fal' data-icon='play-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='play-circle'%3E%3Cpath fill='%23fff' d='M256 504c137 0 248-111 248-248S393 8 256 8 8 119 8 256s111 248 248 248zM40 256c0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216 0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216zm331.7-18l-176-107c-15.8-8.8-35.7 2.5-35.7 21v208c0 18.4 19.8 29.8 35.7 21l176-101c16.4-9.1 16.4-32.8 0-42zM192 335.8V176.9c0-4.7 5.1-7.6 9.1-5.1l134.5 81.7c3.9 2.4 3.8 8.1-.1 10.3L201 341c-4 2.3-9-.6-9-5.2z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;display:block;width:100%;height:100%} .ico{position:absolute;z-index:8;left:0;width:25%;height:20%;margin:5px} .home .posts.sp img,.lapel .posts.sp img{width:100%;height:140px;object-fit:cover} h3.nav2-title a{display:block;overflow:hidden;color:body.link.color;font-size:15px;padding:0 5px 10px;height:5em;line-height:24px;text-align:center} .posts.sp:hover .ico{width:97%;margin:49px 4px} .home .posts.sp{display:inline-block;clear:both;overflow:hidden;width:calc((100% - 40px) / 4);vertical-align:top;margin:5px;border-radius:8px} .Post-byCategory{padding:0 5px} .wdthbox{text-align:justify;overflow:hidden;max-height:80px;position:relative;font-weight:400;font-size:15px;color:#444} .wdthbox p{margin-bottom:15px;padding:10px} .postimgs img{border-radius:8px;margin:auto;display:table;margin-bottom:20px;max-width:100%;height:auto} .nav-tabs-pages{float:left;width:100%;background-color:#eceef2;border-radius:0 0 8px 8px;margin-bottom:10px;list-style:none} .nav-tabs-pages li{float:right;width:calc((100% - 30px) / 3);margin:10px 5px} .nav-tabs-pages li a{text-align:center;font-size:13px;background:#931800;color:#fff;float:right;padding:8px;border-radius:8px;font-weight:400;width:100%} .nav-tabs-pages .active a,.nav-tabs-pages a:hover{background-color:#424242} .jdwel_hero{position:relative;float:right;width:100%;background-color:#931800;padding-top:5px;border-radius:8px 8px 0 0;color:#fff} .jdwel_hero .overflow{background-color:#324e77;-webkit-filter:blur(44px);filter:blur(44px);opacity:.7} .overflow{position:absolute;top:0;right:0;background-color:rgba(0,0,0,0.6)} .jdwel_hero .cover{position:relative;padding:2px} .jdwel_hero .comp_logo{padding:5px 16px;height:auto;background-color:#fff;border-radius:8px;width:80px} h2.jdwel-hero{font-size:21px;padding:10px;background:#931800;text-align:center;border-radius:8px;font-weight:bold;color:#fff;display:grid;margin:10px auto;box-shadow:none;border:none} table.table.table-bordered{width:100%;border-spacing:0!important;border-collapse:collapse !important} .standings_jdwel{border-spacing:0;width:100%;min-width:100%;margin:0;text-align:center;font-size:12px;color:#414141;border-radius:2px;overflow:hidden;position:relative;border:1px solid #e4e4e4} .standings_jdwel thead tr,.scorers-table thead tr{background:#6f3974;color:#fff!important} .standings_jdwel thead tr th,.scorers-table thead tr th{color:#fff} .standings_jdwel tbody tr{background:#fff;position:relative;height:35px} .standings_jdwel tbody tr:nth-of-type(2n+1){background:#eceef2} .standings_jdwel thead th,.scorers-table thead th{padding:10px;text-align:center;font-size:14px} .standings_jdwel tbody td{padding:6px;text-align:center!important;font-size:15px;background:0;vertical-align:middle;border:0!important;border-bottom:1px solid #eee!important;color: #444 !important} .standings_jdwel tbody td.team{font-size:1rem;text-align:right!important;white-space:nowrap} .standings_jdwel td.team_logo{vertical-align:initial} .standings_jdwel tbody tr:first-child,.standings_jdwel tbody tr:nth-of-type(2),.standings_jdwel tbody tr:nth-of-type(3),.standings_jdwel tbody tr:nth-of-type(4){border-right:8px solid #2cb767} .standings_jdwel tbody tr:nth-of-type(5){border-right:8px solid #001db9} .standings_jdwel tbody tr:last-child,.standings_jdwel tbody tr:nth-of-type(19),.standings_jdwel tbody tr:nth-of-type(18){border-right:8px solid #ff604f} .standings_jdwel tbody tr:hover{background-color:#fff;color:#444} th.won{border-bottom:4px solid #2cb767} th.draw{border-bottom:4px solid #443bd0} th.lost{border-bottom:4px solid #ff604f} td.pts{font-weight:500} td.team.team_logo img {width:30px;height:auto;margin:5px} .club-logo{display:flex;margin:auto} .club-logo{font-size:0} .d-md-block{display:none} td.team a {color:#444} ul.keys {list-style:none;width: 100%} ul.keys li {float:right;margin-left:15px;background:#eceef2;padding:5px;border-radius:4px;color:#444;box-shadow:-1px 2px 8px #c8c8c8;-moz-box-shadow:-1px 2px 8px #c8c8c8;-o-box-shadow:-1px 2px 8px #c8c8c8;-webkit-box-shadow:-1px 2px 8px #c8c8c8} .top-4{border-right:5px solid #2cb767} .top-5{border-right:5px solid #443bd0} .top-6{border-right:5px solid #ff00ef} .out{border-right:5px solid #ff604f} .widget-headline,.widget-headline2{font-weight:600;position:relative;text-align:center} .widget-headline:before,.widget-headline2:before{content:"";position:absolute;height:3px;top:50%;background-color:#676767;margin-top:-1px;right:0;left:0} .widget-headline span,.widget-headline2 span{background-color:#fff;font-size:25px;color:#676767;display:inline-block;position:relative;padding:20px;max-width:95%;overflow:hidden} .widget-headline2:before,.widget-headline2 span{background-color:#931800;padding:0;color:#fff;border-radius:5px} table.scorers-table{font-size:14px;font-family:Arial,Helvetica,sans-serif;border-spacing:0!important;border:1px solid #ddd} .scorers-table tr{display:table-row;vertical-align:inherit;border-color:inherit;border:3px;color:#fff;font-weight:700;border-bottom:1px solid #ddd} .scorers-table tbody tr:first-child{color:#444;background:#eceef2} .scorers-table tbody tr:nth-of-type(2n+1){background:#eceef2} .scorers-table td{padding:10px;margin:3px;color:#444;text-align:center} .team10{width:calc((100% - 60px) / 3);float:right;background-color:#eceef2;margin:10px;border-radius:8px;padding:10px} img.team10-logo{float:right} .team10 span{padding:5px;text-align:center;display:block;color:#444} .team10:hover{background-color:#dadee8} .stangs{background:#eceef2;text-align:center;overflow:hidden;padding:12px;border-radius:8px;margin-bottom:15px;border:1px solid #ddd;display:block;max-width:none!important} .btakanewBOT{display:block;background:#eceef2;text-align:center;padding:10px;margin-top:15px;border-radius:5px} .btakanew{display:grid;background:radial-gradient(circle,rgba(255,188,0,0.6) 0,rgb(35,35,35) 130%);text-align:center;padding:10px;margin-top:15px;border-radius:5px 5px 0 0} iframe{max-width:100%;margin:10px auto;text-align:center;display:block} .embed iframe{max-width:100%;margin-top:0} .postimg img{border-radius:8px;margin:auto;display:table;margin-bottom:20px;max-width:100%} .coMatch{position:relative;margin-top:10px;border-radius:8px;background:#fff;box-shadow:0 0 4px rgba(0,0,0,.3);padding:10px} .backMatch{overflow:hidden;position:relative;display:block;border-radius:8px;background:url(https://lh3.googleusercontent.com/thnDTNMisDsd_BDM7rV_V3h73JC2b-AJ9CnQjWNWRsLIJn05OPoE_xsADoJ3W-QVytB0eXDS2015vt0Q2Q=w0-no-tmp.jpg);background-size:100% 100%} .baMatch{overflow:hidden;display:block;background:rgb(0 0 0 / 59%)} .colmd{width:40%;float:right;text-align:center;padding:45px 0 35px 0;color:#fff} .teamlogo{max-width:100px;height:100px;background-size:cover;margin:15px auto} .colmd.ce{width:20%} .matchvs{display:flex;flex-direction:column;justify-content:center;position:absolute;z-index:9;right:0;bottom:0;left:0;margin:0;top:0;content:'vs'font-size:80px;font-weight:bold;margin-top:25px} .sitename{display:flex;flex-direction:column;justify-content:center;position:absolute;z-index:9;right:0;bottom:0;left:0;margin:0;;font-size:20px;font-weight:bold;padding:10px} .score{display:flex;flex-direction:column;justify-content:center;position:absolute;z-index:9;right:0;left:0;margin:0;top:0;font-size:25px;font-weight:bold;padding:10px} @media screen and (max-width:550px){.teamlogo{max-width:70px;height:70px}.matchvs{font-size:50px}.teamname{display:none}.sitename,.score{font-size:15px}} ul.team-list{width:100%;list-style:none;display:block} ul.team-list li{width:calc((100% - 50px) / 5);margin:5px;float:right;display:block;background:#eceef2;border:1px solid #d2d2d2;border-radius:8px;padding:5px} ul.team-list img{width:60px;height:60px;max-height:60px;max-width:60px;-webkit-transform:scale(.9);transform:scale(.9)} ul.team-list img:hover,ul.team-list img:active{-webkit-transform:scale(1);transform:scale(1)} ul.team-list span{background:#eceef2;width:100%;text-align:center;color:#444;padding:5px 0;display:table;font-weight:bold;border-top:1px solid #a1a1a1} .Night ul.team-list li{background:#1c2733;border:1px solid #1c2733} .Night ul.team-list span{background:#1c2733;border-top:1px solid #263545;color:#fff} @media screen and (max-width:768px){ul.team-list li{width:calc((100% - 40px) / 4)}} @media screen and (max-width:600px){ul.team-list li{width:calc((100% - 30px) / 3)}} @media screen and (max-width:480px){ul.team-list li{width:calc((100% - 20px) / 2)}} ul.bta2a{margin:0 0 20px;background:#eceef2;overflow:hidden;position:relative;border-radius:10px} ul.bta2a li{font-weight:bold;max-width:100%;overflow:hidden;border-radius:5px;margin:10px;padding:8px 10px;font-size:15px;background:#fff;color:#676767} ul.tshkela{font-size:30px;font-style:normal;list-style:none;margin-top:15px;margin-bottom:15px} ul.tshkela li{text-align:right;border-radius:30px 0 0 30px;margin-bottom:10px;line-height:42px;color:body.link.color;font-weight:600;position:relative;padding-right:62px;font-size:16px;background:linear-gradient(to right,$(grad.color),#eceef2 59%)} ul.tshkela li:after{content:'';position:absolute;width:0;height:0;border-style:solid;border-width:30px 52px 30px 0;border-color:transparent #fff transparent transparent;right:0;top:-10px} .tv-box{position:relative;display:block;border-radius:8px;margin-top:15px} ul.box{box-shadow:0 0 2px #444444ad inset;margin:10px 0;list-style-type:none;padding:10px;overflow:hidden;position:relative;background-color:white;border-radius:8px} ul.box li{border-radius:30px 0 0 30px;margin-bottom:10px;line-height:42px;color:#444;position:relative;padding-right:62px;font-size:16px;background:linear-gradient(to right,$(grad.color),#eceef2 100%)} ul.box li i{position:absolute;top:0;right:0;z-index:1;line-height:43px;font-style:normal} ul.box li:after{content:'';position:absolute;width:0;height:0;border-style:solid;border-width:30px 52px 30px 0;border-color:transparent #fff transparent transparent;right:0;top:-10px} ul.bloktv{margin:20px 0 20px 0;overflow:hidden;position:relative;border-radius:10px} ul.bloktv li{font-weight:bold;width:calc((100% - 15px) / 5);overflow:hidden;border-radius:10px;padding:20px;font-size:12px;background:linear-gradient(to top,$(grad.color),#eceef2 120%);float:right;margin:0 3px 10px 0;text-align:center} ul.bloktv li img:hover{transform:scale(1.03)} ul.bloksites{margin:20px 0 20px 0;overflow:hidden;position:relative;border-radius:10px} ul.bloksites li{padding:10px;font-weight:bold;width:calc((100% - 15px) / 3);overflow:hidden;border-radius:10px;font-size:12px;background:#eceef2;float:right;margin:0 3px 10px 0;text-align:center} th.markz{color:#444;background:#eceef2;border:1px solid #fff;width:20%;border-radius:0 5px 5px 0!important;padding:8px} td.la3b{color:#444;background:linear-gradient(to right,$(grad.color),#eceef2);border:1px solid #fff;width:80%;text-align:right;padding:8px} .btakatod{background:#eceef2;padding:15px;border-radius:8px} .btakatitle{display:table;padding:5px 15px;background-color:#fff;font-size:18px;font-weight:600;margin:15px 0;line-height:1.5;text-align:right;border-radius:8px} .btakaparint{background:#fff;display:flex;align-items:center;justify-content:flex-start;border-radius:8px;margin:10px 0;color:#444} .btakaname{flex:30%;padding:12px;line-height:25px;font-weight:bold;flex-shrink:0} .btakatext{padding:12px;line-height:25px;flex-shrink:0;flex:70%;border-right:1px solid #d8dbe1} /*================= dark mode ===================*/ body.Night,.Night .navbar-brand,.Night div#pages li,.Night nav.nav-par ul li a,.Night .open.nav1,.Night .search,.Night .dnmo,.Night h3.nav2-title,.Night a.targ,.Night .link-l li a,.Night .topic-nav,.Night .reaction-buttons,.Night section#comments,.Night .amp-tags,.Night .shareButton,.Night .RelatedPosts,.Night .author-profile,.Night .Post-leagues a,.Night .post .Sp-posts1 .posts,.Night .sidenav,.Night ul.bta2a,.Night ul.box,.Night .btakatod,.Night .jdwel_hero,.Night .nav-tabs-pages,.Night li.ma.pluselink ul:not(.ma2ul):before,.Night .dawry,.Night .top-dawry {background:#1c2733!important;color:#fff} .Night .head-pz,.Night .headline .title,.Night footer .PageList ul li a,.Night .coMatch,.Night .atags a,.Night .amp-tags a,.Night #top-social-L li a,.Night .texxattt,.Night .Posts-byCatgory,.Night .mop-icon .social-static.social li a,.Night li.ma.pluselink li a,.Night li.ma.pluselink li a:before,.Night ul.bta2a li,.Night .btakatitle,.Night .btakaparint,.Night .nav-tabs-pages a,.Night .bottom-dawry a,.Night h2.boxstitle,.Night .nav-tabs li a,.Night .widget-headline span,.Night .widget-headline2 span,.Night .floar a {background:#263545!important;color:#fff} .Night .posts-bylapel .Label,.Night .box-text,.Night .elgadwl,.Night .leagues,.Night .clubs,.Night footer,.Night .main-amm,.Night .site .widget {background:#263545!important;color:#fff;border:1px solid #1c2733;border-top:3px solid #2c6cb6} .Night .post-body h2,.Night .post-body h3,.Night .post-body h4,.Night ul.keys li{color:#fff;background:#1c2733;box-shadow:-1px 2px 8px #232323;-moz-box-shadow:-1px 2px 8px #232323;-o-box-shadow:-1px 2px 8px #232323;-webkit-box-shadow:-1px 2px 8px #232323} .Night .post-body h2 {border-top:3px solid #2c6cb6} .Night .post-meta {border-top:1px solid #263545;color:$(grad.color);background:#121a23} .Night footer{background:#1c2733!important;color:#fff;border-top:3px solid #2c6cb6} .Night footer .headline {background: transparent!important} .Night footer .headline .title {background: transparent!important;border-bottom:1px solid #263545} .Night .bottom-footer {border-top: 2px solid #2c6cb6;background:#263545} .Night .match-event,.Night .match-post{border:1px solid #1c2733;background:#1c2733} .Night .first-team,.Night .team-name,.Night #result-now,.Night div#match-hour,.Night .match-info li span,.Night .home-clubs span,.Night .wdthbox,.Night .yemen1 span,.Night .post-body p,.Night .post-meta a,.Night .posttitle,.Night h3.rnav-title a,.Night .closebtn,.Night .mop-pages ul li a,.Night .mop-links ul li a,.Night h3.nav2-title a,.Night a,.Night .scorers-table td,.Night #resultnow,.Night #matchs-hour,.Night .teams-name,.Night .match-event h4,.Night td.team a {color:#fff !important} .Night .headline,.Night .bobxed,.Night .floar:before,.Night .box-title{background:#121a23;color:#fff !important} .Night .match-info {border-top:1px solid #263545} .Night .PLHolder {background: linear-gradient(to left,#1c2733,#1c2733)} .Night li.ma.pluselink ul:not(.ma2ul) {background:#1c2733;border:1px solid #1c2733} .Night ul.bloktv li {background: linear-gradient(to top,#263545,#1c2733 120%)} .Night ul.box li{background:linear-gradient(to right,#1c2733,#263545);color:#fff} .Night ul.box li:after{border-color:transparent #1c2733 transparent transparent} .Night .btakatext {border-right:1px solid #1c2733} .Night .post-amp .entry-title.topic-title {border-right:3px solid #2c6cb6;color:#fff !important} .Night .PLHolder {background: linear-gradient(to left,#1c2733,#1c2733)} .Night h2.jdwel-hero {background:#1c2733;color:#fff;box-shadow:none;border:none} .Night ul.tshkela li {color: #fff;background:linear-gradient(to right,#263545,#1c2733 59%)} .Night ul.tshkela li:after {border-color: transparent #263545 transparent transparent} .Night .standings_jdwel,.Night table.scorers-table {border:1px solid #121a23} .Night .standings_jdwel tbody tr:hover{background-color:#263545} .Night .standings_jdwel thead tr,.Night table.scorers-table thead tr {background:#121a23;color:#fff!important} .Night .standings_jdwel tbody td {border-bottom: 1px solid #1c2733!important;color:#fff !important} .Night .standings_jdwel tbody tr:first-child,.Night .standings_jdwel tbody tr:nth-of-type(3),.Night .standings_jdwel tbody tr:nth-of-type(5),.Night .standings_jdwel tbody tr:nth-of-type(7),.Night .standings_jdwel tbody tr:nth-of-type(9),.Night .standings_jdwel tbody tr:nth-of-type(11),.Night .standings_jdwel tbody tr:nth-of-type(13),.Night .standings_jdwel tbody tr:nth-of-type(15),.Night .standings_jdwel tbody tr:nth-of-type(17),.Night .standings_jdwel tbody tr:nth-of-type(19) {background-color:#263545} .Night .standings_jdwel tbody tr:nth-of-type(2),.Night .standings_jdwel tbody tr:nth-of-type(4),.Night .standings_jdwel tbody tr:nth-of-type(6),.Night .standings_jdwel tbody tr:nth-of-type(8),.Night .standings_jdwel tbody tr:nth-of-type(10),.Night .standings_jdwel tbody tr:nth-of-type(12),.Night .standings_jdwel tbody tr:nth-of-type(14),.Night .standings_jdwel tbody tr:nth-of-type(16),.Night .standings_jdwel tbody tr:nth-of-type(18),.Night .standings_jdwel tbody tr:nth-of-type(20),.Night .scorers-table tbody tr:nth-of-type(2n+1) {background-color:#1c2733} /*================= responsev ===================*/ @media screen and (max-width:1100px){ div#top-social-L{margin-left:0} .floar{width:75%} .Sp-posts4 .posts:nth-of-type(1) .cont,.Sp-posts6 .posts .cont{margin:-80px 5% 0;width:90%} .post-home,.Sp-Normal .cont{text-align: right;width:calc((100% - 295px) / 1)} .post-outer .thumb,.Sp-Normal .thumb{width:280px} .Sp-posts1 .posts{width:calc((100% - 30px) / 3);margin-left:15px;margin-right:0!important;margin-bottom:15px} .Sp-posts1 .items a,.Sp-posts1 .items span{margin-left:0} } @media screen and (max-width:992px){ .open.nav1,.dnmo{display:flex!important;top:-1px!important;position:absolute;z-index:9999999} .open.nav1{right:3%!important} .dnmo{left:3%} .search {display: none} .PopularPosts a.item-thumbnail.thumb{width:80px;height:70px} .PopularPosts h3.post-title{width:calc((100% - 90px) / 1)} #sidepar-wid{width:250px} .r-r{width:calc((100% - 250px - 15px) / 1)} .par-tp{top:-335px!important} nav.nav-par{display:none} .shareButton .icon{height:13px;width:13px;margin-top:2px} .Sp-slide .posts:nth-of-type(1){right:27.5%;width:45%} .Sp-slide .posts:nth-of-type(2),.Sp-slide .posts:nth-of-type(4){right:-45%;padding:0 0 0 15px;width:27.5%} .Sp-slide .posts:nth-of-type(3),.Sp-slide .posts:nth-of-type(5){padding:0 15px 0 0;width:27.5%} .par-bottm #Header1_headerimg{max-height:100%;text-align:center;height:80px} .par-bottm #header-inner{width:auto;height:70px;margin:0 auto;text-align:center;display:block} header#sp-header .widget{overflow:initial;text-align:center;margin:0 auto} .par-bottm #logo{width:200px;height:50px;text-align:center;margin:0 auto} .logo{float:none} .head-pz{opacity:1} header#sp-header,.head-pz{height:110px!important} .par-bottm.active #logo{width:200px} .par-bottm.active #header-inner{width:200px} } @media screen and (max-width:860px){ .trelists {float: none;width:100%} .Sp-3colList .posts:nth-last-of-type(1),.Sp-3colList .posts:nth-last-of-type(2){margin-bottom:0!important;border-bottom:0!important;padding-bottom:0!important} .Sp-slide .posts:not(:first-of-type) .rnav-title{padding:0 5px;max-height:initial!important;height:inherit!important} .Sp-slide .posts:not(:first-of-type){vertical-align: top;height:inherit!important} .mid-top-footer .footer-col{width:calc((100% - 30px) / 2);margin-left:15px} .Sp-3colList .posts:nth-child(odd){margin-left:15px!important} .Sp-3colList .posts{overflow:hidden;width:calc((100% - 15px) / 2);margin:0 0;vertical-align:top;display:inline-block;margin-bottom:15px!important;padding-bottom:15px!important;border-bottom:1px solid #eee!important} .r-r,#sidepar-wid{position: static !important;float:none;width:100%!important;margin:0} .Sp-slide .posts:nth-of-type(1){height:300px;right:0;width:100%;float:none;padding:0;margin-bottom:15px} .Sp-slide .posts:nth-of-type(1) .thumb{height:300px} .Sp-slide .posts:not(:first-of-type){margin:0 0 0 15px;width:calc((100% - 45px) / 4);padding:0!important;float:none;display:inline-block;right:0!important;left:0!important} .Sp-slide .posts:last-of-type{margin-left:0!important} } @media screen and (max-width:720px){ .titlewrapper .title {width: auto;top: 5px;} .headline .title{padding:8px 20px 6px} a.Lapel-Link{padding:8px 20px 6px} .Lapel-Link:hover{padding:8px 20px 6px 35px} footer{padding:15px} .mid-top-footer .footer-col .widget{margin-bottom:30px} .mid-top-footer .footer-col{float:none;width:100%;margin-left:0!important} .bottom-footer .yemen{display: block !important;float:none;text-align:center;margin-bottom:10px} .bottom-footer .shmal{float:none;margin-top:0;margin:0 auto;text-align:center} .shareButton a:nth-of-type(4){margin-right:0} .shareButton a{width:calc((100% - 20px) / 3)} .team-logo img{margin:7px auto;margin-bottom:0;height:60px;width:60px;margin-bottom:5px} .team-name{margin:7px auto;margin-top:0} .team-logo{width:100%} .match-info{display:none} .home .posts.sp{width:calc((100% - 20px) / 2)} ul.leagues-list li{width:calc((100% - 50px) / 5)} .leagues-list span{font-size:13px} .link-l{width:100%} .link-l li{width:calc((100% - 35px) / 3)} .yemen1 {float:none;width:100%;text-align:center;padding:10px 0} .post-body h2,.post-body h3,.post-body h4{padding:8px 5px;font-size:15px !important} .post .Sp-posts1 .posts{width:calc((100% - 20px) / 2)} } @media screen and (max-width:600px){ .textst{font-size:35px} .sides{width:100%;float:none;margin:0!important} .Sp-posts5 .posts:nth-of-type(1){margin-left:0;padding-left:0;width:100%;display:block;margin-bottom:15px;border-left:0;height:initial} .Sp-posts5 .posts:nth-of-type(1) a.thumb{width:100%;height:250px;margin-left:0} .Sp-posts5 .posts{margin-left:15px;float:none} .Sp-posts5 .posts:nth-of-type(3),.Sp-posts5 .posts:nth-of-type(5){margin-left:0} .Sp-posts5 .posts:nth-last-of-type(1),.Sp-posts5 .posts:nth-last-of-type(2){margin-bottom:0;padding-bottom:0;border-bottom:0} .Sp-posts5 .posts:nth-of-type(1) h3.rnav-title a{font-size:16px} .Sp-posts1 .posts:nth-of-type(odd),.post .Sp-posts1 .posts:nth-of-type(odd){width:100%} .Sp-posts1 .posts,.post .Sp-posts1 .posts{width:100%;margin-left:0!important;margin-right:0!important;margin-bottom:15px!important} .Sp-posts1 .posts:nth-last-of-type(1),.Sp-posts1 .posts:nth-last-of-type(2),.post .Sp-posts1 .posts:nth-last-of-type(1),.post .Sp-posts1 .posts:nth-last-of-type(2){margin-bottom:0!important} .Sp-slide .posts:nth-of-type(3),.Sp-slide .posts:nth-of-type(5){margin-left:0!important} .Sp-slide .posts:not(:first-of-type){width:calc((100% - 15px) / 2);margin-bottom:15px} .Sp-slide .posts:nth-last-of-type(1),.Sp-slide .posts:nth-last-of-type(2){margin-bottom:0} .post-home,.Sp-Normal .cont{width:calc((100% - 195px) / 1)} .post-outer .thumb,.Sp-Normal .thumb{width:180px} .Sp-Normal span.category,.post-outer span.category{display:none!important} .Sp-posts2 .posts{width:calc((100% - 2px) / 2)} h2.boxstitle {width:100%;text-align:center} .nav-tabs {list-style:none;width:100%} .nav-tabs li {float:right;margin:5px;width:calc((100% - 30px) / 3)} .nav-tabs li a {text-align:center;width: 100%;padding:5px 10px} } @media screen and (max-width:550px){ .topic-nav-cont .newPost, .topic-nav-cont .oldPost {float: none;width: 100%;} .topic-nav-cont .newPost {margin-bottom: 5px;} .Sp-3colList .posts:nth-child(odd){margin-left:0!important} .Sp-posts5 .posts:not(:last-of-type),.Sp-posts5 .posts:nth-last-of-type(2),.Sp-3colList .posts,.Sp-3colList .posts:nth-last-of-type(2){margin-left:0;float:none;width:100%;margin-bottom:15px!important;padding-bottom:15px!important;border-bottom:1px solid #eee!important} .Sp-posts5 .posts:nth-last-of-type(1){width:100%} a.thumb2{position:relative;display:grid;float:right;width:55%} .home .posts.sp img{border-radius:0 8px 8px 0!important;height:141px} h3.rnav2-title,h3.nav2-title{width:45%;float:left;display:block;height:141px} h3.nav2-title a{padding:10px 5px;height: auto} .home .posts.sp{width:calc((100% - 10px) / 1)} } @media screen and (max-width:480px){ .post-outer .thumb,.Sp-Normal .thumb{width:50vw;margin-bottom:15px;width:100%;float:none} .post-home,.Sp-Normal .cont{width:100%;float:none} .Sp-Normal span.category,.post-outer span.category{display:inline-block!important} .Sp-slide .posts:nth-of-type(1) .cont{top: -110px;margin:-80px 15px 0} .Sp-slide .items a,.Sp-slide .items span{font-size:11px} .Sp-slide .items a svg{width:11px} .reactions-label{display:block;text-align:center;margin-bottom:15px} iframe.reactions-iframe{height:20px;display:block;vertical-align:middle;text-align:center;margin:0 auto} .author-profile{padding:15px} .authorph{width:80px;height:80px;right:0;left:0;top:0;margin:0 auto;position:relative;z-index:3;margin-bottom:15px} .dshdsgn{padding-left:0;padding-right:0;min-height:80px;text-align:center} #siki-page-number{font-size:12px;padding:15px 0} .siki-next-prev span{font-size:13px!important} div#rx-options{float:right!important} } @media screen and (max-width:360px){ .Sp-posts2 .posts{width:100%;margin-left:0!important} .shareButton a{width:calc((100% - 7px) / 2);margin-right:0!important} .commint-cont,.atags .blog-admin{float:none} .Sp-posts1 .posts,.Sp-posts1 .posts:nth-last-of-type(2),.post .Sp-posts1 .posts,.post .Sp-posts1 .posts:nth-last-of-type(2){margin:0 0 15px!important;width:100%!important;display:block;overflow:hidden} .Sp-slide .posts:not(:first-of-type){width:100%;margin:0 0 15px!important} .Sp-slide .posts:nth-last-of-type(1){margin-bottom:0!important} .post .Sp-posts1 .posts:nth-last-of-type(3){margin-bottom:15px!important} } ]]> div{margin-top:0!important} body#layout .contpotg div.section,body#layout footer div.section{border:0!important} body#layout div.section:after,header#sp-header:after,body#layout .contpotg:after,body#layout footer:after{content:"";height:2px;width:1050px;background:#eee;display:block;position:absolute;top:30px;right:-10px} body#layout div.section:before,header#sp-header:before,body#layout .contpotg:before,body#layout footer:before{background:#3560ab;color:#fff;padding:7px 35px;border-radius:30px;position:absolute;top:15px;right:15px;z-index:999;font-family:'Neo Sans Arabic'} div#main .HTML{width:50%!important;float:right!important;border:0!important;border-top:1px solid #eee!important} div#main .HTML div.layout-title{font-size:18px!important} div#Blog1{margin-bottom:40px!important} div#Blog1:before{content:"";display:block;position:absolute;width:130%;height:15px;background:#ececec;right:-20px;top:75px;left:0} div#HTML200,div#HTML201{margin-top:50px!important} div#HTML200:before{content:"";height:2px;width:1050px;background:#eee;display:block;position:absolute;top:-30px;right:-30px} div#HTML200:after{background:#3560ab;color:#fff;padding:7px 35px;border-radius:30px;position:absolute;top:-45px;right:0;z-index:999;font-family:'Neo Sans Arabic';content:"منطقة الاعلانات"} body#layout .trelists.section{float:right;width:222px;padding-top:10px!important;margin-top:-16px!important;border-top:0!important;border-left:0!important} body#layout .trelists.section:after,div#BotPostsc:after{display:none!important} body#layout div#Postnw4,body#layout div#Postnw5,body#layout div#Postnw6{margin-top:0!important;margin-bottom:0!important;border-bottom:0!important;border-top:1px solid #eee!important;padding-top:60px!important} body#layout div#Postnw4:after,body#layout div#Postnw5:after,body#layout div#Postnw6:after{display:block!important} body#layout div#BotPostsc{padding-top:15px!important} body#layout div.widget {border: 1px solid #eee;} body#layout .dr_active:before{content:'\افلت هُنا';font-size:30px;padding-top:25px;display:block;font-weight:700} body#layout .dr_active{height:50px!important;background-color:transparent;border:1px dashed #3560ab;color:#111;margin-bottom:30px;top:20px;border-radius:2px} #sittings:before{content:"الإعدادت"!important} #sp-header:before{content:"القائمة العلوية"!important} #Topa3lan-sc:before{content:"إعلان أسفل القائمة العلوية"!important} #TopPost-sc:before,body#layout div#Postnw4:before,.contpotg:before{content:"منطقة التدوينات الاضافية"!important} div#sidepar:before{content:"القائمة الجانبية"!important} div#shreeta5bar:before{content:"شريط الاخبار"!important} div#E3lanat:before{content:"منطقة الاعلانات"!important} div#RedirectPage:before{content:"مميزات اضافية"!important} div#main:before{content:"منطقة التدوينات الأساسية"!important} footer:before{content:"ذيل المدونة (الفوتر)"!important} body#layout:before {content: "Template by habat-tech.blogspot.com";text-align: center;position: absolute;right: 10px;top: 10px;background: #3560ab;font-weight: bold;color: #fff;padding: 10px 15px;border-radius: 3px;} ]]>

<img data-src='' alt=''/>
عفواً، هذه الاضافة لا تعمل علي نظام تكويد قالب سيو بلس
عفواً، هذه الاضافة لا تعمل علي نظام تكويد قالب سيو بلس

<b:if cond='data:view.isSingleItem or data:view.isHomepage'><data:view.title.escaped/><b:elseif cond='data:view.isSearch'/><b:if cond='data:view.search.label'><b:eval expr='data:view.search.label.escaped'/> - <data:blog.title/><b:elseif cond='data:view.search.query'/><b:eval expr='data:view.search.query.escaped'/> - <data:messages.search/> <data:messages.at/> <data:blog.title/><b:else/><data:messages.latestPosts/> - <data:blog.title/></b:if><b:elseif cond='data:view.isArchive'/><data:messages.archive/> <data:blog.pageName/> - <data:blog.title/><b:else/>Page 404 - <data:blog.title/></b:if> <meta content='' name='twitter:image' property='og:image'/><meta content='' property='og:image'/> https://2.bp.blogspot.com/-L3ph6asSTq4/XCJoZp0vHpI/AAAAAAAAAwM/HzV_751T3tosTksU1m89DrC3lY6Hlss9ACK4BGAYYCw/s1600/default.png https://2.bp.blogspot.com/-L3ph6asSTq4/XCJoZp0vHpI/AAAAAAAAAwM/HzV_751T3tosTksU1m89DrC3lY6Hlss9ACK4BGAYYCw/s1600-rw-e90/default.png if($("#Pagecontactus").length){ $.getScript("https://www.blogger.com/static/v1/widgets/2227587253-widgets.js") .done(function() { $htmlcontact = "