<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

<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> <link href="https://fonts.googleapis.com/css?family=Tajawal&display=swap" rel="stylesheet" /> */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-family: 'Tajawal', sans-serif;vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;} body#layout .widget-content { border: 1px solid #CCC; color: #666; height: 3.3em; line-height: 1em; overflow: visible; padding: 5px; position: relative; text-align: center; } body#layout #bottombar .left { float: left; width: 28%; } /* FRAMEWORK */ .navbar,.post-feeds,.feed-links{display:none; } .section,.widget{margin:0 0 0 0;padding:0 0 0 0; } strong,b{font-weight:bold; } cite,em,i{font-style:italic; } a:link{color:#383838;text-decoration:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s; } a:visited{color:#333333;text-decoration:none; } a:hover{color:$(maincolor);text-decoration:none; } a img{border:none;border-width:0;outline:none; } abbr,acronym{ } sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%; } sub{top:.4em;}small{font-size:86%; } kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px; } mark{background-color:#ffce00;color:black; } p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0; } hr{height:1px;border:none;background-color:#666; } /* heading */ h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.6em; } h1{font-size:200% } h2{font-size:180% } h3{font-size:160% } h4{font-size:140% } h5{font-size:120% } h6{font-size:100% } /* list */ ol,ul,dl{margin:.5em 0em .5em 3em } ol{list-style:decimal outside } ul{list-style:disc outside } li{margin:.5em 0 } dt{font-weight:bold } dd{margin:0 0 .5em 2em } /* form */ input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline; } textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; } /* code blockquote */ pre,code{font-family: 'Tajawal', sans-serif;} pre{white-space:pre;word-wrap:normal;overflow:auto; } .post-body blockquote { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOYJsFUnyYs2co_RRRPIFdhv5eQMM2U7cqacaODLwAnA0Ik_S9J0q1YmOCmDMMMwA8AR9G9GCzAkzygeQ5CJ-yXYjk-QTQT7PVOq3cptDZPLBDhpb_Kb31VmjBSxryEJYTXN0dXRZ8T4QG/s50/quote.png) no-repeat scroll left 18px transparent; font-family: 'Tajawal', sans-serif; font-size: 100%; font-style: italic; line-height: 22px; margin: 20px 0 30px 20px; min-height: 60px; padding: 0 0 0 60px; } a.quickedit img {width:18px!important;height:18px!important;border:0!important;padding:0!important;} a.quickedit {background:transparent!important;} /* table */ .post-body table[border="1"] th, .post-body table[border="1"] td, .post-body table[border="1"] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top; } .post-body table.tr-caption-container {border:1px solid #e5e5e5; } .post-body th{font-weight:bold; } .post-body table[border="1"] caption{border:none;font-style:italic; } .post-body table{ } .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #e5e5e5; } .post-body th{background:#f0f0f0; } .post-body table.tr-caption-container td {border:none;padding:8px; } .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto; } .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important; } img { max-width:100%; height:auto; border:0; } table { max-width:100%; } .clear { clear:both; } .clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } body#layout .containz { width: 100%; } body#layout #mywrapper{ width: 60%; float: right; } body#layout #post-wrapper { width: 100%; float: right; } body#layout div#main { width: 100%; } body#layout #header-wrapper { min-height: 0px; margin-top: 70px; } body { background: #fff none repeat scroll top left; margin: 0 0 0 0; padding: 0 0 0 0; color: #333333; font: normal normal 13px Arial, sans-serif; text-align: left; } /* outer-wrapper */ #outer-wrapper { background:#ffffff; max-width:100%; margin:0px auto; overflow:hidden; } /* NAVIGATION MENU */ .top-menu { font:normal normal 12px Arial, sans-serif; margin:0 auto; height:50px; overflow:hidden; padding: 0 28px; background: #f9bf3b; } .top-menu1 { font:normal normal 12px Arial, sans-serif; margin:0 auto; height:43px; overflow:hidden; padding: 11px 0px 0; } .menubar { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .menubar li { display:block; float:left; line-height:38px; margin:0 0 0 0; padding:0 0 0 0; } .menubar li a { background: #fff; color: #E0E0E0; display: block; padding: 0 12px; } .menubar li a:hover { background:#FF6F69; } ul.socialbar { height:38px; margin:0 0 0 0; padding:0 0; float:right; } ul.socialbar li { display:inline-block; list-style-type:none; float:right; margin:0 0; padding:0 0; border-right:none; } /* HEADER WRAPPER */ #header-wrapper { margin:0 auto; overflow:hidden; padding: 0 28px; background: #2A3744; height: 100px; } .header { float: right; width: 25%; height: 100px; padding: 15px 0; } .col-md-8 { position: relative; width: 66.66666667%; float: right; } .search-content { background: #2A3744; height: 95px; position: absolute; width: 100%; padding-top: 20px; visibility: hidden; opacity: 0; transition: .4s; z-index: 999; } .search-content input, .search-content input:focus { border: none; outline: 0; background: transparent; padding: 0px 0; color: #fff; width: 100%; font-size: 16px; margin: 4px 0 0; box-shadow: none; } .search-content input.search-submit { display: none; } .top-post { padding: 24px 0 0; } .top-post a { color: #fff; font-weight: 500; line-height: 1.1; } .top-post span { font-size: 13px; line-height: 20px; letter-spacing: 0.05em; text-transform: uppercase; color: #6a7a89; margin: 0 0 3px; display: table; } .blog_featuredz{text-align: right;} .top-post h4 { margin: 0; font-size: 20px; color: #fff; font-family: 'Tajawal', sans-serif; } .col-md-1 { width: 8.33333333%; float: left; } .search-trigger { float: right; margin: 42px 15px 0 0; } .search-trigger img { cursor: pointer; } .header h1.title::first-letter { color: #FF6F69; } div#header-inner { margin-left: 10px; } .header h1.title,.header p.title { font:normal bold 64px Fjalla One, Arial, Helvetica, sans-serif; margin:0 0 0 0; text-transform:uppercase; color: #666; text-align: right; } .header .description { color:#555555; } .header a { color:#fff; } .header a:hover { color:#999; } .header img { display:block; padding: 14px 0 39px; } .header-right { float: right; padding: 0; overflow: hidden; margin: 27px 0px 0 0; width: 72.8%; max-width: 728px; max-height: 90px; } .Label li{ position: relative; padding: 10px 20px 10px 5px !important; list-style: disc; display: block; border-bottom: 1px solid #eee;} .Label li a{color: rgba(0,0,0,.8); font-weight: 700; font-size: 14px; transition: all .3s;} .Label li:hover:before{color:#333;} .Label li span{border:1px solid rgba(0,0,0,.1);padding:0 6px;display:block;line-height:20px;position:absolute;right:15px;top:10px;border-radius:200px;font-size:11px;margin-top:2px} #mydate { color: #2A3744; float: right; font-size: 15px; padding: 5px 10px; } #mydate a { background: none repeat scroll 0 0 #333333; color: #ffffff; font-family: 'Tajawal', sans-serif; font-weight: bolder; padding: 13px 16px 16px; } div#top-social { float: left; } #top-social a{ font-size:17px; margin-right:15px; line-height:52px; color:#2A3744; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } span.smg-label { display: none; } .header-right img { display:block; } #nav { background: #fff; border-bottom: 2px solid #e9edf1; border-radius: 0px; height: 80px; margin: 0; z-index: 99; line-height: 80px; } .menubar2 { list-style: none; margin:0 0 0 0; *zoom: 1; float:right; } .menubar2:before, .menubar2:after { content: " "; display: table; } .menubar2:after { clear: both; } .menubar2 ul { list-style: none; margin:0 0 0 0; width:12em; } .menubar2 a { display:block; padding:0 20px; } .menubar2 li { position: relative; margin:0 0; } .menubar2 > li { float: right; } .menubar2 > li > a { display: block; height: 80px; line-height: 80px; font-size: 16px; text-transform: uppercase; letter-spacing: 0.05em; color: #777; font-family: 'Tajawal', sans-serif; } .menubar2 li ul { background: #fff; display:block; position:absolute; right:0; z-index:10; visibility:hidden; opacity:0; -webkit-transition:all .25s ease-out; -moz-transition:all .25s ease-out; -ms-transition:all .25s ease-out; -o-transition:all .25s ease-out; transition:all .25s ease-out; background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); font-size: 14px; left: 0; list-style: outside none none; margin: 2px 0 0; min-width: 160px; padding: 5px 0; position: absolute; text-align: right; top: 100%; z-index: 1000; } .menubar2 li li ul { left:100%; top:-1px; } .menubar2 > li.hover > ul { visibility:visible; opacity:10; } .menubar2 li li.hover ul { visibility:visible; opacity:10; } .menubar2 li li a { display: block; color: #666; font-family: 'Tajawal', sans-serif; position: relative; z-index: 100; line-height: 32px; } .menubar2 li li a:hover { color:#878787; } .menubar2 li li li a { color: #e0dfdf; font-family: 'Tajawal', sans-serif; text-shadow: 0 1px 1px #4B4B4B; z-index:20; } i.fa.fa-home { font-size: 25px; padding: 12px 5px; } /* CONTENT WRAPPER */ #content-wrapper { background-color:transparent; margin: 0 auto; padding: 15px 28px 0; word-wrap:break-word; } div#featured-posts-section { max-height: 342px; overflow: hidden; } .largebanner { background:#fff; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; } .largebanner .widget { padding:15px 14px; overflow:hidden; } .largebanner img, .largebanner iframe{ display:block; max-width:100%; border:none; overflow:hidden; } /* POST WRAPPER */ #post-wrapper { background:transparent; float:right; width:790px; max-width:790px; margin:0 0 10px; margin-top: -25px; } .post-container { padding:15px 0px 0 0; } .alert-message{position:relative;display:block;background-color:#f7f8fa;padding:20px;margin:20px 0;border-radius:2px;color:#39484d;} .alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#39484d} .alert-message span{font-size:14px!important} .alert-message i{font-size:22px;text-align:right;display:inline-block; position:absolute;left:0;top:0;padding:20px;opacity:0.8;} .alert-message.success{background-color:#30C6E8;color:#fff} .alert-message.success a,.alert-message.success span{color:#fff} .alert-message.alert{background-color:#4B6397;color:#fff} .alert-message.alert a,.alert-message.alert span{color:#fff} .alert-message.warning{background-color:#F1BE6B;color:#fff} .alert-message.warning a,.alert-message.warning span{color:#fff} .alert-message.error{background-color:#D95447;color:#fff} .alert-message.error a,.alert-message.error span{color:#fff} .breadcrumbs { font-size: 90%; height: 16px; margin-top: 1px; overflow: hidden; text-align: right; padding: 11px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee;} .breadcrumbs > span {padding: 10px 5px 10px 10px;} .breadcrumbs > span:last-child {background: none repeat scroll 0 0 transparent;color: #808080;} .breadcrumbs a {color: #333333;} .post { background: #ffffff; margin: 0 0 15px; padding: 25px; padding-bottom: 30px; background: #ffffff; border: 1px solid #eee; box-shadow: 0 1px 5px #efefef; } .post-body { display: block; margin: 0 0 0 0; font-size: 14px; line-height: 28px; color: #585858; } h2.post-title, h1.post-title { color: #222; margin: 0 0 15px 0; font-size: 24px; line-height: 1.3; font-family: 'Tajawal', sans-serif; font-weight: 400; margin-bottom: 10px; text-align: right; } h2.post-title a, h1.post-title a, h2.post-title, h1.post-title { color:#383838; } h2.post-title a:hover, h1.post-title a:hover { color:$(maincolor); } .img-thumbnail { background:#fbfbfb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIZkBridUxikUQfV-aiL9JukzzGuttJND9lcxCxuEZTzuwrUVEa569MZmLhv91iwkH5J7yzx8x6UiBpHT0gDk4x4RvWZOKh7RYD6Z-yxQ2erU5pkIOPOeet7Liz8YS8SIMWEJkhOPHBKx_/w200-c-h140/no-image.png) no-repeat center center; position:relative; float:right; width:260px; height:220px; margin:0 0 0 30px; } .img-thumbnail img { width:260px; height:220px; object-fit: cover; } span.rollover { } span.rollover:before { content:""; position: absolute; width:24px; height:24px; margin:-12px; top:50%; left:50%; } span.rollover:hover { opacity: .7; -o-transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; } .post-info { background: transparent; padding: 5px 0 10px; font-size: 12px; font-weight: 400; line-height: 21px; text-transform: uppercase; color: #6a7a89; text-transform: capitalize; font-family: 'Tajawal', sans-serif; } .post-info i { border-right: 1px dotted rgba(0,0,0,0.2); padding-right: 10px; } .post-info a { display:inline-block; color:#666666; padding-left: 5px; } .author-info, .time-info, .comment-info, .label-info, .review-info { margin-right:0; display:inline; } a.readmore { display: inline-block; color: #555; font-size: 13px; margin-top: 15px; float: left; } /* Page Navigation */ .pagenavi { clear: both; margin: 40px 0 20px; text-align: center; font-size: 14px; font-weight: bold; direction: ltr; padding: 20px; text-transform: uppercase; border: 1px solid #eee; box-shadow: 0 1px 5px #efefef; } .pagenavi span,.pagenavi a { padding: 6px 15px 6px 15px; margin-right:3px; display:inline-block; color:#666; background: none repeat scroll 0 0 transparent; border: 1px solid #eee; box-shadow: 0 1px 0px #efefef; } .pagenavi .current, .pagenavi .pages, .pagenavi a:hover { border: 1px solid $(readmore.hover.color); } .pagenavi .pages { display:none; } /* SIDEBAR WRAPPER */ #sidebar-wrapper { background:transparent; float:left; width:35%; max-width:330px; margin:15px auto 0; } .sidebar-container { padding:0px 0; } .sidebar h2, .panel h2 { display: block; font-family: 'Tajawal', sans-serif; line-height: 22px; color: #222; padding-bottom: 15px; margin-bottom: 20px; font-weight: 400; text-align: center; text-transform: uppercase; font-size: 18px; } #sidebar1 h2 span,#sidebar h2 span{ } .sidebar h2 span { padding-bottom: 11px; border-bottom: 3px #444 solid; } #bottombar h2 span { border-bottom: 2px solid $(maincolor); bottom: -2px; padding: 6px; color: #666; } div#comments { padding: 25px; padding-bottom: 30px; background: #ffffff; border: 1px solid #eee; box-shadow: 0 1px 5px #efefef; } .sidebar h2:after, .panel h2:after { content: " "; width:90px; height: 0px; position: absolute; left: 0; bottom: -2px; } .sidebar .widget { margin:30px 0 15px; border: 1px solid #eee; padding: 30px; box-shadow: 0 1px 5px #efefef; } .sidebar ul, .sidebar ol { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .sidebar li { margin:5px 0; padding:0 0 0 0; } /* Recent Post */ .recent-post-title { margin:0 0 15px; padding:0; position:relative; } div.recent-post-title:after { } .containz { width: 1140px; margin: 0 auto; } .recent-post-title h2 { display: block; font-family: 'Tajawal', sans-serif; font-weight: 500; font-size: 24px; line-height: 24px; padding: 0 0 13px 0px; margin: 6px 0 5px 0; border-bottom: 3px $(maincolor) solid; color: #222; } .recent-post-title h2 span{padding-bottom: 11px; border-bottom: 3px #444 solid;} .recent-post-title h2 a { color:#474747; } .stylebox { float:left; width:50%; margin:0 0; } .stylebox .widget { padding:0 15px 15px 0; } .stylebox .widget-content { background:#ffffff; } .stylebox ul { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .stylebox1 { float:left; width:98%; margin:0 0; } .stylebox1 .widget { padding:0 0px 15px 0; } .stylebox1 .widget-content { background:#ffffff; } .stylebox1 ul { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } /* Recent Post */ ul.xpose_thumbs { margin:0 0 0 0; } ul.xpose_thumbs li { font-size:12px; min-height:68px; margin:0 0 8px; padding:0 0 8px; border-bottom:1px dotted #e5e5e5; } ul.xpose_thumbs .xpose_thumb { position:relative; background:#fbfbfb; margin:3px 0 10px 0; width:100%; height:50px; padding-bottom:46%; overflow:hidden; } ul.xpose_thumbs .xpose_thumb img { height:auto; width:100%; } ul.xpose_thumbs1 { margin:0 0 0 0; width:65%; float:left; } ul.xpose_thumbs1 li { font-size:12px; min-height:68px; margin:0 0 8px; padding:0 0 8px; border-bottom:1px dotted #e5e5e5; } ul.xpose_thumbs1 .xpose_thumb { position:relative; background:#fbfbfb; margin:3px 0 10px 0; width:100%; height:62px; padding-bottom:46%; overflow:hidden; } ul.xpose_thumbs1 .xpose_thumb img { height:auto; width:100%; } ul.xpose_thumbs2 { font-size:13px; } ul.xpose_thumbs2 li { padding:0 0; min-height:106px; font-size:11px; margin: 0 0 8px; padding: 0 0 8px; border-bottom:1px dotted #e5e5e5; } ul.xpose_thumbs2 .xpose_thumb2 { background:#fbfbfb; float:left; margin:3px 8px 0 0; height:100px; width:100px; } ul.xpose_thumbs2 .xpose_thumb2 img { height:100px; width:100px; } span.xpose_title { font-family: 'Tajawal', sans-serif; font-size: 22px; line-height: 24px; font-weight: 500; color: #222; margin: 0 0 15px 0; } span.xpose_title2 { font-size:16px; } span.xpose_title_big { font-family: 'Tajawal', sans-serif; font-size: 36px; line-height: 40px; font-weight: 400; color: #222; margin: 0 0 30px 0; } span.xpose_title22 { font-size: 18px; line-height: 24px; font-weight: 500; color: #222; margin: 0 0 0 0; } span.rp_summary { display: block; margin: 0 0 0 0; font-size: 16px; line-height: 28px; color: #585858; } span.xpose_meta { background: transparent; display: block; font-size: 11px; color: #aaa; color: #aaa !important; margin: 0px 0 0px 0; font-size: 13px; font-weight: 400; line-height: 21px; text-transform: uppercase; } span.xpose_meta a { color: #aaa !important; display: inline-block; margin: 10px 0 10px 0; font-size: 13px; font-weight: 400; line-height: 21px; color: #c4c4c4; text-transform: uppercase; } span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more { display:inline-block; margin-right:8px; } span.xpose_meta_date:before { content: "\f073"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } span.xpose_meta_comment:before { content: "\f086"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } span.xpose_meta_more:before { content: "\f0a9"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } ul.xpose_thumbs2 li a:hover, ul.xpose_thumbs li a:hover { color:$(maincolor); } ul.xpose_thumbs22 { font-size:13px; width:32%; float:right; } ul.xpose_thumbs22 li { padding:0 0; min-height:66px; font-size:11px; margin: 0 0 8px; padding: 0 0 3px; border-bottom:1px dotted #e5e5e5; } ul.xpose_thumbs22 .xpose_thumb2 { background: #fbfbfb; float: left; margin: 3px 8px 6px 0; height: 140px; width: 245px; } ul.xpose_thumbs22 .xpose_thumb2 img { height:140px; width:245px; } span.xpose_title { font-family: 'Tajawal', sans-serif; font-size: 22px; line-height: 24px; font-weight: 500; color: #222; margin: 0 0 15px 0; } span.xpose_title2 { font-size:16px; } span.rp_summary { display: block; margin: 0 0 0 0; font-size: 16px; line-height: 28px; color: #585858; } span.xpose_meta { background: transparent; display: block; font-size: 11px; color: #aaa; color: #aaa !important; margin: 0px 0 0px 0; font-size: 13px; font-weight: 400; line-height: 21px; text-transform: uppercase; } span.xpose_meta a { color: #aaa !important; display: inline-block; margin: 10px 0 10px 0; font-size: 13px; font-weight: 400; line-height: 21px; color: #c4c4c4; text-transform: uppercase; } span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more { display:inline-block; margin-right:8px; } span.xpose_meta_date:before { content: "\f073"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } span.xpose_meta_comment:before { content: "\f086"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } span.xpose_meta_more:before { content: "\f0a9"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } ul.xpose_thumbs22 li a:hover, ul.xpose_thumbs li a:hover { color:$(maincolor); } /* BOTTOMBAR */ #bottombar { background:#fff; overflow:hidden; padding:45px 28px; color:#dddddd; } #bottombar .left { float:left; width:34%; } #bottombar .center { float:left; width:34%; } #bottombar .right { float:right; width:32%; } #bottombar .left .widget, #bottombar .center .widget { margin:0 15px 15px 0; } #bottombar .right .widget { margin:0 0 15px 0; } #bottombar h2 { font-family: 'Tajawal', sans-serif; line-height: 22px; color: #222; padding-bottom: 15px; font-weight: 400; text-align: center; text-transform: uppercase; font-size: 18px; } #bottombar .widget h2:after { content: ''; display: inline-block; left: 0px; width: 100%; height: 1px; border: 1px solid rgba(0,0,0,0.08); border-left: none; border-right: none; } #bottombar ul, #bottombar ol { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } #bottombar li { margin:5px 0; padding:0 0 0 0; text-align: right; } #bottombar ul li:before { color:#eeeeee !important; } #bottombar a { color:#333; } #bottombar a:hover { color:#666; } /* FOOTER */ #footer-wrapper { background:#fff; margin:0 auto; padding:8px 20px; overflow:hidden; color:#eeeeee; font-size:12px; border-top: 1px solid #eee; } .footer-left { float:right; margin:10px; margin-top: 32px; color: #626262; } .footer-left a span:hover { color:#FF6F69; } .footer-right { float:left; margin:10px; color: #949494; } #footer-wrapper a { color:#646464; } #footer-wrapper a:hover { color:#333; } /* CUSTOM WIDGET */ .widget ul { line-height:1.4em; } /* Tab Menu */ .set, .panel { margin: 0 0; } .tabs .panel { padding:0 0; } .tabs-menu { border-bottom:3px solid #E73138; padding: 0 0; margin:0 0; } .tabs-menu li { font:normal bold 12px Arial, sans-serif; display: inline-block; *display: inline; zoom: 1; margin: 0 3px 0 0; padding:10px; background:#fff; border:1px solid #e5e5e5; border-bottom:none !important; color:#333333; cursor:pointer; position:relative; } .tabs-menu .active-tab { background:#E73138; border:1px solid #E73138; border-bottom:none !important; color:#fff; } .tabs-content { padding:10px 0; } .tabs-content .widget li { float:none !important; margin:5px 0; } .tabs-content .widget ul { overflow:visible; } /* Custom CSS for Blogger Popular Post Widget */ .PopularPosts ul, .PopularPosts li, .PopularPosts li img, .PopularPosts li a, .PopularPosts li a img { margin:0 0; padding:0 0; list-style:none; border:none; background:none; outline:none; } .PopularPosts ul { margin:.5em 0; list-style:none; color:black; counter-reset:num; } .PopularPosts ul li img { display: block; margin: 0 0em 0 1em; width: 75px; height: 75px; float: left; border-radius: 50%; } .PopularPosts ul li { margin:0 10% .4em 0 !important; padding:.5em 0 .5em 0 !important; counter-increment:num; position:relative; } .PopularPosts ul li:before, .PopularPosts ul li .item-title a, .PopularPosts ul li a { font-weight:bold; color:#3a3a3a !important; text-decoration:none; } .PopularPosts .item-title { padding-bottom: .2em; padding-top: 0px; padding-left: 0px; } /* Set color and level */ .PopularPosts ul li {margin-right:1% !important} .PopularPosts .item-thumbnail { margin:0 0 0 0; float: right; } .PopularPosts .item-snippet { font-size:11.5px; color: #5C5C5C; } .profile-img{ display:inline; opaciry:10; margin:0 6px 3px 0; } /* back to top */ #back-to-top { background:#353738; color:#ffffff; padding:8px 10px; font-size:24px; border: 1px solid #4b4b4b; } .back-to-top { position:fixed !important; position:absolute; bottom:20px; right:20px; z-index:999; } /* ==== Related Post Widget Start ==== */ #related-posts h2 > span{ } #related-posts{ float:left; width:100%; margin-bottom:40px; } .komhead{text-align: right;} #related-posts h2{ padding: 4px 0; font: normal normal 18px Oswald; text-transform: uppercase; font: normal bold 15px Arial, sans-serif; text-align: right; color: #474747; margin-bottom: 5px; } #related-posts a { width: 240px; text-decoration: none; float: right; } #author-box{display: none;} #related-posts #r-title { width: 100%; padding: 9px 0px 20px; color: #FFF; height: 25px; text-align: left; margin: -63px 0px 0px; font: 12px; background: #111 none repeat scroll 0% 0%; opacity: 0.7; line-height: 1.3em; } #related-posts h8 { padding-left: 14px; display: inline-block; } #related-posts .related_img { padding:0px; width:100%; height:160px; } #related-posts .related_img:hover{ opacity:.7; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; } /* share buttons */ .share-buttons-box { height: 67px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1tUnY-YhtYBXxiGlPuwTg8CUyxhzti037ZdtZjoHBqjUdbfLZEQOQVN5L_2bMVQCt8APDMhAfLhTlrBdS4qbjENWfY9ojTX2v8Jz_s4pV4SzaLWutv9GZEwTrKVC9Q8gUOF0L6XmFZfQX/s1600/share.png) no-repeat 330px 10px; margin:20px 0 15px; overflow:hidden; } .share-buttons { margin:0 0; height:67px; float:left; } .share-buttons .share { float:left; margin-right:10px; display:inline-block; } /* error and search */ .status-msg-wrap { font-size:120%; font-weight:bold; width:100%; margin:20px auto; } .status-msg-body { padding:20px 2%; width:96%; } .status-msg-border { border:1px solid #e5e5e5; opacity:10; width:auto; } .status-msg-bg { background-color:#ffffff; } .status-msg-hidden { padding:20px 2%; } #ArchiveList ul li:before { content:"" !important; padding-right:0px !important; } /* facebook comments */ .fb-comments{width: 100% !important;} .fb-comments iframe[style]{width: 100% !important;} .fb-like-box{width: 100% !important;} .fb-like-box iframe[style]{width: 100% !important;} .fb-comments span{width: 100% !important;} .fb-comments iframe span[style]{width: 100% !important;} .fb-like-box span{width: 100% !important;} .fb-like-box iframe span[style]{width: 100% !important; } .rich-snippet { padding:10px; margin:15px 0 0; border:3px solid #eee; font-size:12px; } /*-------sidebar----------------*/ .sidebar-narrow{margin:0} #sidebar-narrow .widget{margin-bottom:30px;} #sidebar-narrow{float:right;width:160px;margin-right: 14px; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; padding: 16px 10px 0 15px;} div#main { width: 98%; margin-top: 25px; } div#mywrapper { float: right; width: 694px; } #sidebartab { margin-bottom: 15px; margin-top: -20px; } .tab-widget-menu { height: 46px; margin: 0; padding: 8px 0 0 2px; } #sidebartab .widget { margin-bottom: 0; padding-bottom: 0; } #sidebartab .h2title { display: none; } #sidebartab .h2titlesmall { display: none; } #sidebartab .widget-content { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: 0; } .tab-widget-menu ul, .tab-widget-menu li { list-style: none; padding: 0; margin: 0; } .tab-widget-menu li { background: #333; bottom: -2px; color: #FFF; cursor: pointer; float: left; height: 38px; line-height: 38px; margin: -2px 0px 0 0px; padding: 0; position: relative; text-align: center; width: 33.3%; z-index: 2; } .tab-widget-menu li.selected { background: $(maincolor); border-width: 1px 1px 3px; color: #FFF; margin-top: -2px; } #sidebartab .h2title, #sidebartab h2 { display: none; } #sidebartab .h2titlesmall, #sidebartab h2 { display: none; } #sidebartab .widget-content img { padding: 2px; border: 1px solid lightGrey; width: 100px; height: 100px; } #sidebartab .popular-posts li { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #E9E9E9; overflow: hidden; padding: 10px 0; } .PopularPosts img:hover, #sidebartab .widget-content img:hover { -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; } #sidebarlab .sidebar li a:hover { color: #fff; background: #222; } .PopularPosts a {font-weight:bold;} .tagcloud a { background: #e4e4e4; color: #888; display: block; float: left; font-size: 14px!important; line-height: 12px; margin: 0 2px 2px 0; padding: 12px 17px; } .cloud-label-widget-content {display:inline-block;text-align:left;} .cloud-label-widget-content .label-size{display:inline-block;float:right;font-size:11px;line-height:normal;margin: 0 0px 5px 5px;opacity:1} .cloud-label-widget-content .label-size a{ background: #30373B; color: #fff!important; float: left; border: 1px solid #30373B; font-weight: 700; line-height: 100%; margin: 0; padding: 9px 10px; text-transform: uppercase; transition: all .6s;} .cloud-label-widget-content .label-size a:hover,.cloud-label-widget-content .label-size a:active {background:#fff;color:#F86E7D;} .cloud-label-widget-content .label-size .label-count{background:#F86E7D;color:#fff;white-space:nowrap;display:inline-block;padding:6px 8px;margin-left:-3px;line-height:normal;border-radius:0 2px 2px 0} .showpageArea a { clear:both; margin:-5px 0 10px; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; } .showpageNum a { padding:6px 10px; margin-right:3px; display:inline-block; color:#333333; background-color:#ffffff; border: 1px solid #dddddd; } .showpageNum a:hover { border: 1px solid #aaaaaa; } .showpagePoint { padding:6px 10px; margin-right:3px; display:inline-block; color:#333333; background-color:#ffffff; border: 1px solid #aaaaaa; } .showpageOf { display:none; } .showpage a { padding:6px 10px; margin-right:3px; display:inline-block; color:#333333; background-color:#ffffff; border: 1px solid #dddddd; } .showpage a:hover { border: 1px solid #aaaaaa; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#666; } .button { text-align: center; width: 100%; margin: 10px 0; padding: 0; font-size: 14px; font-family: 'Tajawal', sans-serif; color: #fff; margin-left: 0em !important; } .button ul { margin: 0; padding: 0; } .button li { display: inline-block; margin: 10px 0; padding: 0; } #Attribution1 { height:0px; visibility:hidden; display:none } .author-avatar img{border:1px solid #ccc;padding:4px;background:#fff;float:left;margin:0 10px 5px 0;border:50%;} #author-box h3 { padding-bottom: 5px; font-size: 16px; color:#222; font-family: 'Tajawal', sans-serif; } .block-head h3:after { content: ''; display: inline-block; left: 0px; width: 100%; height: 1px; border: 1px solid rgba(0,0,0,0.08); border-left: none; border-right: none; } div#related-posts h2:after { content: ''; display: inline-block; left: 0px; width: 100%; height: 1px; border: 1px solid rgba(0,0,0,0.08); border-left: none; border-right: none; } /* Search Box ----------------------------------------------- */ #searchformfix { float:right; overflow:hidden; position:relative; margin-right: 20px; margin-top: 6px; } #searchform { margin:7px 0 0; padding:0; } #searchform fieldset { padding:0; border:none; margin:0; } #searchform input[type="text"]{ background:#fff; border:none; float:left; padding:0px 10px 0px 15px; margin:0px; width:150px; height:34px; line-height:34px; transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s; -moz-transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s; -webkit-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s; -o-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s; color:#585858} #searchform input[type=text]:hover,#searchform input[type=text]:focus { width:200px; } #searchform input[type=submit] { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmnadR2XUPfIW9sslAD-qxejbusgRhLTXlQKdVDh1yW672Rm8lmVro49KqH26TrXipaXH6kI7vfhm93x82-2Mf9CBU9-ZLYrVfOscNSYXJmhmISZX9AeG56S-_jld4JkANQQp8rjPkK5yz/s1600/icon-search.png) center 9px no-repeat; cursor:pointer; margin:0; padding:0; width:37px; height:34px; line-height:34px; background-color: #FF6F69; border: none; } input[type=submit] { padding:4px 17px; color:#ffffcolor:#585858; text-transform:uppercase; border:none; font-size:20px; background:url(gradient.png) bottom repeat-x; cursor:pointer; margin-top:10px; float:left; overflow:visible; transition:all .3s linear; -moz-transition:all .3s linear; -o-transition:all .3s linear; -webkit-transition:all .3s linear; } #searchform input[type=submit]:hover { background-color:#333; } .selectnav { display:none; } /*---Flicker Image Gallery-----*/ .flickr_plugin { width: 100%; } .flickr_badge_image { float: left; height: 75px; margin: 8px 5px 0px 5px; width: 75px; } .flickr_badge_image a { display: block; } .flickr_badge_image a img { display: block; width: 100%; height: auto; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -ms-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .flickr_badge_image a img:hover { opacity: .5; } div#act { display: none; } #sidebar-narrow .list-label-widget-content li:before { content: "\f013"; font-family: fontawesome; margin-right: 5px; } #sidebar-narrow .list-label-widget-content li { display: block; padding: 0 0 8px 0; position: relative; } #sidebar-narrow .list-label-widget-content li a { color: #555555; font-size: 13px; font-weight: normal; } #sidebar-narrow .list-label-widget-content li a:first-child { text-transform: capitalize; } #sidebar-narrow .list-label-widget-content li a:hover { text-decoration: underline; } #sidebar-narrow .list-label-widget-content li span:last-child { color: #949494; font-size: 12px; font-weight: bold; position: absolute; right: 0; top: 0; } #sidebar-narrow .list-label-widget-content li:hover span:last-child { text-decoration: underline; } /***** Social link*****/ ul.socialbar li,ul.socialbar li{ float: left; margin-right: 0px; margin-bottom:0px; padding: 0px; display:block; width: auto; } ul.socialbar li a, ul.socialbar li a, a.soc-follow { display: block; float: left; margin: 0; padding: 0; width: 40px; height: 43px; margin-bottom:2px; text-indent: -9999px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } a.soc-follow.dribbble { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfL7q81Tsh3Ar1RTn5s8TSwruvFXIcX8wwuQ-yC4DchViYnTK5wE9rMU8t-naHzz-XHcsF5Gri3b4XkI8UragxZaI9BuUzooqz8bZuRsYg-EFmeSRoQ_kr07DD1IfFWKekreSttgzGTzA/s1600/dribbble.png) no-repeat 0 0; } a.soc-follow.dribbble:hover { background-color: #ef5b92; } a.soc-follow.facebook { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOFDqppz3mrFGTK1bAfhcbt-d7MOV2ELvDtNBhO9IbQXu1TrRUrlBxouUIxCU-6QDEzJ8Op9cjMcctr4HPidjMLjTwVIs8QZ7_BuDJ5udjDo9Rw0wgxzGvFYEDhIlCfbVgBFr3Z6Hgzg0/s1600/facebook.png) no-repeat 0 0; } a.soc-follow.facebook:hover{ background-color: #3b5998; } a.soc-follow.flickrs { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5kZ-VY7SEQ1OwB-OY1yhY1DsldDTQ0KSrUjGfm9skKcQqNFWaBRVYeIPKSugMOl3EKZqi_u98eB860YjEl7LFJKNDKWCIej3rvlmHwL3SzHZvTFu3ZzEkrc-Wtm8Bv3Yndn0CNS0rhY/s1600/flickr.png) no-repeat 0 0; } a.soc-follow.flickrs:hover { background-color: #f1628b; } a.soc-follow.googleplus { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWLxlrwufDoYLmVyp0ntO11BuHPOoKfSFKl4XwVd9I_5J10VeoqrjmeR4zkh_rgPGRTOwClyMUlVoXWBL_8Bz9fJhuh-kQRBsJtWSp8gn-4jzV7XG5pEpMxuNY6pduI0-odep55WPE6-4/s1600/googleplus.png) no-repeat 0 0; } a.soc-follow.googleplus:hover { background-color: #d94a39; } a.soc-follow.linkedin { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLJ9Ox2T5nF2w332g1N8uNaa83NESSt1XUzbPWa6LlTSZBJ66GZoFzRremwybGyZnL18m3EEP_ok5yEprY9D_v8mhl3hWiUW2sdQxEq2DzdxeohOUoTtTDXERFLTHIFTW8raJ3sPK32qs/s1600/linkedin.png) no-repeat 0 0; } a.soc-follow.linkedin:hover { background-color: #71b2d0; } a.soc-follow.twitter { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivsM0ZQVwZPupuszzLx4BLkXNxate6aADWrgzzPsymoVr1qBxZL7w3RApsjQDTOechUwYGWGUekZ5g1ucWOb-nyLOl2d6Cltw-mCl2eQ5TmuFCdg7Odwx2X5GI8U-XVQt6dy60prvA26c/s1600/twitter.png) no-repeat 0 0; } a.soc-follow.twitter:hover { background-color: #48c4d2; } a.soc-follow.vimeo { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO4jl4Nu4LUV9hng3NnSA17RRfRJmoUqFJIWf5ItJVn2otlKa3mXDTdqWoHNrBFEq0yAJhghY8GR06YgahINcT0AckGCm0z9BeoSi7rWY27l8IIhMPrPo7JUTwEzLDbzpbhxRFO3xXrlo/s1600/vimeo.png) no-repeat 0 0; } a.soc-follow.vimeo:hover { background-color: #62a0ad; } ul.socicon-2 li a:hover, ul.socicon li a:hover, a.soc-follow:hover { background-position: 0 -40px; } #nav.fixed-nav{ position: fixed; top: 0; left: 0; width: 100% !important; z-index: 999; /* -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1); */ -moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1); /* box-shadow: 0 5px 3px rgba(0, 0, 0, .1); */ padding: 0; border-top: none; margin: 0; } div.conty { width: 1140px; margin: 0 auto; } #beakingnews { float: right; height: 42px; line-height: 42px; overflow: hidden; width: 60.2%; } #recentpostbreaking li a { color:#949494; font-family: 'Tajawal', sans-serif; font-weight: bold; } #recentpostbreaking li a:hover { color:$(maincolor); } #beakingnews .tulisbreaking { background:#FF6F69; } #beakingnews .tulisbreaking{ color:$(mainbgfontcol.background.color) !important; } span.tulisbreaking:after{ content: close-quote; position: absolute; width: 0px; top: 15px; right: -12px; border-bottom: 6px solid rgba(0, 0, 0, 0); border-left: 6px solid #FF6F69; border-top: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); } #beakingnews .tulisbreaking { color: #FFFFFF; display: block; float: left; font-family: 'Tajawal', sans-serif; font-weight: bold; padding: 0 10px; position: absolute; border-bottom: 1px solid #FF6F69; } #recentpostbreaking { float: left; margin-left: 125px; } #recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0} /*------*|*|*| Featured Blog Posts *|*|*|----------*/ .blog_featured_posts { display: inline-block; width: 100%; margin-top: 10px; margin-bottom: 10px; } .blog_featured_post { display: block; position: relative; float: left; overflow: hidden; height:334px; } .blog_featured_post.first { width: 43.36%; margin-right: 9px; } .blog_featured_post.second { width: 20.79%; margin-right: 9px; } .blog_featured_post.third, .blog_featured_post.fourth { width: 34.126%; height:163px; } .blog_featured_post.third { margin-bottom: 9px; } .blog_featured_post a { display: block; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 1px; position: relative; vertical-align: bottom; z-index: 1; height:100%; } .blog_featured_post a:hover:before { opacity: 0.6; box-shadow: inset 0px -3px 200px 5px #000; } .blog_featured_post a:before { display: block; position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; box-shadow: inset 0px -3px 300px 5px #000; opacity: 0.5; -webkit-transition: all 0.2s; transition: all 0.2s; } .blog_featured_post a .blog_contents { display: block; position: absolute; z-index: 5; bottom: 30px; left: 30px; right: 30px; font-weight:bold; letter-spacing: -1px; text-transform: uppercase; line-height: 120%; -webkit-transition: all 0.2s; transition: all 0.2s; font-family: 'Tajawal', sans-serif; } .blog_contents span { font-style: normal; display: block; position: absolute; bottom: 100%; padding: 5px 10px; letter-spacing: 0px; font-size: 11px; line-height: 1; text-shadow: none; margin-bottom: 10px; background:#F9BF3B; } .blog_contents span:after { content: ""; border-style: solid; border-width: 21px 7px 21px; border-color: transparent; border-bottom-color:#F9BF3B; right: -7px; bottom: 0; position: absolute; } .blog_contents span:before { content: ""; border-style: solid; border-width: 21px 7px 21px; border-color: transparent; border-top-color: #F9BF3B; left: -7px; top: 0; position: absolute; } .blog_featured_post a .blog_contents h3 { font-size: 18px; line-height: 1.35; font-weight: bold; text-align: right; } .blog_featured_post.first a .blog_contents h3 {font-size: 22px!important;} .blog_featured_post .feat-img{ width:100%; height:100%; background-size:cover; background-position:50%; } .search-content { background: #2A3744; height: 95px; position: absolute; width: 100%; padding-top: 20px; visibility: hidden; opacity: 0; transition: .4s; z-index: 999; } .sc-active { visibility: visible; opacity: 1; transition: .4s; } .search-content input , .search-content input:focus { border: none; outline: 0; background: transparent; padding: 0px 0; color: #fff; width: 100%; font-size: 16px; margin: 4px 0 0; box-shadow: none; } .search-content input::-webkit-input-placeholder { color: #FFF; opacity: 1; } .search-content input:-moz-placeholder { color: #FFF; opacity: 1; } .search-content input::-moz-placeholder{ color: #FFF; opacity: 1; } .search-content input:-ms-input-placeholder { color: #FFF; opacity: 1; } .search-content input.search-submit{ display: none; } /* Footer subscription section */ #footer-socials { padding: 23px 0 30px 0; background: #30373b; text-align: center; height: 105px; } #footer-socials h3 { color: #fff; margin: 0 0 23px 0; text-transform: uppercase; text-align: center; font-weight: normal; font-family: 'Tajawal', sans-serif; line-height: 1.6em; font-size: 1.17em; } #footer-socials .socialicons a { border-color: rgba(255, 255, 255, 0.1); width: 70px; height: 53px; line-height: 53px; } #footer-socials .socialicons a:hover { color: #f4b757; border-color: #f4b757; } #footer-socials .socialicons ul { margin-top: -10px; } #footer-socials .socialicons ul li { margin-top: 10px; } #footer-socials .ftnewsletter p{ margin-bottom: 0; } #footer-socials .ftnewsletter ::-webkit-input-placeholder { color: #b5babe; } #footer-socials .ftnewsletter :-moz-placeholder { color: #b5babe; } #footer-socials .ftnewsletter ::-moz-placeholder { color: #b5babe; } #footer-socials .ftnewsletter :-ms-input-placeholder { color: #b5babe; } #footer-socials .ftnewsletter form { position: relative; padding-right: 125px; } #footer-socials .ftnewsletter form label { display: none; } #footer-socials .ftnewsletter .form-group { margin: 0; } input[type="submit"], button, .btn { padding: 18px 20px; outline: 0 !important; border: 0; border-radius: 0; text-align: center; font-size: 13px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-family: 'Tajawal', sans-serif; color: #fff; background: #30373b !important; position: relative; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-appearance: none; } input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea { border-radius: 0; outline: 0; border: 0; -webkit-appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 13px 20px; height: auto; color: #909396; font-size: 14px; font-family: 'Tajawal', sans-serif; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border: 1px solid #efeff0; width: 100%; background: transparent; } #footer-socials .ftnewsletter input[type="email"], #footer-socials .ftnewsletter input[type="text"] { padding: 17px 20px; background: transparent; border-color: rgba(255, 255, 255, 0.1); color: #fff; position: relative; } #footer-socials .ftnewsletter input[type="email"]:focus, #footer-socials .ftnewsletter input[type="text"]:focus { border-color: #f4b757; } #footer-socials .ftnewsletter input[type="submit"] { position: absolute; right: 0; top: 0; padding-right: 0; padding-left: 0; width: 125px; text-align: center; margin: 0; background: #f4b757 !important; } #footer-socials .ftnewsletter .formError { left: 0 !important; top: 100% !important; margin-top: 12px !important; } .col-md-6 { width: 50%; float: right; } .widget_wysija_cont .abs-req { display: none; } /* social icons */ .socialicons ul { font-size: 0; } .socialicons ul li { display: inline-block; vertical-align: middle; margin-left: 10px; } .socialicons ul li:last-child { margin-right: 0; } .socialicons a { text-decoration: none; font-size: 16px; width: 54px; height: 40px; line-height: 40px; color: #b5babe; border: 1px solid #efeff0; text-align: center; display: block; } .socialicons a:hover { color: #f4b757; border-color: #f4b757; } .about-widget-img { border-radius: 50%; overflow: hidden; display: inline-block; max-width: 200px; max-height: 200px; margin-bottom: 26px; } .about-widget h4 { font-size: 16px; margin-bottom: 16px; } .about-widget { text-align: center; } .about-widget p { font-size: 14px; line-height: 24px; } .about-widget-social { text-align: center; background: #fdfdfd; margin-left: -30px; margin-right: -30px; margin-bottom: -30px; padding: 25px 30px; border-top: 1px solid rgba(0,0,0,0.05); margin-top: 30px; } .about-widget-social a i { font-size: 14px; margin: 0px 7px; color: #191b28; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .about-widget-social span { display: none; } .sidebar .widget h2:after { content: ''; display: inline-block; left: 0px; width: 100%; height: 1px; border: 1px solid rgba(0,0,0,0.08); border-left: none; border-right: none; } .blog_content span { padding: 3px 10px; font-size: 13px; margin-bottom: 18px; background: #F9BF3B; color: #fff; position: relative; margin-right: 10px; } .blog_content span:before { content: ""; border-style: solid; border-width: 21px 7px 21px; border-color: transparent; border-top-color: #F9BF3B; left: -7px; top: 0; position: absolute; } .blog_content span:after { content: ""; border-style: solid; border-width: 21px 7px 21px; border-color: transparent; border-bottom-color: #F9BF3B; right: -7px; bottom: 0; position: absolute; } .blog_content span a{ color:#fff; text-transform: capitalize; } .blog_content { margin: 2px 0 15px; } form.search-form input { border: none; padding: 0; margin: 0px; font-size:16px; } /* Widget Rekomendasi */ #chslidingbox{background:#fff;width:100%;max-width:355px;height:185px;position:fixed;overflow:hidden;border:none;left:-360px;z-index:99;text-align:left;box-shadow:0 1px 0 0 rgba(0,0,0,0.03);transition:all .4s ease-out} .chslidingbox-title{text-align: center;background:#30373B;color:#fff;display:block;height:45px;line-height:45px;width:100%;font-size:14px;text-transform:capitalize;font-weight:700;letter-spacing:.5px} .chslidingbox-title span a{font-family:initial;float:right;height:40px;margin:0 0 0 15px;text-align:center;color:#fff;font-size:20px} a#chslidingbox-close,a#chslidingbox-close{margin-right:15px} .chslidingbox-title >span >h2{font-size:20px!important;font-weight:normal!important} .chslidingbox-container{border:none;float:left;width:100%;height:auto;margin:3px} .chslidingbox-container >div{border:none;margin:3px 0;padding:10px 0} .chslidingbox-container >div >span{font-size:14px} .show{bottom:84px} .hide{bottom:-145px} .related-post{font-size:70%} .related-post h4{font-size:150%;margin:0 0 .5em} .related-post-style-2{margin-top:-20px;padding-top:15px;list-style:none} .related-post-style-2 li{text-align:right;padding:0 10px 10px 10px;overflow:hidden} .related-post-style-2 li:first-child{border-top:none} .related-post-style-2 .related-post-item-thumbnail{width:45px;height:45px;max-width:none;max-height:none;border:0;padding:0;float:right;margin:2px 0 0 10px} .related-post-style-2 .related-post-item-title{font-weight:700;font-size:130%;line-height:normal} a.related-post-item-title{color:#30373B;transition:all .4s ease-out} a:hover.related-post-item-title{color:#2ecc71;text-decoration:none} .related-post-style-2 .related-post-item-summary{display:block;overflow:hidden} /* CSS Share Button */ .share-post{text-align:center;margin-bottom:20px;margin-top:20px;padding: 10px 0 50px;} .share-post ul { margin: 0 auto; width: 90%; } .share-post li{float:left;margin:0 1%;width:18%;padding:0;list-style:none;position:relative; text-align: center;} .share-post li:hover{} .share-post li a{padding:6px 7px 6px 38px;color:#fff;display:block;border-radius:2px;opacity:0.9;font-size:13px;transition:all 0.6s ease-out;} .share-post li a:hover{color:#fff;opacity:1;} .share-post li .twitter{background-color:#19bfe5;} .share-post li .facebook{background-color:#3b5998;} .share-post li .gplus{background-color:#d44132;} .share-post li .pinterest{background-color:#cb2027;} .share-post li .tumblr{background-color:#304e6c;} .share-post li .twitter:hover,.share-post li .facebook:hover,.share-post li .gplus:hover, .share-post li .pinterest:hover,.share-post li .tumblr:hover{color:#fff;} .share-post li:last-child{margin-right:0} .share-post li .fa:before{position:absolute;top:0;left:0;display:inline-block;padding:5.5px 12px;font-family:fontawesome;text-align:center;background:rgba(0,0,0,0.08);color:#fff;line-height:20px;text-shadow:2px 2px rgba(0,0,0,0.1);font-size:14px;transition:all 0.6s ease-out;} .share-post li:hover .fa:before{text-shadow:-2px 2px rgba(0,0,0,0.1);} .share-post li .fa {display:initial;} /* CSS Tooltip */ .share-tooltip {position:relative;display:inline-block;} .share-tooltip:before, .share-tooltip:after {position:absolute;opacity:0;z-index:1000000;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;pointer-events:none;} .share-tooltip:hover:before, .share-tooltip:hover:after {opacity:1;} .share-tooltip:before {content:'';position:absolute;background:transparent;border:6px solid transparent;position:absolute;} .share-tooltip:after {content:attr(data-share-tooltip);background:rgba(0,0,0,0.7);background:hsla(0,0%,20%,0.9);color:#fff;padding:8px 10px; font-size:12px;white-space:nowrap;border-radius:3px;-webkit-backface-visibility:hidden;} .share-tooltip-top:before {bottom:125%;left:10%;margin:0 0 -18px 0;border-top-color:rgba(0,0,0,0.7);border-top-color:hsla(0,0%,20%,0.9);} .share-tooltip-top:after {bottom:125%;left:10%;margin:0 0 -6px -10px;} .share-tooltip-top:hover:before {margin-bottom:-10px;} .share-tooltip-top:hover:after {margin-bottom:2px;} .share-tooltip-bottom:before {top:100%;left:50%;margin:-14px 0 0 0;border-bottom-color:rgba(0,0,0,0.7);border-bottom-color:hsla(0,0%,20%,0.9);} .share-tooltip-bottom:after {top:100%;left:50%;margin:-2px 0 0 -10px;} .share-tooltip-bottom:hover:before {margin-top:-6px;} .share-tooltip-bottom:hover:after {margin-top:6px;} .share-tooltip-right:before {left:100%;bottom:50%;margin:0 0 -4px -8px;border-right-color:rgba(0,0,0,0.7);border-right-color:hsla(0,0%,20%,0.9);} .share-tooltip-right:after {left:100%;bottom:50%;margin:0 0 -13px 4px;} .share-tooltip-right:hover:before {margin:0 0 -4px -0;} .share-tooltip-right:hover:after {margin:0 0 -13px 12px;} .share-tooltip-left:before {right:100%;bottom:50%;margin:0 -8px -4px 0;border-left-color:rgba(0,0,0,0.7);border-left-color:hsla(0,0%,20%,0.9);} .share-tooltip-left:after {right:100%;bottom:50%;margin:0 4px -13px 0;} .share-tooltip-left:hover:before {margin:0 0 -4px 0;} .share-tooltip-left:hover:after {margin:0 12px -13px 0;} .fedse{float: left;} .fedse p{margin: 0 6px 0px 0px;} */]]>

-1

false

BEHIND

أخر موضواع

true

#f9bf3b

true

#f9bf3b

false

true

#f9bf3b

TextAndImage

#000000

false

1x1

true

false

#000000

true

false

</div></div> <div class="date-outer"> <div class="date-posts">

</div></div>

About

( )

By اضف تعليق تعليق واحد تعليق

About

ابق على اتصال معنا

اشترك في نشرتنا الإخبارية

About

مواضيع ذات صلة

ابق على اتصال معنا

اشترك في نشرتنا الإخبارية