<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/> 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/> 404 - <data:blog.title/> </b:if> </b:if> */ .fa{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease} *{outline:0;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease} *,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0} ins{text-decoration:underline} del{text-decoration:line-through} blockquote{font-style:italic;color:#888} dl,ul{list-style-position:inside;font-weight:700;list-style:none} ul li{list-style:none} caption,th{text-align:center} img{border:none;position:relative} a,a:visited{text-decoration:none;font-weight:400} a{color:$(link.color)} a:hover{color:$(link.color.hover)} q:after,q:before{content:''} p{margin:0} abbr,acronym{border:0} .clear{clear:both} .section,.widget,.widget ul{margin:0;padding:0} ::-moz-selection{background-color:$(main.color);color:#fff} ::selection{background-color:$(main.color);color:#fff} .blog-feeds,.post-feeds,.quickedit{display:none} .status-msg-border{display:none} .status-msg-body{position:relative;padding:0} .status-msg-wrap{width:100%;background-color:#fff;color:#555;padding:30px 0;font-size:120%} body{background:$(body.background);position:relative;font:$(body.font);line-height:25px;color:#828282;margin:0;padding:0} #outer-wrapper{max-width: 100%;margin: 0 40px;} #content-wrapper{overflow:hidden} #home-wrapper{margin: 30px 0;overflow:hidden;background-color: #F4F4F4;} #main-wrapper{margin-bottom: 20px;background-color: #FFF;width:68%} #sidebar-wrapper{width:32%;position:relative} .row{margin: 0;max-width:auto} #header-wrapper{height:120px;width:100%;position:relative;z-index:99;transform:translateZ(0);margin-bottom:20px} #header-content{display:table;padding:20px 0;color:#555} .header,.topad{display:table-cell;vertical-align:middle;width:100%} .header .widget{max-width:250px} .topad{max-width:728px;height:90px} .topad h2{display:none} .topad .widget{line-height:0} .header a{color:#555} #header-tail{height:65px;position:relative;background-color:$(main.nav.bg)} /* CSS Main Menu */ #menu-wrapper{background:rgba(21,21,23,0.95);height:60px;width:100%;position:relative;z-index:99;transform:translateZ(0);} #menu{color:#fff;height:60px;max-width:1100px;margin:0 auto;} #menu ul,#menu li{margin:0;padding:0;list-style:none;} #menu ul{height:60px} #menu li{float:right;display:inline;position:relative;font-family:'Viga';font-size:14px;font-weight:400;} #menu li a{font-size: 19px;color:#ddd;} #menu a{display:block;line-height:60px;padding:0 10px;margin:0;text-decoration:none;color:#ddd;transition:all 0.3s ease-in-out;} #menu li:hover > a{color:#1ABC9C;} #menu li a:hover{color:#1ABC9C;} #menu input{display:none;margin:0;padding:0;width:80px;height:60px;opacity:0;cursor:pointer} #menu label{font-family:'Viga';font-size:30px;font-weight:400;display:none;width:35px;height:51px;line-height:51px;text-align:center} #menu label span{font-size:13px;position:absolute;right:35px} #menu ul.menus{visibility:hidden;opacity:0;height:auto;overflow:hidden;min-width:150px;background:#fff;position:absolute;z-index:99;color:#444;top:60px;-moz-transform:translate(0,10px);-o-transform:translate(0,10px);-webkit-transform:translate(0,10px);transform:translate(0,10px);box-shadow:0 1px 5px rgba(0,0,0,0.2);transition:all 0.3s ease-in-out;} #menu li:hover > ul.menus{opacity:1;visibility:visible;-moz-transform:translate(0);-o-transform:translate(0);-webkit-transform:translate(0);transform:translate(0);} #menu a.ai,#menu a.trigger2{padding:0 27px 0 14px;transition:all 0.3s linear;} #menu > li:hover > a.ai,#menu a.ai:hover{background:transparent;color:#dfbc42;} #menu li > a.ai::after {content:"\f0d7";font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:60px;position:absolute;top:0;left:10px;} #menu ul.menus a{background:#fff;color:#999;border-bottom:1px solid #f0f0f0;margin:0;height: 45px;line-height:45px;padding:0 0 0 15px;transition:all 0s;} #menu ul.menus a:hover{transition:all 0s;} #menu ul.menus li{display:block;width:100%;font-family:'Viga';font-size:13px;font-weight:400;text-transform:none;} #menu ul.menus li:hover{width:100%;} #menu ul.menus li:last-child {border-bottom:none;} #menu ul.menus li:first-child a{border-top:none;} #menu ul.menus li:last-child a{border-bottom:none;} #menu ul.menus > li:hover > a {background:#5e6873;color:#fff;transition:all 0s;} #menu .ranpost {cursor:pointer;float:left;} #menu .ranpost:hover {background-color:transparent!important;} .search-icon:before{content:"\f002";font-family:'FontAwesome'} .search-icon { background-color: #E74C3C; color: #FFF; line-height: 65px; height: 60px; display: block; width: 86px; text-align: center; font-size: 19px; position: relative; z-index: 99; margin-right: 75px; } .search-icon:hover{background-color:$(main.color);color:#FFF} #header-search .searchbox{position:absolute;top:0;height:65px;border:0;width:100%;z-index:98;background-color:$(main.color);color:#FFF;font-size:17px} .searchbox::-webkit-input-placeholder{color:#FFF} .ticker .title{font:$(titles.font);height:40px;overflow:hidden;line-height:40px;padding:0 10px;background-color:$(ticker.title.bg);color:$(ticker.title.color)} .ticker .layout-content{overflow:hidden} .ticker .layout-content li{display:inline-block;height:40px;line-height:40px;padding:0} .ticker{height:40px;overflow:hidden;margin:20px 0;background-color:$(ticker.bg)} .ticker .post-tag{display:inline-block;background-color:$(ticker.tag.bg);color:$(ticker.tag.color);padding:2px 5px;line-height:1} .ticker .recent-title{display:inline-block} .ticker .recent-title a{color:$(ticker.link.color)} .ticker .recent-title a:hover{color:$(ticker.link.color.hover)} .tickercontainer,.tickercontainer .mask,ul.newsticker{-webkit-transition:all 0 linear;-moz-transition:all 0 linear;-o-transition:all 0 linear;transition:all 0 linear;list-style:none;margin:0} .tickercontainer{margin:0;padding:0;overflow:hidden} .tickercontainer .mask{position:relative;overflow:hidden} .newsticker{position:relative;list-style-type:none;margin:0;padding:0} .tickeroverlay-left{display:none} .tickeroverlay-right{display:none} .sidebar .post-widget li{overflow:hidden;border-bottom:1px solid #eee;padding:10px 0} .footer-column .post-widget li{overflow:hidden;border-bottom:1px solid #333;padding:10px 0} .post-widget li:first-child{padding-top:0} .post-widget li:last-child{border-bottom:none} .post-widget .rcp-thumb{display:block;width:60px;height:60px;border-radius:2px} .post-widget .rcp-title{font:$(titles.font);margin:5px 0 8px} .post-widget .rcp-title a{color:$(posts.link.color);font-weight:700;font-size:14px} .post-widget .rcp-title a:hover{color:$(main.color);text-decoration:underline} .footer-column .post-widget .rcp-title a{color:#DDD} .footer-column .post-widget .rcp-title a:hover{color:#888} .footer-column .recent-date,.footer-column .recent-author,.footer-column .recent-date:before,.footer-column .recent-author:before{color:#999} .intro .widget-content,.recent-layout .widget-content,.recent-layout h2.title,.ticker .widget-content{display:none} .recent-layout .box-title h2.title{font:$(titles.font);display:inline-block} .more-link{height:20px;line-height:20px;padding:0 5px;background-color:#FFF;margin-top:7px;font-size:11px;color:#aaa} .more-link:after{font-family:fontawesome;font-size:9px;vertical-align:middle} .pagenavi{background: #1ABC9C;} .post-thumb a{-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s} .post-thumb a:hover{-webkit-transform:scale(1.1)!important;-moz-transform:scale(1.1)!important;transform:scale(1.1)!important;transition:all .3s ease!important;-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important} .plays{position:absolute;top: 0; left: 0; height: 100%; width: 100%; } .plays a { padding: 5px; display: inline-block; margin: 0; color: #eee; font-size: 60px; } .plays a{padding:5px;display:inline-block;margin:0;color:#333} .plays a:nth-child(2){background-color:#444} .plays a{display:none} .plays a:first-child,.plays a:nth-child(2){display:inline-block;width: 100%; height: 100%; text-align: center; line-height: 160px; } .plays a:hover{color:#e62117;background: rgba(0,0,0,0.68);} .index .status-msg-wrap{background-color:#FFF;border:1px solid #EEE;padding:15px 0;margin-top:0;margin-bottom:20px} #related-posts .owl-prev,#related-posts .owl-next{height:40px;line-height:40px;width:40px} #related-posts .owl-controls{position:absolute;bottom:10px} #related-posts{margin-bottom:20px} #related-posts .owl-carousel{padding:6px 5px} .rnav li{width:25%;display:inline-block;height:120px;overflow:hidden;position:relative;margin-bottom: 5px;} .rnav li .rnav-img{width:100%;height:120px;display:block} .rnav li .rnav-conent{position:absolute;top:50%;height:20px;width:90%;text-align:center;margin-top:-10px} .rnav-title a{color:#222;font-size:17px} .rnav li .rnav-conent{transform:scale(10);-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);-ms-transform:scale(10);transition:all .5s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;opacity:0} .rnav li:hover .rnav-conent{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);opacity:1} .rnav li:hover .rnav-img{opacity:.2} .sharepost li{width:19%;border:1px solid #EEE;padding:0} .sharepost li a{padding:20px 0;color:#FFF;display:block;} .sharepost li .twitter{background-color:#55acee} .sharepost li .facebook{background-color:#3b5998} .sharepost li .gplus{background-color:#dd4b39} .sharepost li .pinterest{background-color:#cc2127} .sharepost li .linkedin{background-color:#0976b4} .sharepost{overflow:hidden;text-align:center;margin-bottom:20px} .sharepost li a:hover{color:#000;opacity:1} .sharepost li .twitter:hover{background-color:#55acee} .sharepost li .facebook:hover{background-color:#3b5998} .sharepost li .gplus:hover{background-color:#dd4b39} .sharepost li .pinterest:hover{background-color:#cc2127} .sharepost li .linkedin:hover{background-color:#0976b4} .hreview{display:none} .item .intro,.item .recent-layout,.item .posts-title{display:none} .layer-gradient{display:block;height:100%;width:100%;position:absolute;top:0%;z-index:2} .post-thumb{background:#222} .post-thumb:hover{background:rgba(0,0,0,0.68)} .post-thumb a:hover{opacity:0.1} .post-thumb i{color:white;font:90px/1 FontAwesome;left:35%;position:absolute;text-align:center;top:26%;z-index:2;opacity:0.7} .post-thumb i:hover{opacity:0.1} .posts-title{background-color:$(posts.block.title);margin-bottom:15px;border-bottom:3px solid $(main.color)} .posts-title h2{font:$(titles.font);background-color:$(main.color);display:inline-block} .posts-title h2 a{color:#FFF;font-weight:700;font-size:15px;text-transform:uppercase;display:block} .posts-title h2 a:before{content:'\f143';font-family:fontawesome;font-size:16px;vertical-align:middle;margin-right:10px;font-weight:400} .posts-link{height:20px;line-height:20px;padding:0 5px;background-color:#FFF;margin-top:9px;text-transform:uppercase;font-size:11px;color:#aaa} .posts-link:after{font-family:fontawesome;font-size:9px;vertical-align:middle} .post-snippet{display:none;margin-top:10px;margin-bottom:10px;font:$(desc.font);line-height:22px;color:#717171} .post-readmore a{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;white-space:nowrap;line-height:1.42857143;color:#fff;background-color:$(main.color);border-radius:2px;font-size:12px;padding:5px 12px;margin-top:10px;outline:none;border:none;width:50px} .post-readmore a:hover{background:rgba(0,0,0,0.5);width:60px} #post-foot{position:relative} .post-meta,.post-share{display:none;position:absolute;padding:10px 0 0;border-radius:2px;top:-25px;transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease} .post-share:before{content:"";position:absolute;width:10px;height:10px;top:45%;z-index:0;background:#444;border-style:solid;border-color:#444;-webkit-transform:rotate(224deg);-moz-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg)} .post-share ul{margin:0;padding:0} .post-share ul li{margin:0;padding:0} .post-share ul li a{color:#fff;border-bottom:1px solid #555;padding:5px;display:block} .post-share ul li a:last-child{border-bottom:0} .post-share ul li a:hover{color:#eee} .post-sharebtn{display:block;padding:10px 0 0;;margin:2px;cursor:pointer} .post-share .twitter{background-color:#55acee} .post-share .share{background-color:#3b5998} .post-share .plus{background-color:#dd4b39} .fa-share-alt:before{content:"\f1e0"} .fa-twitter:before{content:"\f099"} .fa-facebook:before{content:"\f09a"} .fa-google-plus:before{content:"\f0d5"} .fa-long-arrow-right:before{content:"\f178"} .index .post-title{height: 40px;font:$(titles.font);margin-bottom:10px} .index .post-title a{font-weight:700;color:$(posts.link.color);font-size:17px} .index .post-title a:hover{text-decoration:underline} .fa-angle-right:before{margin:0 5px} .breadcrumbs{padding: 4px; background: #2C3E50; margin-bottom: 20px; color: #eee; text-align: center; } .item article{margin:15px} .item .post-heading { position: relative; text-align: center; background-color: #1ABC9C; color: white; } .item .post-title { font: normal normal 15px Ruda; color: #2C3E50; display: inline-block; padding: 5px; font-size: 24px; font-weight: 500; position: relative; top: 2px; } .item .post-body{width:100%;font:$(post.body.font);color:#5E5E5E;font-size:15px;line-height:26px;overflow:hidden} .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-bottom:15px;color:#555} .item .post-outer{padding:0} .item .post-body img{max-width:100%} .index article{display:none;display:table-cell;vertical-align:middle} .post-thumb{height:100%;margin-bottom:15px;float:left;display:table-cell;vertical-align:middle;line-height:0;position:relative;overflow:hidden;width:100%} .post-thumb a{display:block;width:100%;height:155px;overflow:hidden;border-radius:2px} .index .post{width:100%;overflow:hidden;display:table} .index .post-outer{border-bottom:1px solid #eee;float:right;margin:10px;overflow:hidden;padding-bottom:15px;width:23.222222%} .index .post-outer:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0} .index #main-wrapper #main{margin-bottom:0px} .post-thumb img{width:100%;height:auto} .post-meta a,.post-meta i{color:#aaa} .post-pager li{padding:0;display:inline-block;width:50%} .post-pager li strong{display:block;padding:0 0 10px} ul.post-pager{background-color: #1ABC9C;display:block;width:100%;overflow:hidden} .post-pager li a{color:#555;display:block;padding:20px 35px} .post-pager li:hover{background-color:$(main.color)} .post-pager li:hover a{color:#888;background:#f8f8f8} ul.post-pager *{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease} .postarea-wrapper{padding:0;overflow:hidden} .tags{display:block;padding:20px 0} .tags a{font:normal 10px tahoma;background:#ccc;line-height:100%!important;padding:8px;margin-bottom:5px;color:#fff;background-color:#aaa;border-radius:3px;-webkit-border-radius:3px;text-align:center;text-transform:uppercase;text-decoration:none;transition:.4s} .tags a:hover{color:#fff!important;background:#666;transition:.4s} .comments .comments-content .icon.blog-author{font: 12px Tahoma;position:absolute;width:58px;right:0px;height:20px;display:block;top:0px;margin:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;background:#00AEEF;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)} .comments .comments-content .icon.blog-author::before{content:"Admin";position:absolute;text-shadow:0 1px 0 rgba(0,0,0,0.5);color:white;top:2px;left:8px} .comment-form {margin-top: 10px;font-size:13px;color:#333;clear: both;max-width: 100%;} .comments .comment-thread.inline-thread .comments-number{top:44px;left:-38px} .like{position: fixed;right: 5px;background: #FAFAFA;padding: 5px;border: 1px solid darkturquoise;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;max-width: 82px;} .comments .comments-content .user {font-style: normal;font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 200;font-size: 13pt;letter-spacing: 0.01em;color: #333;} .comments {clear: both;background: none;padding: 5px;} .comments .comments-content .datetime {font-style: normal;float: left;margin-right: 79px;font-style: normal;font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: normal;font-size: 10pt;letter-spacing: 0.01em;color: #fff;margin-top: 0px;} .comments .comments-content .comment-header, .comments .comments-content .comment-content { margin: -10px 0 10px;} #commentsbox {margin:0;width:600px;} h3#comments{font-size30px;font-family: 'Open Sans', sans-serif;color:#ffffff;font-weight:normal;padding:10px 10px ;background:#D3D4CE;margin-top:10px;} ol.commentlist {margin:0px 0 0;clear:both;overflow:hidden;list-style:none;} ol.commentlist li {margin:0px 0;line-height:18px;padding:10px;background:#78786D;} ol.commentlist li .comment-author {color:#ffffff;} .comment-body {margin: auto;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);box-shadow: 0 1px 4px rgba(0,0,0,0.5);padding: 5px;} ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{color:#ffffff;font-weight:bold;text-decoration:none !important;font-size:15px;font-family: 'Open Sans', sans-serif;} ol.commentlist li .comment-author .fn {color:#000;} ol.commentlist li .comment-author .avatar{float:right;background:#fff;padding:3px;} .comments .comments-content .comment-content {text-align: justify;border-bottom: 1px solid #DDD;padding-top: 10px;font-style: normal;font-size: 11pt;letter-spacing: 0.01em;color: #000;} .comments .comment .comment-actions a {padding: 5px;font-size: 13px;font-family: 'Open Sans', sans-serif;text-decoration: none;text-align: center;color: #fafafa;margin:8px;position: relative;background: #888;text-shadow: 1px 1px 1px #666;} .comments .comments-content .comment-replies {margin-left: 65px;margin-top: 1em;} .comments .comments-content .inline-thread {padding: .5em 0em;} #relatedposts{margin: 10px 0px 5px 6px;} #relatedposts h4, #comments h4{display:inline;padding:10px;line-height:40px} #relatedposts h4, #comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative} #relatedposts h4, #comments h4,.comments .continue a{background:#00AEEF} #relatedposts h4, #comments h4,.comments .user a,.comments .continue a{font-size:16px} #relatedposts h4, #comments h4,.comments .continue a{font-weight:normal;color:#fff} #relatedposts h4:after, #comments h4:after {border-right: 20px solid transparent;border-top: 10px solid #00AEEF;bottom: -10px;content: "";height: 0;left: 10px;line-height: 0;position: absolute;width: 0;} .avatar-image-container {float:right;height:40px;width:40px;} .avatar-image-container img {height:40px;width:40px;} .comments .avatar-image-container {border-radius:50px;float: right;max-height: 40px;overflow: hidden;width: 40px;padding: 0px;border: 2px solid #999999;} .comments .avatar-image-container img {border-radius:50px;height:auto;} ol.commentlist li .comment-meta{font-size:13px;font-family: 'Open Sans', sans-serif;} ol.commentlist li .comment-meta .commentmetadata{color:#555;} ol.commentlist li .comment-meta a {color:#ffffff;text-decoration:none !important;} ol.commentlist li p {line-height:22px;margin-top:5px;color:#FEFAEF;font-size:12px;} ol.commentlist li .reply{margin-top:10px;font-size:10px;} ol.commentlist li .reply a{background:#5F553B;color:#fff;text-decoration:none;padding:3px 10px;} ol.commentlist li.odd {background:#D3D4CE;} ol.commentlist li.even {} ol.commentlist li.even:hover{BACKGROUND:#D3D4CE;} ol.commentlist li ul.children {list-style:none;margin:1em 0 0;text-indent:0;} ol.commentlist li ul.children li.depth-2 {margin:0 0 0px 50px;} ol.commentlist li ul.children li.depth-3 { margin:0 0 0px 50px;} ol.commentlist li ul.children li.depth-4 {margin:0 0 0px 50px;} ol.commentlist li ul.children li.depth-5 {margin:0 0 0px 50px;} .comment-nav{padding:5px ;height:20px;background:#C4D533;} .comment-nav a:link,.comment-nav a:visited{color:#fff;} #respond{padding:20px;margin:20px 0px;} #respond h3 {font-size:20px;font-family: 'Open Sans', sans-serif;color:#000;padding-bottom:10px;} #commentform p{margin:5px 0px;} #respond label{display:block;padding:5px 0;font-weight:bold;color:#3F361F;} #respond label small {font-size:10px;} #respond input {margin-bottom:10px;padding:5px 0px;margin:0 10px 10px 0;background:#6F6753;color:#F7EEE9;} #commentform input{width:99%;} #respond input#commentSubmit {width:100px;padding:5px 0px;background:#B7CD2C;color:#fff;margin:10px 0px;font-weight:bold;cursor:pointer;} textarea#comment{background:#6F6753;width:99%;margin:0px 0px;padding:5px 0px;color:#F7EEE9;} .comments .avatar-image-container img {max-width:50px;} .comments .comments-content {margin-bottom: 16px;} .comments .comment-block {margin-left: 75px;position: relative;border: 1px solid #DDD;padding: 10px;min-height: 83px;} .comments-number{background: none repeat scroll 0 0 #00AEEF; border-radius: 10px 10px 10px 10px; color: #FFFFFF; float: right; font-size: 10px; height: 20px; line-height: 2em; position: static; text-align: center; width: 20px;} .comments .avatar-image-container img[src="http://img1.blogblog.com/img/anon36.png"] { content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDm7IeVMKh4Qial6KzqninO4dGWfPxToXz0en_Oh1C4nJGqJqJn9C50Py_i7oTgICo7BEohGYdXF-yRZXHlTKW3c5Y9bsDndWzAVkqJFOqYrwKIFOtyRV6JTBxVwycNtChMuABZmkC1TQ/s1600/gravatar.gif);} .comments .avatar-image-container img[src="http://img2.blogblog.com/img/b16-rounded.gif"] { content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDm7IeVMKh4Qial6KzqninO4dGWfPxToXz0en_Oh1C4nJGqJqJn9C50Py_i7oTgICo7BEohGYdXF-yRZXHlTKW3c5Y9bsDndWzAVkqJFOqYrwKIFOtyRV6JTBxVwycNtChMuABZmkC1TQ/s1600/gravatar.gif);} #comments{.....;display:none} .widget-item-control{display:none!important} .PopularPosts .item-thumbnail {background-color: #333;display: block; height: 180px; margin: 0; overflow: hidden; position: relative; width: 100%; } .PopularPosts .item-title { position: relative; } .PopularPosts img {padding: 10px; display: block; height: auto; position: absolute; width:auto; transition: all 1s ease 0s; } .item-title a { color: #FFFFFF; font-size: 14px; font-weight: 100; padding: 10px 0; position: absolute; right: 0px; text-align: center; top: 79px; width: 100%; background: rgba(21,21,23,0.4); } .item-snippet {display:none } .item-content { position: relative; } #PopularPosts1 img {width: 100%;height: 100%;-ms-transform: scale(1.0);-webkit-transform: scale(1.0);-moz-transform: scale(1.0);transform: scale(1.0);transition:all .4s linear;-moz-transition:all .4s linear;-webkit-transition:all .4s linear;} #PopularPosts1 img:hover{-ms-transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);transition:all .4s linear;-moz-transition:all .4s linear;-webkit-transition:all .4s linear;} .PlusBadge .widget-title{margin-bottom:15px} .sidebar .LinkList li:before,.footer .LinkList li:before,.sidebar .PageList li:before,.footer .PageList li:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .FollowByEmail td{width:100%} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:35%;border-radius:2px;height:35px;font:$(body.font);font-size:12px;color:#fff;background-color:#50C932} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:$(main.color);color:#FFF} .FollowByEmail .follow-by-email-inner .follow-by-email-address{height:40px;border:1px solid #EEE;margin-bottom:5px;font:$(body.font);font-size:12px} .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border:1px solid #EEE} .FollowByEmail .widget-content:before{content:"Enter your email address to subscribe to this blog and receive notifications of new posts by email.";font-size:12px;line-height:21px;margin-bottom:5px;display:block} .list-label-widget-content ul li{list-style:none;padding:0;position:relative} .list-label-widget-content ul{padding:0} .list-label-widget-content ul li a{display:block;color:#777;padding:5px 0;border-bottom:1px solid rgba(238,238,238,0.5);font-size:12px;position:relative;z-index:9;font-weight:500} .list-label-widget-content span{display:block;color:$(main.color);padding:10px 0;border-bottom:1px solid rgba(238,238,238,0.5);font-size:12px;position:relative;z-index:9;font-weight:500} .footer-column .list-label-widget-content span{display:block;color:$(main.color);padding:10px 0;border-bottom:1px solid #333;font-size:12px;position:relative;z-index:9;font-weight:500} .footer-column .list-label-widget-content ul li a{color:#aaa;border-bottom:1px solid #333} .list-label-widget-content ul li:after{content:'';height:36px;width:0;position:absolute;top:0;z-index:1;transition:all .8s ease;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease} .list-label-widget-content ul li:hover a{color:$(main.color)!important;border-bottom:1px solid $(main.color)} .list-label-widget-content ul li a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:25px;line-height:25px;text-align:center;color:#555} .list-label-widget-content ul li:hover a:before{color:$(main.color)} .cloud-label-widget-content span{display:inline-block;font-size:100%;min-height:29px;line-height:2em} .cloud-label-widget-content span a{background-color:#f4f4f4;color:#aaa;padding:7px;border-radius:2px} .cloud-label-widget-content span a:hover{background-color:#5271b3;color:#fff;text-decoration:none} .label-size span{background-color:#5271b3;color:#fff;padding:1px 7px;border-radius:2px;margin:-2px 0!important} .social-counter{margin:0;padding:0;overflow:hidden} .social-counter ul{margin:0;padding:0} .social-counter ul li{width:25%;text-align:center;margin:0;padding:20px 0;border-bottom:1px solid #f3f3f3;position:relative} .social-item:nth-child(5),.social-item:nth-child(6),.social-item:nth-child(7),.social-item:nth-child(8){border:none} .social-counter ul li a{margin:0;padding:0} .item-icon{margin:0 0 10px;float:none;width:38px;height:38px;display:inline-block;line-height:38px;text-align:center;vertical-align:middle;background-color:#a3a3a3;color:#fff;font-size:18px;border-radius:2px;transition:.8s} .item-count{display:block;color:#5f5f5f;font-weight:700;font-size:14px;line-height:20px} .item-text{display:block;color:#9d9d9d;font-size:12px;line-height:18px} .social-item .item-icon{margin:0 0 10px;float:none} .social-item.facebook .item-icon,.social-item.facebook .item-icon:after{background-color:#5271b3;border-color:#5271b3} .social-item.twitter .item-icon,.social-item.twitter .item-icon:after{background-color:#49aff8;border-color:#49aff8} .social-item.gplus .item-icon,.social-item.gplus .item-icon:after{background-color:#cb2027;border-color:#cb2027} .social-item.rss .item-icon,.social-item.rss .item-icon:after{background-color:#FFC200;border-color:#FFC200} .social-item.youtube .item-icon,.social-item.youtube .item-icon:after{background-color:#eb1a21;border-color:#eb1a21} .social-item.dribbble .item-icon,.social-item.dribbble .item-icon:after{background-color:#ea4c89;border-color:#ea4c89} .social-item.instagram .item-icon,.social-item.instagram .item-icon:after{background-color:#4E729A;border-color:#4E729A} .social-item.pinterest .item-icon,.social-item.pinterest .item-icon:after{background-color:#cb2027;border-color:#cb2027} .social-item.facebook .item-icon:before{content:"\f09a"} .social-item.twitter .item-icon:before{content:"\f099"} .social-item.gplus .item-icon:before{content:"\f0d5"} .social-item.rss .item-icon:before{content:"\f09e"} .social-item.youtube .item-icon:before{content:"\f167"} .social-item.instagram .item-icon:before{content:"\f16d"} .social-item.dribbble .item-icon:before{content:"\f17d"} .social-item.pinterest .item-icon:before{content:"\f0d2"} .social-counter ul li:hover{background:#f8f8f8} .social-item .item-icon:after{content:"";position:absolute;width:10px;height:10px;top:40%;z-index:0;border-width:0 1px 1px 0;border-style:solid;-webkit-transform:rotate(224deg);-moz-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg)} .sidetabs *{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease;-ms-transition:all 0 ease} .menu-tab li{width:33.3333%;display:inline-block;padding:0} .menu-tab{overflow:hidden;clear:both;margin:0} .menu-tab li a{text-align:center;padding:10px 0;display:block;color:#FFF;background-color:#333;font-size:12px;text-transform:uppercase} .menu-tab li.active a{color:#FFF;background-color:$(main.color)} .Text{line-height:22px} #sidebar-wrapper .widget{margin-bottom:20px;overflow:hidden} #sidebar-wrapper .widget-content,.contact-form-widget{padding:15px 0 0} .sidebar .widget-title{border-bottom:1px solid #eee;text-transform:uppercase;font-size:16px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht2c_a3ZPqqckolYL9306hkFH4OUD3llZyH3xLRq1kDrPjYrebEwycmVYlLeTcbP3kTzf5O14nRJOw36b_xu8zQCSsAbmXeU152_qMSrf3v1lMAL1ZQ_FUeRf13n6SKgIL_QBDwsAUcecl/s1600/dots_pat.png) repeat-x center;background-position:50% 25%} #sidebar-wrapper .widget h2{font:$(titles.font);display:inline-block;font-weight:700;font-size:14px;color:#837F7F;text-transform:uppercase;margin-bottom:10px;background-color:$(content.bg.color)} .sidebar .PopularPosts .widget-title{border-bottom:1px solid #F04949!important} .sidebar .PopularPosts h2{color:#F04949!important} .sidebar .BlogArchive .widget-title{border-bottom:1px solid #FFC200!important} .sidebar .BlogArchive h2{color:#FFC200!important} .sidebar .Label .widget-title{border-bottom:1px solid #5271b3!important} .sidebar .Label h2{color:#5271b3!important} .sidebar .FollowByEmail .widget-title{border-bottom:1px solid #50C932!important} .sidebar .FollowByEmail h2{color:#50C932!important} .sidebar .ContactForm .widget-title{border-bottom:1px solid #49aff8!important} .sidebar .ContactForm h2{color:#49aff8!important} #copyright{width:100%;margin:0 auto;padding:10px 0;color:#ccc;background:#212124;position:relative;} #copy{font-family:'Viga',sans-serif;font-size:13px;font-weight:400;color:#ccc;text-align:center;max-width:1100px;margin:0 auto;padding:10px 0;transition:all 0.8s ease-out 0s;} #copyright a{color:#eee;transition:all 0.5s ease-out;} #copyright a:hover{color:#fff;} #copy p{padding:5px 0;} #copy2 {font-family:'Viga';font-size:13px;font-weight:400;color:#999;text-align:center;max-width:1100px;margin:0 auto;padding:0 0 15px 0;} #copyright{text-align:center;} .proly{background-color:#fff;padding:25px 0;margin:15px 0} .proly h2{margin-left:50px} #newsletter{overflow:hidden;background-color:#fff;padding:20px 0;border-top:1px solid #ddd;border-bottom:1px solid #f0f0f0;margin:0 auto;text-align:center;} #newsletter .left{margin:0 auto;} #newsletter .right{margin:0 auto;margin-top:20px} #newsletter .FollowByEmail{overflow:hidden} #newsletter .row{overflow:hidden} .ntitle{font-size:14px} .ndesc p{margin-top:10px} #newsletter input.address{border:none;border-right:none;background-color:#f0f0f0;height:40px;padding:0 10px;width:300px;margin-right:-5px;font-family:'Roboto';font-size:15px;font-weight:400;transition:background-color 0.3s ease-in-out;} #newsletter input.address:focus{outline:none;border:none;background-color:#444;color:#ddd;border-right:none;} #newsletter input.submit{height:40px;width:80px;background-color:#1ABC9C;border:0;color:#fff;cursor:pointer;position:relative;top:-1px;font-family:'Viga';font-size:15px;font-weight:400;position:relative;transition:all 0.3s ease-in-out;} #newsletter input.submit:hover{background-color:#34495E;opacity:0.9;} #outer-wrapper.pop_contact{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease} #outer-wrapper.pop_contact:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.69);z-index:999;transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease} #BackToTop { background: #2C3E50; display: none; color: #1ABC9C; padding: 8px 11px; font-size: 30px; line-height: 22px; border-radius: 2px; transition: all .3s linear; } #BackToTop:hover{background:#1ABC9C;color: #eee;transition:all .3s linear} .BackToTop {-webkit-transform:translateZ(0);cursor:pointer;position:fixed;bottom:30px;right:30px;z-index:90;} .error_page #sidebar-wrapper,.error_page #main-wrapper{display:none} .error_page #error-page{margin:100px auto 50px;text-align:center;padding:0;line-height:4em} a.homepage{padding:10px 20px;background:#eee;border-radius:2px;color:#aaa} a.homepage:hover{background:$(main.color);color:#fff} .error_page .error{font-size:20px;text-align:center} .error_page .errornum{font-size:150px;text-align:center;color:$(main.color)} .error_page span.fa.fa-frown-o{font-size:115px;color:#444} .error_page .fa-frown-o:before{content:"\f119"} .error_page .fa-hand-o-down:before{content:"\f0a7";font-size:18px} .firstcharacter{float:left;color:$(main.color);font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia} .button.small{font-size:12px} .button.medium{font-size:16px} .button.large{font-size:20px} .button{padding:10px 20px;margin:5px;color:#fff;text-align:center;border:0;cursor:pointer;border-radius:3px;display:block;text-decoration:none;font-weight:400;-webkit-box-shadow:inset 0 -2px rgba(0,0,0,0.15);box-shadow:inset 0 -2px rgba(0,0,0,0.15);color:#fff} .button.small:hover{-webkit-box-shadow:inset 0 -34px rgba(0,0,0,0.15);box-shadow:inset 0 -34px rgba(0,0,0,0.15);color:#fff} .button.medium:hover{-webkit-box-shadow:inset 0 -44px rgba(0,0,0,0.15);box-shadow:inset 0 -44px rgba(0,0,0,0.15);color:#fff} .button.large:hover{-webkit-box-shadow:inset 0 -54px rgba(0,0,0,0.15);box-shadow:inset 0 -54px rgba(0,0,0,0.15);color:#fff} .red{background:#e74c3c} .orange{background:#e8930c} .green{background:#2ecc71} .blue{background:#3498db} .purple{background:#9b59b6} .yellow{background:#FFD600} .pink{background:#F889EB} .grey{background:#bdc3c7} .turquoise{background:#1abc9c} .midnight{background:#2c3e50} .asbestos{background:#6d7b7c} .dark{background:#454545} .small-button{width:100%;overflow:hidden;clear:both} .medium-button{width:100%;overflow:hidden;clear:both} .large-button{width:100%;overflow:hidden;clear:both} .widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400} .widget .post-body li{margin:5px 0;padding:0;line-height:1.5} .post-body ul li:before{content:"\f105";margin-right:5px;font-family:fontawesome} pre{background-color:#26292B;color:#333;position:relative;padding:0 7px;margin:15px 0 10px;overflow:hidden;word-wrap:normal;white-space:pre;position:relative} pre[data-codetype]{padding:37px 1em 5px} pre[data-codetype]:before{content:attr(data-codetype);display:block;position:absolute;top:-5px;right:0;left:0;background-color:#95a5a6;padding:7px;color:#555} pre[data-codetype="HTML"]{color:#CECECE} pre[data-codetype="CSS"]{color:#30CCF3} pre[data-codetype="JavaScript"]{color:#EDD091} pre[data-codetype="JQuery"]{color:#889CAF} pre[data-codetype="HTML"]:before{background-color:#F7F7F7} pre[data-codetype="CSS"]:before{background-color:#F7F7F7} pre[data-codetype="JavaScript"]:before{background-color:#F7F7F7} pre[data-codetype="JQuery"]:before{background-color:#F7F7F7} pre code,pre .line-number{display:block;color:#069} pre .line-number{color:#ecf0f1;min-width:2.5em} pre .line-number span{display:block} pre .line-number span:nth-child(even){background-color:#243342} pre .cl{display:block;clear:both} #contact{background-color:#fff;margin:30px 0!important} #contact .contact-form-widget{max-width:100%!important} #contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{background-color:#FFF;border:1px solid #eee;border-radius:3px;padding:10px;margin-bottom:10px!important;max-width:100%!important} #contact .contact-form-name{width:47.7%;height:50px} #contact .contact-form-email{width:49.7%;height:50px} #contact .contact-form-email-message{height:150px} #contact .contact-form-button-submit{max-width:100%;width:100%;z-index:0;margin:4px 0 0;padding:15px 20px!important;text-align:center;cursor:pointer;background:#19b5fe;border:0;height:auto;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-transform:uppercase;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;color:#FFF} #contact .contact-form-button-submit:hover{background:#444} #contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{box-shadow:none!important} .two-column{overflow:hidden} .two-column .column{width:50%;padding:0 15px} .alert-message{position:relative;display:block;background-color:#FAFAFA;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2f3239;border:1px solid} .alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#2f3239} .alert-message span{font-size:14px!important} .alert-message i{font-size:16px;line-height:20px} .alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74} .alert-message.success a,.alert-message.success span{color:#1d9d74} .alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF} .alert-message.alert a,.alert-message.alert span{color:#378FFF} .alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b} .alert-message.warning a,.alert-message.warning span{color:#8a6d3b} .alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D} .alert-message.error a,.alert-message.error span{color:#F55D5D} .fa-check-circle:before{content:"\f058"} .fa-info-circle:before{content:"\f05a"} .fa-exclamation-triangle:before{content:"\f071"} .fa-exclamation-circle:before{content:"\f06a"} .simpleTab .tab-wrapper li{display:inline-block;margin:0;padding:0} .simpleTab .tab-wrapper li a{background-color:#333;color:#FFF;padding:10px 25px;display:block} .simpleTab .tab-wrapper li:before{content:'';display:none} .simpleTab{margin:10px 0} .simpleTab .tab-content{padding:15px;background-color:#f2f2f2} .simpleTab .tab-wrapper li a.activeTab{background-color:$(main.color);color:#fff} .simpleTab *{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease} .simpleTab.side .tab-wrapper{float:right;width:30%;margin:0!important;padding:0!important} .simpleTab .tab-wrapper{padding:0!important;margin:0!important} .simpleTab.side .tab-content{float:right;width:70%} .simpleTab.side .tab-wrapper li{width:100%;display:block;text-align:center} .simpleTab.side .tab-wrapper li a{padding:15px 0} .simpleTab.side{overflow:hidden} .ad-inside{display:none} .post-body .ad-inside{display:inline-block;line-height:0} .ad-inside-to{margin:15px auto;line-height:0} #blog-pager-newer-link{float:right} #blog-pager-older-link{float:left} #blog-pager{text-align:center} #blog-pager { float:right; margin-top:15px; padding:0 10px; text-align:right; } .showpageArea .showpagePoint,.showpageArea a { display:block; float:right; padding:5px 8px; margin-right:3px; } .showpageArea a { background-color:#EEE; border:0px solid #C5C5C5; } .showpageArea .showpagePoint,.showpageArea a:hover { background-color:#EEE; border:0px solid #E0E0E0; color:#222; } .blog-posts.hfeed { overflow: hidden; } /* CSS Contact */ #ContactForm1{display:none;} #ContactForm1_contact-form-name, #ContactForm1_contact-form-email{ width:300px;height:auto;margin:10px auto;padding:10px;background:#fdfdfd;color:#666;border:1px dashed #ddd;transition:all 0.5s ease-in-out;} #ContactForm1_contact-form-email-message{width:450px;height:175px;margin:10px auto;padding:10px;background:#fdfdfd;color:#666;font-family:'Roboto',sans-serif;border:1px dashed #ddd;transition:all 0.5s ease-in-out;} #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border:1px dashed #16A085;} #ContactForm1_contact-form-submit {font-family:'Viga';font-size:15px;width:101px;height:35px;float:left;color:#fff;padding:0;margin:10px 0 3px 0;cursor:pointer;background:#aaa;border:none;border-radius:2px;transition:background 0.4s linear;} #ContactForm1_contact-form-submit:hover {background:#16A085;} #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{ width:450px;margin-top:35px;} #lightsVideo { position:relative; z-index:102; } #switch { max-width:600px; text-align:left; position:relative; height:25px; display:block; margin: 2px 0 0 10px; } .lightSwitcher { position:absolute; z-index:101; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyYpnp4k20kx1YxUD-THpkSytHGw0joyrcwASXynxEtf5zh60ARWdGdwsixPAARAODwYxACMBx3TL7VWoJzKe0ABc2XtXBpGp7aJN-5jq8WrjFffstaezXhc_EMdw6BrNNrE807sWBzaA/s1600/lights-on.png); background-repeat:no-repeat; background-position:left; padding: 0 0 0 20px; outline:none; text-decoration:none; } .lightSwitcher:hover {text-decoration:underline;} .turnedOff { color:#ffff00 !important; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-F4-DZgrK63EaDQxSwe1FBNc9-H184iCIgHPYW0-kTrygaj_KLNml0J93Y2RjCsbZoF4btv-9UxYs7L6Fg5xRHx03lh7Au5sm7B_BmdxWNqr11t4NmjgdLPgfYIK4DiuS-aD02XlrHk8/s1600/lights-off.png); } #darkness { background:#000; opacity:1; filter:alpha(opacity=100); position:absolute; left:0; top:0; width:100%; z-index:100; } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace .pace-progress { display: block; position: fixed; z-index: 2000; top: 0; left: 0; height: 8px; background: #1ABC9C; -webkit-transition: -webkit-transform .3s, width 1s; -moz-transition: width 1s; -o-transform: width 1s; transition: transform .3s, width 1s; -webkit-transform: translateY(-50px); transform: translateY(-50px); pointer-events: none; } .pace.pace-active .pace-progress { -webkit-transform: translateY(0); transform: translateY(0); } ]]>

4 4

خطأ بالصفحة!

: