<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;
}
]]>
