<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> - <data:blog.title/> <b:else/> ERROR 404 - <data:blog.title/> </b:if> </b:if>

<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> - <data:blog.title/> <b:else/> ERROR 404 - <data:blog.title/> </b:if> </b:if> ----------------------- */ /* Reset and More */ a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0} ins{text-decoration:underline} del{text-decoration:line-through} blockquote{font-style:italic;color:#888} dl,ul{list-style-position:inside;font-weight:700;list-style:none} ul li{list-style:none} caption,th{text-align:center} img{border:none;position:relative} a,a:visited{text-decoration:none} .clear{clear:both} .section,.widget,.widget ul{margin:0;padding:0} a{color:$(main.color)} a:hover{color:$(main.color)} :focus{outline:0} a img{border:0} brc{color:#bdbdbd} .CSS_LIGHTBOX{z-index:999999!important} .separator a{clear:none!important;float:none!important;margin-right:0!important;margin-left:0!important} #navbar-iframe{display:none;height:0;visibility:hidden} span.item-control,a.quickedit{display:none!important} .archive .home-link,.index .home-link,.home-link{display:none!important} *{outline:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease} :after,:before{transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease} .status-msg-wrap{margin:0 auto 25px} .status-msg-border{border:1px solid #eee;opacity:.7;border-radius:2px} .status-msg-bg{background-color:#f8f8f8;opacity:1;filter:none} .icon:before,.postags a:before{font-family: FontAwesome;font-weight:400;font-style:normal;line-height:1;padding-left:4px} .feed-links{clear:both;display:none;line-height:2.5em} /* Body */ body{background:#ffffff;font:normal normal 14px Droid Arabic Kufi;color:#4f4f4f;word-wrap:break-word} #outer-wrapper{max-width:100%;margin:25px auto 0;background-color:#FFF;} .row{width:1170px} h1, h2, h3, h4 { margin: 0; position: relative; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; } #content-wrapper{margin:25px auto 5px;overflow:hidden} #main-wrapper{float:right;overflow:hidden;width:67%;word-wrap:break-word} #sidebar-wrapper{float:left;overflow:hidden;width:33%;padding-right:2%;box-sizing:border-box;word-wrap:break-word;padding-bottom:20px} #main-wrapper #main {margin-left:2%;} .post-tag,.featured-meta,#meta-post,.resumo span,.recent-author,.recent-date,.postags,.first-tag,.carousel-tag a,.category-gallery a,.related-tag,.item-text,.cmm-widget li span,.post-meta,.item article,.static_page article,.item-snippet,.comment-content,.FollowByEmail .widget-content:before{font-family: 'Droid Arabic Kufi', serif;'Open Sans', sans-serif} #topnav{width:100%;background-color:#fff;margin:0; border-bottom: 1px solid rgba(0,0,0,0.1); } .tm-head{margin:0 auto;line-height:35px;overflow:hidden;border-right: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(0,0,0,0.1);} .tm-menu{float:right; margin-right: 20px;} #nav1 li{float:right;display:inline-block;height:35px;line-height:33px;margin-left:15px;padding:0} #nav1 li a{ color: #2c2f34; font-size: 13px; font-weight: 400; text-transform: uppercase; font-family: 'Droid Arabic Kufi', serif; sans-serif;} #nav1 li a:hover{color:$(main.color)} .selectnav{display:none;background-color:#333333;padding:2px 5px;box-sizing:border-box;border:0} .social-area{float:left; margin-left: 20px;} .tm-head #social-top{position:relative;display:block;margin-left:0} .tm-head #social-top ul{overflow:hidden} .tm-head #social-top ul li{height:35px;line-height:35px;display:block;float:right;margin-right:5px;padding:0} .tm-head #social-top ul li a{ display: block; float: right; color: #2c2f34; text-decoration: none; font-size: 14px; width: 22px; height: 35px; line-height: 35px; margin-top: 0; text-align: center; padding: 0;} .tm-head #social-top ul li a:before{display:inline-block;font-family: FontAwesome;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .tm-head #social-top ul li a:hover{background-color:$(main.color);color:#fff} #social-top .facebook:before{content:"\f09a"} #social-top .twitter:before{content:"\f099"} #social-top .gplus:before{content:"\f0d5"} #social-top .rss:before{content:"\f09e"} #social-top .youtube:before{content:"\f167"} #social-top .skype:before{content:"\f17e"} #social-top .stumbleupon:before{content:"\f1a4"} #social-top .tumblr:before{content:"\f173"} #social-top .vine:before{content:"\f1ca"} #social-top .stack-overflow:before{content:"\f16c"} #social-top .linkedin:before{content:"\f0e1"} #social-top .dribbble:before{content:"\f17d"} #social-top .soundcloud:before{content:"\f1be"} #social-top .behance:before{content:"\f1b4"} #social-top .digg:before{content:"\f1a6"} #social-top .instagram:before{content:"\f16d"} #social-top .pinterest:before{content:"\f0d2"} #social-top .delicious:before{content:"\f1a5"} #social-top .codepen:before{content:"\f1cb"} #header-blog{height:90px;position:relative;overflow:hidden;padding:20px 0} .header-content{margin:0 auto;overflow:hidden;height:90px} .header-logo{max-width:330px;max-height:68px;margin:18px 0 0;float:right;overflow:hidden} .header-logo img{height:auto;max-height:68px;margin:0;max-width:100%} .Header h1{color:#222222;margin:0;font-size:44px;line-height:1.3em} .header-ads{width:728px;max-width:100%;max-height:90px;float:left;margin:0} #menu{display:none} #main-nav{background-color:#1f2024;position:relative;width:100%;height:60px;font-size:14px;margin:0 auto;} .header-menu{background-color:#1f2024;height:60px;margin:0 auto;position:relative;padding:0} .is-sticky #main-nav{width:100%!important;max-width:100%;top:0;right:0;margin:0;z-index:999999;transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease} .is-sticky{transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease} li.li-home{background-color:$(main.color);float:right;display:inline-block;padding:0!important;height:60px;width:60px;text-align:center; border-bottom: 5px solid $(main.color); margin-bottom: -5px;} li.li-home a{color:#ffffff;font-size:20px;line-height:60px;max-height:60px;padding: 0!important} li.li-home:hover{background-color:$(main.color)} li.li-home:hover a{color:#fff} #main-nav ul li{position:relative;float:right;height:60px;box-sizing:border-box;padding:0;} #main-nav ul li a{float:right;color:#ffffff;padding:0 16px;line-height:60px;text-transform:uppercase;font-weight:400;} #main-nav ul li:hover{background-color:$(main.color);border-color:#222222} #main-nav ul li:hover a{color:#fff} #main-nav ul li.has-children a{padding-left:28px} #main-nav ul li.has-children a:after{content:"\f0d7";font-family: FontAwesome;position:absolute;top:0;left:14px} #main-nav ul li ul{display:none;position:absolute;right:0;top:60px;z-index:100;background-color:#222222;border-top:0px;box-shadow:0 1px 3px rgba(40,35,40,0.05);transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease} #main-nav ul li ul li{height:auto;margin-right:0;display:block;float:none;position:relative;overflow:hidden;line-height:normal;padding:0;border-left:0;border-bottom:1px solid #333333} #main-nav ul li ul li:last-child{border-bottom:0} #main-nav ul li ul li a{min-width:180px;color:#eee;font-size:12px;font-weight:400;text-transform:capitalize;height:38px;line-height:38px;overflow:hidden;box-sizing:border-box;padding:0 16px;margin-top:0;border:0;transition:all .3s ease!important;-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important} #main-nav ul li ul li a:after{display:none} #main-nav ul li ul li a:hover {background-color:$(main.color);color:#fff!important;padding-right:20px} .is-sticky #main-nav{animation-name:slideInDown;animation-duration:.5s;animation-fill-mode:both} @keyframes slideInDown { from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .header-search{position:relative;float:left} .header-search li{list-style:none} .header-search a.search{background-color:#333333;cursor:pointer;display:block;height:60px;text-align:center;position:relative;left:0;top:0;width:60px;font-size:14px;border-radius:0} .header-search a.search:hover{background-color:$(main.color)} .header-search a.search:before{color:#EEEEEE;content:'\f002';font-family: FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:60px} .header-search a.search:hover:before,.header-search a.search.active:before{color:#fff} .header-search a.search.active{background-color:$(main.color);border-right:0;border-radius:0} .header-search a.search.active form{display:block} .header-search a.search form{display:none;position:absolute;left:60px;top:0;z-index:2} .header-search a.search form input{box-shadow:none;height:60px;padding:0 12px;width:160px;background-color:#333333;color:#EEE;font-family: 'Droid Arabic Kufi', serif;inherit;line-height:60px;margin-top:0;border-radius:0;border:0} #main-nav .header-search li a{cursor:pointer;-webkit-transition:all .3s ease-out 0;-moz-transition:all .3s ease-out 0;transition:all .3s ease-out 0} .ticker .title{ float: right; height: 40px; background-color: #1f2024; font-size: 15px; color: #fff; line-height: 40px; font-weight: 400; overflow: hidden; padding: 0 10px; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; } div#FollowByEmail1 .widget-content { background: #ffffff; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; padding: 30px; } .ticker .title .fa{margin-left:10px;transform:rotate(-30deg);-moz-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg)} .ticker .widget-content{height:40px;box-sizing:border-box;overflow:hidden;padding:0 4px;border:1px solid #eee} .ticker .widget-content li{float:right;margin-right:30px;display:inline-block;height:38px;line-height:38px;padding:0} .ticker .widget{height:40px;background-color:#ffffff;max-width:1170px;margin:20px auto;overflow:hidden} .tk-thumb{float:right;margin:4px 0 0 10px} .tk-img{position:relative;display:block;width:35px;height:30px;overflow:hidden} .ticker .post-tag{display:inline-block;background-color:$(main.color);color:#fff;margin-left:10px;font-weight:400;height:18px;line-height:18px;padding:1px 6px;font-size:11px;text-transform:uppercase;position:relative;margin-top:10px;float:right} .ticker .recent-title{font-size:13px;font-weight: 600;display:inline-block;line-height:15px} .ticker .recent-title a{color:#222222} .ticker .recent-title a:hover{color:$(main.color)} .tickercontainer,.tickercontainer .mask,ul.newsticker{-webkit-transition:all 0 linear;-moz-transition:all 0 linear;-o-transition:all 0 linear;transition:all 0 linear;list-style:none;margin:0} .tickercontainer{margin:0;padding:0;overflow:hidden} .tickercontainer .mask{position:relative;overflow:hidden} .newsticker{position:relative;list-style-type:none;margin:0;padding:0} ul.newsticker{-webkit-transition:all 0s linear;-moz-transition: all 0s linear;-o-transition:all 0s linear;transition:all 0s linear;position:relative;list-style-type:none;margin:0;padding:0} .tickeroverlay-right{display:none} .tickeroverlay-left{display:none} .featured{position:relative;margin:0 auto} .featured .widget-content ul{margin:20px 0 0!important;height:auto;overflow:hidden} .featured h2{display:none;display:none} .featured li{width:30%;height:197px;position:relative;float:left;padding:0;box-sizing:border-box;overflow:hidden} .featured li:nth-child(4){margin-top:6px} .featured li .featured-inner{position:relative;overflow:hidden} .featured .rcp-thumb{width:100%;height:202px;position:relative;display:block;overflow:hidden} .featured .rcp-title{font-size:16px;position:relative;margin-bottom:10px} .featured .rcp-thumb:after{content:no-close-quote;position:absolute;right:0;bottom:0;width:100%;height:151px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo1anZS_bs_KN9j-TGg5jlOMZiTeBUpDMmqUrc4dpn9czZb8z5RMPpTkbnaQFg0YIjwGgsq-4f6ygLk2q2jx3kMMGFqmGk7wK5RUfOm60sRAdETqPFUxitFOWNEaFVEU2xKyWHXfP7Hpo/s1600-r/metabg.png) repeat-x;opacity:.8} .featured .post-panel{position:absolute;right:0;bottom:0;width:100%;padding:15px;z-index:2;box-sizing:border-box} .featured li .featured-inner .featured-meta{font-size:12px;color:#ccc;font-weight:400} .featured li:first-child,.featured li:nth-child(2){width:35%;height:400px;float:right;padding-left:6px} .featured li:first-child .post-panel,.featured li:nth-child(2) .post-panel{padding:20px} .featured li:first-child .rcp-thumb,.featured li:nth-child(2) .rcp-thumb{height:400px} .featured li:first-child .rcp-title,.featured li:nth-child(2) .rcp-title{font-size:22px} .featured .rcp-title a{color:#FFF;position:relative; line-height: 1.2; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins';} .featured .post-tag{position:absolute;top:15px;right:15px;background-color:$(main.color);color:#fff;text-transform:uppercase;font-weight:400;z-index:5;height:20px;line-height:20px;padding:2px 8px;font-size:11px} .featured{position:relative} .featured li:nth-child(2) .post-tag{background-color:#ffa812} .featured li:nth-child(3) .post-tag{background-color:#f56954} .featured li:nth-child(4) .post-tag{background-color:#B565BE} .featured li:nth-child(5) .post-tag{background-color:#FFC000} .featured-overlay{position:absolute;right:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.05)} .featured li:hover .featured-overlay{background-color:rgba(40,35,40,0.30)} .recent-boxes{overflow:hidden;position:relative} .box-sec{margin-left:2%} .box-sec h2{display:none} .recent-boxes .box-sec .widget:last-child{margin-bottom:20px} a.more-link,a.posts-link{ background-color: #1f2024; float: left; height: 30px; line-height: 30px; padding: 0 10px; margin: 0; font-size: 10px; color: #fff; font-weight: 400; text-transform: uppercase;} a.more-link:hover,a.posts-link:hover{background-color:$(main.color);color:#fff} .box-title,.posts-title{height:30px;line-height:30px;background-color:#f9f9f9;position:relative;margin-bottom:15px} .box-title h2.title,.posts-title h2{ position: relative; float: right; height: 27px; line-height: 27px; padding: 0; margin: 0; text-transform: uppercase; background-color: $(main.color)!important; display: inline-block; padding: 2px 16px; margin: 0; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; font-weight: 600;} .box-title h2.title a,.posts-title h2 a{color:#fff} .box-title h2.title:before,.posts-title h2:before{right: 100%; top: 0; height: 0; width: 7px; position: absolute; content: " "; pointer-events: none; margin-right: 0; margin-top: 0; border-bottom: 30px solid #fff; border-left: 20px solid transparent;} .box-title h2.title:after,.posts-title h2:after{right: 100%; top: 0; height: 0; width: 0; position: absolute; content: " "; pointer-events: none; margin-right: 0; margin-top: 0; border-bottom:31px solid $(main.color); border-left: 20px solid transparent;} .recent-boxes .widget{margin-bottom:30px} .boxes .bx-first .box-thumbnail{position:relative;width:100%;height:200px} .boxes .bf-thumb{width:100%;height:200px;position:relative;display:block} .box-thumbnail{overflow:hidden} .boxes ul li .box-thumbnail{width:110px;height:75px;display:table-cell;vertical-align:middle} .boxes ul li .box-image{width:110px;height:75px;position:relative;display:block} .bx-first .box-thumbnail .first-tag{position:absolute;top:15px;right:15px;z-index:2} .bx-first .box-thumbnail .first-tag a{background:$(main.color);color:#fff;text-transform:uppercase;height:20px;line-height:20px;display:inline-block;padding:0 6px;font-size:11px;font-weight:400;border-radius:2px} .boxes ul li .recent-content{display:table-cell;padding-right:10px;padding-left:5px} .boxes .recent-title a:hover{color:$(main.color)} .recent-boxes .feat,.recent-boxes .videos,.recent-boxes .gallery{width:100%;float:right} .recent-boxes .carousel{position:relative;margin:0 0 30px!important;padding:0;overflow:visible;height:auto;display:block;clear:both} .feat .bx-first .box-thumbnail,.feat .bf-thumb{height:363px} .feat .bx-first{width:50%;position:relative;float:right;padding-left:1.4%;box-sizing:border-box;overflow:hidden;} .feat .bx-item{width:100%;position:relative;overflow:hidden} .feat .bx-first .bf-content,.column .bx-first .bf-content{position:absolute;bottom:0;width:100%;z-index:2;padding:15px;box-sizing:border-box} .feat .bx-first .bf-content .recent-title a,.column .bx-first .bf-content .recent-title a{display: block; color: #fff; margin-bottom: 5px; font-size: 20px; line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins';} .feat li .recent-content .recent-title{overflow:hidden;line-height:0;margin:0 0 2px;padding:0} .feat li .recent-content .recent-title a{ color: #222222; line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; } .boxes ul li .recent-content .recent-title a:hover{color:$(main.color)} .bx-first .bf-thumb:after{content:no-close-quote;position:absolute;right:0;bottom:0;width:100%;height:151px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo1anZS_bs_KN9j-TGg5jlOMZiTeBUpDMmqUrc4dpn9czZb8z5RMPpTkbnaQFg0YIjwGgsq-4f6ygLk2q2jx3kMMGFqmGk7wK5RUfOm60sRAdETqPFUxitFOWNEaFVEU2xKyWHXfP7Hpo/s1600-r/metabg.png) repeat-x;opacity:.8} .bf-content .recent-author,.bf-content .recent-date{color:#ccc} .feat ul li{display:block;width:48.6%;float:left;padding-bottom:10px;margin-bottom:10px;padding-top:0;} .feat ul li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0} .recent-boxes .column{width:48.6%; } .recent-boxes .columnright{float:right} .recent-boxes .columnleft{float:left} .column .bx-first{width:100%;position:relative;box-sizing:border-box;overflow:hidden;margin-bottom:10px} .column ul li{display:block;margin-top:10px;padding:10px 0 0;} .column ul li .recent-content .recent-title{overflow:hidden;line-height:0;margin:0 0 2px;padding:0} .column ul li .recent-content .recent-title a{color:#222222; display: block; margin-bottom: 3px; line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; } .img-overlay{position:absolute;right:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.05)} .tk-thumb a:hover .img-overlay,.boxes ul li .box-image:hover .img-overlay,.boxes .bx-first:hover .img-overlay,.custom-widget .rcthumb:hover .img-overlay,.PopularPosts .item-thumbnail:hover a .img-overlay,.map-thumb:hover .img-overlay{background-color:rgba(40,35,40,0.3)} .gallery li:hover .recent-content,.videos li:hover .recent-content{padding-bottom:15px; margin-bottom: 0px;} .gallery ul li {width:33%;height:165px;overflow:hidden;float:right;margin-left:.33%;display:inline-block;position:relative;padding:0;margin-bottom:2px} .gallery ul li:nth-child(4),.gallery ul li:nth-child(5),.gallery ul li:nth-child(6){margin-bottom:0px} .gallery ul li .box-image{width:100%;height:165px;display:block} .gallery ul li .box-image:after{content:no-close-quote;position:absolute;right:0;bottom:0;width:100%;height:150px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo1anZS_bs_KN9j-TGg5jlOMZiTeBUpDMmqUrc4dpn9czZb8z5RMPpTkbnaQFg0YIjwGgsq-4f6ygLk2q2jx3kMMGFqmGk7wK5RUfOm60sRAdETqPFUxitFOWNEaFVEU2xKyWHXfP7Hpo/s1600-r/metabg.png) repeat-x;opacity:.8} .gallery .recent-content{position:absolute;bottom:0;width:100%;z-index:2;padding:10px;text-align:right;box-sizing:border-box; margin-bottom: -25px;} .category-gallery {position:absolute;top:10px;left:10px;z-index:3;overflow:hidden;} .category-gallery a:before{display:block;background-color:$(main.color);opacity: .5;color:#fff;height:18px;line-height:18px;padding:0 5px;font-size:10px;font-weight:400;text-transform:uppercase;border-radius:2px;transition: all .3s ease;} .gallery .recent-title a,.videos .recent-title a{display: block; color: #FFF; text-shadow: 0 0.5px 0.5px rgba(34,34,34,0.3); margin-bottom: 3px; line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 15px; } .gallery .recent-author,.videos .recent-author{color:#ccc} .videos ul{position:relative;overflow:hidden;} .videos ul li{width:33.33%;float:right;box-sizing:border-box;margin:0;padding-left:5px;} .videos ul li:last-child{padding-left:0px} .videos ul li .videos-item{width:100%;position:relative;display:block;overflow:hidden;padding:0} .videos .box-image{width: 100%;height: 170px;display: block;position:relative;margin:0;padding:0} .videos .box-image:before{content:"\f04b";font-family: FontAwesome;line-height:25px;width:25px;height:25px;font-size:12px;color:#fff;text-align:center;background-color:RGBA(0,0,0,0.4);font-weight:400;position:absolute;top:8px;opacity:.5;left:7px;z-index:2;padding:0;border:2px solid #fff;border-radius:50%;transition:all .3s ease} .videos li:hover .box-image:before,.gallery li:hover .category-gallery a:before{opacity:1} .videos .box-image:after{content:no-close-quote;position:absolute;right:0;bottom:0;width:100%;height:150px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo1anZS_bs_KN9j-TGg5jlOMZiTeBUpDMmqUrc4dpn9czZb8z5RMPpTkbnaQFg0YIjwGgsq-4f6ygLk2q2jx3kMMGFqmGk7wK5RUfOm60sRAdETqPFUxitFOWNEaFVEU2xKyWHXfP7Hpo/s1600-r/metabg.png) repeat-x;opacity:.8} .videos .recent-content{position:absolute;bottom:0;width:100%;z-index:2;padding:10px;text-align:right;box-sizing:border-box} .gallery-overlay,.videos-overlay{position:absolute;right:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.0)} .gallery li:hover .gallery-overlay,.videos li:hover .videos-overlay{background:rgba(40,35,40,0.3)} .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} } @keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} } .owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel .owl-refresh .owl-item{display:none} .owl-carousel .owl-item{position:relative;min-height:1px;float:right;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d} .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto} .owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:left} .no-js .owl-carousel{display:block} .owl-prev,.owl-next{top:0;color:#fff;background-color:rgba(0,0,0,0.75);font-family: FontAwesome;position:absolute;z-index:1;display:block;padding:0;cursor:pointer;padding:0;text-align:center;overflow:hidden} .owl-prev{right:0} .owl-prev:before{content:"\f104"} .owl-next{left:0} .owl-next:before{content:"\f105"} .owl-prev:hover,.owl-next:hover{background-color:#000} .owl-dots{position:absolute;bottom:1px;width:33.33%;right:0;left:0;margin:auto;text-align:center} .owl-dot{background:#fff;height:3px;width:10px;display:inline-block;margin:0 5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;opacity:.6} .owl-dot.active,.owl-dot:hover{background:$(main.color)} .main-carousel{height: 250px;overflow:hidden} .main-carousel .owl-item{width:100%;} .carousel-item{height: 250px;width:100%;position:relative;padding:0!important;display:block;overflow:hidden} .carousel-item .box-image{height:250px;position:relative;width:100%;display:block} .carousel-item .box-image:after{content:no-close-quote;position:absolute;right:0;bottom:0;width:100%;height:151px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo1anZS_bs_KN9j-TGg5jlOMZiTeBUpDMmqUrc4dpn9czZb8z5RMPpTkbnaQFg0YIjwGgsq-4f6ygLk2q2jx3kMMGFqmGk7wK5RUfOm60sRAdETqPFUxitFOWNEaFVEU2xKyWHXfP7Hpo/s1600-r/metabg.png) repeat-x;opacity:.8} .carousel-content{position:absolute;bottom:0;width:100%;z-index:2;box-sizing:border-box} .carousel-item .carousel-content{padding:15px;text-align:right} .carousel-item .recent-title{margin:10px 0 5px;font-size:19px;font-weight:400} .carousel-item .recent-title a{ color: #fff; display: block; line-height: 1.4em; text-shadow: 0 0.5px 0.5px rgba(34,34,34,0.3); line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 18px; } .carousel-item .recent-author,.carousel-item .recent-date{color:#ccc} .carousel-tag a{display:inline-block;background-color:$(main.color);color:#fff;height:20px;line-height:20px;padding:0 6px;font-size:11px;text-transform:uppercase;border-radius:2px} .carousel-overlay{position:absolute;right:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.05)} .main-carousel .owl-item:hover .carousel-overlay {background-color:rgba(40,35,40,0.30)} .main-carousel .owl-prev,.main-carousel .owl-next{margin-top:0px;width:40px;height:40px;font-size:25px;line-height:40px} .main-carousel .owl-prev{right:-50px} .main-carousel:hover .owl-prev{right:0} .main-carousel .owl-next{left:-50px} .main-carousel:hover .owl-next{left:0} .main-carousel .owl-dots{bottom:10px} .recent-author,.recent-date{color:#bdbdbd;font-size:12px;font-weight:400} .recent-date:before,.featured-date:before{content:'\f133';font-family: FontAwesome;color:#bbb;margin-left:5px} .recent-author::before,.featured-author::before{content:'\f007';font-family: FontAwesome;color:#bbb;margin-left:5px} .recent-author,.featured-author{margin-left:10px} .custom-widget li{overflow:hidden;border-bottom:1px solid #F5F5F5;padding:10px 0} .custom-widget li:first-child{padding-top:0} .custom-widget li:last-child{border-bottom:none} .custom-widget .rcthumb{position:relative;float:right;margin:0!important;width:110px;height:75px;overflow:hidden;display:block;vertical-align:middle} .custom-widget .post-panel{padding-right:10px;display:table-cell} .custom-widget .rcp-title{overflow:hidden;line-height:0;margin:0 0 2px;padding:0} .custom-widget .rcp-title a{color:#222222;line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; } .custom-widget .rcp-title a:hover{color:$(main.color)} .cmm-widget li .cmm-avatar{position:relative;overflow:hidden;padding:0;width:55px;height:55px;float:right;margin:0 0 0 10px} .cmm-widget li{background:none!important;clear:both;list-style:none;word-break:break-all;display:block;border-top:1px solid #F5F5F5;overflow:hidden;margin:0;padding:10px 0} .cmm-widget li:first-child{padding-top:0;border-top:0} .cmm-widget li:last-child{padding-bottom:0} .cmm-widget li span{margin-top:4px;color:#bdbdbd;display:block;line-height:1.2em;text-transform:lowercase;font-size:12px;font-style:italic;font-weight:400} .cmm-img{width:55px;height:55px;float:right;margin:0 0 0 10px} .cmm-widget a{color:#222222;position:relative;font-size:13px;text-transform:capitalize;display:block;overflow:hidden;font-weight:400} .cmm-widget a:hover{color:$(main.color)} .cmm-widget{list-style:none;padding:0} .home-ad .widget{width:728px;max-height:90px;padding:0 0 0 2%;margin:0px auto 20px!important;max-width:100%;box-sizing:border-box} #ads-content h2,#ads-home h2,#post-ads-footer h2{display:none!important} .posts-title{margin-left:2%} .post{display:block;overflow:hidden;word-wrap:break-word} .index .post,.archive .post{margin:0 0 15px 0;padding-bottom:15px;border-bottom:1px solid #F5F5F5} .index div.post-outer:last-child .post,.archive div.post-outer:last-child .post{border-bottom:0;padding-bottom:5px} .block-image{position:relative;float:right;width:300px;height:190px;margin-left:20px} .block-image .thumb{width:100%;height:190px;position:relative;display:block;z-index:2;overflow:hidden} .block-image .thumb a{width:100%;height:190px;display:block} .thumb-overlay{position:absolute;right:0;top:0;z-index:2;width:100%;height:100%;background-color:rgba(40,35,40,0.05)} .block-image:hover .thumb a .thumb-overlay{background-color:rgba(40,35,40,0.30)} .retitle h2{margin:8px 0;display:block} .post h2 a,.post h2 a:visited,.post h2 strong{color:#222222;font-size:23px;line-height:1.4em;font-weight:600;text-decoration:none font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 20px; } .post h2 a:hover{color:$(main.color)} .widget iframe,.widget img{max-width:100%} .index .post-footer,.archive .post-footer{display:none!important} .index .post h2,.archive .post h2{margin:0 0 10px;padding:0 0 0 10px;overflow:hidden} .item .post,.static_page .post{padding:0; background: #ffffff; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; padding: 30px;} .date-header{display:block;overflow:hidden;font-weight:400;margin:0!important;padding:0} #meta-post{font-size:13px;color:#bdbdbd;line-height:1.4em} #meta-post a{color:#bdbdbd} #meta-post a span:before{content:'\f007';font-family: FontAwesome;color:#bbb;margin-left:5px} #meta-post .timestamp-link{margin-right:10px} #meta-post .timestamp-link abbr:before{content:'\f133';font-family: FontAwesome;color:#bbb;margin-left:5px} .resumo{margin-top:8px;font-size:13px;line-height:1.5em;color:#888} .resumo span{display:block;margin-bottom:8px;padding-left:10px} a.read-more{display:inline-block;margin-bottom:0;font-weight:400;text-align:right;vertical-align:middle;cursor:pointer;background-image:none;white-space:nowrap;line-height:25px;height:25px;color:#fff;background-color:$(main.color);border-radius:2px;font-size:16px;padding:0 10px;margin-top:3px;outline:none;border:none;overflow:hidden} a.read-more:after{content:"\f100";font-family: FontAwesome;font-size:13px;margin-right:5px} .post-meta{color:#bdbdbd;display:block;font-size:13px;font-weight:400;line-height:21px;margin:0;padding:0} .hreview{display:none!important} .postags{position:absolute;top:15px;right:15px;z-index:3} .postags a{display:inline-block;background:$(main.color);color:#fff;margin:0;height:20px;line-height:20px;padding:0 6px;font-size:11px;text-transform:uppercase;border-radius:2px;display:none} .postags a:first-child{display:inline-block} .breadcrumbs a { color: #999999; } .breadcrumbs { color: #bdbdbd; font-size: 12px; font-weight: 400; font-family: 'Droid Arabic Kufi', serif; 'Open Sans', sans-serif; } .item article,.static_page article{margin-top:15px} .item .post-head,.static_page .post-head{margin:0 0 5px;position:relative;} .item .post-title,.static_page .post-title{ color: #222222; position: relative; display: inline-block; top: 20px; margin-bottom: 20px; word-spacing: -0.04em; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 25px; font-weight: 700; line-height: 1.3;} .item .post-body,.static_page .post-body{width:100%;color:#5E5E5E;font-size:15px;line-height:1.5em;overflow:hidden} .item .post-outer{padding:0} .item .post-body img{max-width:100%} .post-meta a{color:#bbb} .post-timestamp{margin-right:0} .label-head{margin-right:0} .label-head a{padding-right:2px} .label-head a:hover{color:$(main.color)} .post-meta .g-profile span:before{content:'\f007';font-family: FontAwesome;color:#bbb;margin-left:5px} .post-meta .post-timestamp{margin-right:10px} .post-meta .post-timestamp .timestamp-link abbr:before{content:'\f133';font-family: FontAwesome;color:#bbb;margin-left:5px} .post-meta .label-head{margin-right:10px} .post-meta .label-head:before{content:'\f07c';font-family: FontAwesome;color:#bbb;margin-left:0} .main .widget{margin:0} .main .Blog{border-bottom-width:0} .share-box{height:36px;position:relative;line-height:0;margin:20px 0;padding:0;border-bottom:2px solid #eee} .share-title{height:36px;color:#222222;float:right;font-size:13px;font-weight:700;position:relative;line-height:36px;text-transform:uppercase;display:inline-block;padding:0;border-bottom:2px solid #222222} .share-art{float:left;padding:0;padding-top:0;font-size:13px;font-weight:400;text-transform:capitalize;text-align:left} .share-art a{height:25px;line-height:26px;color:#fff;padding:0 8px;margin-right:4px;border-radius:2px;display:inline-block;margin-left:0} .share-art a:hover{color:#fff} .share-art .fac-art i{padding-left:2px} .share-art .fac-art{background:#3b5998} .share-art .fac-art:hover{background:rgba(49,77,145,0.7)} .share-art .twi-art{background:#00acee} .share-art .twi-art:hover{background:rgba(7,190,237,0.7)} .share-art .goo-art{background:#db4a39} .share-art .goo-art:hover{background:rgba(221,75,56,0.7)} .share-art .pin-art{background:#CA2127} .share-art .pin-art:hover{background:rgba(202,33,39,0.7)} .share-art .lin-art{background:#0077B5} .share-art .lin-art:hover{background:rgba(0,119,181,0.7)} #ads-footer{display:none} .ad-post-footer .widget-content{width:728px;max-width:100%;margin:0 auto 17px!important;max-height:90px} #related-posts{margin-bottom:20px} .related-wrap{overflow:hidden;position:relative} .related-wrap li{width:33.33%;height:160px;padding-left:5px;position:relative;overflow:hidden;float:right;display:inline-block;box-sizing:border-box;list-style:none} .related-wrap li:nth-child(3n+3){padding-left:0px;} .related-wrap li:nth-child(4),.related-wrap li:nth-child(5),.related-wrap li:nth-child(6){margin-top:10px} .related-wrap li .related-img{width:100%;height:160px;position:relative;display:block} .related-wrap li .related-img:after{content:no-close-quote;position:absolute;right:0;bottom:0;width:100%;height:150px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo1anZS_bs_KN9j-TGg5jlOMZiTeBUpDMmqUrc4dpn9czZb8z5RMPpTkbnaQFg0YIjwGgsq-4f6ygLk2q2jx3kMMGFqmGk7wK5RUfOm60sRAdETqPFUxitFOWNEaFVEU2xKyWHXfP7Hpo/s1600-r/metabg.png) repeat-x;opacity:.8} .related-overlay{position:absolute;right:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.05)} .related-wrap li:hover .related-overlay{background-color:rgba(40,35,40,0.30)} .related-content{position:absolute;bottom:0;padding:10px;width:100%;box-sizing:border-box;z-index:2} .related-content .related-tag a{display:inline-block;background-color:$(main.color);color:#fff;height:18px;line-height:18px;padding:0 5px;margin:0;font-size:10px;font-weight:400;text-transform:uppercase;border-radius:2px} .related-title a{ padding: 10px 0; color: #fff; display: block; text-shadow: 0 0.5px 0.5px rgba(34,34,34,0.3); line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; } .related-wrap .owl-dots{bottom:0} .ticker .post-tag:hover,.featured .post-tag:hover,.carousel-tag a:hover,.bx-first .box-thumbnail .first-tag a:hover,.category-gallery a:hover:before,.post-readmore a:hover,.postags a:hover,a.read-more:hover,.related-tag a:hover{background:#222222} .post-nav li{padding:0;display:inline-block;width:50%} .post-nav li strong{display:block;padding:0 0 5px;font-weight:700;text-transform:uppercase;font-size:13px} .post-nav li strong i{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} ul.post-nav{background-color:#FFF;border-bottom:2px solid #EEE;border-top:2px solid #EEE;display:block;width:100%;overflow:hidden} .post-nav li a{color:#222222;line-height:1.3em;display:block;padding:15px 0;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .post-nav li:hover a{opacity:.6} ul.post-nav span{font-size:13px;font-weight:400} .post-nav .previous{float:right;min-height:80px;border-left:1px solid #eee;box-sizing:border-box;padding-left:10px} .post-nav .next{text-align:left;border-right:1px solid #eee;margin-right:-1px;padding-right:10px;box-sizing:border-box} #blog-pager{clear:both;text-align:center;margin:0} .index #blog-pager{display:block} .index #blog-pager,.archive #blog-pager{padding:0 0 20px;text-align:right} #blog-pager-newer-link a,#blog-pager-older-link a{display:block;float:right;margin-left:0;padding:0 12px;border:0;text-transform:uppercase;line-height:32px;font-weight:400;background-color:#222222;color:#fff;font-size:12px;border-radius:2px} #blog-pager-newer-link a:hover,#blog-pager-older-link a:hover{background-color:$(main.color)} .showpageNum a,.showpage a,.showpagePoint{display:block;float:right;margin-left:6px;padding:0 12px;background:#222222;color:#fff;border:0;text-transform:uppercase;line-height:32px;font-weight:400;border-radius:2px} .showpageNum a:hover,.showpage a:hover{background-color:$(main.color)} .showpageNum a i,.showpage a i{transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease} .showpagePoint{background-color:$(main.color);color:#fff} .showpageOf{display:none!important} .blogger-tab{display:block} .comments{clear:both;margin-top:10px;margin-bottom:0;color:#222222} .comments h4{font-weight:400} .comments .comments-content{padding:10px 0} .comments .comments-content .comment{margin-bottom:0;padding-bottom:8px} .comments .comments-content .comment:first-child{padding-top:0} .facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{width:100%!important} .comments .item-control{position:static} .comments .avatar-image-container{float:right} .comments .avatar-image-container,.comments .avatar-image-container img{height:35px;max-height:35px;width:35px;max-width:35px;border-radius:2px} .comments .comment-block{padding:10px;box-shadow:none;border:1px solid #eee;border-radius:2px} .comments .comment-block,.comments .comments-content .comment-replies{margin-right:47px;margin-top:0} .comments .comments-content .inline-thread{padding:0} .comments .comments-content .comment-header{font-size:14px;border-bottom:1px solid #eee;padding:0 0 3px} .comments .comments-content .user{font-style:normal;font-weight:400} .comments .comments-content .icon.blog-author{font-weight:400} .comments .comments-content .comment-content{color:#5e5e5e;text-align:right;font-size:14px;line-height:1.4em} .comments .comment .comment-actions a{margin-left:5px;padding:2px 5px;color:#222222;font-weight:400;background-color:#f5f5f5;font-size:10px} .comments .comment .comment-actions a:hover{color:#fff;background-color:$(main.color);text-decoration:none} .comments .comments-content .datetime{color:#999;margin-right:0;float:left;font-size:11px} .comments .comments-content .comment-header a{color:inherit} .comments .comments-content .comment-header a:hover{color:$(main.color)} .comments .comments-content .icon.blog-author:before{content:"\f007";font-size:12px;font-family: FontAwesome} .comments .thread-toggle{margin-bottom:4px} .comments .comments-content .comment-thread{margin:4px 0} .comments .continue a{padding:0;padding-top:10px;padding-right:47px;font-weight:400} .comments .comments-content .loadmore.loaded{margin:0;padding:0} .comments .comment-replybox-thread{margin:0} iframe.blogger-iframe-colorize,iframe.blogger-comment-from-post{height:283px!important} .comments-tabs.simpleTab .tab-content{background-color:transparent;padding:0;margin-top:0px} .comments-tabs.simpleTab .tab-content .tab-blogger{margin-top:15px} .comments-tabs.simpleTab{border:0;margin:20px 0;padding:0} .comments-tabs-header{height:32px;background-color:#222222;position:relative;line-height:32px;margin:0;padding:0} .comments-tabs-header h3{position:relative;display:block;color:#eee;float:right;height:32px;font-size:13px;font-weight:700;line-height:32px;text-transform:uppercase} .comments-tabs-header h3:before{content:"\f086";width:32px;height:32px;float:right;background-color:$(main.color);font-family: FontAwesome;color:#fff;font-weight:400;text-align:center;margin-left:10px} .comments-tabs.simpleTab .tab-wrapper li a{height:32px;background-color:#333333;color:#eee;font-size:12px;font-weight:400;text-transform:uppercase;line-height:32px;margin:0;padding:0 10px} .comments-tabs.simpleTab .tab-wrapper li a.activeTab{background-color:$(main.color)} .comments-tabs.simpleTab .tab-wrapper{float:left;text-align:left} .comments-tabs.simpleTab .tab-wrapper li{margin-right:0} .simpleTab .tab-wrapper li{display:inline-block;margin:0;padding:0} .simpleTab .tab-wrapper li a{background-color:#333333;color:#FFF;padding:10px 25px;display:block} .simpleTab .tab-wrapper li:before{content:'';display:none} .simpleTab{margin:10px 0} .simpleTab .tab-content{padding:15px;background-color:#f8f8f8} .simpleTab .tab-wrapper li a.activeTab{background-color:$(main.color);color:#fff} .simpleTab *{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .simpleTab.side .tab-wrapper{float:right;width:30%;margin:0!important;padding:0!important;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .simpleTab .tab-wrapper{padding:0!important;margin:0!important} .simpleTab.side .tab-content{float:right;width:70%;box-sizing:border-box;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .simpleTab.side .tab-wrapper li{width:100%;display:block;text-align:center} .simpleTab.side .tab-wrapper li a{padding:15px 0} .simpleTab.side{overflow:hidden} .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-bottom:15px} blockquote{background: #fcfcfc;border-right:3px solid $(main.color);margin-right:0;padding:10px 15px} blockquote:before{content:'\f10d';display:inline-block;font-family: FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#999} blockquote:after{content:'\f10e';display:inline-block;font-family: FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#999} .firstcharacter{float:right;color:$(main.color);font-family: 'Droid Arabic Kufi', serif;Georgia;font-size:75px;line-height:60px;padding-top:4px;padding-left:8px;padding-right:3px;} .widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400} .widget .post-body li{margin:5px 0;padding:0;line-height:1.5} .post-body ul li:before{content:"\f105";margin-left:5px;font-family: FontAwesome} #sidebar-wrapper .widget{ margin-bottom: 20px; overflow: hidden; background: #ffffff; } .sidebar h2, .sidebar2 h2, .tab h2 { color: #666; text-transform: uppercase; margin:0 0 0 0; padding: 0; position: relative; margin-bottom: 15px; background: #f9f9f9; position: relative; height:30px; } .sidebar h2 span, .sidebar2 h2 span { color: #fff; position: relative; background-color: $(main.color)!important; display: inline-block; padding: 0px 16px; margin: 0; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; font-weight: 600; line-height: 31px; height: 30px; } #sidebar-wrapper h2 span:before { right: 100%; top: 0; height: 0; width: 7px; position: absolute; content: " "; pointer-events: none; margin-right: 0; margin-top: 0; border-bottom: 30px solid #fff; border-left: 20px solid transparent; } #sidebar-wrapper h2 span:after { right: 100%; top: 0; height: 0; width: 0; position: absolute; content: " "; pointer-events: none; margin-right: 0; margin-top: 0; border-bottom: 30px solid $(main.color); border-left: 20px solid transparent; } .sidebar ul{list-style:none} .sidebar .widget-content{margin:0} .social-counter{margin:0;padding:0;overflow:hidden} .social-counter ul{margin:0;padding:0} .social-counter ul li{width:43%;float:right;text-align:right;margin:0 0 5px;padding:0 0 5px;position:relative; position: relative; border: 1px solid #f5f5f5; padding: 10px;} .social-counter ul li:nth-child(2),.social-counter ul li:nth-child(4),.social-counter ul li:nth-child(6),.social-counter ul li:nth-child(8){float:left} .social-counter ul li a{margin:0;padding:0} .item-icon{float:right;position:relative;text-align:center;vertical-align:middle;color:#fff;margin:0;display:inline-block;width:36px;height:36px;line-height:36px;font-size:20px;border-radius:2px} .hide-count{display:none} .item-count{display:inline-block;color:#333;font-weight:700;font-size:14px;line-height:36px;float:right;padding-right:10px} .item-text{float:left;display:inline-block;color:#666666;font-size:12px;line-height:36px;font-weight:400} .item-social.facebook .item-icon{background-color:#5271b3} .item-social.twitter .item-icon{background-color:#49aff8} .item-social.gplus .item-icon{background-color:#cb2027} .item-social.rss .item-icon{background-color:#FFC200} .item-social.youtube .item-icon{background-color:#eb1a21} .item-social.dribbble .item-icon{background-color:#ea4c89} .item-social.instagram .item-icon{background-color:#4E729A} .item-social.pinterest .item-icon{background-color:#cb2027} .item-social.facebook .item-icon:before{content:"\f09a"} .item-social.twitter .item-icon:before{content:"\f099"} .item-social.gplus .item-icon:before{content:"\f0d5"} .item-social.rss .item-icon:before{content:"\f09e"} .item-social.youtube .item-icon:before{content:"\f16a"} .item-social.instagram .item-icon:before{content:"\f16d"} .item-social.dribbble .item-icon:before{content:"\f17d"} .item-social.pinterest .item-icon:before{content:"\f0d2"} .social-counter ul li:hover .item-icon{background-color:#222222} .social-counter ul li:hover .item-text{color:$(main.color)} .menu-tab li a,.sidetabs .section {transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;-ms-transition:all 0s ease} .menu-tab{overflow:hidden;clear:both;padding:0;margin:0 0 10px} .sidetabs .widget h2{display:none} .menu-tab li{width:50%;float:right;display:inline-block;padding:0} .menu-tab li a{height:32px;text-align:center;padding:0;font-weight:700;display:block;color:#EEE;background-color:#222222;font-size:15px;line-height:36px;text-transform:uppercase} .menu-tab li.active a{color:#FFF;background-color:$(main.color)} .menu-tab li{display:none} .hide-tab{display:inline-block!important} .list-label-widget-content li{display:block;padding:8px 0;border-bottom:1px solid #F5F5F5;position:relative} .list-label-widget-content li:first-child{padding:0 0 8px} .list-label-widget-content li:last-child{padding-bottom:0;border-bottom:0} .list-label-widget-content li a:before{content:'\203a';position:absolute;right:0px;top:2px;font-size:22px;color:#222222} .list-label-widget-content li:first-child a:before{top:-7px} .list-label-widget-content li a{color:#222222;font-size:14px;padding-right: 15px;font-weight:400;text-transform:uppercase} .list-label-widget-content li a:hover{color:$(main.color)} .list-label-widget-content li span:last-child{color:#999;font-size:11px;font-weight:700;position:absolute;top:8px;left:0} .list-label-widget-content li:first-child span:last-child{top:2px} .cloud-label-widget-content{text-align:right} .cloud-label-widget-content .label-count{background:$(main.color);color:#fff!important;margin-right:-3px;padding-left:3px;white-space:nowrap;border-radius: 2px;padding: 1px 4px !important;font-size: 12px !important;margin-left: 5px;} .cloud-label-widget-content .label-size{background:#f5f5f5;display:block;float:right;font-size:11px;margin:0 0 5px 5px} .cloud-label-widget-content .label-size a,.cloud-label-widget-content .label-size span{height: 18px !important;color:#222222;display:inline-block;font-size:14px;font-weight:500!important;padding:6px 8px} .cloud-label-widget-content .label-size a{padding:6px 10px} .cloud-label-widget-content .label-size a:hover{color:#fff!important} .cloud-label-widget-content .label-size,.cloud-label-widget-content .label-count{height:30px!important;line-height:19px!important;border-radius:2px} .cloud-label-widget-content .label-size:hover{background:$(main.color);color:#fff!important} .cloud-label-widget-content .label-size:hover a{color:#fff!important} .cloud-label-widget-content .label-size:hover span{background:#222222;color:#fff!important;cursor:pointer} .cloud-label-widget-content .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:10} .label-size-1,.label-size-2{opacity:100} .FollowByEmail td{width:100%;float:right;box-sizing:border-box} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{margin-right:0;width:100%;border-radius:0;height:30px;font-size:11px;color:#fff;background-color:$(main.color);font-family: 'Droid Arabic Kufi', serif; inherit;text-transform:uppercase;} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:#222222;} .FollowByEmail .follow-by-email-inner .follow-by-email-address{padding-right:10px;height:30px;border:1px solid #F5F5F5;margin-bottom:5px;box-sizing:border-box;font-size:12px;font-family: 'Droid Arabic Kufi', serif;'Open Sans', sans-serif} .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border:1px solid #F5F5F5} .FollowByEmail .widget-content:before{content:"ضع اميلك هنا واشترك في المدونة ليصلك كل جديد!"; display: block; padding: 0 2px; font-size: 20px; line-height: 1.2; color: #2c2f34; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; margin-bottom: 10px; font-weight: 600; text-align: center;} .flickr_widget .flickr_badge_image{float:right;margin-bottom:5px;margin-left:10px;overflow:hidden;display:inline-block} .flickr_widget .flickr_badge_image:nth-of-type(4),.flickr_widget .flickr_badge_image:nth-of-type(8),.flickr_widget .flickr_badge_image:nth-of-type(12){margin-left:0} .flickr_widget .flickr_badge_image img{max-width:67px;height:auto} .flickr_widget .flickr_badge_image img:hover{opacity:.5} #ArchiveList select{border:1px solid #F5F5F5;padding:6px 8px;width:100%;cursor:pointer;font-family: 'Droid Arabic Kufi', serif;'Playfair Display',arial,sans-serif;font-size:12px;color:#222222} .PopularPosts .item-thumbnail{margin:0 10px 0 10px !important;width:80px;height:60px;float:right;overflow:hidden} .PopularPosts .item-thumbnail a{position:relative;display:block;overflow:hidden;line-height:0} .PopularPosts ul li img{padding:0;width:80px;height:60px} .PopularPosts .widget-content ul li{overflow:hidden;border-top:1px solid #F5F5F5;padding:10px 0} .sidebar .PopularPosts .widget-content ul li:first-child,.sidebar .custom-widget li:first-child{padding-top:0;border-top:0} .sidebar .PopularPosts .widget-content ul li:last-child,.sidebar .custom-widget li:last-child{padding-bottom:0} .PopularPosts ul li a{color:#222222; line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; } .PopularPosts ul li a:hover{color:$(main.color)} .PopularPosts .item-title{margin:0;padding:0;line-height:0} .item-snippet{font-size:12px;padding-top:3px;font-weight:400;color:#999} #footer-wrapper{background-color:#1f2024} #footer{overflow:hidden;margin:0 auto;padding:20px 0} .sect-right{display:inline-block;float:right;width:32%;margin-left:2%} .sect-right:nth-child(3){margin-left:0} .sect-right .widget{padding:15px 0 20px} .sect-right .widget:nth-of-type(2){padding-top:0} .sect-right .widget .title-wrap{height:32px;position:relative;line-height:0;margin:0 0 10px;padding:0;border-bottom:4px solid #333333} .sect-right .widget h2{position:relative;display:inline-block;color:#EEE;font-size:13px;height:32px;line-height:32px;text-transform:uppercase;font-weight:700;padding:0} .sect-right .widget .title-wrap h2{border-bottom:4px solid $(main.color)} .sect-right .custom-widget .rcp-title a,.sect-right .PopularPosts ul li a{color:#fff} .sect-right .recent-date{color:#999999} .sect-right .custom-widget li{overflow:hidden;border-top:1px solid #333333;border-bottom:0;padding:10px 0} .sect-right .PopularPosts .widget-content ul li{border-top:1px solid #333333} .sect-right .PopularPosts .widget-content ul li:first-child{padding-top:0;border-top:0} .sect-right .PopularPosts .widget-content ul li:first-child,.sect-right .custom-widget li:first-child{padding-top:0;border-top:0} .sect-right .custom-widget .rcp-title a:hover,.sect-right .PopularPosts ul li a:hover{color:$(main.color)} .sect-right .FollowByEmail .widget-content:before{color:#EEEEEE;margin-top:5px} .sect-right .FollowByEmail .follow-by-email-inner .follow-by-email-submit{background-color:#333333;color:#EEEEEE} .sect-right .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:$(main.color)} .sect-right #ArchiveList select{border:1px solid #333333;background:#333333;color:#EEEEEE} .sect-right #ArchiveList select option{color:#EEEEEE} .sect-right .cloud-label-widget-content .label-size {background:#333333} .sect-right .cloud-label-widget-content .label-size:hover{background:$(main.color)} .sect-right .cloud-label-widget-content .label-size a{color:#EEEEEE} .sect-right .list-label-widget-content li{border-bottom:0;border-top:1px solid #333333} .sect-right .list-label-widget-content li:first-child{border-top:0;padding-top:0} .sect-right .list-label-widget-content li a,.sect-right .list-label-widget-content li a:before{color: #EEEEEE} .sect-right .list-label-widget-content li a:hover{color:$(main.color)} .sect-right .list-label-widget-content li:first-child a:before{top: -6px} .footer-wrapper{background-color:RGBA(0, 0, 0, 0.2);color:#eee;display:block;padding:15px 0 13px;width:100%;overflow:hidden} .footer-wrapper .footer-sec{margin:0 auto} .footer-wrapper .copyleft{font-size:0.2px} .footer-wrapper .copyleft a{color:#fff;font-weight:400;} .footer-wrapper .copyleft a:hover{color:$(main.color)} .footer-wrapper .social-footer,.footer-wrapper #social-footer{float:left;position:relative;display:inline-block;margin:0;} .footer-wrapper .native-opt{display: inline-block;float: left;} .footer-wrapper .social-footer ul{overflow:hidden} .footer-wrapper .social-footer li{display:block;float:right;margin-right:5px;padding:0} .footer-wrapper .social-footer li a{display:block;background-color:#333333;float:right;text-decoration:none;color:#EEE;font-size:13px;padding:0;width:22px;height:22px;text-align:center;line-height:21px;border-radius:2px} .footer-wrapper .social-footer li a:hover{background-color:$(main.color);color:#fff;} .footer-wrapper .social-footer li a:before{display:inline-block;font-family: FontAwesome;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .social-footer .facebook:before{content:"\f09a"} .social-footer .twitter:before{content:"\f099"} .social-footer .gplus:before{content:"\f0d5"} .social-footer .rss:before{content:"\f09e"} .social-footer .youtube:before{content:"\f167"} .social-footer .skype:before{content:"\f17e"} .social-footer .stumbleupon:before{content:"\f1a4"} .social-footer .tumblr:before{content:"\f173"} .social-footer .vine:before{content:"\f1ca"} .social-footer .stack-overflow:before{content:"\f16c"} .social-footer .linkedin:before{content:"\f0e1"} .social-footer .dribbble:before{content:"\f17d"} .social-footer .soundcloud:before{content:"\f1be"} .social-footer .behance:before{content:"\f1b4"} .social-footer .digg:before{content:"\f1a6"} .social-footer .instagram:before{content:"\f16d"} .social-footer .pinterest:before{content:"\f0d2"} .social-footer .delicious:before{content:"\f1a5"} .social-footer .codepen:before{content:"\f1cb"} .pop-sec{position:fixed;top:50%;margin-top:-175px;right:50%;max-width:300px;width:90%;margin-right:-150px;background-color:#FFF;height:350px;z-index:99999;display:none;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);transition:all .5s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease} .pop-close{position:absolute;top:0;left:0;background-color:$(main.color);color:#FFF;height:25px;width:25px;text-align:center;border-radius:0;line-height:25px;font-size:10px} .pop-close:hover{opacity:.8;color:#fff} .pop-sec .widget{padding:0 20px} .pop-sec h2{background-color:#222222;color:#eee;font-size:13px;padding:0 10px;font-weight:400;height:25px;line-height:25px;margin-right:-20px;margin-left:-20px;text-transform:uppercase} .pop-sec .contact-form-cross{display:none} .pop-sec.pop-show{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)} #outer-wrapper.pop-active{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} #outer-wrapper.pop-active:before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,0.69);z-index:999;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .error_page #main-wrapper{width:100%!important;margin:0!important} .error_page #sidebar-wrapper,.error_page .status-msg-wrap{display:none} #error-wrap{color:#222222;text-align:center;padding:60px 0 80px} .error-item{font-size:160px;line-height:1;margin-bottom:20px} #error-wrap h2{font-size:25px;padding:20px 0 10px} #error-wrap .homepage{padding-top:10px;display:block} #error-wrap .homepage i{font-size:20px} #error-wrap .homepage:hover{text-decoration:underline} .img-anime .recent-boxes .box-image,.img-anime .recent-boxes .bf-thumb,.img-anime .custom-widget .rcthumb,.img-anime .PopularPosts img,.img-anime .home .block-image .thumb a,.img-anime .tc-thumb a,.img-anime .related-thumb a,.img-anime .PopularPosts .item-thumbnail a{opacity:0;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .img-anime .img-effect,.img-anime .recent-boxes .box-image.img-effect,.img-anime .recent-boxes .bf-thumb.img-effect,.img-anime .custom-widget .rcthumb.img-effect,.img-anime .PopularPosts img.img-effect,.img-anime .block-image .thumb a.img-effect,.img-anime .tc-thumb a.img-effect,.img-anime .related-thumb a.img-effect,.img-anime .PopularPosts .item-thumbnail a.img-effect{opacity:1;transition:all .8s ease;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease} /*---- Label Icons CSS ----*/ a.Video:before {content:"\f144"} a.Car:before {content:"\f1b9"} a.Business:before {content:"\f0b1"} a.People:before {content:"\f183"} a.Nature:before {content:"\f06c"} a.Fashion:before {content:"\f0c4"} a.Gallery:before {content:"\f03e"} a.Technology:before {content:"\f1e6"} a.Learn:before, a.Culture:before {content:"\f02d"} a.Music:before {content:"\f001"} a.Sports:before {content:"\f091"} a.Children:before {content:"\f1ae"} a.Photography:before {content:"\f030"} a.Beauty:before {content:"\f004"} ]]>