تضاف للمدونة حسب الاتي
واتمنى ان تعجبكم وتدعمونا باستمرار لتقديم الافضل لكم
الاضافة بسيطة اتبع الخطوات التالية :-
طبعا المعاينة موجودة في السيدبار====>>>>>>>
- أضف الكود التالي تحت <body
<link href='https://754031b879c72a73a15bceba3950cba9a2543285.googledrive.com/host/0B1NQlV8aQ963dk5PczFETjZyX0U/font-web3-night.blogspot.com.css' rel='stylesheet' type='text/css'/>
<link href='//fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
<b:if cond='data:blog.isMobileRequest == "false"'>
<style>
.contact {
background-color: #EE5454;
box-shadow: 0 3px 0 #D53B3B;
color: #FFF!important;
margin-top: 50px!important;
display: inline-block;
font-size: 20px!important;
padding: 8px 30px!important;
margin-right: 415px;
left:0px !important;
}
</style>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
ul{margin:0;padding:0}
body{background:url("https://3.bp.blogspot.com/-mEsDHRwPC5Q/VtfVjiCE0TI/AAAAAAAAFCo/GHvKorNXc4E/s1600/banner.jpg") no-repeat scroll 50% center / cover #EEE;color:#6E8092;font:15px/20px Droid Arabic Naskh,Arial,Helvetica,sans-serif}
li{display:list-item;text-align:-webkit-match-parent}
*{position:relative;list-style:none;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}
a{color:#6E8092;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,'alba-neo'}
.clear{clear:both}
.widget{margin:0}
.widget-item-control,.blog-feeds,.status-msg-body,.date-header,.post-feeds{display:none}
.widget .widget-item-control a img{display:none}
.widget li,.BlogArchive #ArchiveList ul.flat li{padding:0}
.widget ul{padding: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%}
.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%}
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-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}
.container:after{clear:both}
.container:before,.container:after{display:table;content:"";line-height:0}
.container{margin-left:auto;margin-right:auto}
.container{width:1170px}
#menu-2{display:none}
.widget,.section{margin:0;padding:0}
.Header h1{margin-bottom:0}
h1,h2,h3,h4,h5,h6{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,'alba-neo';display:block;font-weight:bold}
#header-wrapper{position:relative;z-index:9;box-shadow:0 8px 0 -5px #E1E6E9;background:none repeat scroll 0% 0% #FFF;border-radius:15px;padding:0;margin-top:30px;float:right;width:100%}
#header{position:relative;display:inline-block;margin:0;float:right}
#nav{display:inline-block;margin:31px 0 0 80px;min-height:17px;float:left;width:50%}
ul.sf-menu li{font:18px/20px "Merienda One",Georgia,sans-serif;float:right;position:relative;margin-right:53px;padding:0 0 18px}
ul.sf-menu > li.current > a img,ul.sf-menu > li.sfHover > a img,ul.sf-menu > li > a:hover img{margin-top:-32px}
ul.sf-menu li.current a,ul.sf-menu li.sfHover a,ul.sf-menu li a:hover{color:#6BCFBD}
ul.sf-menu li a{position:relative;display:block;color:#6E8092;padding:0;text-align:center;z-index:1;height:30px;overflow:hidden;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,'alba-neo';font-size:20px;letter-spacing:-0.6px;font-weight:100}
ul.sf-menu li:before{position:absolute;display:inline-block;content:"";width:12px;height:28px;left:-31px;top:-3px;background:url("http://2.bp.blogspot.com/-QnuJnNsPBWs/VQaKlvS55MI/AAAAAAAAD9Y/bQPYn6dKJNg/s1600/menu_sep_line.png") no-repeat scroll 0 0 transparent}
.sf-menu li ul{left:-64px;top:45px;width:185px;z-index:99;background:none repeat scroll 0% 0% #66CDBB;border-radius:15px;padding:17px 16px 20px;box-sizing:border-box;position:absolute;display:none}
.sf-menu li ul ul {
right: 160px;
opacity: 0;
border-radius: 10px;
width: 168px;
z-index: 99;
background: none repeat scroll 0% 0% #FFF;
padding: 10px;
box-sizing: border-box;
position: absolute;
text-align: right;
direction: rtl;
margin-top: -30px;
}
.sf-menu li ul li:hover ul{display:block;opacity:1}
.sf-menu li ul ul li a{display:block;padding:5px 0;text-align:center;text-transform:lowercase;text-indent:0;margin:1px 0 0;color:#555}
.sf-menu li ul:before{position:absolute;display:inline-block;content:"";width:9px;height:5px;left:47%;top:-5px;background:url("http://1.bp.blogspot.com/-F48vwjHDq1M/VNQdLnmcZsI/AAAAAAAADxc/3H3n8jluUz8/s1600/submenu1_corner.png") no-repeat scroll 0 0 transparent}
.sf-menu li ul li{padding:10px!important;margin:0!important;width:100%;text-align:center}
.sf-menu li ul li:before{content:inherit!important}
.sf-menu li ul li a{display:block;color:#FFF;padding:0;text-align:center;text-transform:lowercase;text-indent:0;margin:0;font-weight:700;font-size:16px;letter-spacing:0}
.sf-menu li ul li a:hover{color:#FFF;background:none repeat scroll 0% 0% #363F45;text-decoration:none}
.sf-menu li:hover ul{display:block}
#search-button button.open{display:block;line-height:25px;border:0 none;color:#FFF;background-color:#85D7C9;cursor:pointer;position:absolute;top:24px;left:18px;font-size:20px;width:42px;height:38px;border-radius:6px;text-align:center}
#search-button button.remove{border:0 none;line-height:20px;width:42px;border-radius:6px;height:38px;font-size:20px;color:#FFF;background-color:#85D7C9;cursor:pointer;position:absolute;top:24px;left:18px;display:none;font-size:20px;font-weight:100}
#search-button button.open span{margin:0!important;padding:4px 0!important}
#search-bar{position:absolute;right:100%;display:none;left:60px;top:24px;width:94%}
#search-bar input{height:37px;background-color:#FFF;width:70%;z-index:999999999;position:absolute;border:1px solid #eee;padding:0 14px 0 0;text-align:center;border-radius:5px}
#search-button button.open span{text-align:center}
.index .slider_wrapper{text-align:center;background:url("https://3.bp.blogspot.com/-mEsDHRwPC5Q/VtfVjiCE0TI/AAAAAAAAFCo/GHvKorNXc4E/s1600/banner.jpg") no-repeat scroll 50% center / cover #EEE;margin-top:-110px}
.alba-text-c{padding:200px 60px 150px}
.ls-inner{background-image:url("http://themes.ishyoboy.com/boldial/wp/wp-content/uploads/2014/04/row-svg-diamonds.svg");background-repeat:no-repeat;background-size:cover}
.box1-color{min-height:350px;position:relative;padding:20px 0;background:#fff;text-align:center}
.ish-color10{fill:#FCD14C}
.ish-color6{fill:#75A7C0}
.alba-servec{overflow:hidden}
.ish-row-decor-top{top:-49px;width:100%;height:50px;position:absolute;z-index:98}
svg:not(:root){overflow:hidden}
.vc_col-sm-4{width:25%;float:right;padding:15px;box-sizing:border-box}
.wpb_wrapper{text-align:center}
.ish-sc_svg_icon.ish-hexagon_rounded svg{z-index:0;position:absolute;left:57px;float:none;overflow:hidden}
.ish-sc-element{position: relative;
overflow: hidden;text-align:center!important;float:none!important;padding:12px 0;margin:0 auto;font-size:20px;color:#6E8092}
.ish-sc_svg_icon.ish-square.ish-glow,.ish-sc_svg_icon.ish-circle.ish-glow,.ish-sc_svg_icon.ish-hexagon.ish-glow > span,.ish-sc_svg_icon.ish-hexagon.ish-glow a > span,.ish-sc_svg_icon.ish-hexagon_rounded.ish-glow > span,.ish-sc_svg_icon.ish-hexagon_rounded.ish-glow a > span{background-repeat:no-repeat;background-position:center center;background-size:auto 100%}
.ish-sc_svg_icon.ish-hexagon_rounded.ish-glow > span,.ish-sc_svg_icon.ish-hexagon_rounded.ish-glow a > span{background-image:url("https://googledrive.com/host/0B-3cyo_HIYMIU1BEaklLbmQ1U0E")}
.ish-sc_svg_icon.ish-hexagon_rounded span{position:relative;z-index:1;display:block;background-repeat:no-repeat;background-position:center center;margin:0 auto}
.ish-sc_svg_icon.ish-hexagon_rounded span span{background-size:55% 55%}
.ish-sc_svg_icon.ish-hexagon span,.ish-sc_svg_icon.ish-hexagon_rounded span{position:relative;z-index:1;display:block}
.ish-color1{fill:#495052}
.ish-color2{fill:#8B6C93}
.ish-color3{fill:#49C9AF}
.ish-color4{fill:#F35E78}
.ish-color5{fill:#F35E78}
.ish-color1{fill:#F35E78}
.ser-tex{letter-spacing:-0.5px;font-size:14px;line-height:24px;
font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular , 'alba-neo';}
.ish-separator-thin-bold{margin:25px auto!important;width:100%!important;border-top:1px solid #DEDEDE!important;position:relative!important;clear:both}
.ish-separator-thin-bold::before{content:"";position:absolute;top:-5px;left:0;width:70px;height:9px;left:50%;margin-left:-35px;background-color:#DEDEDE}
.contact{background-color:#EE5454;box-shadow:0 3px 0 #D53B3B;color:#FFF!important;margin-top:40px!important;display:inline-block;font-size:20px!important;padding:8px 30px!important}
.homepage-latest-themes{background:#F9F9F9;overflow:hidden;padding:20px 0 40px;text-align:center}
.index h2.title{font-size:36px;font-weight:900;text-transform:uppercase;position:relative;margin:30px 0 40px}
.xs-margin{text-align:center;overflow:hidden;width:100%;margin:0 auto 21px}
.cs-divider-icon-inner{position:relative;display:inline-block;text-align:center;color:#bbb;border-color:#e8e8e8}
.cs-divider-icon-dashed::after,.cs-divider-icon-dashed::before{border-top-style:dashed}
.cs-divider-icon-inner::before{margin-right:0.5em;right:100%}
.cs-divider-icon-inner::after{margin-left:0.5em;left:100%}
.cs-divider-icon-inner::after,.cs-divider-icon-inner::before{content:"";position:absolute;display:block;top:50%;width:9999px;border-top-width:1px;border-top-style:solid;border-top-color:inherit}
.how-work{background:#ffffff;width:100%;height:auto;position:relative;padding:20px 0;text-align:center}
.process-bg{background:url(https://3.bp.blogspot.com/-H6OQs3myZDk/VtfVporYa6I/AAAAAAAAFCs/RaAeVPK0JlQ/s1600/light_process.png) no-repeat top center;width:100%;height:auto;position:relative;min-height:200px;padding-bottom:100px;text-align:center;margin-top:60px}
.col-md-2{width:16.66666667%;float:right;position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.cricle-process{width:160px;height:160px;display:table-cell;vertical-align:middle;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-transform:uppercase;font-weight:300;background:#ffffff;border:1px solid #dddddd;color:#888;transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}
.cricle-process i{font-size:40px;margin-bottom:14px}
.cricle-process:hover{background:#f54325}
.cricle-process:hover,.cricle-process:hover h4{color:#ffffff;border:none}
h1.intro{margin-top:0;font-weight:700;text-transform:uppercase;font-size:72px!important;margin-bottom:30px;line-height:0px;color:#6E8092}
h1.intro em .change-text{width:270px;height:87px;display:inline-block;position:relative;margin:0;padding:0;border-bottom:solid 2px #6E8092;padding-bottom:12px;text-align:right;margin-bottom:-27px}
.change-text:before{content:"";background:#6E8092;position:absolute;right:-20px;bottom:-1px;height:41px;width:20px;display:none}
h1.intro em .change-text span{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;text-align:left;position:absolute;top:0;left:0;opacity:0;line-height:1;clip:rect(0px,0px,198px,0px)}
.change-text span:after{content:"";background:#6E8092;position:absolute;right:-40px;bottom:-1px;height:41px;width:10px;display:none}
h1.intro em .change-text span.active{-webkit-transition:all 0.85s ease-in-out;-moz-transition:all 0.85s ease-in-out;transition:all 0.85s ease-in-out;opacity:1;clip:rect(0,280px,280px,0px)}
.box-2{background:none repeat scroll 0% 0% #FFF;margin-top:0;padding-top:25px;padding-bottom:24px}
.txt9{line-height:38px;font-size:22px;height:70px;font-weight:700;margin:0;color:#6E8092;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,'alba-neo'}
.soc_icons{position:relative;display:inline-block;white-space:nowrap;text-align:right;margin-right:auto;margin-left:auto}
ol,ul{list-style:outside none none}
.soc_icons > li{position:relative;display:inline-block;margin-left:12px}
.soc_icons > li > a{position:relative;color:#FFF;transition:all 0.4s ease-out 0s;width:44px;height:44px;display:inline-block;background:none repeat scroll 0% 0% #88D0E1;text-align:center;font:19px/44px "FontAwesome";border-radius:500px}
.soc_icons i{font:19px/44px "FontAwesome"}
.soc_icons > li + li > a{background:none repeat scroll 0% 0% #FF8A8E}
.soc_icons > li + li + li > a{background:none repeat scroll 0% 0% #6982B8}
.soc_icons > li + li + li + li > a{background:none repeat scroll 0% 0% #F6CF71}
.more_btn_arr{display:inline-block;width:11px;height:11px;margin-top:5px}
.box,.box2,.box3{overflow:hidden;direction:rtl}
.index .post-outer{padding:15px;float:right;width:33.33%;box-sizing:border-box}
.index .post{overflow:hidden;padding:15px;box-shadow:0 8px 0 -5px #E1E6E9;background:none repeat scroll 0% 0% #FFF;border-radius:10px;margin-bottom:10px;border:2px solid #E0E5E8}
.item .post .post-header{margin-bottom:13px!important}
.static_page .post,.item .post .post-inner,.item .post .post-header,.post-pager,#related_postsp,.comments{overflow:hidden;background-color:#FFF;border-bottom:1px solid #d3d5d7;-webkit-box-shadow:0 0 5px 0 #e2e3e4;-moz-box-shadow:0 0 5px 0 #e2e3e4;box-shadow:0 0 5px 0 #e2e3e4;position:relative;margin-bottom:20px;padding:30px 30px 35px}
#related_postsp{margin:20px 0!important}
.item .post .post-inner:before,#sidebar-wrapper .widget:before,.item .post .post-header:before,.post-pager:before,#related_postsp:before,.comments:before{content:"";height:1px;width:100%;background-color:#FFF;border-bottom:1px solid #d3d5d7;-webkit-box-shadow:0 0 5px 0 #e2e3e4;-moz-box-shadow:0 0 5px 0 #e2e3e4;box-shadow:0 0 5px 0 #e2e3e4;bottom:2px;left:0;position:absolute}
.item .post .post-inner:after,#sidebar-wrapper .widget:after,.post-pager:after,#related_postsp:after,.comments:after{content:"";height:1px;width:100%;background-color:#FFF;border-bottom:1px solid #d3d5d7;-webkit-box-shadow:0 0 5px 0 #e2e3e4;-moz-box-shadow:0 0 5px 0 #e2e3e4;box-shadow:0 0 5px 0 #e2e3e4;bottom:5px;left:0;position:absolute}
.post-inner{width:100%;overflow:hidden;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,droid arabic naskh;line-height:27px;font-size:15px}
.static_page #main-wrapper{width:100%!important;padding-left:0!important;float:right}
.item .post-meta{width:100%;padding:2px 0 5px 0}
.item .post-meta .post-author,.item .post-meta .post-timestamp{float:right;padding-left:20px}
.item .post-meta .post-labels{float:left}
blockquote,pre{position:relative;z-index:50;background:url("http://lh4.ggpht.com/_XrWO8mEpDy0/THW2brwE74I/AAAAAAAAA0g/3zyTbFTLCTc/pre_bg.gif") repeat scroll left top #FFF;border:1px solid #999;color:#000;display:block;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,"Courier New",Courier,monospace;font-size:13px;line-height:18px;margin:10px 0;overflow-y:auto;overflow-x:scroll;padding:18px 10px 17px 10px;direction:ltr;opacity:0.7}
.post-body h3{font-weight:700;font-size:20px}
.post-body h4{font-weight:700;font-size:18px;text-decoration:underline}
.status-msg-body{background-color:transparent;background-image:url("http://4.bp.blogspot.com/-KJi8TbT-tbk/U9jsuWRhPLI/AAAAAAAACGs/LydwyDmUKUw/s1600/tag.png");background-position:12px center;background-repeat:no-repeat;background-size:30px auto;border:1px solid #AAA;height:40px;opacity:0.3;width:100%;margin:-6px 0 38px!important;text-align:center!important;padding:7px!important;position:relative!important}
#post-foot{width:100%;overflow:hidden;clear:both;height:30px;padding:2px 15px}
.status-msg-border{display:none!important}
.breadcrumbs{background:#ECECEC;width:100%;font-weight:400;font-size:11px;text-transform:uppercase;position:relative;bottom:0;border:1px solid #EEE;margin-bottom:10px;overflow:hidden;margin-right:0;padding:5px;color:#333}
.breadcrumbs .crust{display:block;position:relative;float:right;font-size:17px;color:#333;padding:0 5px!important;line-height:14px}
.fa-angle-left:before{margin:0 5px}
.post-heading h1{padding:5px 5px 12px;display:inline-block;border-bottom:2px solid #f1f1f1;font-size:23px;color:#6E8092;width:100%;letter-spacing:0}
.sharepost h4{font-size:15px;position:relative;overflow:hidden;margin:0 0 20px;font-weight:700;padding:0 10px;text-align:center;text-transform:uppercase;transition:all 0.5s ease-out 0s;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,"Droid Arabic Naskh",serif;color:rgba(47,4,17,0.59)}
.sharepost h4:after{content:"";position:absolute;width:8px;height:7px;border-radius:50%;bottom:2px;right:52%;box-shadow:1em 0 0 0 #1A9EDA,2em 0 0 0 #E99393;background:none repeat scroll 0% 0% #E99393}
.sharepost h4 span{padding-bottom:12px;display:inline-block}
.sharepost li{width:20%;border:3px solid #EEE;padding:0;float:right}
.sharepost li a{padding:0 0;color:#FFF;display:block;border-radius:2px;overflow:hidden;line-height:37px;text-align:center}
.sharepost li a .fa{margin-left:3px;border-radius:3px;float:right;padding:10px 13px;background:rgba(0,0,0,0.38) none repeat scroll 0% 0%}
.sharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:25px}
.sharepost li a:hover{opacity:0.8}
.sharepost li .twitter{background-color:#55acee}
.sharepost li .facebook{background-color:#3b5998}
.sharepost li .gplus{background-color:#dd4b39}
.sharepost li .pinterest{background-color:#cc2127}
.sharepost li .linkedin{background-color:#0976b4}
.hreview{display:none}
.post-pager{padding:0!important}
ul.post-pager *{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease}
.post-pager li{padding:0;display:inline-block;width:50%;padding:20px 15px 35px!important}
.post-pager .next{text-align:right}
.post-pager .previous{float:left;text-align:left}
.post-pager li a{color:#6E8092;display:block;overflow:hidden}
.post-pager li:hover{color:#888;background:#f8f8f8}
.post-pager li strong{display:block;padding:0 0 10px;color:#888}
.prv,.nxt{position:absolute;color:#CCC;font-size:56px;margin-top:-7px;height:22px;line-height:22px;width:40px;top:34%}
.next h6,.next h5{float:right;width:100%;padding-right:37px;text-align:right;font-size:13px;color:#6E8092;margin:0}
.previous h6,.previous h5{float:left;width:100%;padding-left:37px;font-size:13px;color:#555;margin:0}
.nxt{left:10px}
.previous h6,.next h6{color:#555;font-size:19px!important;padding-bottom:5px;font-weight:700!important;margin:0;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,Droid Arabic Kufi,tahoma}
.label-info a{color:#777}
.loop-image-wrapper{position:relative;z-index:2;height:180px;float:right;width:100%}
.index .post-thumb a{display:block;width:100%;height:180px;overflow:hidden;border-radius:4px}
.loop-info-wrapper{overflow:hidden;height:100%;max-height:100%;width:100%}
.index .post-title{line-height:26px;padding:10px;font-size:17px;height:70px;font-weight:700;margin:0;text-align:right;letter-spacing:-0.5px;color:#6E8092;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,Droid Arabic Naskh}
.index .post-title a{color:#6E8092}
.slsss{margin:10px auto 5px;border-top:1px solid #E7E8E8;float:none;width:90%;display:inherit}
.post:hover .overlay{transform:scale(0.8);opacity:1;text-decoration:none;font-weight:normal;font-style:normal;margin-left:-46px;font-size:35px}
.overlay:before{content:"\f060";font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,FontAwesome}
.overlay{color:#4371CF;background:none repeat scroll 0% 0% #FFF;border:2px solid #4371CF;border-radius:50%;transform:scale(2);text-align:center;line-height:70px;width:79px;height:79px;opacity:0;font-size:30px;position:absolute;z-index:2;top:50%;left:50%;margin-top:-35px;margin-left:-39px;cursor:pointer;text-decoration:none;font-weight:normal;font-style:normal;transition:all 0.2s ease-out 0s}
.index .post-snippet{margin:0;color:#333;line-height:1.5em}
.index .postags{position:absolute;top:5px;right:5px}
.index .postags{margin:0;padding:0;display:inline-block;position:absolute;top:0;z-index:2;right:0}
.postags a:nth-child(n+2){display:none}
.postags a{position:relative;background:#E14938;color:#FFF;font-size:11px;display:block;text-transform:uppercase;padding:2px 9px;line-height:normal;font-weight:100;margin:0;transition:all 0.3s ease-out 0s}
.post-share{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:2;height:30px;float:left}
.post-share .share-toggle{position:absolute;left:0;bottom:0;height:30px;width:30px;line-height:30px;text-align:center;padding:0;border:0;z-index:2;background-color:rgba(255,255,255,.40);text-shadow:0 0 2px rgba(0,0,0,0.1);font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,Fontawesome;cursor:pointer;font-size:19px;color:#7F8C8D;display:inline-block;transition:all 0.5s ease 0s;font-weight:700}
.post-share .share{opacity:0;padding:0;visibility:hidden;margin-left:0;transition:all .3s}
.post-share .share.share-active{opacity:1;visibility:visible;margin-left:30px}
.share-toggle.pi-btn.toggle-active{color:#cf4d35;background-color:rgba(255,255,255,.95)}
.post-share .share a{background-color:rgba(255,255,255,.95);display:inline-block;color:#fff;line-height:5px;padding:8px;width:30px;text-align:center}
.post-share .share a:nth-child(1){background-color:rgba(98,123,173,.95)}
.post-share .share a:nth-child(2){background-color:rgba(26,193,255,.95)}
.post-share .share a:nth-child(3){background-color:rgba(243,26,26,.95)}
.post-share .share a:nth-child(4){background-color:rgba(255,117,26,.95)}
.post-share .share a:hover{background-color:rgba(43,45,51,1);color:#fff}
.how-nm{float:right;font-size:19px;color:#7F8C8D;display:inline-block;transition:all 0.5s ease 0s;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,a;font-weight:700}
#post-foot .fa{padding-left:5px}
.label_remove{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,Droid Arabic Naskh;font-size:13px;letter-spacing:-0.5px;font-weight:700}
.label_remove:nth-child(n+2){display:none}
.how-nm i{font-size:21px}
.item_price,.price_remove{float:left;border-radius:4px;font-weight:700;color:#7F8C8D;display:inline-block;transition:all 0.5s ease 0s;vertical-align:middle}
.how-nm span{float:left;font-size:16px}
.sb .box_content{padding:19px;margin:1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:2px solid rgb(224,241,233);margin-top:-2px;margin-bottom:11px}
.rounded-list ol li{position:relative;display:block;border:solid 1px #E4E4E4;padding:0.4em 1.8em 0.4em 2em;margin:0.6em 0;background:#F3F3F3;color:#444;text-decoration:none;border-radius:0;transition:all 0.3s ease-out 0s}
.rounded-list ol li:before{content:counter(li);counter-increment:li;position:absolute;right:-1.3em;top:50%;margin-top:-1.3em;background:#FDD761;height:2.4em;width:2.4em;line-height:2em;border:.3em solid #fff;text-align:center;font-weight:bold;-moz-border-radius:2em;-webkit-border-radius:2em;border-radius:2em;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.rounded-list ol li:hover:before{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
ol ol{margin:0 1.2em 0 12px}
ol{counter-reset:li;list-style:none outside none;padding:0;margin-right:-4px;margin-top:0;margin-bottom:0}
.item img,.item .post-body a{border:none!important;max-width:100%!important;margin-right:0!important;margin-left:0!important}
.post-body .box_title{padding:15px;text-align:center;border-radius:2px;border:2px solid rgb(224,241,233);background-color:rgb(241,249,247);color:rgb(29,157,116);font-weight:700;font-size:21px;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,'alba-neo'}
.post-body .box_title span{color:rgb(29,157,116)!important}
.previewbutton{background-color:#EE5454;box-shadow:0 3px 0 #D53B3B;color:#FFF!important;margin-top:15px!important;display:inline-block;font-size:19px!important;padding:2px 30px!important}
.post-body h2{background-color:#fcf8e3;color:#8a6d3b;position:relative;display:block;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #faebcc;text-align:center;font-size:21px}
#content-wrapper{width:100%;padding:40px 0}
.item #main-wrapper{width:70%;float:right}
#sidebar-wrapper{width:28.5%;float:left}
#sidebar-wrapper .widget{background-color:#FFF;border-bottom:1px solid #d3d5d7;-webkit-box-shadow:0 0 5px 0 #e2e3e4;-moz-box-shadow:0 0 5px 0 #e2e3e4;box-shadow:0 0 5px 0 #e2e3e4;position:relative;margin-bottom:30px;padding:20px 30px 35px}
#sidebar-wrapper .widget h2{font-size:16px;font-weight:700;padding-bottom:10px;border-bottom:2px solid #ecedee;margin-bottom:20px;line-height:24px;position:relative;color:#6E8092}
#sidebar-wrapper .widget h2:after{content:"\f013";display:block;background-color:#F05672;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,FontAwesome;height:28px;width:32px;line-height:28px;font-size:14px;text-align:center;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;float:right;margin-right:0;margin-left:10px;color:#FFF}
#sidebar-wrapper .widget h2:before{content:"";position:absolute;height:2px;width:32px;background-color:#F05672;bottom:-2px;left:initial!important;right:0}
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:right;margin-left:10px}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;left:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before,.post-home:before{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;content:'\f005\f005\f005\f005\f005'}
.PopularPosts ul li:nth-child(2):before{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;content:'\f005\f005\f005\f005';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;content:'\f005\f005\f005';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;content:'\f005\f005';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;content:'\f005';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:12px;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,tahoma}
.PopularPosts ul li a:hover{color:#2476e0}
.PopularPosts .item-thumbnail{float:right;margin:0 0 5px 5px}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}
.post-home:before{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;display:inline-block;position:absolute;color:#FFC73D;text-align:center;top:13px;left:25px;margin:9px 0;font-size:14px;padding:0;font-weight:normal;line-height:normal;transition:all 0.3s ease 0s;z-index:999}
.pagenavi{clear:both;margin:10px 0;text-align:center;font-size:13px;font-weight:400;overflow:hidden;padding:15px;border-radius:6px;margin-bottom:10px}
.pagenavi .pages{background-color:#3F414A;display:inline-block;color:#FFF;margin:0 2px;line-height:35px;height:35px;padding:0 12px;border-radius:4px;transition:all 0.2s ease 0s}
.pagenavi span,.pagenavi a{display:inline-block;background-color:#cf4d35;color:#fff;margin:0 2px;line-height:35px;height:35px;padding:0 12px;border-radius:4px;transition:all .2s}
.pagenavi .current,.pagenavi a:hover{background:#ba452f;color:#fff}
#backtotop{overflow:hidden;position:fixed;z-index:90;left:20px;bottom:20px;display:none;width:42px;height:40px;line-height:34px;color:#eee;text-align:center;background-color:#3f414a;font-size:20px;text-indent:0;cursor:pointer;-webkit-transform:translateZ(0);padding:4px 0 0;text-align:center;border-radius:5px;transition:all .5s}
#backtotop:hover{background-color:#3f414a;color:#fff}
.comments .avatar-image-container{float:right;max-height:50px;overflow:hidden;width:50px;padding:2px;background:#fff;border:1px solid #eee;margin:0 7px}
.comments .avatar-image-container img{width:100%;max-width:100%}
.comments .comment-block{background:none repeat scroll 0% 0% #F6F6F6;margin:0 73px 0 14px;position:relative;border:1px solid rgba(200,200,200,0.54);color:#818F96}
.comment-header a{color:#999;text-shadow:1px 1px #FFF;font-size:13px;font-weight:100;line-height:1.6}
.comments .comment-block:after{content:"";position:absolute;bottom:-3px;right:0;color:#468847;background:url('http://3.bp.blogspot.com/-JfvhAJeiFeY/VHo2uLQkmVI/AAAAAAAADag/zmmNZwAM79I/s1600/bg_color.png') repeat scroll 0% 0% transparent;height:3px;width:100%}
.comments .comments-content .comment:first-child{padding-top:0}
.comments .comments-content .comment{margin-bottom:3px;padding-bottom:0}
.comment-header{display:inline-block;border:1px solid #eee;border-right:0;border-top:0;padding:1px 10px 0 10px}
.comments .comment-block:before{content:'\f0da';position:absolute;font:30px fontawesome;top:15px;right:-11px;color:#E8E8E8}
.comment-content{padding:20px}
.comment-actions a{background:#fff;color:#6F6F6F;padding:0 10px;padding-top:2px!important;padding-left:10px!important;font-size:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:2px;border:1px solid #eee;display:inline-block}
.comments .comments-content .user a{float:right;margin:-1px -10px 0 10px;padding:0 5px;height:23px;color:#468847;background-color:#DFF0D8;border-color:#D6E9C6}
.comments .comments-content .user a:before{content:'\f0d9';font:19px fontawesome;float:left;position:relative;left:-12px;top:2px;color:#DFF0D8;text-shadow:none}
.comments .comments-content .user a:after{content:'\f14b';font:17px fontawesome;float:right;margin:0 0 0 8px;position:relative;top:2px;padding:0 2px;color:#468847;text-shadow:none}
span.item-control.blog-admin a:after{content:'\f014';font:14px fontawesome;margin:0 5px 0 0;color:#ccc}
.comments .continue a{background:#fff;color:#6F6F6F;padding:3px 10px!important;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-weight:500!important;border:1px solid #eee;display:inline-block}
.comments .continue a:after{content:'\f124';font:12px fontawesome;margin:0 10px 0 0;display:inline-block;color:#ccc}
.comments .comment .comment-actions a:hover,.comments .continue a:hover{text-decoration:none;background:#eee}
.feed-links{display:none}
.top-comment-widget-menu{background:none repeat scroll 0 0 #FFF;border-color:#DDD;border-style:solid;border-width:1px 1px 5px;float:right;margin:20px 0;width:953px}
.top-comment{float:right;text-align:center;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,"ge_ss_threeregular";font-size:14px;list-style:none outside none;margin:10px 0;text-transform:uppercase;width:50%;cursor:pointer}
.top-comment.selected{color:$(mmcb.background.color);cursor:pointer}
#comments h4{display:inline;padding:4px 8px;line-height:45px}
#comments h4,.comments.comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4{background:#73C4D1}
#comments h4{font-size:17px}
#comments h4{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;right:10px;border-top:10px solid #73C4D1;border-left:20px solid transparent;width:0;height:0;line-height:0}
.icon.blog-author:after{content:"الكاتب";background:#f66;color:#FFF;padding:2px 16px;border-radius:1px;position:absolute;left:0;margin-top:-3px;font-size:14px;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,ge_hiliregular}
.comment-content{padding:20px;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,ge_hiliregular}
.top-comment.blogico:before{content:"\f0d5";font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;font-size:18px;margin-left:15px;color:#F66}
.top-comment.faceico:before{content:"\f09a";font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;font-size:18px;margin-left:15px;color:#627AAC}
.post-feeds{display:none}
#s{background:none repeat scroll 0% 0% transparent!important;border:medium none;color:#fff;width:800px;float:right;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,"roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;height:36px;line-height:36px;margin-right:12px;outline:medium none;padding:0 0 0 35px}
input,select{vertical-align:middle}
#scrolltop{display:none}
#rocketmeluncur{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px;height:48px;left:25px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% 0 no-repeat;opacity:0;-webkit-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);-moz-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)}
#rocketmeluncur i{display:block;margin-top:48px;height:14px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% -48px no-repeat;opacity:.5;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}
#rocketmeluncur:hover{background-position:50% -62px}
#rocketmeluncur:hover i{background-position:50% 100%;-webkit-animation:flaming .7s infinite;-moz-animation:flaming .7s infinite;animation:flaming .7s infinite}
#rocketmeluncur.showrocket{visibility:visible;opacity:1}
#rocketmeluncur.launchrocket{background-position:50% -62px;opacity:0;-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);transform:translateY(-800px);pointer-events:none}
#rocketmeluncur.launchrocket i{background-position:50% 100%;-webkit-transform:scale(1.4,3.2);-moz-transform:scale(1.4,3.2);transform:scale(1.4,3.2)}
.updated{display:none}
#copylefts{text-align:center;padding:9px 7px 11px;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular , "alba-neo";}
.emoWrap{display:none}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}
@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}
.bounce{-webkit-animation-name:bounce;animation-name:bounce}
@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}
@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
</style>
<style type='text/css'>
@media screen and (max-width: 1170px){
.container {
width: 100%;
padding: 0 15px;
}
.index .post-outer {
padding: 5px;
}
#nav {
margin: 31px 0px 0px 8px;
}
ul.sf-menu li {
margin-right: 30px;
}
ul.sf-menu li::before {
content: inherit !important;
}
}
@media screen and (max-width: 1060px){
}
@media screen and (max-width: 980px){
.index .post-outer {
width: 50%;
}
.sf-menu {
display: none;
}
#nav {
margin: 0 !important;
width: 100%;
position: absolute;
left: 0;
}
#menu-2 {
display: block;
margin: 15px;
float: left;
}
#menu-2 a {
display: block;
background: none repeat scroll 0% 0% #F05672;
color: #FFF !important;
padding: 15px 20px;
}
#sidebar-wrapper,.item #main-wrapper {
width: 100%;
float: right;
}
.sf-menu {
position: absolute;
top: 82px;
background: #fff;
width: 100%;
border-radius: 4px;
padding: 15px 25px;
float: right;
right: 0;
}
ul.sf-menu li, ul.sf-menu li a {
margin-right: 0;
width: 100%;
text-align: right;
}
ul.sf-menu li.current {
display: none;
}
.sf-menu li ul {
display: block;
width: 100%;
position: relative;
left: auto !important;
background: #fff !important;
height: auto !important;
top: auto;
float: right;
padding: 0;
}
.sf-menu li ul li a {
display: block;
color: #6E8092;
padding: 0;
text-align: right;
}
.sf-menu li ul ul {
right: auto;
opacity: 1;
border-radius: 0;
width: 100%;
position: relative;
text-align: right;
direction: rtl;
margin-top: 0;
}
.sf-menu li ul:before {
content: inherit;
}
.sf-menu li ul ul li a {
display: block;
padding: 5px 0;
text-align: right;
text-transform: lowercase;
text-indent: 0;
margin: 1px 0 0;
color: #6E8092;
}
.alba-text-c {
padding: 130px 60px 35px;
}
h1.intro {
font-size: 50px !important;
margin-bottom: 0px;
line-height: 89px;
}
h1.intro em .change-text {
width: 180px;
height: 64px;
margin: 0px 0px -21px;
}
.col-md-2 {
width: 180px;
float: right;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 39px;
}
}
@media screen and (max-width: 768px){
#header {
width: 250px;
}
.sf-menu {
top: 65px;
}
a img {
border: none;
position: relative;
max-width: 100%;
height: auto;
}
#menu-2 {
margin: 7px 15px;
}
.vc_col-sm-4 {
width: 49%;
padding: 10px;
}
.col-md-2 {
width: 33.33%;
}
}
@media screen and (max-width: 564px){
#menu-2 a {
border-radius: 2px;
}
#menu-2 {
margin: 7px 10px;
}
.index .post-outer {
width: 100%;
padding: 0 !important;
}
.loop-image-wrapper {
height: 105px;
width: 135px;
}
.index .post-thumb a {
height: 105px;
}
.loop-info-wrapper {
overflow: hidden;
height: auto;
width: auto;
display: table-cell;
vertical-align: middle;
}
.index .post { padding: 7px;}
.index .postags {
display: none !important;
}
.col-md-2 {
width: 50%;
}
}
@media screen and (max-width: 480px){
.container {
width: 100%;
padding: 0 5px;
}
#header-wrapper {
border-radius: 6px;
padding: 5px;
}
#header {
width: 222px;
}
#menu-2 {
margin: 5px 6px 0;
}
.loop-image-wrapper {
height: 90px;
width: 110px;
}
.index .post-thumb a {
height: 90px;
}
.index .post-title {
line-height: 23px;
padding: 0px 10px;
font-size: 16px;
height: 55px;
font-weight: 100;
}
.how-nm {
font-size: 17px;
}
.how-nm i {
font-size: 15px;
}
.how-nm span {
float: left;
font-size: 13px;
line-height: 27px;
}
.post-share .share-toggle {
cursor: pointer;
font-size: 17px;
color: #f66;
}
.pagenavi span, .pagenavi a {
margin: 4px 5px;
}
.alba-text-c {
padding: 122px 10px 29px;
}
h1.intro em .change-text {
width: 154px;
height: 50px;
margin: 0px 0px -15px;
}
h1.intro {
font-size: 40px !important;
margin-bottom: 0px;
line-height: 58px;
}
.alba-text-c .contact {
font-size: 15px !important;
}
.vc_col-sm-4 {
width: 100%;
}
.col-md-2 {
width: 193px;
float: none !important;
margin: 0 auto 13px;
}
.index h2.title {
font-size: 30px;
font-weight: 900;
text-transform: uppercase;
position: relative;
margin: 20px 0px 20px;
line-height: 36px;
}
}
@media screen and (max-width: 360px){
.index .post {
padding: 5px;
border-radius: 4px;
}
.index .post-thumb a {
height: 150px;
}
.loop-image-wrapper {
height: 155px;
width: 100%;
}
.index .post-title {
height: auto;
}
}
@media screen and (max-width: 320px){
}
</style>
<style>
/*=====================================
= Slider
=====================================*/
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-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-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing,.grabbing a,.grabbing * {
cursor: e-resize!important;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
float: right;
}
.owl-prev,.owl-next {
width: 40px;
height: 40px;
background-color: #fff;
text-align: center;
line-height: 40px;
font-size: 12px;
margin-top: 5px;
color: #aaa;
position: absolute;
top: 50%;
margin-top: -20px;
}
.owl-prev {
right: -5px;
}
.owl-next {
left: -5px;
}
.owl-next:before {
content: '\f053';
font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular , fontawesome;
}
.owl-prev:before {
content: '\f054';
font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular , fontawesome;
}
.slider * {
transition:all 0 ease;
-webkit-transition:all 0 ease;
-moz-transition:all 0 ease;
-o-transition:all 0 ease
}
.slider li {
background-color: #FFF;
margin: 0 15px;
padding: 0;
}
.slider .recent-thumb {
display: block;
width: 100%;
height: 220px;
}
.slider .recent-content {
padding: 20px;
min-height: 125px;
border-bottom: 2px solid #FA4710;
}
.slider .recent-title {
font-size: 17px;
line-height: 27px;
margin-bottom: 10px;
}
.slider-layout {
max-width: 1130px;
margin: 50px auto 0;
}
.slider-layout .widget-content,.slider-layout h2.title {
display: none;
}
.recent-author:before, .recent-date:before {
font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular , fontawesome;
float: right;
margin-left: 10px;
}
.recent-author:before {
content: '\f007';
}
.recent-date:before {
content: '\f073';
}
.recent-date {
float: right;
margin-left: 10px
}
.recent-date,.recent-author {
font-size: 12px;
color: #999;
}
.alba-tech-slide {
max-height: 270px;
direction: ltr;
padding: 0px !important;
clear: both;
width: 100%;
margin: 20px 0 45px !important;
position: relative;
background: none repeat scroll 0% 0% #FFF;
overflow: hidden;
float: right;
}
.owl-carousel .owl-wrapper-outer {
width: 100%;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
}
.owl-item {
float: left;
}
.slides .item {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
width: 100%;
height: 270px direction: rtl;
text-align: right;
overflow: hidden;
padding: 0 5px;
}
.slides .item-list {
height: 100%;
margin: 0;
padding: 0;
position: relative;
}
.item-thumbnail {
background: #313131;
}
.item .tag-thumbnail {
display: block;
height: 270px;
overflow: hidden;
position: relative;
width: 100% !important;
z-index: 1;
opacity: 0.5;
}
.caption {
position: absolute;
width: 100%;
bottom: 15%;
text-shadow: none;
z-index: 40;
right: auto;
left: auto;
color: #fff;
text-align: center;
padding: 0 50px;
}
.text {
display: none;
}
.indextag {
background: #FF8D03;
color: #FFF !important;
font-size: 11px;
font-weight: 700;
line-height: 10px;
overflow: hidden;
padding: 3px 6px;
position: relative;
text-transform: uppercase;
z-index: 82;
margin: 0px auto 5px !important;
display: inline-block;
text-align: right;
}
.caption h3 a {
color: #fff;
text-shadow: rgba(0,0,0,.6) 0 0 5px;
line-height: 26px;
}
.item .post-meta {
width: 100%;
padding: 2px 0px 5px 0px;
}
.post-meta {
color: #bbb;
cursor: default;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin: 7px 0 0;
padding: 0;
white-space: nowrap;
overflow: hidden;
line-height: 12px;
}
.post-meta a {
color: #bbb;
font-size: 11px;
font-weight: 700;
height: 30px;
margin-left: 0;
padding: 0;
white-space: nowrap;
overflow: hidden;
line-height: 12px;
}
.item-list:hover .caption{ display:block; overflow:hidden}
.date{ text-align:right; display:inline-block}
.date:before{color:#bbb; content:"\f073"; font:12px fontawesome; padding-left:.4em; text-decoration:inherit; top:0}
.icomm .date{position:relative}
.icomm:before{color:#bbb; content:"\f007"; font:12px fontawesome; padding-left:.3em; padding-right:.6em; text-decoration:inherit; top:0}
.item-list .#thumb-img{display:block; float:left; height:100%; width:100%; z-index:1}
.slides .owl-buttons #next:after, .slides .owl-buttons #prev:after{ color:#fff; content:"\f105"; display:block; font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,FontAwesome; font-size:45px; font-style:normal; font-weight:400; line-height:60px; margin-top:0; text-align:center}
.slides .owl-buttons #prev:after{content:"\f104"}
.slides .owl-buttons .owl-prev, .slides .owl-buttons .owl-next{ cursor:pointer; background:transparent; width:72px; height:72px; line-height:72px; border:none; border-radius:50%; opacity:1; top:40%; text-shadow:none; color:#fff; font-size:30px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000',GradientType=1); background-repeat:repeat-x; position:absolute; font-size:45px; text-align:center; padding:4px; z-index:40; margin-top: 100px;
}
.slides .owl-buttons .owl-next:hover, .slides .owl-buttons .owl-prev:hover{background:rgba(237,237,237,0.45); color:#fff}
.slides .owl-buttons .owl-prev{right:1%}
.slides .owl-buttons .owl-next{left:1%}
.owl-theme .owl-controls{z-index:40}
</style>
<script type='text/javascript'>
//<![CDATA[
// jQuery OwlCarousel v1.31 - http://www.owlgraphic.com/owlcarousel (RTL Version)
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('7(B 3l.3k!=="9"){3l.3k=9(e){9 t(){}t.4S=e;q 4R t}}(9(e,t,n,r){b i={1Y:9(t,n){b r=d;r.$k=e(n);r.6=e.44({},e.3f.2s.6,r.$k.w(),t);r.2m=t;r.4g()},4g:9(){b t=d;7(B t.6.37==="9"){t.6.37.O(d,[t.$k])}7(B t.6.33==="34"){b n=t.6.33;9 r(e){7(B t.6.2P==="9"){t.6.2P.O(d,[e])}m{b n="";1B(b r 2f e["h"]){n+=e["h"][r]["1U"]}t.$k.2e(n)}t.2O()}e.4W(n,r)}m{t.2O()}},2O:9(e){b t=d;t.$k.w("h-42",t.$k.2x("2j")).w("h-41",t.$k.2x("K"));t.$k.A({2o:0});t.2u=t.6.v;t.3N();t.4O=0;t.1G;t.21()},21:9(){b e=d;7(e.$k.1J().S===0){q c}e.1P();e.3K();e.$U=e.$k.1J();e.F=e.$U.S;e.4n();e.$L=e.$k.11(".h-1U");e.$H=e.$k.11(".h-1g");e.2Z="T";e.14=0;e.1M=[0];e.p=0;e.4D();e.4q()},4q:9(){b e=d;e.3p();e.3F();e.40();e.2U();e.46();e.3V();e.2t();e.4t();7(e.6.2k!==c){e.4N(e.6.2k)}7(e.6.P===j){e.6.P=5a}e.19();e.$k.11(".h-1g").A("4e","45");7(!e.$k.2A(":3y")){e.3t()}m{e.$k.A("2o",1)}e.4X=c;e.28();7(B e.6.2S==="9"){e.6.2S.O(d,[e.$k])}},28:9(){b e=d;7(e.6.1Q===j){e.1Q()}7(e.6.1q===j){e.1q()}e.4M();7(B e.6.2V==="9"){e.6.2V.O(d,[e.$k])}},3E:9(){b e=d;7(B e.6.39==="9"){e.6.39.O(d,[e.$k])}e.3t();e.3p();e.3F();e.43();e.2U();e.28();7(B e.6.38==="9"){e.6.38.O(d,[e.$k])}},4p:9(e){b t=d;1f(9(){t.3E()},0)},3t:9(){b e=d;7(e.$k.2A(":3y")===c){e.$k.A({2o:0});1d(e.1w);1d(e.1G)}m{q c}e.1G=3Q(9(){7(e.$k.2A(":3y")){e.4p();e.$k.3W({2o:1},2D);1d(e.1G)}},58)},4n:9(){b e=d;e.$U.54(\'<M K="h-1g">\').4o(\'<M K="h-1U"></M>\');e.$k.11(".h-1g").4o(\'<M K="h-1g-4f">\');e.1V=e.$k.11(".h-1g-4f");e.$k.A("4e","45")},1P:9(){b e=d;b t=e.$k.1O(e.6.1P);b n=e.$k.1O(e.6.2r);7(!t){e.$k.I(e.6.1P)}7(!n){e.$k.I(e.6.2r)}},3p:9(){b t=d;7(t.6.2F===c){q c}7(t.6.4r===j){t.6.v=t.2u=1;t.6.13=c;t.6.1A=c;t.6.26=c;t.6.24=c;t.6.1W=c;t.6.1K=c;q c}b n=e(t.6.4h).1k();7(n>(t.6.1A[0]||t.2u)){t.6.v=t.2u}7(B t.6.13!=="3b"&&t.6.13!==c){t.6.13.50(9(e,t){q e[0]-t[0]});1B(b r 2f t.6.13){7(B t.6.13[r]!=="3b"&&t.6.13[r][0]<=n){t.6.v=t.6.13[r][1]}}}m{7(n<=t.6.1A[0]&&t.6.1A!==c){t.6.v=t.6.1A[1]}7(n<=t.6.26[0]&&t.6.26!==c){t.6.v=t.6.26[1]}7(n<=t.6.24[0]&&t.6.24!==c){t.6.v=t.6.24[1]}7(n<=t.6.1W[0]&&t.6.1W!==c){t.6.v=t.6.1W[1]}7(n<=t.6.1K[0]&&t.6.1K!==c){t.6.v=t.6.1K[1]}}7(t.6.v>t.F&&t.6.4m===j){t.6.v=t.F}},46:9(){b n=d,r;7(n.6.2F!==j){q c}b i=e(t).1k();n.3v=9(){7(e(t).1k()!==i){7(n.6.P!==c){1d(n.1w)}52(r);r=1f(9(){i=e(t).1k();n.3E()},n.6.4l)}};e(t).48(n.3v)},43:9(){b e=d;e.2b(e.p);7(e.6.P!==c){e.3z()}},4c:9(){b t=d;b n=0;b r=t.F-t.6.v;t.$L.2p(9(i){b s=e(d);s.A({1k:t.N}).w("h-1U",2M(i));7(i%t.6.v===0||i===r){7(!(i>r)){n+=1}}s.w("h-1L",n)})},49:9(){b e=d;b t=0;b t=e.$L.S*e.N;e.$H.A({1k:t*2,W:0});e.4c()},3F:9(){b e=d;e.4a();e.49();e.4s();e.3j()},4a:9(){b e=d;e.N=23.4Q(e.$k.1k()/e.6.v)},3j:9(){b e=d;b t=(e.F*e.N-e.6.v*e.N)*-1;7(e.6.v>e.F){e.D=0;t=0;e.3x=0}m{e.D=e.F-e.6.v;e.3x=t}q t},3Z:9(){q 0},4s:9(){b t=d;t.J=[0];t.2X=[];b n=0;b r=0;1B(b i=0;i<t.F;i++){r+=t.N;t.J.3s(-r);7(t.6.16===j){b s=e(t.$L[i]);b o=s.w("h-1L");7(o!==n){t.2X[n]=t.J[i];n=o}}}},40:9(){b t=d;7(t.6.2n===j||t.6.1C===j){t.E=e(\'<M K="h-53"/>\').4U("57",!t.G.15).51(t.$k)}7(t.6.1C===j){t.4w()}7(t.6.2n===j){t.4x()}},4x:9(){b t=d;b n=e(\'<M K="h-4Y"/>\');t.E.1j(n);t.1v=e("<M/>",{"K":"h-1h",2e:t.6.2I[0]||""});t.1u=e("<M/>",{"K":"h-T",2e:t.6.2I[1]||""});n.1j(t.1v).1j(t.1u);n.z("3a.E 25.E",\'M[K^="h"]\',9(e){e.1n()});n.z("2q.E 2B.E",\'M[K^="h"]\',9(n){n.1n();7(e(d).1O("h-T")){t.T()}m{t.1h()}})},4w:9(){b t=d;t.1p=e(\'<M K="h-1C"/>\');t.E.1j(t.1p);t.1p.z("2q.E 2B.E",".h-1o",9(n){n.1n();7(2M(e(d).w("h-1o"))!==t.p){t.1l(2M(e(d).w("h-1o")),j)}})},3T:9(){b t=d;7(t.6.1C===c){q c}t.1p.2e("");b n=0;b r=t.F-t.F%t.6.v;1B(b i=0;i<t.F;i++){7(i%t.6.v===0){n+=1;7(r===i){b s=t.F-t.6.v}b o=e("<M/>",{"K":"h-1o"});b u=e("<4G></4G>",{59:t.6.2H===j?n:"","K":t.6.2H===j?"h-4V":""});o.1j(u);o.w("h-1o",r===i?s:i);o.w("h-1L",n);t.1p.1j(o)}}t.2L()},2L:9(){b t=d;7(t.6.1C===c){q c}t.1p.11(".h-1o").2p(9(n,r){7(e(d).w("h-1L")===e(t.$L[t.p]).w("h-1L")){t.1p.11(".h-1o").X("2g");e(d).I("2g")}})},3o:9(){b e=d;7(e.6.2n===c){q c}7(e.6.2l===c){7(e.p===0&&e.D===0){e.1v.I("1a");e.1u.I("1a")}m 7(e.p===0&&e.D!==0){e.1v.I("1a");e.1u.X("1a")}m 7(e.p===e.D){e.1v.X("1a");e.1u.I("1a")}m 7(e.p!==0&&e.p!==e.D){e.1v.X("1a");e.1u.X("1a")}}},2U:9(){b e=d;e.3T();e.3o();7(e.E){7(e.6.v>=e.F){e.E.4A()}m{e.E.4u()}}},4P:9(){b e=d;7(e.E){e.E.3w()}},T:9(e){b t=d;7(t.1H){q c}t.p+=t.6.16===j?t.6.v:1;7(t.p>t.D+(t.6.16==j?t.6.v-1:0)){7(t.6.2l===j){t.p=0;e="29"}m{t.p=t.D;q c}}t.1l(t.p,e)},1h:9(e){b t=d;7(t.1H){q c}7(t.6.16===j&&t.p>0&&t.p<t.6.v){t.p=0}m{t.p-=t.6.16===j?t.6.v:1}7(t.p<0){7(t.6.2l===j){t.p=t.D;e="29"}m{t.p=0;q c}}t.1l(t.p,e)},1l:9(e,t,n){b r=d;7(r.1H){q c}7(B r.6.1R==="9"){r.6.1R.O(d,[r.$k])}7(e>=r.D){e=r.D}m 7(e<=0){e=0}r.p=r.h.p=e;7(r.6.2k!==c&&n!=="3M"&&r.6.v===1&&r.G.1t===j){r.1s(0);7(r.G.1t===j){r.1Z(r.J[e])}m{r.1r(r.J[e],1)}r.2d();r.4H();q c}b i=r.J[e];7(r.G.1t===j){r.1F=c;7(t===j){r.1s("1z");1f(9(){r.1F=j},r.6.1z)}m 7(t==="29"){r.1s(r.6.2z);1f(9(){r.1F=j},r.6.2z)}m{r.1s("1m");1f(9(){r.1F=j},r.6.1m)}r.1Z(i)}m{7(t===j){r.1r(i,r.6.1z)}m 7(t==="29"){r.1r(i,r.6.2z)}m{r.1r(i,r.6.1m)}}r.2d()},2b:9(e){b t=d;7(B t.6.1R==="9"){t.6.1R.O(d,[t.$k])}7(e>=t.D||e===-1){e=t.D}m 7(e<=0){e=0}t.1s(0);7(t.G.1t===j){t.1Z(t.J[e])}m{t.1r(t.J[e],1)}t.p=t.h.p=e;t.2d()},2d:9(){b e=d;e.1M.3s(e.p);e.14=e.h.14=e.1M[e.1M.S-2];e.1M.4Z(0);7(e.14!==e.p){e.2L();e.3o();e.28();7(e.6.P!==c){e.3z()}}7(B e.6.2Q==="9"&&e.14!==e.p){e.6.2Q.O(d,[e.$k])}},Z:9(){b e=d;e.3i="Z";1d(e.1w)},3z:9(){b e=d;7(e.3i!=="Z"){e.19()}},19:9(){b e=d;e.3i="19";7(e.6.P===c){q c}1d(e.1w);e.1w=3Q(9(){e.T(j)},e.6.P)},1s:9(e){b t=d;7(e==="1m"){t.$H.A(t.2y(t.6.1m))}m 7(e==="1z"){t.$H.A(t.2y(t.6.1z))}m 7(B e!=="34"){t.$H.A(t.2y(e))}},2y:9(e){b t=d;q{"-22-1c":"2v "+e+"1x 2w","-1X-1c":"2v "+e+"1x 2w","-o-1c":"2v "+e+"1x 2w",1c:"2v "+e+"1x 2w"}},3G:9(){q{"-22-1c":"","-1X-1c":"","-o-1c":"",1c:""}},3J:9(e){q{"-22-Q":"1i("+e+"V, C, C)","-1X-Q":"1i("+e+"V, C, C)","-o-Q":"1i("+e+"V, C, C)","-1x-Q":"1i("+e+"V, C, C)",Q:"1i("+e+"V, C,C)"}},1Z:9(e){b t=d;t.$H.A(t.3J(e))},3U:9(e){b t=d;t.$H.A({W:e})},1r:9(e,t){b n=d;n.2c=c;n.$H.Z(j,j).3W({W:e},{55:t||n.6.1m,4y:9(){n.2c=j}})},3N:9(){b e=d;b r="1i(C, C, C)",i=n.56("M");i.2j.3I=" -1X-Q:"+r+"; -1x-Q:"+r+"; -o-Q:"+r+"; -22-Q:"+r+"; Q:"+r;b s=/1i\\(C, C, C\\)/g,o=i.2j.3I.4T(s),u=o!==1b&&o.S===1;b a="5k"2f t||66.5X;e.G={1t:u,15:a}},3V:9(){b e=d;7(e.6.1T!==c||e.6.1S!==c){e.3L();e.3P()}},3K:9(){b e=d;b t=["s","e","x"];e.12={};7(e.6.1T===j&&e.6.1S===j){t=["3a.h 25.h","3B.h 3S.h","2q.h 3X.h 2B.h"]}m 7(e.6.1T===c&&e.6.1S===j){t=["3a.h","3B.h","2q.h 3X.h"]}m 7(e.6.1T===j&&e.6.1S===c){t=["25.h","3S.h","2B.h"]}e.12["3H"]=t[0];e.12["3g"]=t[1];e.12["3n"]=t[2]},3P:9(){b t=d;t.$k.z("5N.h",9(e){e.1n()});t.$k.z("25.4d",9(t){q e(t.1e).2A("5M, 5L, 5Q, 5R")})},3L:9(){9 o(e){7(e.3q){q{x:e.3q[0].3h,y:e.3q[0].3Y}}m{7(e.3h!==r){q{x:e.3h,y:e.3Y}}m{q{x:e.5S,y:e.5T}}}}9 u(t){7(t==="z"){e(n).z(i.12["3g"],f);e(n).z(i.12["3n"],l)}m 7(t==="R"){e(n).R(i.12["3g"]);e(n).R(i.12["3n"])}}9 a(n){b n=n.3d||n||t.3r;7(n.5U===3){q c}7(i.F<=i.6.v){q}7(i.2c===c&&!i.6.31){q c}7(i.1F===c&&!i.6.31){q c}7(i.6.P!==c){1d(i.1w)}7(i.G.15!==j&&!i.$H.1O("3C")){i.$H.I("3C")}i.17=0;i.Y=0;e(d).A(i.3G());b r=e(d).2i();s.2K=r.W;s.2E=o(n).x-r.W;s.2G=o(n).y-r.5V;u("z");s.2a=c;s.30=n.1e||n.3R}9 f(r){b r=r.3d||r||t.3r;i.17=o(r).x-s.2E;i.3D=o(r).y-s.2G;i.Y=i.17-s.2K;7(B i.6.2Y==="9"&&s.3A!==j&&i.Y!==0){s.3A=j;i.6.2Y.O(i,[i.$k])}7(i.Y>8||i.Y<-8&&i.G.15===j){r.1n?r.1n():r.5K=c;s.2a=j}7((i.3D>10||i.3D<-10)&&s.2a===c){e(n).R("3B.h")}b u=9(){q i.Y/5};b a=9(){q i.3x+i.Y/5};i.17=23.3j(23.3Z(i.17,u()),a());7(i.G.1t===j){i.1Z(i.17)}m{i.3U(i.17)}}9 l(n){b n=n.3d||n||t.3r;n.1e=n.1e||n.3R;s.3A=c;7(i.G.15!==j){i.$H.X("3C")}7(i.Y<0){i.1D=i.h.1D="W"}m{i.1D=i.h.1D="2T"}7(i.Y!==0){b r=i.4b();i.1l(r,c,"3M");7(s.30===n.1e&&i.G.15!==j){e(n.1e).z("2N.3O",9(t){t.5O();t.5W();t.1n();e(n.1e).R("2N.3O")});b o=e.5Y(n.1e,"68")["2N"];b a=o.69();o.63(0,0,a)}}u("R")}b i=d;b s={2E:0,2G:0,5Z:0,2K:0,2i:1b,60:1b,61:1b,2a:1b,62:1b,30:1b};i.2c=j;i.$k.z(i.12["3H"],".h-1g",a)},4b:9(){b e=d,t;t=e.4B();7(t>e.D){e.p=e.D;t=e.D}m 7(e.17>=0){t=0;e.p=0}q t},4B:9(){b t=d,n=t.6.16===j?t.2X:t.J,r=t.17,i=1b;e.2p(n,9(s,o){7(r-t.N/20>n[s+1]&&r-t.N/20<o&&t.2R()==="W"){i=o;7(t.6.16===j){t.p=e.4C(i,t.J)}m{t.p=s}}m 7(r+t.N/20<o&&r+t.N/20>(n[s+1]||n[s]-t.N)&&t.2R()==="2T"){7(t.6.16===j){i=n[s+1]||n[n.S-1];t.p=e.4C(i,t.J)}m{i=n[s+1];t.p=s+1}}});q t.p},2R:9(){b e=d,t;7(e.Y<0){t="2T";e.2Z="T"}m{t="W";e.2Z="1h"}q t},4D:9(){b e=d;e.$k.z("h.T",9(){e.T()});e.$k.z("h.1h",9(){e.1h()});e.$k.z("h.19",9(t,n){e.6.P=n;e.19();e.36="19"});e.$k.z("h.Z",9(){e.Z();e.36="Z"});e.$k.z("h.1l",9(t,n){e.1l(n)});e.$k.z("h.2b",9(t,n){e.2b(n)})},2t:9(){b e=d;7(e.6.2t===j&&e.G.15!==j&&e.6.P!==c){e.$k.z("67",9(){e.Z()});e.$k.z("64",9(){7(e.36!=="Z"){e.19()}})}},1Q:9(){b t=d;7(t.6.1Q===c){q c}1B(b n=0;n<t.F;n++){b i=e(t.$L[n]);7(i.w("h-18")==="18"){4E}b s=i.w("h-1U"),o=i.11(".65"),u;7(B o.w("1N")!=="34"){i.w("h-18","18");4E}7(i.w("h-18")===r){o.4A();i.I("4v").w("h-18","5P")}7(t.6.4i===j){u=s>=t.p}m{u=j}7(u&&s<t.p+t.6.v&&o.S){t.4z(i,o)}}},4z:9(e,t){9 s(){r+=1;7(n.32(t.2C(0))||i===j){o()}m 7(r<=2h){1f(s,2h)}m{o()}}9 o(){e.w("h-18","18").X("4v");t.5I("w-1N");n.6.4j==="4k"?t.5m(5l):t.4u();7(B n.6.2W==="9"){n.6.2W.O(d,[n.$k])}}b n=d,r=0;7(t.5b("5o")==="5q"){t.A("5p-5J","5j("+t.w("1N")+")");b i=j}m{t[0].1N=t.w("1N")}s()},1q:9(){9 s(){i+=1;7(t.32(n.2C(0))){o()}m 7(i<=2h){1f(s,2h)}m{t.1V.A("2J","")}}9 o(){b n=e(t.$L[t.p]).2J();t.1V.A("2J",n+"V");7(!t.1V.1O("1q")){1f(9(){t.1V.I("1q")},0)}}b t=d;b n=e(t.$L[t.p]).11("5e");7(n.2C(0)!==r){b i=0;s()}m{o()}},32:9(e){7(!e.4y){q c}7(B e.4F!=="3b"&&e.4F==0){q c}q j},4M:9(){b t=d;7(t.6.35===j){t.$L.X("2g")}t.1y=[];1B(b n=t.p;n<t.p+t.6.v;n++){t.1y.3s(n);7(t.6.35===j){e(t.$L[n]).I("2g")}}t.h.1y=t.1y},4N:9(e){b t=d;t.4L="h-"+e+"-5d";t.4K="h-"+e+"-2f"},4H:9(){9 u(e,t){q{2i:"5c",W:e+"V"}}b e=d;e.1H=j;b t=e.4L,n=e.4K,r=e.$L.27(e.p),i=e.$L.27(e.14),s=23.4J(e.J[e.p])+e.J[e.14],o=23.4J(e.J[e.p])+e.N/2;e.$H.I("h-1I").A({"-22-Q-1I":o+"V","-1X-4I-1I":o+"V","4I-1I":o+"V"});b a="5f 5g 5i 5h";i.A(u(s,10)).I(t).z(a,9(){e.3c=j;i.R(a);e.3m(i,t)});r.I(n).z(a,9(){e.3e=j;r.R(a);e.3m(r,n)})},3m:9(e,t){b n=d;e.A({2i:"",W:""}).X(t);7(n.3c&&n.3e){n.$H.X("h-1I");n.3c=c;n.3e=c;n.1H=c}},4t:9(){b e=d;e.h={2m:e.2m,5r:e.$k,U:e.$U,L:e.$L,p:e.p,14:e.14,1y:e.1y,15:e.G.15,G:e.G,1D:e.1D}},47:9(){b r=d;r.$k.R(".h h 25.4d");e(n).R(".h h");e(t).R("48",r.3v)},1E:9(){b e=d;7(e.$k.1J().S!==0){e.$H.3u();e.$U.3u().3u();7(e.E){e.E.3w()}}e.47();e.$k.2x("2j",e.$k.w("h-42")||"").2x("K",e.$k.w("h-41"))},5s:9(){b e=d;e.Z();1d(e.1G);e.1E();e.$k.5D()},5C:9(t){b n=d;b r=e.44({},n.2m,t);n.1E();n.1Y(r,n.$k)},5E:9(e,t){b n=d,i;7(!e){q c}7(n.$k.1J().S===0){n.$k.1j(e);n.21();q c}n.1E();7(t===r||t===-1){i=-1}m{i=t}7(i>=n.$U.S||i===-1){n.$U.27(-1).5F(e)}m{n.$U.27(i).5H(e)}n.21()},5G:9(e){b t=d,n;7(t.$k.1J().S===0){q c}7(e===r||e===-1){n=-1}m{n=e}t.1E();t.$U.27(n).3w();t.21()}};e.3f.2s=9(t){q d.2p(9(){7(e(d).w("h-1Y")===j){q c}e(d).w("h-1Y",j);b n=3l.3k(i);n.1Y(t,d);e.w(d,"2s",n)})};e.3f.2s.6={v:5,13:c,1A:[5B,4],26:[5A,3],24:[5v,2],1W:c,1K:[5u,1],4r:c,4m:c,1m:2D,1z:5t,2z:5w,P:c,2t:c,2n:c,2I:["1h","T"],2l:j,16:c,1C:j,2H:c,2F:j,4l:2D,4h:t,1P:"h-5x",2r:"h-2r",1Q:c,4i:j,4j:"4k",1q:c,33:c,2P:c,31:j,1T:j,1S:j,35:c,2k:c,39:c,38:c,37:c,2S:c,1R:c,2Q:c,2V:c,2Y:c,2W:c}})(5z,5y,5n)',62,382,'||||||options|if||function||var|false|this||||owl||true|elem||else|||currentItem|return|||||items|data|||on|css|typeof|0px|maximumItem|owlControls|itemsAmount|browser|owlWrapper|addClass|positionsInArray|class|owlItems|div|itemWidth|apply|autoPlay|transform|off|length|next|userItems|px|right|removeClass|newRelativeX|stop||find|ev_types|itemsCustom|prevItem|isTouch|scrollPerPage|newPosX|loaded|play|disabled|null|transition|clearInterval|target|setTimeout|wrapper|prev|translate3d|append|width|goTo|slideSpeed|preventDefault|page|paginationWrapper|autoHeight|css2slide|swapSpeed|support3d|buttonNext|buttonPrev|autoPlayInterval|ms|visibleItems|paginationSpeed|itemsDesktop|for|pagination|dragDirection|unWrap|isCss3Finish|checkVisible|isTransition|origin|children|itemsMobile|roundPages|prevArr|src|hasClass|baseClass|lazyLoad|beforeMove|touchDrag|mouseDrag|item|wrapperOuter|itemsTabletSmall|moz|init|transition3d||setVars|webkit|Math|itemsTablet|mousedown|itemsDesktopSmall|eq|eachMoveUpdate|rewind|sliding|jumpTo|isCssFinish|afterGo|html|in|active|100|position|style|transitionStyle|rewindNav|userOptions|navigation|opacity|each|touchend|theme|owlCarousel|stopOnHover|orignalItems|all|ease|attr|addCssSpeed|rewindSpeed|is|mouseup|get|200|offsetX|responsive|offsetY|paginationNumbers|navigationText|height|relativePos|checkPagination|Number|click|logIn|jsonSuccess|afterMove|moveDirection|afterInit|left|updateControls|afterAction|afterLazyLoad|pagesInArray|startDragging|playDirection|targetElement|dragBeforeAnimFinish|completeImg|jsonPath|string|addClassActive|hoverStatus|beforeInit|afterUpdate|beforeUpdate|touchstart|undefined|endPrev|originalEvent|endCurrent|fn|move|pageX|apStatus|max|create|Object|clearTransStyle|end|checkNavigation|updateItems|touches|event|push|watchVisibility|unwrap|resizer|remove|maximumPixels|visible|checkAp|dragging|touchmove|grabbing|newPosY|updateVars|calculateAll|removeTransition|start|cssText|doTranslate|eventTypes|gestures|drag|checkBrowser|disable|disabledEvents|setInterval|srcElement|mousemove|updatePagination|css2move|moveEvents|animate|touchcancel|pageY|min|buildControls|originalClasses|originalStyles|updatePosition|extend|block|response|clearEvents|resize|appendWrapperSizes|calculateWidth|getNewPosition|appendItemsSizes|disableTextSelect|display|outer|loadContent|responsiveBaseWidth|lazyFollow|lazyEffect|fade|responsiveRefreshRate|itemsScaleUp|wrapItems|wrap|reload|onStartup|singleItem|loops|owlStatus|show|loading|buildPagination|buildButtons|complete|lazyPreload|hide|closestItem|inArray|customEvents|continue|naturalWidth|span|singleItemTransition|perspective|abs|inClass|outClass|onVisibleItems|transitionTypes|wrapperWidth|destroyControls|round|new|prototype|match|toggleClass|numbers|getJSON|onstartup|buttons|shift|sort|appendTo|clearTimeout|controls|wrapAll|duration|createElement|clickable|500|text|5e3|prop|relative|out|img|webkitAnimationEnd|oAnimationEnd|animationend|MSAnimationEnd|url|ontouchstart|400|fadeIn|document|tagName|background|DIV|baseElement|destroy|800|479|768|1e3|carousel|window|jQuery|979|1199|reinit|removeData|addItem|after|removeItem|before|removeAttr|image|returnValue|textarea|input|dragstart|stopImmediatePropagation|checked|select|option|clientX|clientY|which|top|stopPropagation|msMaxTouchPoints|_data|baseElWidth|minSwipe|maxSwipe|dargging|splice|mouseout|lazyOwl|navigator|mouseover|events|pop'.split('|'),0,{}));
// SelectNav.js - https://github.com/lukaszfiszer/selectnav.js
window.selectnav=function(){"use strict";var e=function(e,t){function c(e){var t;if(!e)e=window.event;if(e.target)t=e.target;else if(e.srcElement)t=e.srcElement;if(t.nodeType===3)t=t.parentNode;if(t.value)window.location.href=t.value}function h(e){var t=e.nodeName.toLowerCase();return t==="ul"||t==="ol"}function p(e){for(var t=1;document.getElementById("selectnav"+t);t++);return e?"selectnav"+t:"selectnav"+(t-1)}function d(e){a++;var t=e.children.length,n="",l="",c=a-1;if(!t){return}if(c){while(c--){l+=o}l+=" "}for(var v=0;v<t;v++){var m=e.children[v].children[0];if(typeof m!=="undefined"){var g=m.innerText||m.textContent;var y="";if(r){y=m.className.search(r)!==-1||m.parentNode.className.search(r)!==-1?f:""}if(i&&!y){y=m.href===document.URL?f:""}n+='<option value="'+m.href+'" '+y+">"+l+g+"</option>";if(s){var b=e.children[v].children[1];if(b&&h(b)){n+=d(b)}}}}if(a===1&&u){n='<option value="">'+u+"</option>"+n}if(a===1){n='<select class="selectnav" id="'+p(true)+'">'+n+"</select>"}a--;return n}e=document.getElementById(e);if(!e){return}if(!h(e)){return}if(!("insertAdjacentHTML"in window.document.documentElement)){return}document.documentElement.className+=" js";var n=t||{},r=n.activeclass||"active",i=typeof n.autoselect==="boolean"?n.autoselect:true,s=typeof n.nested==="boolean"?n.nested:true,o=n.indent||"←",u=n.label||"- القائمة -",a=0,f=" selected ";e.insertAdjacentHTML("afterend",d(e));var l=document.getElementById(p());if(l.addEventListener){l.addEventListener("change",c)}if(l.attachEvent){l.attachEvent("onchange",c)}return l};return function(t,n){e(t,n)}}();$(document).ready(function(){selectnav('nav');});
$(document).ready(function() {
$(".widget-content").each(function(){var e=$(this).text();if(e.substr(0,10).match("fbbox")){e=e.replace("fbbox/","");$(this).html('<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href='+e+'&width=340px&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&appId=492409184153294" style="border:none; overflow:hidden; width:100%; height:258px;"></iframe>');}});$(document).ready(function() {$('#sidebar-wrapper h2:contains("فيس بوك")').parents(".widget").addClass('facebook-box');});
(function($){
$('.data-snippet').each(function() {
var postdesc = $(this);
$.get(postdesc.attr('data-post'), function (data) {
postdesc.html('<span>'+$(data).find('.post-body').text().substr(0, 300)+' [...]</span>');
},"html");
});
})(jQuery);
$('.post-thumb a').attr('style', function(i, src) {return src.replace( '/s72-c', '/s1600' );});
$('.post-thumb a').attr('style', function(i, src) {return src.replace( '/default.jpg', '/mqdefault.jpg' );});
$('.index .post-outer').each(function() {
var title = $(this).find('.post-home .post-title').text();
var thumb = $(this).find('.post-thumb a').attr('data-thumb');
var snippet = $(this).find('.data-snippet');
var url = snippet.attr('data-post');
var share = $(this).find('.post-share').length;
if (share === 0) {
snippet.after('<div class="post-share"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=' + url + '"><i class="fa fa-facebook"></i></a><a target="_blank" href="https://twitter.com/intent/tweet?source=webclient&text=' + title + ' ' + url + '"><i class="fa fa-twitter"></i></a><a target="_blank" href="https://plus.google.com/share?url=' + url + '"><i class="fa fa-google-plus"></i></a><a target="_blank" href="http://www.pinterest.com/pin/create/button/?source_url=' + url + '&media=' + thumb + '&description=' + title + '"><i class="fa fa-pinterest"></i></a><a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=' + url + '"><i class="fa fa-linkedin"></i></a><div>');
}
});
if ( $('.item .first-img').length != 0) {
$('.post-body img:first-child').remove();
}
$('.error_page #main-wrapper').prepend('<div class="error-title"><span>404</span>');
$( "#sidebar-wrapper .widget h2" ).wrap( "<div class='widget-title'/>" );
$( "#footer-wrapper .widget h2" ).wrap( "<div class='widget-title'/>" );
$( ".FollowByEmail .follow-by-email-inner form table" ).html( "<tr><td><input class='follow-by-email-address' name='email' placeholder='البريد الإلكتروني..' type='text'><div class='email-icon'><i class='fa fa-envelope'/></div></td><td width='64px'><input class='follow-by-email-submit' type='submit' value='إشتراك'></td></tr>" );
});
$(document).on('click','#search-button button.open',function(){
$( "#search-bar" ).css("display","block");
$( "#search-bar" ).animate({right:'0px'},"500");
$( this ).css("display","none");
$( "#search-button button.remove" ).css("display","block");
});
$(document).on('click','#search-button button.remove',function(){
$( "#search-bar" ).css("display","none");
$( "#search-bar" ).css("right","100%");
$( this ).css("display","none");
$( "#search-button button.open" ).css("display","block");
});
// Infinite Scrolling
(function($) {
var loadingGif = 'http://1.bp.blogspot.com/-mS3MxrWoZMA/U7cGlLXgvVI/AAAAAAAAEQE/OYVpjUSqEHI/s1600/ajax-loader+(2).gif';
var olderPostsLink = '';
var loadMoreDiv = null;
var postContainerSelector = '.blog-posts';
var loading = false;
var win = $(window);
var doc = $(document);
// Took from jQuery to avoid permission denied error in IE.
var rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;
function loadDisqusScript(domain) {
$.getScript('http://' + domain + '.disqus.com/blogger_index.js');
}
function loadMore() {
if (loading) {
return;
}
loading = true;
if (!olderPostsLink) {
loadMoreDiv.html('<span>لايوجد المزيد</span>');
return;
}
loadMoreDiv.find('a').hide();
loadMoreDiv.find('img').show();
$.ajax(olderPostsLink, {
'dataType': 'html'
}).done(function(html) {
var newDom = $('<div></div>').append(html.replace(rscript, ''));
var newLink = newDom.find('a.blog-pager-older-link');
if (newLink) {
olderPostsLink = newLink.attr('href');
} else {
olderPostsLink = '';
loadMoreDiv.hide();
}
var newPosts = newDom.find(postContainerSelector).children();
$(postContainerSelector).append(newPosts);
(function($){
$('.data-snippet').each(function() {
var postdesc = $(this);
$.get(postdesc.attr('data-post'), function (data) {
postdesc.html('<span>'+$(data).find('.post-body').text().substr(0, 300)+' [...]</span>');
},"html");
});
})(jQuery);
$('.post-thumb a').attr('style', function(i, src) {return src.replace( '/s72-c', '/s1600' );});
$('.post-thumb a').attr('style', function(i, src) {return src.replace( '/default.jpg', '/mqdefault.jpg' );});
$('.index .post-outer').each(function() {
var title = $(this).find('.post-home .post-title').text();
var thumb = $(this).find('.post-thumb a').attr('data-thumb');
var snippet = $(this).find('.data-snippet');
var url = snippet.attr('data-post');
var share = $(this).find('.post-share').length;
if (share === 0) {
snippet.after('<div class="post-share"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=' + url + '"><i class="fa fa-facebook"></i></a><a target="_blank" href="https://twitter.com/intent/tweet?source=webclient&text=' + title + ' ' + url + '"><i class="fa fa-twitter"></i></a><a target="_blank" href="https://plus.google.com/share?url=' + url + '"><i class="fa fa-google-plus"></i></a><a target="_blank" href="http://www.pinterest.com/pin/create/button/?source_url=' + url + '&media=' + thumb + '&description=' + title + '"><i class="fa fa-pinterest"></i></a><a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=' + url + '"><i class="fa fa-linkedin"></i></a><div>');
}
});
// Loaded more posts successfully. Register this pageview with
// Google Analytics.
if (window._gaq) {
window._gaq.push(['_trackPageview', olderPostsLink]);
}
// Render +1 buttons.
if (window.gapi && window.gapi.plusone && window.gapi.plusone.go) {
window.gapi.plusone.go();
}
// Render Disqus comments.
if (window.disqus_shortname) {
loadDisqusScript(window.disqus_shortname);
}
// Render Facebook buttons.
if (window.FB && window.FB.XFBML && window.FB.XFBML.parse) {
window.FB.XFBML.parse();
}
// Render Twitter widgets.
if (window.twttr && window.twttr.widgets && window.twttr.widgets.load) {
window.twttr.widgets.load();
}
loadMoreDiv.find('img').hide();
loadMoreDiv.find('a').show();
loading = false;
});
}
function getDocumentHeight() {
return Math.max(
win.height(),
doc.height(),
document.documentElement.clientHeight);
}
function handleScroll() {
var height = getDocumentHeight();
var pos = win.scrollTop() + win.height();
if (height - pos < 0) {
loadMore();
}
}
function init() {
if (_WidgetManager._GetAllData().blog.pageType == 'item') {
return;
}
olderPostsLink = $('a.blog-pager-older-link').attr('href');
if (!olderPostsLink) {
return;
}
var link = $('<a href="javascript:;"><i class="fa fa-spin fa-circle-o-notch"></i> تحميل المزيد من الموضوعات</a>');
link.click(loadMore);
var img = $('<img src="' + loadingGif + '" style="display: none;">');
win.scroll(handleScroll);
loadMoreDiv = $('<div class="loadmore"></div>');
loadMoreDiv.append(link);
loadMoreDiv.append(img);
loadMoreDiv.insertBefore($('#blog-pager'));
$('#blog-pager').hide();
}
$(document).ready(init);
})(jQuery);
// Recent Posts Styles
$(".slider-layout .HTML .widget-content").each(function () {
var tag = $(this).text();
$.ajax({
url: "/feeds/posts/default/-/" + tag + "?alt=json-in-script&max-results=9",
type: 'get',
dataType: "jsonp",
success: function (data) {
var posturl = "";
var htmlcode = '<div class="slider-items owl-carousel">';
for (var i = 0; i < data.feed.entry.length; i++) {
for (var j = 0; j < data.feed.entry[i].link.length; j++) {
if (data.feed.entry[i].link[j].rel == "alternate") {
posturl = data.feed.entry[i].link[j].href;
break;
}
}
var posttitle = data.feed.entry[i].title.$t;
var author = data.feed.entry[i].author[0].name.$t;
var date = data.feed.entry[i].published.$t.substring(0, 10);
var content = data.feed.entry[i].content.$t;
var $content = $('<div>').html(content);
if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1 ) {
var src2 = data.feed.entry[i].media$thumbnail.url;
var thumb = '<a class="recent-thumb" href="' + posturl + '" style="background:url('+src2+') no-repeat center center;background-size: cover"/>';
} else if (content.indexOf("<img") > -1 ) {
var src = $content.find('img:first').attr('src');
var thumb = '<a class="recent-thumb" href="' + posturl + '" style="background:url('+src+') no-repeat center center;background-size: cover"/>';
} else {
var thumb = '<a class="recent-thumb" href="' + posturl + '" style="background:url(http://3.bp.blogspot.com/-qnLm52EsvBE/VDkrZ46TWXI/AAAAAAAAAsM/tiJ36WiboU4/s1600/90.jpg) no-repeat center center;background-size: cover"/>';
}
htmlcode += '<li>' + thumb + '<div class="recent-content"><h3 class="recent-title"><a href="' + posturl + '">' + posttitle + '</a></h3><span class="recent-date">' + date + '</span><span class="recent-author">' + author + '</span></div><div class="clear"/></li>';
}
htmlcode += '</div>';
$(".slider-layout .HTML .widget-content").each(function () {
$(this).html(htmlcode);
$(this).parent().addClass('slider');
$(this).removeClass('widget-content').addClass('layout-content');
$(".slider-items").owlCarousel({
items : 3,
navigation : true,
navigationText : ["",""],
itemsDesktop : [1000,3],
itemsDesktopSmall : [647,2],
itemsTablet : [396,1],
autoPlay: true,
autoPlay : 5000,
itemsMobile : false,
pagination : true
});
$(this).find('.recent-thumb').each(function() {
$(this).attr('style', function(i, src) {
return src.replace('/default.jpg', '/mqdefault.jpg');
}).attr('style', function(i, src) {
return src.replace('s72-c', 's1600');
});
});
});
}
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
(function(){var a,b,c,d,e,f=function(a,b){return function(){return a.apply(b,arguments)}},g=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};b=function(){function a(){}return a.prototype.extend=function(a,b){var c,d;for(c in b)d=b[c],null==a[c]&&(a[c]=d);return a},a.prototype.isMobile=function(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)},a.prototype.addEvent=function(a,b,c){return null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c},a.prototype.removeEvent=function(a,b,c){return null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]},a.prototype.innerHeight=function(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight},a}(),c=this.WeakMap||this.MozWeakMap||(c=function(){function a(){this.keys=[],this.values=[]}return a.prototype.get=function(a){var b,c,d,e,f;for(f=this.keys,b=d=0,e=f.length;e>d;b=++d)if(c=f[b],c===a)return this.values[b]},a.prototype.set=function(a,b){var c,d,e,f,g;for(g=this.keys,c=e=0,f=g.length;f>e;c=++e)if(d=g[c],d===a)return void(this.values[c]=b);return this.keys.push(a),this.values.push(b)},a}()),a=this.MutationObserver||this.WebkitMutationObserver||this.MozMutationObserver||(a=function(){function a(){"undefined"!=typeof console&&null!==console&&console.warn("MutationObserver is not supported by your browser."),"undefined"!=typeof console&&null!==console&&console.warn("WOW.js cannot detect dom mutations, please call .sync() after loading new content.")}return a.notSupported=!0,a.prototype.observe=function(){},a}()),d=this.getComputedStyle||function(a){return this.getPropertyValue=function(b){var c;return"float"===b&&(b="styleFloat"),e.test(b)&&b.replace(e,function(a,b){return b.toUpperCase()}),(null!=(c=a.currentStyle)?c[b]:void 0)||null},this},e=/(\-([a-z]){1})/g,this.WOW=function(){function e(a){null==a&&(a={}),this.scrollCallback=f(this.scrollCallback,this),this.scrollHandler=f(this.scrollHandler,this),this.start=f(this.start,this),this.scrolled=!0,this.config=this.util().extend(a,this.defaults),this.animationNameCache=new c}return e.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0,live:!0},e.prototype.init=function(){var a;return this.element=window.document.documentElement,"interactive"===(a=document.readyState)||"complete"===a?this.start():this.util().addEvent(document,"DOMContentLoaded",this.start),this.finished=[]},e.prototype.start=function(){var b,c,d,e;if(this.stopped=!1,this.boxes=function(){var a,c,d,e;for(d=this.element.querySelectorAll("."+this.config.boxClass),e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.all=function(){var a,c,d,e;for(d=this.boxes,e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.boxes.length)if(this.disabled())this.resetStyle();else{for(e=this.boxes,c=0,d=e.length;d>c;c++)b=e[c],this.applyStyle(b,!0);this.util().addEvent(window,"scroll",this.scrollHandler),this.util().addEvent(window,"resize",this.scrollHandler),this.interval=setInterval(this.scrollCallback,50)}return this.config.live?new a(function(a){return function(b){var c,d,e,f,g;for(g=[],e=0,f=b.length;f>e;e++)d=b[e],g.push(function(){var a,b,e,f;for(e=d.addedNodes||[],f=[],a=0,b=e.length;b>a;a++)c=e[a],f.push(this.doSync(c));return f}.call(a));return g}}(this)).observe(document.body,{childList:!0,subtree:!0}):void 0},e.prototype.stop=function(){return this.stopped=!0,this.util().removeEvent(window,"scroll",this.scrollHandler),this.util().removeEvent(window,"resize",this.scrollHandler),null!=this.interval?clearInterval(this.interval):void 0},e.prototype.sync=function(){return a.notSupported?this.doSync(this.element):void 0},e.prototype.doSync=function(a){var b,c,d,e,f;if(null==a&&(a=this.element),1===a.nodeType){for(a=a.parentNode||a,e=a.querySelectorAll("."+this.config.boxClass),f=[],c=0,d=e.length;d>c;c++)b=e[c],g.call(this.all,b)<0?(this.boxes.push(b),this.all.push(b),this.stopped||this.disabled()?this.resetStyle():this.applyStyle(b,!0),f.push(this.scrolled=!0)):f.push(void 0);return f}},e.prototype.show=function(a){return this.applyStyle(a),a.className=""+a.className+" "+this.config.animateClass},e.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),this.animate(function(f){return function(){return f.customStyle(a,b,d,c,e)}}(this))},e.prototype.animate=function(){return"requestAnimationFrame"in window?function(a){return window.requestAnimationFrame(a)}:function(a){return a()}}(),e.prototype.resetStyle=function(){var a,b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(a.style.visibility="visible");return e},e.prototype.customStyle=function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a},e.prototype.vendors=["moz","webkit"],e.prototype.vendorSet=function(a,b){var c,d,e,f;f=[];for(c in b)d=b[c],a[""+c]=d,f.push(function(){var b,f,g,h;for(g=this.vendors,h=[],b=0,f=g.length;f>b;b++)e=g[b],h.push(a[""+e+c.charAt(0).toUpperCase()+c.substr(1)]=d);return h}.call(this));return f},e.prototype.vendorCSS=function(a,b){var c,e,f,g,h,i;for(e=d(a),c=e.getPropertyCSSValue(b),i=this.vendors,g=0,h=i.length;h>g;g++)f=i[g],c=c||e.getPropertyCSSValue("-"+f+"-"+b);return c},e.prototype.animationName=function(a){var b;try{b=this.vendorCSS(a,"animation-name").cssText}catch(c){b=d(a).getPropertyValue("animation-name")}return"none"===b?"":b},e.prototype.cacheAnimationName=function(a){return this.animationNameCache.set(a,this.animationName(a))},e.prototype.cachedAnimationName=function(a){return this.animationNameCache.get(a)},e.prototype.scrollHandler=function(){return this.scrolled=!0},e.prototype.scrollCallback=function(){var a;return!this.scrolled||(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),this.boxes.length||this.config.live)?void 0:this.stop()},e.prototype.offsetTop=function(a){for(var b;void 0===a.offsetTop;)a=a.parentNode;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},e.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=window.pageYOffset,e=f+Math.min(this.element.clientHeight,this.util().innerHeight())-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},e.prototype.util=function(){return null!=this._util?this._util:this._util=new b},e.prototype.disabled=function(){return!this.config.mobile&&this.util().isMobile(navigator.userAgent)},e}()}).call(this);
//]]>
</script>
<script>
new WOW().init();
</script>
<div class='container'>
<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<div class='header section' id='header'><div class='widget Header' data-version='1' id='Header1'>
<div id='header-inner'>
<h1>
<a href='http://WEB3-NIGHT.blogspot.com/' style='display: block'>
<h1><img alt='مدونة ويب نايت | قوالب بلوجر,اضافات بلوجر, دروس بلوجر' height='80px; ' id='Header1_headerimg' src='http://store2.up-00.com/2016-06/1465961578391.png' style='display: block' width='308px; '/></h1>
</a></h1>
</div>
</div></div>
<div id='nav'>
<div id='menu-2'><a><i class='fa fa-bars'/></a></div>
<ul class='sf-menu header_menu sf-js-enabled'>
<li class='current' id='first-li'><a href='/'>
<img alt='' class='menu_img' src='http://1.bp.blogspot.com/-vLI6-qtiu8M/VNQdKqNYEcI/AAAAAAAADx0/7MPD95Dhilo/s1600/home_icon2.png'/></a></li>
<li><a class='sf-with-ul' href='/search/?max-results=12'>
<span/>المدونة<strong/><span class='sf-sub-indicator'/></a>
<ul>
<li><a href='/search/label/اضافات بلوجر'>اضافات بلوجر</a></li>
<li><a href='/search/label/JQuery'>جي كويري</a></li>
<li><a href='/search/label/تعليقــات'>تعليقات</a></li>
<li><a href='/search/label/أيقونات'>ازرار + ايقونات</a></li>
<li><a href='/search/label/CSS3'>CSS3 + CSS</a></li>
<li><a href='/search/label/سلايدرشو'>سلايدرشو</a></li>
<li><a href='/p/blog-page.html'>الارشيف</a></li>
<li><a href='#'><i class='fa fa-code'/>ادوات بلوجر</a><ul>
<li><a href='/p/blog-page_22.html'>ضغط اكواد css</a></li>
<li><a href='/p/blog-page_15.html'>محرر الاكواد</a></li>
<li><a href='/p/blog-page_23.html'>محول الاكواد</a></li>
<li><a href='/p/blog-page_8433.html'>اكواد الالوان</a></li>
</ul></li>
</ul>
</li>
<li><a href='/search/label/قوالب بلوجر مدفوعة' title='قوالب بلوجر مدفوعة'>اعمالي<strong/></a>
<ul>
<li><a href='/search/label/قوالب بلوجر مدفوعة' title='قوالب بلوجر مدفوعة'>القوالب المدفوعة</a></li>
<li><a href='/search/label/قوالب بلوجر مجانية' title='قوالب بلوجر مجانية'>القوالب المجانية<strong/></a></li>
<li><a href='http://WEB3-NIGHT.blogspot.com/search/label/%D9%82%D9%88%D8%A7%D9%84%D8%A8%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1%20%D9%85%D8%B9%D8%B1%D8%A8%D8%A9%20%20%D9%88%D9%85%D8%B7%D9%88%D8%B1%D8%A9' title='قوالب بلوجر معربة,قوالب بلوجر مطورةه'>التعريب والتطوير<strong/></a></li>
</ul>
</li>
<li><a href='/search/label/قوالب بلوجر'>قوالب مجانيه</a></li>
<li id='last-li'><a class='cbiframe' href='/p/blog-page_6165.html'>اتصل بنا<strong/></a></li>
</ul>
</div>
</div>
</div>
<div class='slider_wrapper'>
<div class='container'>
<div class='alba-text-c fadeInUp wow animated' style='visibility: visible;-webkit-animation-delay: .2s; -moz-animation-delay: .4s; animation-delay: .4s;'>
<h1 class='intro'><em style="
margin-right: 70px;
" >تصميم قوالب بلوجر
بدقة واحتراف</em></h1>
<a class='contact' href='/search/?max-results=18'>ادخل للمدونة الان</a>
</div>
</div>
</div>
<div class='box1-color'>
<div class='container'>
<h2 class='title'>الخدمات</h2>
<div class='cs-divider-icon text-center xs-margin' style='width:75%;'><div class='cs-divider-icon-inner cs-divider-icon-dashed'><i class='cs-in fa fa-th'/></div></div>
<div class='ish-vc_row_inner' style='padding: 20px 10px;'>
<div class='alba-servec'>
<div class='vc_col-sm-4 wpb_column column_container fadeInUp wow animated' data-wow-delay='0.2s' data-wow-duration='0.5s'><div class='wpb_wrapper'><div class='ish-sc-element ish-sc_svg_icon ish-hexagon_rounded ish-color10 ish-glow'><a href='/'><svg height='100px' style='width:150px;height:150px;' viewBox='0 0 572 650' width='100px'><path d='M553.901,178.69c-1.79-3.97-3.976-7.721-6.519-11.198c-19.332-32.392-216.94-145.165-255.816-146.085 c-2.269-0.25-4.57-0.388-6.905-0.388c-2.509,0-4.979,0.165-7.41,0.452C236.099,24.391,42.725,135.1,22.422,167.653 c-2.579,3.504-4.792,7.29-6.603,11.297C-3.06,212.637-3.067,443.009,16.166,472.354c1.523,3.224,3.318,6.291,5.347,9.184 c16.503,31.159,214.665,144.547,255.519,146.812c2.502,0.305,5.044,0.48,7.629,0.48c3.483,0,6.896-0.298,10.223-0.846 c0.731-0.12,1.462-0.245,2.185-0.391c0.159-0.031,0.323-0.067,0.485-0.102c0.87-0.183,1.775-0.391,2.721-0.628 c0.005-0.001,0.01-0.003,0.015-0.004c53.772-13.502,226.592-113.494,246.468-144.499c3.103-4.124,5.705-8.645,7.722-13.473 C572.138,429.665,572.058,212.169,553.901,178.69z'/></svg><span>
<span style='background-image: url("https://googledrive.com/host/0B-3cyo_HIYMIbzZncGVCbmo1cjQ"); width: 150px; height: 150px;'/>
</span></a></div>
<h3 class='ish-sc-element ish-sc_headline'>تصميم قوالب بلوجر</h3>
<p class='ser-tex'>
نتميز بالافكار الجديدة والمتنوعة باستخدام أحدث البرمجيات وبتقنيات مواكبه للعصر الحديث التي ستبهر زوار موقعك حيث يكون له طابع خاص بلمسات وفنون احترافيه
</p>
</div>
</div>
<div class='vc_col-sm-4 wpb_column column_container fadeInUp wow animated' data-wow-delay='0.4s' data-wow-duration='0.5s'>
<div class='wpb_wrapper'>
<div class='ish-sc-element ish-sc_svg_icon ish-hexagon_rounded ish-color6 ish-glow'>
<a href='/'>
<svg height='100px' style='width:150px;height:150px;' viewBox='0 0 572 650' width='100px'>
<path d='M553.901,178.69c-1.79-3.97-3.976-7.721-6.519-11.198c-19.332-32.392-216.94-145.165-255.816-146.085 c-2.269-0.25-4.57-0.388-6.905-0.388c-2.509,0-4.979,0.165-7.41,0.452C236.099,24.391,42.725,135.1,22.422,167.653 c-2.579,3.504-4.792,7.29-6.603,11.297C-3.06,212.637-3.067,443.009,16.166,472.354c1.523,3.224,3.318,6.291,5.347,9.184 c16.503,31.159,214.665,144.547,255.519,146.812c2.502,0.305,5.044,0.48,7.629,0.48c3.483,0,6.896-0.298,10.223-0.846 c0.731-0.12,1.462-0.245,2.185-0.391c0.159-0.031,0.323-0.067,0.485-0.102c0.87-0.183,1.775-0.391,2.721-0.628 c0.005-0.001,0.01-0.003,0.015-0.004c53.772-13.502,226.592-113.494,246.468-144.499c3.103-4.124,5.705-8.645,7.722-13.473 C572.138,429.665,572.058,212.169,553.901,178.69z'/>
</svg>
<span>
<span style='background-image: url('https://googledrive.com/host/0B-3cyo_HIYMIcFppbDk3TkdwbDA');width:150px;height:150px;'/>
</span></a></div>
<h3 class='ish-sc-element ish-sc_headline'>تكويد ملفات psd</h3>
<p class='ser-tex'>
نهتم بالبساطه والسهوله بالنسبه لتعديل وتخصيص القالب بحيث انه بامكان اي شخص التعديل على القالب وتنسيقه حتى ولو لم تكن له خبره مسبقه في بلوجر</p>
</div></div>
<div class='vc_col-sm-4 wpb_column column_container fadeInUp wow animated' data-wow-delay='0.6s' data-wow-duration='0.5s'><div class='wpb_wrapper'><div class='ish-sc-element ish-sc_svg_icon ish-hexagon_rounded ish-color5 ish-glow'>
<a href=''><svg height='100px' style='width:150px;height:150px;' viewBox='0 0 572 650' width='100px'><path d='M553.901,178.69c-1.79-3.97-3.976-7.721-6.519-11.198c-19.332-32.392-216.94-145.165-255.816-146.085 c-2.269-0.25-4.57-0.388-6.905-0.388c-2.509,0-4.979,0.165-7.41,0.452C236.099,24.391,42.725,135.1,22.422,167.653 c-2.579,3.504-4.792,7.29-6.603,11.297C-3.06,212.637-3.067,443.009,16.166,472.354c1.523,3.224,3.318,6.291,5.347,9.184 c16.503,31.159,214.665,144.547,255.519,146.812c2.502,0.305,5.044,0.48,7.629,0.48c3.483,0,6.896-0.298,10.223-0.846 c0.731-0.12,1.462-0.245,2.185-0.391c0.159-0.031,0.323-0.067,0.485-0.102c0.87-0.183,1.775-0.391,2.721-0.628 c0.005-0.001,0.01-0.003,0.015-0.004c53.772-13.502,226.592-113.494,246.468-144.499c3.103-4.124,5.705-8.645,7.722-13.473 C572.138,429.665,572.058,212.169,553.901,178.69z'/></svg><span>
<span style='background-image: url('https://googledrive.com/host/0B-3cyo_HIYMINzc1VWl0bEZ4NzQ');width:150px;height:150px;'/>
</span></a>
</div>
<h3 class='ish-sc-element ish-sc_headline'>تصميم قوالب متجاوبة</h3>
<p class='ser-tex'>
التصميم المتجاوب يجعل من موقعك اكثر انسيابيه ووضوح كما انه يجعله متناسق مع جميع انواع مقاسات شاشات الاجهزه الذكيه (موبايل , تابلت , ايباد )
</p>
</div>
</div>
<div class='vc_col-sm-4 wpb_column column_container fadeInUp wow animated' data-wow-delay='0.8s' data-wow-duration='0.5s' style='margin-left: 0px ! important;'>
<div class='wpb_wrapper'>
<div class='ish-sc-element ish-sc_svg_icon ish-hexagon_rounded ish-color3 ish-glow'>
<a href='/'>
<svg height='100px' style='width:150px;height:150px;' viewBox='0 0 572 650' width='100px'><path d='M553.901,178.69c-1.79-3.97-3.976-7.721-6.519-11.198c-19.332-32.392-216.94-145.165-255.816-146.085 c-2.269-0.25-4.57-0.388-6.905-0.388c-2.509,0-4.979,0.165-7.41,0.452C236.099,24.391,42.725,135.1,22.422,167.653 c-2.579,3.504-4.792,7.29-6.603,11.297C-3.06,212.637-3.067,443.009,16.166,472.354c1.523,3.224,3.318,6.291,5.347,9.184 c16.503,31.159,214.665,144.547,255.519,146.812c2.502,0.305,5.044,0.48,7.629,0.48c3.483,0,6.896-0.298,10.223-0.846 c0.731-0.12,1.462-0.245,2.185-0.391c0.159-0.031,0.323-0.067,0.485-0.102c0.87-0.183,1.775-0.391,2.721-0.628 c0.005-0.001,0.01-0.003,0.015-0.004c53.772-13.502,226.592-113.494,246.468-144.499c3.103-4.124,5.705-8.645,7.722-13.473 C572.138,429.665,572.058,212.169,553.901,178.69z'/>
</svg>
<span>
<span style='background-image: url('https://googledrive.com/host/0B-3cyo_HIYMING83c2dhY1A5elk');width:150px;height:150px;'/>
</span></a></div><h3 class='ish-sc-element ish-sc_headline'>دعم فني شامل</h3>
<p class='ser-tex'>
نعمل على تقديم خدمات مميزه من خلال حل جميع المشاكل والعوائق التي تصادف مواقع عملاءنا الكرام والعمل على تقديم المشورة وحل كافة المشاكل ان شاء الله.
</p>
</div></div>
</div>
<div class='ish-separator-thin-bold'/>
<a class='contact1' href='/p/blog-page_6165.html'>تقدم بطلبك الان</a>
<style>
.contact1 {
background-color: #EE5454;
box-shadow: 0 3px 0 #D53B3B;
color: #FFF!important;
margin-top: 24px!important;
display: inline-block;
font-size: 20px!important;
padding: 8px 30px!important;
}
</style>
</div>
</div>
</div>
<div class='homepage-latest-themes fadeInUp wow animated' data-wow-delay='0.4s' data-wow-duration='1.5s'>
<h2 class='title'>اخر الاعمال الاحترافية</h2>
<div class='cs-divider-icon text-center xs-margin' style='width:75%;'><div class='cs-divider-icon-inner cs-divider-icon-dashed'><i class='cs-in fa fa-th'/></div></div>
<!--سلايدر شو-->
<div class='folioswrapper'>
<div class='col-sm-4 col-xs-12'>
<div class='foliowrapper' style=' width: 33.3333333%; float: left; '><a href='https://web3-night.blogspot.com/'><img alt='' src='http://takiddine.com/eyad/imgs/folio/1.png'/></a></div>
</div>
<div class='col-sm-4 col-xs-12'>
<div class='foliowrapper' style=' width: 33.3333333%; float: left; '><a href='https://web3-night.blogspot.com/'><img alt='' src='http://takiddine.com/eyad/imgs/folio/2.png'/></a></div>
</div>
<div class='col-sm-4 col-xs-12'>
<div class='foliowrapper' style=' width: 33.3333333%; float: left; '><a href='https://web3-night.blogspot.com/'><img alt='' src='http://takiddine.com/eyad/imgs/folio/3.png'/></a></div>
</div>
</div>
<style>
.folioswrapper {
margin: 80px 0;
display: inline-block;
width: 90%;
margin-top: -26px;
margin-bottom: -45px;
}.col-sm-4 {
}
@media (min-width: 768px)
.col-sm-4{
float: left;
}
.foliowrapper {
box-shadow: 0 0 20px 0 rgba(0,0,0,0.07);
-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.07);
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.07);
-o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.07);
overflow: hidden;
padding: 10px;
margin: 20px 0;
}
.foliowrapper a img {
width: 100%;
}
</style>
<style>
.index .slider_wrapper {
text-align: center;
background: url("https://3.bp.blogspot.com/-mEsDHRwPC5Q/VtfVjiCE0TI/AAAAAAAAFCo/GHvKorNXc4E/s1600/banner.jpg") no-repeat scroll 50% center / cover #EEE !important;
margin-top: -110px;
}
</style>
<!--End Slider-->
</div>
<section class='how-work'>
<h2 class='title'>كيف نعمل ؟</h2>
<div class='cs-divider-icon text-center xs-margin' style='width:75%;'><div class='cs-divider-icon-inner cs-divider-icon-dashed'><i class='cs-in fa fa-th'/></div></div>
<div class='process-bg'>
<div class='container'>
<div class='col-md-2 wow bounceIn' data-wow-delay='0.2s' data-wow-duration='0.5s'>
<div class='cricle-process'><i class='fa fa-edit'/>
<h4>استقبال الطلبات</h4>
</div>
</div>
<!-- End #Process Item -->
<!-- Process Item -->
<div class='col-md-2 wow bounceIn' data-wow-delay='0.4s' data-wow-duration='0.5s'>
<div class='cricle-process'><i class='fa fa-coffee'/>
<h4>اضافة افكارنا</h4>
</div>
</div>
<!-- End #Process Item -->
<!-- Process Item -->
<div class='col-md-2 wow bounceIn' data-wow-delay='0.6s' data-wow-duration='0.5s'>
<div class='cricle-process'><i class='fa fa-building'/>
<h4>تحديد الاسعار</h4>
</div>
</div>
<!-- End #Process Item -->
<!-- Process Item -->
<div class='col-md-2 wow bounceIn' data-wow-delay='0.8s' data-wow-duration='0.5s'>
<div class='cricle-process'><i class='fa fa-pencil'/>
<h4>البدء بالتصميم</h4>
</div>
</div>
<!-- End #Process Item -->
<!-- Process Item -->
<div class='col-md-2 wow bounceIn' data-wow-delay='1s' data-wow-duration='0.5s'>
<div class='cricle-process'><i class='fa fa-gears'/>
<h4>اختبار التصميم</h4>
</div>
</div>
<!-- End #Process Item -->
<!-- Process Item -->
<div class='col-md-2 wow bounceIn' data-wow-delay='1.2s' data-wow-duration='0.5s'>
<div class='cricle-process'><i class='fa fa-paper-plane'/>
<h4>تسليم القالب</h4>
</div>
</div>
<!-- End #Process Item --></div>
</div>
</section>
<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
<div class='box-2 fadeInUp wow animated animated' style='visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;'>
<div class='container'>
<div class='ish-separator-thin-bold'/>
<div class='wpb_wrapper'>
<p class='txt9' style='text-align: center;'>تابعنا عبر مواقع التواصل الاجتماعيه</p>
<ul class='soc_icons'>
<li><a href='https://twitter.com/'><i class='fa fa-twitter'/></a></li>
<li><a href='https://plus.google.com/'><i class='fa fa-google-plus'/></a></li>
<li><a href='https://www.facebook.com/'><i class='fa fa-facebook'/></a></li>
<li><a href='http://WEB3-NIGHT.blogspot.com/'><i class='fa fa-rss'/></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Copylefts -->
<div id='copylefts'>
<div class='container' id='copyrights'>
<div class='vieleftcredit'>
جميع الحقوق محفوظة © لـ<span id='current-year'/>
<a href='https://web3-night.blogspot.com/'><span itemprop='name'>مدونة ويب نايت | واجهة احترافية من ويب نايت</span></a>
</div>
<div id='poweredbyjalal'>
<div class='widget HTML impo' id='HTML110'/>
</div>
</div>
</div>
<div class='no-items section' id='d'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
#osama2016 {display:none;}
</style>
</b:if>
<div id='osama2016'>
- بعدها ابحث عن </body>
- وأضف الكود التالي فوق </body>
</div>
