/**/ 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;} body,input{font: $(body.text.font)} body{background:$(body.background);background-size: cover;} .container,.floar .lap {width: 100%;max-width: $(content.width);margin: 0 auto;} .main-amm,.site .widget{display:block;background:#fff;clear:both;border-radius:0;padding:20px;border:1px solid #e6e6e6;overflow:hidden;margin:0 0 15px} .headline{display:block;clear:both;margin-bottom:15px;position:relative} .headline:before{content:"";background:$(Box.Title.bg);height:1px;width:100%;display:block;position:absolute;top:50%;z-index:1} .headline .title{display:inline-block;padding:6px 20px 6px;background:$(step.color);color:$(grad.color);font-size:13px;font-weight:normal;border-radius:30px;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} .title:before{content:"";position:absolute;left:-5px;background:#fff;height:8px;width:5px;top:40%} a.Lapel-Link:after{content:"";position:absolute;right:-5px;background:#fff;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%,$(keycolor) 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,$(keycolor),$(step.color));background:-moz-linear-gradient(to right,$(keycolor),$(step.color));background:-o-linear-gradient(to right,$(keycolor),$(step.color));background:linear-gradient(to right,$(keycolor),$(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: $(Hpost.Hover) !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 {display:none !important} /*================= 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:$(Hpost.Items)} .post-outer .items a,.post-outer .items span{font-size:12px;display:inline-block;color:$(Hpost.Items);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:$(Hpost.Title.Color)} .post-outer .posts-titles{height:inherit;clear:both;font-size:16px;overflow:hidden} .post-outer .Short_content{color:$(Hpost.Short.Content.Color);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;width:100%;height:100%} .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:$(Hpost.Title.Color);line-height:1.3em} .rnav-title{clear:both;font-size:16px;overflow:hidden;height:4em} .blocker{display:block;overflow:hidden;margin-top:15px} .r-r{vertical-align:top} .r-r{float:right;width:calc((100% - $(sidebar.width) - 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 */ .atags{display:block;margin:0 0 5px} .atags a{font-size:13px;background:$(step.color);color:$(grad.color);padding:3px 15px;border-radius:1px;margin:0 0 0 5px;display:inline-block} .post-amp .entry-title.topic-title{padding-right: 5px;border-right: 3px solid $(step.color);overflow:hidden;font:$(posts.title.font);line-height:1.7em;color:$(posts.title.color)} .post-body{font:$(posts.text.font);line-height:24px;overflow:hidden;color:$(posts.text.color)} .post-body a{color:$(posts.link.color)} .post-meta{margin-top:10px;border:2px dotted $(posts.meta.border);border-right:0;border-left:0;padding:4px 0;margin-bottom:5px;color:$(posts.meta.color);font-size:13px} .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:$(posts.meta.color)} .post-meta span,.post-meta .post-date{font-size:13px} .post-body img{padding:5px;border:1px solid $(posts.img.border);border-radius:3px;width:auto;height:auto;display:inline;max-width:100%} .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:$(posts.tags.color);font-size:13px;margin:0 0 0 5px;font-weight:normal;padding:5px 10px;background:$(posts.tags.bg);border-radius:2px;transition:all 0s;display:inline-block} .widget{overflow:hidden} .amp-tags a:hover{background:$(posts.tags.hover.bg);color:$(posts.tags.hover.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:$(posts.meta.color);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 0 0;margin-top:15px;border-top:2px dotted $(posts.border)} .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 ul,.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:$(posts.num.bg);border-radius:3px;margin-left:8px;border:1px solid $(posts.num.border);color:$(posts.num.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{padding:13px 20px 13px 13px;border-radius:3px;margin:5px 0 10px} .post-body h4{background:$(posts.h4.bg);font:$(posts.h4.font);border-bottom:1px solid $(posts.h4.border);color:$(posts.h4.color)} .post-body h3{background:$(posts.h3.bg);font:$(posts.h3.font);border-bottom:1px solid $(posts.h3.border);color:$(posts.h3.color)} .post-body h2{background:$(posts.h2.bg);font:$(posts.h2.font);padding:14px 20px 14px 13px;border-bottom:1px solid $(posts.h2.border);color:$(posts.h2.color)} .PagePrakediv a{display:block;overflow:hidden;padding:10px;text-align:center;background:$(posts.read.more.bg);border:1px dashed $(posts.read.more.border);color:$(posts.read.more.color)} .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 0px 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEsnmqQZPazh_AfKtu-fRIu3Wq544ynaz8gXZJgCkLJwR7jpzLgMXJd2hmKIdBp15c-hcNO5KgSwaLWmNdPSQUEF1kkTk4uOWlYLYUBXERdr244-JdXYptqzqholkGKZ356nul-jBjG2o/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 $(posts.comment.border)} #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:$(posts.comment.title)} #comments .comments-info .go-respond b{float:right;padding:5px 15px;margin:0 25px;background-color:$(posts.comment.button);color:#3e3e3e;position:relative;overflow:hidden;font-size:13px} #comments .small-icon{color:$(posts.comment.icon);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:$(posts.comment.link)} h4#comment-post-message{display:inline-block;vertical-align:middle;font-size:14px;margin-right:5px;color:$(posts.comment.title)} .conart p{display:block;overflow:hidden;font-size:13px;margin-top:5px;color:$(posts.comment.massg)} iframe#comment-editor{border-top:1px dashed $(posts.comment.border);border-bottom:1px dashed $(posts.comment.border);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:$(posts.au.bg);border:1px solid $(posts.au.border)} .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:$(posts.next.prev.bg);padding:5px 10px;border:1px solid $(posts.next.prev.border)} #siki_next,#siki_prev{background:#fff;display:inline-block;cursor:pointer;border:2px solid $(keycolor);border-left:8px solid $(keycolor);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 $(keycolor);border-right:8px solid $(keycolor);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 $(keycolor);border-left:2px solid $(keycolor);border-right:8px solid $(keycolor)} #siki_next:hover{border:2px solid $(keycolor);border-left:8px solid $(keycolor);border-right:2px solid $(keycolor)} /* related-posts */ .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{padding:10px;border:1px solid #eee;margin-left:15px!important;width:calc((100% - 30px) / 3);margin-bottom:15px} .post .Sp-posts1 .posts:last-of-type{margin-left:0!important} .post .Sp-posts1 .posts:nth-last-of-type(1),.post .Sp-posts1 .posts:nth-last-of-type(2),.post .Sp-posts1 .posts:nth-last-of-type(3){margin-bottom:0!important} .Sp-posts1 .posts { display: inline-block; border-radius: 2px; position: relative; vertical-align: top; } .Sp-posts1 a.thumb { margin: 0; width: 100%; height: 200px; position: relative; } .Sp-posts1 .posts:nth-of-type(3), .posts:nth-of-type(6) { margin-left: 0 !important; } /* == 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:#000;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:$(Hpost.Short.Content.Color);line-height:1.7em;margin:5px 0;font-size:12px} .Sp-Normal .items{display:inline-block;vertical-align:middle;font-size:11px;color:$(Hpost.Items)} .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:$(Hpost.Items)} .Sp-Normal .items a,.Sp-Normal .items span{font-size:12px;display:inline-block;color:$(Hpost.Items);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:97px;width:100%;position:fixed;background:$(H.Bg);-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} .par-tp{display:block;width:100%;clear:both;height:35px;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;padding:0 15px 0 0} .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:35px} div#pages{float:right;margin:8.5px 0;font-size:12px;position:relative} div#pages li{display:inline-block;padding:0 5px} .floar a{color:$(grad.color);font-size:12px} .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:6px;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;width:250px;height:70px} div#header-inner{width:250px;height:70px;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% - 320px) /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{color:$(H.Link);position:relative;font:$(H.Link.font);display:block;padding:10px 0 10px} li.ma.pluselink ul:not(.ma2ul){display:block;position:absolute;right:-5px;width:180px;background:$(H.mons.bg);top:40px;border-radius:3px;box-shadow:0 1px 3px rgba(32,33,36,0.1);border:1px solid $(H.mons.border);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:$(H.mons.bg);top:-8px;right:20%;z-index:-1;transform:rotate(45deg);border:1px solid $(H.mons.border)} li.ma.pluselink span.icon{color:$(H.Icon.Color);width:10px;position:absolute;top:8px;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:$(H.mons.Color);font-size:12px;padding:8px 25px 8px 10px;margin:0!important;border-bottom:1px solid $(H.mons.border);background:$(H.mons.bg);display:block;position:relative} li.ma.pluselink li a:hover:before{background:$(H.mons.hover)} li.ma.pluselink li a:before{content:"";width:8px;height:8px;position:absolute;background:$(H.mons.bg);top:13px;right:10px;z-index:999;transform:rotate(45deg);border:1px solid $(H.mons.border)} li.ma2.pluselink2 ul.ma2ul{display:block;position:absolute;right:100%;width:180px;background:$(H.mons.bg);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 $(H.mons.border);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:$(H.mons.bg);top:8px;right:-7px;z-index:-1;transform:rotate(45deg);border:1px solid $(H.mons.border)} 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} /* ========= = Aside & footer ========= */ div#Topa3lan-sc div#HTML1{background:transparent;padding:0;border:0;margin:0} #sidepar-wid{transition: none !important;width:$(sidebar.width);float:left;margin-right:15px;vertical-align:top} footer{overflow:hidden;display:block;clear:both;background:#fff;padding:15px 0 0;border-top:1px solid #e6e6e6} .mid-top-footer .footer-col{float:right;width:calc((100% - 60px) / 3);margin-left:30px} footer .headline{background:transparent;border-bottom:1px solid #eee} footer .headline .title{background:transparent;color:#121212;padding:0 3px 7px;border-bottom:1px solid #ccc;border-left:transparent;font-size:15px;border-radius:0!important} div#footer-col3{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:10px 0;box-shadow:0 -1px 25px -16px #000;margin-top:0;background:#fff} 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} .shmal{float:left;font-size:13px;margin-top:5px} /* recent-comments Widget */ .recent-comments .comment .leave-comm:before{width:8px;height:8px;content:"";position:absolute;right:2px;top:2px;color:#000;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'] {background: #1da1f2;} footer .social-static.social a[title='reddit'], aside .social-static.social a[title='reddit'], .mop-icon .social-static.social 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'] {background: #128C7E;} footer .social-static.social a[title='facebook'], aside .social-static.social a[title='facebook'], .mop-icon .social-static.social 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'] {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'] {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'] {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'] {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'] {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'] {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'] {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'] {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'] {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'] {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'] {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'] {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'] {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'] {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'] {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'] {background-color:#3e5a70} .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,footer .LinkList ul li,aside .PageList ul li,footer .PageList ul li{list-style:none;display:block} aside .LinkList ul li a:hover::before,footer .LinkList ul li a:hover::before,aside .PageList ul li a:hover::before,footer .PageList ul li a:hover::before{background:$(step.color)} aside .LinkList ul li a,footer .LinkList ul li a,aside .PageList ul li a,footer .PageList ul li a{color:#525252;font-size:12px;padding:8px 25px 8px 10px;margin:0!important;border-bottom:1px solid #e6e6e6;background:#ffffff;display:block;position:relative} aside .LinkList ul li:last-of-type a,footer .LinkList ul li:last-of-type a,aside .PageList ul li:last-of-type a,footer .PageList ul li:last-of-type a{padding-bottom:0;border-bottom:0} aside .LinkList ul li a::before,footer .LinkList ul li a::before,aside .PageList ul li a::before,footer .PageList ul li a::before{content:"";width:8px;height:8px;position:absolute;background:#ffffff;top:13px;right:10px;z-index:999;transform:rotate(45deg);border:1px solid #e6e6e6} aside .LinkList ul li a:hover:before,footer .LinkList ul li a:hover:before,aside .PageList ul li a:hover:before,footer .PageList ul li a:hover:before{background:$(step.color)} aside .LinkList ul li:first-of-type a,footer .LinkList ul li:first-of-type a,aside .PageList ul li:first-of-type a,footer .PageList ul li:first-of-type a{padding-top:0} aside .LinkList ul li:first-of-type a::before,footer .LinkList ul li:first-of-type a::before,aside .PageList ul li:first-of-type a::before,footer .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 #e6e6e6;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:#000;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:$(Hpost.Title.Color);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:$(Hpost.Title.Color)} .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:#ffffff;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:30px;height:31px;text-align:center;align-items:center;border-radius:3px;top:14px;margin-right:5px} a.op-one svg,.search svg{color:$(H.Icon.Sh);margin:0 9px;width:13px!important;height:13px} .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:#484848;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:#ffffff;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% - 4px) / 4);margin-left:1px;margin-bottom:1px} .mop-icon .social-static.social li a{border-radius:0;text-align:center;height:50px;display:flex;align-items:center} .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:circle;font-size:13px} .mop-pages ul li:hover,.mop-links ul li:hover{list-style:disc} .mop-pages ul li a,.mop-links ul li a{color:#131313;display:block;padding-bottom:7px;margin-bottom:7px;border-bottom:1px solid #eee;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-top:15px;text-align:center;overflow:hidden;display:block;clear:both} .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:#000} .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:#ffffff;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;} /*================= 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,.search{display:flex!important;top:-15px!important;position:absolute;z-index:9999999} .open.nav1{right:3%!important} .search{left:3%} .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:50px;text-align:center} .par-bottm #header-inner{width:auto;height:50px;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:72px!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) / 3);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{padding:0;box-shadow:none} .bottom-footer .yemen{display: block !important;float:none;text-align:center;margin-bottom:10px} .yemen a[title="SeoPlus Template"] {display: inline-block !important;} .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)} } @media screen and (max-width:640px){ .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){margin-left:15px!important} .Sp-posts1 .posts,.post .Sp-posts1 .posts{width:calc((100% - 15px) / 2);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)} } @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%} } @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:'Segoe UI'} 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:'Segoe UI';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: "Seoplus V5 Free";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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR9U9eFHDzxcMyA_zN_qGCJC96LiwnNetc2Go2XVss-Ta7EyrAo5s7eNiLKspw7JtsOvd33w_3breeLMmGe1qQsBOg4YWQCyaQNrEOJESFZLmiwcwZcvczkH9Sk7kz2qQKBnaogR7AGljL/s1600/default.png https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR9U9eFHDzxcMyA_zN_qGCJC96LiwnNetc2Go2XVss-Ta7EyrAo5s7eNiLKspw7JtsOvd33w_3breeLMmGe1qQsBOg4YWQCyaQNrEOJESFZLmiwcwZcvczkH9Sk7kz2qQKBnaogR7AGljL/s1600-e90-rw/default.png if($("#Pagecontactus").length){ $.getScript("https://www.blogger.com/static/v1/widgets/2227587253-widgets.js") .done(function() { $htmlcontact = "