<head>
<b:if cond='data:view.isHomepage'><data:blog.title/><b:elseif cond='data:blog.pageType == "error_page"'/>خطأ 404 | <data:blog.title/><b:elseif cond='data:view.isSingleItem'/><data:blog.pageName/><b:elseif cond='data:blog.pageName == ""'/><data:blog.title/><b:else/><data:blog.pageName/> | <data:blog.title/></b:if>
*/
/* =====================
* Fonts
* ===================== */
/* arabic */
@font-face {
font-family: 'Cairo';
font-style: normal;
font-weight: 600;
src: local('Cairo SemiBold'), local('Cairo-SemiBold'), url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalr-ao6O59ZMaA.woff2) format('woff2');
unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin-ext */
@font-face {
font-family: 'Cairo';
font-style: normal;
font-weight: 600;
src: local('Cairo SemiBold'), local('Cairo-SemiBold'), url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalr-ao6F59ZMaA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Cairo';
font-style: normal;
font-weight: 600;
src: local('Cairo SemiBold'), local('Cairo-SemiBold'), url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalr-ao6L59Y.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* =====================
* Css Reset
* ===================== */
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:Cairo,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects;color: $(s.color);}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit;font-weight:bolder}
code,kbd,samp{font-family:Cairo,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
body.item img{max-width:100%;display:block;text-align:center;margin:auto}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:Cairo,sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
.clear{clear:both}
.widget{margin:0}
.widget-item-control,.blog-feeds,.date-header,.post-feeds{display:none}
.widget .widget-item-control a img{display:none}
.widget li,.BlogArchive #ArchiveList ul.flat li{padding:0}
.post-footer-line>*{margin-left:0}
.content-outer,.header-outer,.tabs-outer,.main-outer,.main-inner,.footer-outer,.post,.comments,.widget,.date-header,.inline-ad{position:relative;min-height:0;_position:static;_height:1%;position:relative;min-height:0;_position:static;_height:1%}
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:cairo;font-size:100%;font-style:inherit;color:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}
.status-msg-body{font-size:0}
.status-msg-body b{color:#FFFFFF;font-weight:700;font-size:21px;line-height:40px;background:$(s.color);border-right:5px solid #3E4E6B;border-left:5px solid #3E4E6B;height:45px;width:100%;display:block;margin-bottom:10px;padding:0 9px}
.status-msg-body b:before{content:"\f036";margin-right:10px;font-size:20px;color:#FFFFFF;font-weight:100}
.container{width:1200px;margin:auto;overflow: hidden;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
body{background-color:$(bodyb.color);position:relative;font:normal 15px 'fontawesome','Web-Ponto';color:#fff;margin:0;padding:0}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.float-left{float:left}
.float-right{float:right}
.table:after,.table:before{content:" ";display:table}
.table-cell{display:table-cell;width:10%;vertical-align:middle}
.display-flex{display:flex}
.display-flex-middle{display:block;vertical-align:middle;margin:0 auto}
.inline-block{display:inline-block}
.clear{clear:both}
.no-top-padding{padding-top:0}
.no-bottom-padding{padding-bottom:0}
.no-margin{margin:0}
li,ul{list-style:none;margin:0;padding:0}
img{max-width:100%;display:block}
a{text-decoration:none}
textarea{resize:none}
.status-msg-wrap {display: none;}
/* =====================
* Tarnsition
* ===================== */
#top-links-list ul li a,#social-media ul li a,.featslider ul li h5{transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;}
/* =====================
* Top menu
* ===================== */
.top-menu{height:60px;background-color:$(topmenub.color);border-bottom: 2px solid #eb3349;}
#top-links-list{float:right;width:33.33%}
#top-links-list ul li{float:right}
#top-links-list ul li a{color:#ffffff;padding:0 8px;display:inline-block;line-height:40px;height:40px;margin-top:10px}
#top-links-list ul li a:hover{background:$(topmenubh.color)}
/* =====================
* Logo
* ===================== */
#logo{width:33.33%;float:right}
#logo img {width: 280px;height: 45px;margin: auto;margin-top: 6px;}
/* =====================
* Social Media
* ===================== */
#social-media{float:left}
#social-media ul li{float:left}
#social-media ul li a{width:40px;line-height:40px;height:40px;display:block;margin:10px 10px 0 0;background-color:$(socialmediab);text-align:center;font-family:fontawesome;color:#ffffff;border-radius:2px}
#social-media ul li a:hover{background:$(socialmediabh);color:#000000;border-radius:20px}
#social-media ul li a.instagram:before{content:'\f16d'}
#social-media ul li a.facebook:before{content:'\f09a'}
#social-media ul li a.twitter:before{content:'\f099'}
#social-media ul li a.youtube:before{content:'\f16a'}
#social-media ul li a.gplus:before{content:'\f0d5'}
/* =====================
* Posts
* ===================== */
.index .main-post{display:none}
.clear-post-body{display:none}
.copyrightsite{background-color:$(topmenub.color);padding:10px;text-align: center;}
.copyrightright {float: right;}
.copyrightleft {float: left;}
.copyrightleft a {color: #fff;}
/* =====================
* Main Advertising
* ===================== */
.main-Advertising{padding:10px;background-color:#fff}
.main-Advertising .section .widget-content{margin-bottom:10px}
.error_page .main-Advertising {display: none;}
/* Other topics site */
.featslider{padding:0 10px 10px 10px;background-color:#fff;overflow:hidden}
.featslider ul li{float:left;width:25%;border-right:10px solid rgba(62,78,107,0);margin-bottom:10px}
.featslider ul li:nth-child(4),.featslider ul li:nth-child(8),.featslider ul li:nth-child(12){border:0}
.featslider ul li a{position:relative;background:#000;overflow:hidden;display:block;height:260px}
.featslider ul li img{height:195px;width:100%;transition:all 0.7s ease 0s}
.featslider ul li:hover img{opacity:0.5;transform:scale(1.3)}
.featslider ul li h5{display:block;width:100%;height:70px;color:#000;overflow:hidden;position:relative;background-color:#fff}
.featslider ul li:hover h5{color:$(a.color)}
.featslider ul li .featured-meta{display:none}
.home #Advertising1{display:none}
#adsbygooglewidget{padding:0 10px 10px 10px;background-color:#fff}
/* =====================
* Paid services
* ===================== */
.owl-controls {position: absolute;top: 10px;right: 10px;}
#Paid-services .owl-nav div{display:inline-block!important;text-align:center;margin-left:10px;color:#fff;text-shadow:1px 1px 19px #171717;font-size:25px}
.static_page .item #Paid-services{display:none}
.widget-content .caption{position:absolute;bottom:-200px;transition:all 0.7s ease 0s;background:rgba(0,0,0,0.48);padding:15px;width:100%;z-index:999;color:#fff}
.widget-content:hover .caption{bottom:0}
.widget-content .caption:hover{background:#000}
#Paid-services{height: 240px;overflow: hidden;}
#Paid-services h2.title{display:none}
.Paid-services span{padding:5px 10px;background-color:#E74C3C;color:#fff;z-index:999;line-height:22px;height:35px;text-align:center;font-size:20px;float:right;margin-top:10px;position: absolute;top: 0;left: 10px;}
.services{position:relative}
.services-a{height:230px;position:relative;background-color:#000;overflow:hidden;display:block}
.services img{width: 100%;height:100%;transition:all 0.7s ease 0s;pointer-events:none}
.services:hover .services img{opacity:0.5;transform:scale(1.3)}
.services h1,.services h2,.services h3{padding:0 10px;line-height:30px;height:35px;color:#fff;float:left;margin-right:10px;margin-top:10px;display: none;}
.services h1 a,.services h2 a,.services h3 a{color:#fff}
.Paid-services .services h1{background-color:#D3910F}
.Paid-services .services h2{left:85px;background-color:#28a745}
.Paid-services .services h3{left:135px;background-color:#00B9EF}
/* =====================
* Owl Carousel
* ===================== */
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel .owl-refresh .owl-item{display:none}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-item img{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1}
/* =====================
* download
* ===================== */
.download-buttona{margin:30px 0 0 0}
.download_timer{width:150px;margin:10px auto;position:relative;z-index:999}
#timer{margin:0;width:150px;position:absolute;top:-5px;right:0;background:#f44336;border-radius:50%}
.pietimer{position:relative;font-size:200px;width:1em;height:1em;float:left}
.pietimer > .slice.gt50{clip:rect(auto,auto,auto,auto)}
.pietimer > .slice{position:absolute;width:1em;height:1em;clip:rect(0px,1em,1em,0.5em)}
.pietimer.fill > .slice > .pie{border:transparent;background-color:#c0c0c0;width:1em;height:1em}
.pietimer > .slice > .pie{border:0.1em solid #c0c0c0;position:absolute;width:0.8em;height:0.8em;clip:rect(0em,0.5em,1em,0em);-moz-border-radius:0.5em;-webkit-border-radius:0.5em;border-radius:0.5em}
.pietimer > .slice > .pie.fill{-moz-transform:rotate(180deg)!important;-webkit-transform:rotate(180deg)!important;-o-transform:rotate(180deg)!important;transform:rotate(180deg)!important}
.timer_no{width:140px;height:140px;background:#f44336;display:block;font-size:80px;color:#fff;border-radius:50%;text-align:center;line-height:145px;position:relative;margin:auto;margin-top:5px}
#buttona {display: none;color: #fff;text-align: center;line-height: 25px;border-radius: 3px;height: 155px;background-color: $(daplongb);box-shadow: 0 0 10px rgba(0,0,0,0.37);width: 155px;border-radius: 50%;line-height: 155px;font-size: 20px;position: absolute;top: -6px;right: -2px;}
.counter_status{text-align:center;margin-top:10px;color:#9d9d9d;display:block;line-height:30px}
.pietimer.fill > .percent{display:none}
.pietimer > .percent{position:absolute;top:1.05em;left:0;width:3.33em;font-size:0.3em;text-align:center;display:none}
#buttona:hover{color:#70bb1c;background-color:#fff}
@media screen and (max-width:1100px){.container {width: 100%;}}
@media screen and (max-width:800px){
.container{width:100%}
.top-menu{height:initial}
#top-links-list{float:none;width:100%}
#top-links-list ul{margin:auto;display:table}
#logo{float:none;margin:auto}
#social-media{float:none;margin:auto;display:table;margin-bottom:10px}
.featslider ul li{width:100%;border:0}
.copyrightright {float: none;}
.copyrightleft {float: none;}
}
]]>
</head><!---->
