<data:blog.pageTitle/>

<data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> الصفحة غير موجودة - <data:blog.title/> span {position:relative;padding:10px 13px;} .breadcrumbs > span:last-child{background:transparent;color:#333} .breadcrumbs a{color:#333}.breadcrumbs a:hover{color:#7fa8f0} .breadcrumbs > span:before, .breadcrumbs > span:after {z-index:1;content:'';border:19px solid transparent;height:0;width:0;left:-26px;top:-1px;position:absolute;border-right-color:#000000;} .breadcrumbs > span:before {border-right-color:#e9e9e9;} .breadcrumbs > span:after {float:right;border-right-color:#fff;left:-24px;border-width:18px;top:0;} /* CSS Blog Heading */ h1,h2,h3,h4,h5,h6{font-weight:700;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%} /* CSS List */ ul,dl{margin:.5em 3em .5em 0em} ol{list-style:decimal outside} ul{list-style:disc outside} li{margin:.5em 0} .post ul li span{position:relative;display:block;padding:0;margin:.5em 2em .5em 0;text-decoration:none;transition:all .3s ease-out;} ol {counter-reset:li;list-style:none;padding:0;margin:0;} ol ol {margin: 0 2em 0 0;} .post ol li{position:relative;display:block;padding:0;margin:.5em 2em .5em 0;background:#fff;text-decoration:none;transition:all .3s;} .post ol li:before {content:counter(li);counter-increment:li;position:absolute;right:-2.5em;height:2em;width:2em;text-align:center;} .post-body ul {position:relative;display:block;padding:0;margin:.5em 1.5em .5em 0;text-decoration:none;transition:all .3s ease-out;} dt{font-weight:bold} dd{margin:0 2em .5em 0} /* CSS Form */ input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline} textarea{display:block;box-sizing:border-box} pre,code{color:#46515e} pre{white-space:pre;word-wrap:normal;overflow:auto} blockquote{position:relative;line-height:normal;margin:13px 0;border-right:3px solid #c69f73;font-weight:400;padding:0 18px;color:#000000} .awal{float:right;color:#ff8401;background:#fff;line-height:30px;padding-top:1px;padding-left:5px;font-family:times;font-size:50px} /* CSS Post Table */ table,caption,tbody{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} table{border-collapse:collapse;border-spacing:0;} .post-body table td,.post-body table caption{border:1px solid #e9e9e9;padding:10px;text-align:right;vertical-align:top;} .post-body table tr th {border:1px solid #95a5a6;font-weight:700;color:#fff;padding:10px;text-align:right;vertical-align:top;font-size:14px} .post-body table th {background:#bdc3c7;} .post-body table.tr-caption-container {border:1px solid #f1f1f1;} .post-body table caption{border:none;font-style:italic;} .post-body td, .post-body th{vertical-align:top;text-align:right;font-size:13px;padding:3px 5px;} .post-body table tr:nth-child(even) > td {background-color:#f9f9f9;} .post-body table tr:nth-child(even) > td:hover {background-color:#fbfbfb;} .post-body td a{color:#768187;padding:0 6px;font-size:85%;float:left;display:inline-block;border-radius:3px} .post-body td a:hover {color:#7f9bdf;border-color:#adbce0;} .post-body td a[target="_blank"]:after {margin-right:5px;} .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:#000;font-size:80%;padding:0px 8px 8px !important;} table {max-width:100%;width:100%;margin:1.5em auto;} table.section-columns td.first.columns-cell{border-right:none} table.section-columns{border:none;table-layout:fixed;width:100%;position:relative} table.columns-2 td.columns-cell{width:50%} table.columns-3 td.columns-cell{width:33.33%} table.columns-4 td.columns-cell{width:25%} table.section-columns td.columns-cell{vertical-align:top} table.tr-caption-container{padding:4px;margin-bottom:.5em} td.tr-caption{font-size:80%} img{max-width:100%;height:auto;border:0} table{max-width:100%} /* CSS Layout */ body#layout #outer-wrapper,body#layout .post-inner,body#layout .sidebar,body#layout #wrapper,body#layout .post-inner,body#layout .sidebar-inner{padding:0} body#layout .top-tab-widget-menu ul,body#layout ul{display:none} body#layout .post-inner{float:right;width:68%} body#layout .section{border:0;padding:0;font-size:90%} body#layout #tablatur .tablatur{width:25%;float:right} body#layout .header-wrapper{margin-top:40px} body#layout #navigation{float:left;width:50%} body#layout .tablatur{float:right;width:100%} .ct-wrapper{margin:0;padding:0} .clear{clear:both} .clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} #navbar-iframe{display:none!important} header,nav,section,aside,article,footer{display:block} /* CSS Global Wrapper */ #outer-wrapper{max-width:1010px;margin:20px auto;padding:20px;overflow:hidden} #header{float:right;width:100%;max-width:240px} .header-left{float:left;padding:0;overflow:hidden;margin:0;width:100%;max-width:728px} .header-wrapper2{position:relative;} #sidebar-wrapper{float:left;width:30%;margin:0 auto} #footer-widgetfix .footer-widget{width:30.6%;float:right;} #footer-widgetfix{max-width:1010px;overflow:hidden;margin:0 auto} #footer-wrapper .widget-content{text-align:right;margin:20px 0 13px} #footer-wrapper .widget-content li{margin-right:-14px} #footer-wrapper .widget li{margin:5px 0 0 0;padding:5px 13px 0 0;display:block} #credit{width:98%;margin:0 auto} .credit-right{text-align:center} .credit-left{float:left;margin:9px 0 0} .footer-bottom{min-height:40px} #footx1,#footx2,#footx3{margin:0 .2%} .footer{padding-bottom:.2em} .rdusion-socials-icons ul{list-style:none} #main-home{width:100%;height:auto;padding:20px 0;margin:20px 0 0;margin-bottom:30px;overflow:hidden} #main-right{float:right;width:46%}#main-left{float:left;width:46%} #gright .widget,#gleft .widget{padding:0;margin:0;overflow:hidden;} #feature-post-section{max-height:370px;overflow:hidden;padding:0px;margin:0 auto;} .featured-posts a{color:#fff;} .featured-posts a:hover{color:#fff;text-decoration:underline;} .main-post.featured-posts a{margin:0;font-size:18px} .featured-posts .col-post{float:right;position:relative;overflow:hidden;} .featured-posts .secondary-post{width:34.4%;margin:0;} .featured-posts .secondary-post:nth-child(odd){margin:3px 0 0 0} .featured-posts .main-post{width:65.2%;padding:0;margin:0 0 0 3px} .featured-posts span{padding:8px;color:#fff;font-size:13px;font-style:normal;top:0;right:0;z-index:2;position:absolute} .featured-posts span.lebb{background:#e74c3c;visibility:hidden;opacity:0;top:-20px;transition:all .3s} .featured-posts .main-post:hover span.lebb,.featured-posts .secondary-post:hover span.lebb{visibility:visible;opacity:1;top:0;} .featured-posts img{height:100%;transition:transform 0.35s ease 0s;-moz-transition:transform 0.35s ease 0s;-o-transition:transform 0.35s ease 0s} .featured-posts .main-post img{height:360px;width:100%;object-fit:cover} .featured-posts .secondary-post img{height:175px;object-fit:cover;width:100%} .featured-posts .main-post:hover img,.featured-posts .secondary-post:hover img{transform:scale(1.1)} .featured-posts header{position:absolute;bottom:0;left:0;padding:20px;width:100%;z-index:2} .featured-posts h4{font-size:13px;line-height:1.3;} .featured-posts header h3,.featured-posts header h4{font-weight:400} .featured-posts span.vignette{background-color:transparent;position:absolute;overflow:hidden;margin:0;padding:0;height:100%;top:0;left:0;right:0;bottom:0;transition:background 0.3s linear,opacity 0.3s linear} .featured-posts span.vignette:before{content:'';width:100%;height:100%;position:absolute;z-index:1;top:0;background:linear-gradient(to bottom,rgba(0,0,0,0.1) 0%,rgba(0,0,0,.7) 100%);opacity:0.5;transition:background 0.3s linear,opacity 0.3s linear} .featured-posts .main-post span.vignette:before{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#9e06cd 100%)} .featured-posts .secondary-post span.vignette:before{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#dc2a02 100%)} .featured-posts .secondary-post:nth-child(odd) span.vignette:before{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#005f87 100%)} .featured-posts .main-post:hover span.vignette:before,.featured-posts .secondary-post:hover span.vignette:before{opacity:.9;} #wrapper { background-color: #000000999; line-height: 35px; height: 35px; } /*===================================== /* CSS Custom Ajax Search by wdbloog.blogspot.com */ input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none} .live-search{position:fixed;overflow:auto;top:10%;left:20%;right:20%;bottom:10%;background:rgba(255,255,255,.99);box-shadow:0 2px 5px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:scale(1.1);margin:auto;max-width:720px;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;z-index:1003;transition:transform .6s cubic-bezier(.175,.885,.32,1.275),opacity .3s,visibility .3s} .live-search.active{opacity:1;visibility:visible;transform:scale(1.0);} .live-search .searchmein{width:90%;margin:13px auto;padding:10px 0;outline:none;display:block} #search .input{background:rgba(0,0,0,.01);width:95%;height:40px;margin:20px auto;padding:0 0 0 20px;max-width:1000px;box-shadow:0 0 0 1px rgba(0,0,0,.1);border-radius:3px;transition:all .3s ease-out} #search .input:active,#search .input:hover{box-shadow:0 0 0 1px rgba(0,0,0,.2)} #search .input .search{float:left;width:calc(100% - 140px);height:40px;padding:0;margin:0;border:0;outline:0;background:none;font-size:16px;color:rgba(0,0,0,.45);line-height:40px;letter-spacing:1px;transition:all .3s ease-out} #search .input .submit{display:inline-block;float:right;cursor:pointer;width:14%;height:40px;padding:0;margin:0;border:0;outline:0;background:#30a8e6;font-size:16px;color:rgba(255,255,255,1);text-align:center;line-height:40px;border-radius:0 3px 3px 0;transition:all .3s ease-out} #search .input .search:focus,#search .input .search:active, #search .input .search:hover{color:rgba(0,0,0,.85);} #search .input .submit:focus,#search .input .submit:hover {background:#2c9bd5;} #search #close{cursor:pointer;position:absolute;top:0;right:0;width:45px;height:45px;padding:0;margin:0;border:0;outline:0;font-weight:normal;font-family:fontawesome;background:transparent;color:rgba(0,0,0,.25);text-align:center;line-height:45px} #search #close:hover {color:rgba(0,0,0,.6);} .search-content{z-index:6;display:none;position:relative} .live-search .search:focus {outline:none;} .search-result{padding:13px;width:90%;margin:0 auto 13px} .search-result .search-item{overflow:auto;padding:13px 0;border-bottom:1px solid rgba(0,0,0,.07)} .search-item img{width:60px;height:60px;float:right;border-radius:4px} .search-item a{width:calc(100% - 80px);float:left;display:block;text-decoration:none} .search-item a:hover{color:#069;} .more-result{display:none;cursor:pointer;background:#fff;color:#178dc8;padding:8px;margin:20px auto 40px;max-width:100px;font-size:75%;text-align:center;text-transform:uppercase;border-radius:3px;line-height:normal;letter-spacing:1px;border:1px solid #73bfe5;transition:all .3s ease-out} li.searchbutton { margin: 0; cursor: pointer; float: left; color: #fff; width: 33px; display: block; text-align: center; height: 33px; line-height: 33px; margin-top: 3px; transition: 0.2s; margin-right: 2px; border-radius: 50%; background: #465769; } li.searchbutton.active {background:transparent;} li.searchbutton:after { content: "\f002"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: none; position: relative; font-size: 14px; color: #fff; } .more-result:hover{background:#178dc8;color:#fff;border-color:transparent} .more-result a{text-decoration:none;color:#fff;} .more-result:hover a,.more-result a:hover{color:#fff;} .queryword{font-weight:700} .social-follow:after { content: "\f184"; font-family: FontAwesome; margin-right: 5px; position: relative; top: 1px; } .social-followrs ul li.rss a { background: #f29a1d } .social-followrs ul li.googleplus a { background: #DD4B39 } .social-followrs ul li.twitter a { background: #55acee } .social-followrs ul li.facebook a { background: #3b5998 } .social-followrs ul li.instagram a { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); } .social-followrs ul li.youtube a { background: #cb322c } .social-followrs ul li .social-follow { float: left } .social-followrs ul li .social-name { float: right; margin-left: 8px } .social-followrs ul li a { display: block; color: #fff; padding: 10px 18px; font-size: 18px; transition: 0.2s; } .social-followrs ul li { overflow: hidden; width: 20%; float: right; } .social-followrs ul li a:hover { padding: 10px 31px } .social-followrs { display: block; overflow: hidden; margin: 13px 0; } .top-bar { background: rgba(255,255,255,.99); } .top-bar-wrapper { position: relative; overflow: hidden; min-height:40px; color: $maindarkcolor; margin:0 auto; border-bottom:1px solid rgba(0,0,0,0.12); } .top-bar-social, .bottom-bar-social { float: left; padding: 5px 0; } .bottom-bar-social { padding:0 0; } .top-bar-social li, .bottom-bar-social li { display: inline; padding: 0; float: right; margin-left: 5px; ; } .top-bar-social .widget ul, .bottom-bar-social .widget ul { padding: 0; } .top-bar-social .LinkList ul, .bottom-bar-social .LinkList ul { text-align: center; } .top-bar-social #social a { display: block; width: 30px; height: 30px; line-height: 30px; font-size: 13px; color: $maindarkcolor; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; transition: background 0.3s linear; -moz-transition: background 0.3s linear; -webkit-transition: background 0.3s linear; -o-transition: background 0.3s linear; } .bottom-bar-social #social a { display: block; width: 30px; height: 30px; line-height: 30px; font-size: 13px; color: #fff; transition: color 0.3s linear; -moz-transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -o-transition: color 0.3s linear; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .top-bar-social #social a:before, .bottom-bar-social #social a:before { display: inline-block; font: normal normal normal 22px/1 FontAwesome; font-size: inherit; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .top-bar-social .bloglovin:before, .bottom-bar-social .bloglovin:before{content:"\f004"} .top-bar-social .facebook:before, .bottom-bar-social .facebook:before{content:"\f09a"} .top-bar-social .twitter:before, .bottom-bar-social .twitter:before{content:"\f099"} .top-bar-social .gplus:before, .bottom-bar-social .gplus:before{content:"\f0d5"} .top-bar-social .rss:before, .bottom-bar-social .rss:before{content:"\f09e"} .top-bar-social .youtube:before, .bottom-bar-social .youtube:before{content:"\f167"} .top-bar-social .skype:before, .bottom-bar-social .skype:before{content:"\f17e"} .top-bar-social .stumbleupon:before, .bottom-bar-social .stumbleupon:before{content:"\f1a4"} .top-bar-social .tumblr:before, .bottom-bar-social .tumblr:before{content:"\f173"} .top-bar-social .vine:before, .bottom-bar-social .vine:before{content:"\f1ca"} .top-bar-social .stack-overflow:before, .bottom-bar-social .stack-overflow:before{content:"\f16c"} .top-bar-social .linkedin:before, .bottom-bar-social .linkedin:before{content:"\f0e1"} .top-bar-social .dribbble:before, .bottom-bar-social .dribbble:before{content:"\f17d"} .top-bar-social .soundcloud:before, .bottom-bar-social .soundcloud:before{content:"\f1be"} .top-bar-social .behance:before, .bottom-bar-social .behance:before{content:"\f1b4"} .top-bar-social .digg:before, .bottom-bar-social .digg:before{content:"\f1a6"} .top-bar-social .instagram:before, .bottom-bar-social .instagram:before{content:"\f16d"} .top-bar-social .pinterest:before, .bottom-bar-social .pinterest:before{content:"\f0d2"} .top-bar-social .delicious:before, .bottom-bar-social .delicious:before{content:"\f1a5"} .top-bar-social .codepen:before, .bottom-bar-social .codepen:before{content:"\f1cb"} .top-bar-social .email:before, .bottom-bar-social .email:before{content:"\f0e0"} .top-bar-social ul#social a:hover, .bottom-bar-social ul#social a:hover { color: $maincolor; opacity: 1; } .top-bar-menu { float: right; } .top-menu ul { overflow: hidden; list-style: none; padding: 0; margin: 0; } .top-menu ul li { float: right; display: inline-block; list-style: none; padding:0; } .top-menu ul li a { padding: 13px 16px; display: block; border: none !important; text-decoration: none; line-height: inherit; font-size: 14px; font-weight: normal; color:$maindarkcolor; } .top-menu ul li:first-child a { padding-right:0; } .selectnav {display:none} .social-links li { text-align: center; border: 1px solid #eee; margin-bottom: 30px; border-top: 0; box-shadow: -0.5px 1px 9px 0px #eee; padding: 58px 10px; } .social-links li.facebook { border-bottom: 5px solid #223f7b; color: #223f7b; } .social-links li i { font-size: 40px; } .social-links li a { background: #223f7b; color: #fff; transform: skew(-14deg,0); display: inline-block; padding: 1px 26px; padding-bottom: 5px; line-height: 28px; font-size: 13px; padding-left: 22px; } .social-links li p { margin-bottom: 14px; } .social-links li.instagram a { background: #8539b5; } .social-links li.twitter a { background: #1ea1ef; } .social-links li.youtube a { background: #cf1f1f; } .social-links li.instagram { border-bottom: 5px solid #8539b5; color: #8539b5; } .social-links li.twitter { border-bottom: 5px solid #1ea1ef; color: #1ea1ef; } .social-links li.youtube { border-bottom: 5px solid #cf1f1f; color: #cf1f1f; } /* Fixed Contact Form */ .ContactForm,.ContactForm .title{display:none} .floating-ai{position:fixed;width:280px;right:30px;bottom:0;z-index:99} .floating-ai-head a{padding:8px 10px;background:#2997e0;color:#fff;font-weight:400;display:inline-block;transition:all .3s linear} .floating-ai-head a:hover{background:#2588ca;color:#fff} .floating-ai-body{height:350px;background:#fff;padding:10px;display:none;box-shadow:0 2px 5px 0 rgba(0,0,0,.26)} .floating-ai-head{text-align:right} .floating-ai-body .ContactForm{margin:0;display:block!important} #ContactForm1_contact-form-name,#ContactForm1_contact-form-email{background:#fff;border:0;padding:0px 0;color:#999;font-weight:normal;width:100%;max-width:initial;border-bottom:1px solid #ccc;transition:.2s ease all} #ContactForm1_contact-form-email-message{background:#fff;border:none;color:#8f8f8f;padding:0px 0;width:100%;max-width:initial;border-bottom:1px solid #ccc} #ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus,#ContactForm1_contact-form-name:hover,#ContactForm1_contact-form-email:hover,#ContactForm1_contact-form-email-message:hover{background:#fff;box-shadow:none;border-bottom-color:#ff3c3c;transition:all .3s linear} #ContactForm1_contact-form-submit{position:relative;color:#fff;font-weight:400;font-size:13px;font-family:changa;cursor:pointer;background:#57ad68;border:none;float:left;box-shadow:0 0 0 0 rgba(0,0,0,0.19);transition:all .3s linear} #ContactForm1_contact-form-submit:hover{background:#468a53;} #ContactForm1_contact-form-submit:active{box-shadow:0 4px 13px 0 rgba(0,0,0,0.19);} .contact-form-widget form{display:table;margin:0 auto;} .contact-form-widget {max-width:initial;} .floating-ai-body{-moz-box-sizing:initial;-webkit-box-sizing:initial;box-sizing:initial} #subscribe-css{position:relative;padding:20px 0;background:#E9EBEE;overflow:hidden;} .subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%} .subscribe-form{clear:both;display:block;overflow:hidden} form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden} .subscribe-css-email-field{background:#fff;color:#000;margin:10px 0;padding:13px 20px;width:35%;border:0;font-family: 'wdbloog';} .subscribe-css-email-button {background: #E74C3C;color: #fff;cursor: pointer;font-weight: 700;padding: 14px 30px;margin-left: 13px;text-transform: none;font-size: 16px;border: 0;transition: all .6s;font-family: 'wdbloog';} #subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;} #subscribe-css p.subscribe-note span {position:relative;overflow:hidden;font-weight:700;transition:all .5s; color: #E74C3C;} #subscribe-css p.subscribe-note span.itatu {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase} #subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none} #subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-5px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s} #subscribe-css:hover p.subscribe-note span:before{width:100%;} /* slider */ div#wdbloogcom{margin-bottom:13px} .gravfeatureditem.first{width:59%;float:right;height:450px;position:relative;margin-left:1%} .feat-img{display:block;width:100%;height:100%;background-size:100% 100%;transition:all 0.7s ease 0s;background-position:50%} .gracontent{position:absolute;bottom:-150px;transition:all 0.7s ease 0s;background:rgba(0,0,0,0.3);padding:13px;width:100%;color:#fff;z-index:999} .gracontent a{color:#fff} .gravfeatureditem:hover .gracontent{bottom:0;transition:all 0.7s ease 0s} .gracontent:hover{background:rgba(0,0,0,0.6)} .gravfeatureditem.second{float:right;width:40%;height:220px;margin-bottom:10px;position:relative} .gravfeatureditem.third{float:right;width:40%;height:220px;position:relative} .gravfeatureditem.first .gracontent{font-size:22px} .feat-img:hover{transform:scale(1.3)} .gravfeatureditem{overflow:hidden} .gravfeatureditem.third .gracontent{padding:10px} .gravfeatureditem.second .gracontent{padding:10px} div#wdbloogcom .widget-content{color:#fff;height:450px} .gravfeatureditem span.blue{z-index:8;position:absolute;top:0;background-color:#E74C3C;font-size:13px;padding:6px 8px;color:#fff} .sliderwdbloog{margin-top:20px} .magposts{overflow:hidden;float:right;width:100%} .magposts li{float:right;width:28%;margin-bottom:13px} .magposts li:first-child{width:70.6%;margin-left:13px;margin-bottom:0} .magposts li .magp-thumb img{width:100%;display:block;background:#62124d;height:190px} .magposts li .mag-content{position:absolute;bottom:0;padding:10px 20px;z-index:999} .magposts li .magp-thumb a:before{content:'';width:100%;height:100%;position:absolute;background:#000;background:-webkit-linear-gradient(to top,rgba(0,0,0,.4),rgba(0,0,0,.18));background:linear-gradient(to top,rgba(0,0,0,.4),rgba(0,0,0,.18));z-index:99} .magposts li:first-child .magp-thumb img{height:600px} .magposts li:first-child .post-title a{color:#fff;font-size:20px;font-weight:700;line-height:35px} .magposts li:first-child .psummary{line-height:27px;color:#fff;font-size:14px;display:block;margin:5px 0} .magposts li .post-date,.magposts li .writer-p{display:none;color:#fff} .magposts li:first-child .post-date,.magposts li:first-child .writer-p{display:inline-block} .magposts li .post-date{margin-left:13px} .magposts li .post-date:before{content:'\f073';display:inline-block;margin-left:5px;font-family: FontAwesome;} .magposts li .writer-p:before{content:'\f2be';display:inline-block;margin-left:5px;font-family: FontAwesome;} .magposts li .post-title a{color:#fff;font-weight:700;font-size:17px;line-height:28px} .magposts li .psummary{line-height:24px;font-size:14px;margin:5px 0;color: #fff;} .magposts .owl-controls{position:absolute;top:0;padding:13px 20px} .magposts .owl-next,.magposts .owl-prev{display:inline-block!important;width:30px;height:30px;background:#62124d;text-align:center;line-height:30px;margin-left:5px; color: #fff;} /* ================== * Owl Carousel * ================== */ .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}} .owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel .owl-refresh .owl-item{display:none} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d} .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto} .owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .no-js .owl-carousel{display:block} .owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .owl-carousel .owl-item img{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease} .owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .owl-carousel .owl-video-frame{position:relative;z-index:1} #notif-wrapper{position:fixed;width:100%;z-index:999} .blanternotif{background:#d32f2f;color:#FFF;width:50px;height:50px;border-radius:100%;position:fixed;z-index:999;bottom:45%;left:20px;-webkit-animation-duration:5s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:notifklik;animation-duration:5s;animation-iteration-count:infinite;animation-name:notifklik;transition:all 5s ease-in-out} .blanternotif i{color:#FFF;font-size:25px;margin:11px 10px 10px 13px;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:notificon;animation-duration:2s;animation-iteration-count:infinite;animation-name:notificon;transition:all 2s ease-in-out} @keyframes notifklik{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}} @keyframes notificon{0%{transform:rotate(-30deg)}50%{transform:rotate(30deg)}100%{transform:rotate(-30deg)}} @keyframes notifbox{0%{transform:rotateZ(-45deg);visibility:visible;opacity:0;bottom:68%;left:78px}100%{transform:none;visibility:visible;opacity:1;bottom:41%;left:110px}} .notifbox{padding:20px;border-radius:3px;position:fixed;resize:none;line-height:1.5;z-index:999;left:110px;bottom:41%;max-width:30rem;background:#d32f2f;border:1px solid #d32f2f;color:#fff;font-size:13px;box-shadow:0 1px 1px 0 rgba(0,0,0,0.07),0 1px 1px 0 rgba(0,0,0,0.06);display:inline-block;opacity:0;visibility:hidden;transition:.4s ease-in-out} .notifbox:before{content:"";width:0;height:0;position:absolute;top:-.7px;left:-13px;border-width:8px;border-style:solid;border-color:#d32f2f #d32f2f transparent transparent;display:block}.blanterxE5CD{display:none!important}#notif-wrapper.aktif .blanterxE5CD{display:block!important;animation-name:none!important}#notif-wrapper.aktif .blanterxE7F4{display:none!important} .notifbox.aktif{-webkit-animation-duration:1s;-webkit-animation-iteration-count:1;-webkit-animation-name:notifbox;animation-duration:1s;animation-iteration-count:1;animation-name:notifbox;transition:all 1s ease-in-out;opacity:1;visibility:visible} @media screen and (max-width:680px){.notifbox:before{display:none}.notifbox{left:0%!important;bottom:0}@keyframes notifbox{0%{left:0!important}100%{left:0!important}}} @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v22/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } #feature-post-section{max-height:370px;overflow:hidden;padding:0px;margin:0 auto;} .featured-posts a{color:#fff;} .featured-posts a:hover{color:#fff;text-decoration:underline;} .main-post.featured-posts a{margin:0;font-size:18px} .featured-posts .col-post{float:right;position:relative;overflow:hidden;} .featured-posts .secondary-post{width:34.4%;margin:0;} .featured-posts .secondary-post:nth-child(odd){margin:3px 0 0 0} .featured-posts .main-post{width:65.2%;padding:0;margin:0 0 0 3px} .featured-posts span{padding:8px;color:#fff;font-size:13px;font-style:normal;top:0;right:0;z-index:2;position:absolute} .featured-posts span.lebb{background:#e74c3c;visibility:hidden;opacity:0;top:-20px;transition:all .3s} .featured-posts .main-post:hover span.lebb,.featured-posts .secondary-post:hover span.lebb{visibility:visible;opacity:1;top:0;} .featured-posts img{height:100%;transition:transform 0.35s ease 0s;-moz-transition:transform 0.35s ease 0s;-o-transition:transform 0.35s ease 0s} .featured-posts .main-post img{height:360px;width:100%;object-fit:cover} .featured-posts .secondary-post img{height:175px;object-fit:cover;width:100%} .featured-posts .main-post:hover img,.featured-posts .secondary-post:hover img{transform:scale(1.1)} .featured-posts header{position:absolute;bottom:0;left:0;padding:20px;width:100%;z-index:2} .featured-posts h4{font-size:13px;line-height:1.3;} .featured-posts header h3,.featured-posts header h4{font-weight:400} .featured-posts span.vignette{background-color:transparent;position:absolute;overflow:hidden;margin:0;padding:0;height:100%;top:0;left:0;right:0;bottom:0;transition:background 0.3s linear,opacity 0.3s linear} .featured-posts span.vignette:before{content:'';width:100%;height:100%;position:absolute;z-index:1;top:0;background:linear-gradient(to bottom,rgba(0,0,0,0.1) 0%,rgba(0,0,0,.7) 100%);opacity:0.5;transition:background 0.3s linear,opacity 0.3s linear} .featured-posts .main-post span.vignette:before{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#9e06cd 100%)} .featured-posts .secondary-post span.vignette:before{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#dc2a02 100%)} .featured-posts .secondary-post:nth-child(odd) span.vignette:before{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#005f87 100%)} .featured-posts .main-post:hover span.vignette:before,.featured-posts .secondary-post:hover span.vignette:before{opacity:.9;} ul.post-pager-mqal { margin-bottom: 10px; background-color: #fff; box-shadow: 0 0 5px 0 rgba(53, 53, 53, 0.6); padding: 10px; } ul.post-pager-mqal li { width: 49%; float: right; background-color: #fff; box-shadow: 0 0 5px 0 rgba(53, 53, 53, 0.6); padding: 10px; font-weight: bold; } ul.post-pager-mqal li.previous { margin-right: 1%; width: 50%; text-align: left; } ul.post-pager-mqal li strong { display: block; } /* Slider */ .recent-slider{width:auto;padding:13px;background:#fff;border:1px solid #dddddd;border-top:3px solid #ff8401;margin-bottom:13px;position:relative;height:435px;overflow:hidden} .nivoSlider,.top-l-slider .nivoSlider{width:100%;text-align:Center;overflow:hidden} .nivo-box,.nivoSlider{overflow:hidden} .nivoSlider{position:relative;height:400px} .nivoSlider img{position:absolute;top:0;left:0;max-width:none;height:400px!important} .top-l-slider .nivoSlider{position:relative;height:400px} .top-l-slider .nivoSlider img{position:absolute;top:0;left:0;max-width:none;height:400px!important} .nivo-main-image{display:block!important;position:relative!important;width:100%!important} .nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:#fff;filter:alpha(opacity=0);opacity:0} .nivo-box,.nivo-slice{z-index:5;position:absolute} .nivo-box,.nivo-box img,.nivo-caption,.nivo-slice{display:block} .nivo-slice{height:100%;top:0} .nivo-caption{position:absolute;bottom:20px;left:20px;text-align:center;z-index:8;box-sizing:border-box;color:#fff;right:20px} .nivo-caption p{text-align:right;display:inline-block;background-color:#000;margin-top:5px;font-size:11px;padding:10px;float:right} .nivo-caption h3{text-align:right;padding:10px;background:#ff8401;float:right;font-size:18px;color:#fff} .nivo-caption .sliderdata{margin:10px;text-align:Center;color:#fff} .nivo-html-caption{display:none} .nivo-directionNav a{position:absolute;top:45%;z-index:9;font-size:0;display:block;width:30px;height:30px;cursor:pointer;background-color:rgba(0,0,0,0.59)} .nivo-prevNav{left:10px} .nivo-nextNav:before,.nivo-prevNav:before{position:Absolute;left:0;top:0;color:#fff;height:30px;width:30px;text-align:center;z-index:100;display:block} .nivo-prevNav:before{content:"\f104";line-height:30px!important;font-family:fontawesome;font-size:20px} .nivo-nextNav:before{content:"\f105";line-height:30px!important;font-family:fontawesome;font-size:20px} .nivo-nextNav{right:10px} .nivo-controlNav{text-align:center;z-index:9;top:30px;font-size:0;position:absolute;right:25px} .nivo-controlNav a{cursor:pointer;display:block;width:13px;height:13px;background:#FFF;float:right;border-radius:10px;margin-right:5px} .nivo-controlNav a.active{background:#ff8401} #spinner-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:99999} .spinner{width:70px;text-align:center;position:absolute;top:43%;left:50%} .spinner span{position:absolute;width:50px;height:50px;border:5px solid #ff8401;border-radius:999px;animation:radar 2s infinite linear;opacity:0} .spinner span:nth-child(1){animation-delay:0s} .spinner span:nth-child(2){animation-delay:0.66s} .spinner span:nth-child(3){animation-delay:1.33s} @keyframes radar{0%{transform:scale(0);opacity:0}25%{transform:scale(0);opacity:0.5}50%{transform:scale(1);opacity:1}75%{transform:scale(1.5);opacity:0.5}100%{transform:scale(2);opacity:0}} .comments-wdbloog a { background-color: #ff8401; color: #fff; display: block; text-align: center; padding: 10px; margin-bottom: 20px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.23); transition: all 0.3s ease-out; } .comments-wdbloog a:hover { background-color: #F39C12; } .rabet { display: inline-block; float: right; font-size: 100px; margin: 0 5px 0 5px; color:#444444; } ]]>