*/ /*-- Google Fonts --*/ @font-face{font-family:'Muli';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Au-p_0qiz-afTf2IALT8kU.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Muli';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Au-p_0qiz-afTf2IQLT8kU.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Muli';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Au-p_0qiz-afTf2LwLT.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Muli';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Au-p_0qiz-afTf2IALT8kU.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Muli';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Au-p_0qiz-afTf2IQLT8kU.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Muli';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Au-p_0qiz-afTf2LwLT.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Muli';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Au-p_0qiz-afTf2IALT8kU.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Muli';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Au-p_0qiz-afTf2IQLT8kU.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Muli';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Au-p_0qiz-afTf2LwLT.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Muli';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Au-p_0qiz-afTf2IALT8kU.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Muli';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Au-p_0qiz-afTf2IQLT8kU.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Muli';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Au-p_0qiz-afTf2LwLT.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Muli';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Auwp_0qiz-afT3GLRrX.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Muli';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Auwp_0qiz-afTzGLRrX.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Muli';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Auwp_0qiz-afTLGLQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Muli';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Auwp_0qiz-afT3GLRrX.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Muli';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Auwp_0qiz-afTzGLRrX.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Muli';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Auwp_0qiz-afTLGLQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Muli';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Auwp_0qiz-afT3GLRrX.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Muli';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Auwp_0qiz-afTzGLRrX.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Muli';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Auwp_0qiz-afTLGLQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Muli';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Auwp_0qiz-afT3GLRrX.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Muli';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Auwp_0qiz-afTzGLRrX.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Muli';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/muli/v21/7Auwp_0qiz-afTLGLQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /*-- CSS Variables --*/ :root{ --body-font:$(main.font.family); --menu-font:$(menu.font.family); --title-font:$(title.font.family); --meta-font:$(meta.font.family); --text-font:$(text.font.family); --body-bg-color:$(body.background.color); --body-bg:$(body.background); --outer-bg:$(outer.bg); --main-color:$(main.color); --title-color:$(title.color); --title-hover-color:$(title.hover.color); --meta-color:$(meta.color); --text-color:$(text.color); --tag-color:$(main.color); --header-bg:$(header.bg); --header-color:$(header.color); --header-hover-color:$(header.hover.color); --header-icons-color:$(header.icons.color); --primary-nav-bg:$(nav1.bg); --primary-nav-transparent-bg:$(nav1.bg)00; --primary-nav-color:$(nav1.color); --primary-nav-active-bg:rgba(255,255,255,0.05); --primary-nav-hover-bg:$(nav1.link.hover.bg); --primary-nav-hover-color:$(nav1.link.hover.color); --submenu-bg:$(submenu.bg); --submenu-color:$(submenu.color); --submenu-hover-color:$(submenu.hover.color); --megamenu-bg:$(megamenu.bg); --megamenu-color:$(megamenu.color); --megamenu-hover-color:$(megamenu.hover.color); --mobilemenu-bg:$(mmenu.bg); --mobilemenu-color:$(mmenu.color); --mobilemenu-hover-color:$(mmenu.hover.color); --secondary-nav-bg:$(nav2.bg); --secondary-nav-transparent-bg:$(nav2.bg)00; --secondary-nav-color:$(nav2.color); --secondary-nav-hover-color:$(nav2.hover.color); --headerad-bg:$(headerad.bg); --widget-title-color:$(wtitle.color); --post-title-color:$(post.title.color); --post-title-hover-color:$(post.title.hover.color); --post-text-color:$(post.text.color); --footerad-bg:$(footerad.bg); --footer-bg:$(footer.bg); --footer-color:$(footer.color); --footer-hover-color:$(footer.hover.color); --footer-text-color:$(footer.text.color); --footerbar-bg:$(footerbar.bg); --footerbar-color:$(footerbar.color); --footerbar-hover-color:$(footerbar.hover.color); --button-bg:$(button.bg); --button-color:$(button.color); --button-hover-bg:$(button.hover.bg); --button-hover-color:$(button.hover.color); --border-color:rgba(155,155,155,0.1); --bb-color:rgba(0,0,0,0.1); } html.rtl{ --body-font:'Cairo',Arial,sans-serif; --menu-font:'Cairo',Arial,sans-serif; --title-font:'Cairo',Arial,sans-serif; --meta-font:'Cairo',Arial,sans-serif; --text-font:'Cairo',Arial,sans-serif; } /*-- Reset CSS --*/ 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;margin:0;border:0;outline:0;vertical-align:baseline;background:0 0;text-decoration:none}dl,ul{list-style-position:inside;list-style:none}ul li{list-style:none}caption{text-align:center}img{border:none;position:relative}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}a{color:var(--main-color)}a img{border:0}abbr{text-decoration:none}.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}.separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}.center{display:table;margin:0 auto;position:relative}.widget > h2,.widget > h3{display:none}.widget iframe,.widget img{max-width:100%}button,input,select,textarea{font-family:var(--body-font);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:0} /*-- Style CSS --*/ *{box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased} html{position:relative;margin:0} body{position:relative;background:var(--body-bg);background-color:var(--body-bg-color);font-family:var(--body-font);font-size:14px;color:var(--text-color);font-weight:400;font-style:normal;line-height:1.4em;word-wrap:break-word;margin:0;padding:0} body.is-cover{background-attachment:fixed;background-size:cover;background-position:center center;background-repeat:no-repeat} .rtl{direction:rtl} h1,h2,h3,h4,h5,h6{font-family:var(--title-font);font-weight:700} a,input,button{transition:all .17s ease} #outer-wrapper{position:relative;overflow:hidden;width:100%;max-width:100%;background-color:var(--outer-bg);margin:0 auto;padding:0} .is-boxed #outer-wrapper{width:$(row.width + 50px);max-width:100%;box-shadow:0 0 20px rgba(0,0,0,0.1)} .container{position:relative} .row-x1{width:$(row.width)} .flex-center{display:flex;justify-content:center} #content-wrapper{position:relative;float:left;width:100%;overflow:hidden;padding:25px 0;margin:0;border-top:0} .theiaStickySidebarIfy:before,.theiaStickySidebarIfy:after{content:'';display:table;clear:both} #main-wrapper{position:relative;float:left;width:calc(100% - $(sidebar.width + 30px));padding:0} .is-left #main-wrapper,.rtl #main-wrapper{float:right} #sidebar-wrapper{position:relative;float:right;width:$(sidebar.width);padding:0} .is-left #sidebar-wrapper,.rtl #sidebar-wrapper{float:left} .btn{border:0;border-radius:4px} .entry-image-wrap,.comments .avatar-image-container{overflow:hidden;background-color:rgba(155,155,155,0.08);z-index:5;color:transparent!important;transition:filter .17s ease,opacity .17s ease} .entry-image-wrap:hover,.trending-post:hover .entry-image-wrap{filter:brightness(1.05)} .entry-thumb{display:block;position:relative;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1;opacity:0;transition:opacity .35s ease,transform .35s ease} .entry-thumb.lazy-ify{opacity:1} .before-mask:before{content:'';position:absolute;left:0;right:0;bottom:0;height:70%;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,0.8));-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;opacity:1;margin:0;transition:opacity .25s ease} .entry-image-wrap.is-video:after{position:absolute;display:flex;align-items:center;justify-content:center;content:'\f04b';top:50%;left:50%;background-color:rgba(0,0,0,0.5);width:44px;height:30px;font-family:'Font Awesome 5 Free';font-size:12px;color:#fff;font-weight:900;z-index:5;transform:translate(-50%,-50%);margin:0;border-radius:6px;transition:background .17s ease} .entry-image-wrap.is-video:hover:after,.featured-item-inner:hover .entry-image-wrap.is-video:after{background-color:#f50000} .entry-meta{font-family:var(--meta-font);font-size:12px;color:var(--meta-color);font-weight:400;margin:0} .entry-meta .author-name{color:var(--main-color);font-weight:600} .entry-category{position:relative;font-size:12px;color:var(--tag-color);font-weight:700;text-transform:uppercase;z-index:10;margin:0 0 6px} .entry-title{color:var(--post-title-color);font-weight:700;line-height:1.3em} .entry-title a{display:block;color:var(--post-title-color)} .entry-title a:hover{color:var(--post-title-hover-color)} .excerpt{font-family:var(--text-font);line-height:1.5em} .entry-info{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.8));overflow:hidden;z-index:10;padding:15px} .entry-info .entry-title{text-shadow:0 1px 2px rgba(0,0,0,0.5)} .entry-info .entry-title a{color:#fff} .error-msg{display:block;font-size:14px;color:var(--text-color);padding:20px 0;font-weight:400} .error-msg b{font-weight:700} .social a:before{display:inline-block;font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400} .social .blogger a:before{content:'\f37d'} .social .facebook a:before{content:'\f09a'} .social .facebook-f a:before{content:'\f39e'} .social .twitter a:before{content:'\f099'} .social .rss a:before{content:'\f09e';font-family:'Font Awesome 5 Free';font-weight:900} .social .youtube a:before{content:'\f167'} .social .skype a:before{content:'\f17e'} .social .stumbleupon a:before{content:'\f1a4'} .social .tumblr a:before{content:'\f173'} .social .vk a:before{content:'\f189'} .social .stack-overflow a:before{content:'\f16c'} .social .github a:before{content:'\f09b'} .social .linkedin a:before{content:'\f0e1'} .social .dribbble a:before{content:'\f17d'} .social .soundcloud a:before{content:'\f1be'} .social .behance a:before{content:'\f1b4'} .social .digg a:before{content:'\f1a6'} .social .instagram a:before{content:'\f16d'} .social .pinterest a:before{content:'\f0d2'} .social .pinterest-p a:before{content:'\f231'} .social .twitch a:before{content:'\f1e8'} .social .delicious a:before{content:'\f1a5'} .social .codepen a:before{content:'\f1cb'} .social .flipboard a:before{content:'\f44d'} .social .reddit a:before{content:'\f281'} .social .whatsapp a:before{content:'\f232'} .social .messenger a:before{content:'\f39f'} .social .snapchat a:before{content:'\f2ac'} .social .telegram a:before{content:'\f3fe'} .social .discord a:before{content:'\f392'} .social .share a:before{content:'\f064';font-family:'Font Awesome 5 Free';font-weight:900} .social .email a:before{content:'\f0e0';font-family:'Font Awesome 5 Free'} .social .external-link a:before{content:'\f35d';font-family:'Font Awesome 5 Free';font-weight:900} .social-bg .blogger a,.social-bg-hover .blogger a:hover{background-color:#f30} .social-bg .facebook a,.social-bg .facebook-f a,.social-bg-hover .facebook a:hover,.social-bg-hover .facebook-f a:hover{background-color:#3b5999} .social-bg .twitter a,.social-bg-hover .twitter a:hover{background-color:#00acee} .social-bg .youtube a,.social-bg-hover .youtube a:hover{background-color:#f50000} .social-bg .instagram a,.social-bg-hover .instagram a:hover{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)} .social-bg .pinterest a,.social-bg .pinterest-p a,.social-bg-hover .pinterest a:hover,.social-bg-hover .pinterest-p a:hover{background-color:#ca2127} .social-bg .dribbble a,.social-bg-hover .dribbble a:hover{background-color:#ea4c89} .social-bg .linkedin a,.social-bg-hover .linkedin a:hover{background-color:#0077b5} .social-bg .tumblr a,.social-bg-hover .tumblr a:hover{background-color:#365069} .social-bg .twitch a,.social-bg-hover .twitch a:hover{background-color:#6441a5} .social-bg .rss a,.social-bg-hover .rss a:hover{background-color:#ffc200} .social-bg .skype a,.social-bg-hover .skype a:hover{background-color:#00aff0} .social-bg .stumbleupon a,.social-bg-hover .stumbleupon a:hover{background-color:#eb4823} .social-bg .vk a,.social-bg-hover .vk a:hover{background-color:#4a76a8} .social-bg .stack-overflow a,.social-bg-hover .stack-overflow a:hover{background-color:#f48024} .social-bg .github a,.social-bg-hover .github a:hover{background-color:#24292e} .social-bg .soundcloud a,.social-bg-hover .soundcloud a:hover{background:linear-gradient(#ff7400,#ff3400)} .social-bg .behance a,.social-bg-hover .behance a:hover{background-color:#191919} .social-bg .digg a,.social-bg-hover .digg a:hover{background-color:#1b1a19} .social-bg .delicious a,.social-bg-hover .delicious a:hover{background-color:#0076e8} .social-bg .codepen a,.social-bg-hover .codepen a:hover{background-color:#000} .social-bg .flipboard a,.social-bg-hover .flipboard a:hover{background-color:#f52828} .social-bg .reddit a,.social-bg-hover .reddit a:hover{background-color:#ff4500} .social-bg .whatsapp a,.social-bg-hover .whatsapp a:hover{background-color:#3fbb50} .social-bg .messenger a,.social-bg-hover .messenger a:hover{background-color:#0084ff} .social-bg .snapchat a,.social-bg-hover .snapchat a:hover{background-color:#ffe700} .social-bg .telegram a,.social-bg-hover .telegram a:hover{background-color:#179cde} .social-bg .discord a,.social-bg-hover .discord a:hover{background-color:#7289da} .social-bg .share a,.social-bg-hover .share a:hover{background-color:var(--meta-color)} .social-bg .email a,.social-bg-hover .email a:hover{background-color:#888} .social-bg .external-link a,.social-bg-hover .external-link a:hover{background-color:var(--button-hover-bg)} .social-color .blogger a,.social-color-hover .blogger a:hover{color:#f30} .social-color .facebook a,.social-color .facebook-f a,.social-color-hover .facebook a:hover,.social-color-hover .facebook-f a:hover{color:#3b5999} .social-color .twitter a,.social-color-hover .twitter a:hover{color:#00acee} .social-color .youtube a,.social-color-hover .youtube a:hover{color:#f50000} .social-color .instagram a,.social-color-hover .instagram a:hover{color:#dd277b} .social-color .pinterest a,.social-color .pinterest-p a,.social-color-hover .pinterest a:hover,.social-color-hover .pinterest-p a:hover{color:#ca2127} .social-color .dribbble a,.social-color-hover .dribbble a:hover{color:#ea4c89} .social-color .linkedin a,.social-color-hover .linkedin a:hover{color:#0077b5} .social-color .tumblr a,.social-color-hover .tumblr a:hover{color:#365069} .social-color .twitch a,.social-color-hover .twitch a:hover{color:#6441a5} .social-color .rss a,.social-color-hover .rss a:hover{color:#ffc200} .social-color .skype a,.social-color-hover .skype a:hover{color:#00aff0} .social-color .stumbleupon a,.social-color-hover .stumbleupon a:hover{color:#eb4823} .social-color .vk a,.social-color-hover .vk a:hover{color:#4a76a8} .social-color .stack-overflow a,.social-color-hover .stack-overflow a:hover{color:#f48024} .social-color .github a,.social-color-hover .github a:hover{color:#24292e} .social-color .soundcloud a,.social-color-hover .soundcloud a:hover{color:#ff7400} .social-color .behance a,.social-color-hover .behance a:hover{color:#191919} .social-color .digg a,.social-color-hover .digg a:hover{color:#1b1a19} .social-color .delicious a,.social-color-hover .delicious a:hover{color:#0076e8} .social-color .codepen a,.social-color-hover .codepen a:hover{color:#000} .social-color .flipboard a,.social-color-hover .flipboard a:hover{color:#f52828} .social-color .reddit a,.social-color-hover .reddit a:hover{color:#ff4500} .social-color .whatsapp a,.social-color-hover .whatsapp a:hover{color:#3fbb50} .social-color .messenger a,.social-color-hover .messenger a:hover{color:#0084ff} .social-color .snapchat a,.social-color-hover .snapchat a:hover{color:#ffe700} .social-color .telegram a,.social-color-hover .telegram a:hover{color:#179cde} .social-color .discord a,.social-color-hover .discord a:hover{color:#7289da} .social-color .share a,.social-color-hover .share a:hover{color:var(--meta-color)} .social-color .email a,.social-color-hover .email a:hover{color:#888} .social-color .external-link a,.social-color-hover .external-link a:hover{color:var(--button-hover-bg)} #header-wrapper,.header-content{position:relative;float:left;width:100%;height:54px;background-color:var(--header-bg);padding:0;margin:0} .header-items{position:relative;float:left;width:100%;height:54px;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0} .main-logo{position:relative;float:left;height:54px;overflow:hidden;margin:0} .main-logo .widget{position:relative;height:54px;display:flex;align-items:center;margin:0} .main-logo .logo-img{display:flex;align-items:center;height:34px;overflow:hidden;margin:0} .main-logo img{display:block;max-width:100%;max-height:100%;margin:0} .main-logo .blog-title{display:block;font-size:20px;color:var(--header-color);font-weight:700;margin:0} .main-logo .blog-title a{color:var(--header-color)} .main-logo .blog-title a:hover{color:var(--header-hover-color)} .main-logo #h1-off{position:absolute;top:-9000px;left:-9000px;display:none;visibility:hidden} .header-icons{position:relative;float:right;height:34px;overflow:hidden;padding:10px 0;margin:0} .header-icons .widget{position:relative;height:34px;display:flex;align-items:center;margin:0} .header-icons .widget-title h3{display:block;font-size:14px;color:var(--header-color);font-weight:500;padding:0 4px;margin:0} .header-icons ul.social-icons{display:flex;flex-wrap:wrap} .header-icons ul li{margin:0 0 0 15px} .rtl .header-icons ul li{margin:0 15px 0 0} .header-icons ul li a{display:block;font-size:16px;color:var(--header-icons-color);margin:0} .mobile-menu-toggle{display:none;height:34px;font-size:18px;color:var(--header-color);align-items:center;padding:0 15px} .mobile-menu-toggle:after{content:'\f0c9';font-family:'Font Awesome 5 Free';font-weight:900;margin:0} .mobile-menu-toggle:hover{color:var(--header-hover-color)} .mobile-search-toggle{display:none;height:54px;font-size:16px;color:var(--header-color);align-items:center;padding:0 15px} .mobile-search-toggle:after{content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900;margin:0} .mobile-search-toggle:hover{color:var(--header-hover-color)} #nav-wrapper{position:relative;float:left;width:100%;z-index:40;margin:0;box-shadow:0 2px 10px -3px rgba(0,0,0,0.1)} .primary-nav,.primary-nav-content,.primary-nav-flex{position:relative;float:left;width:100%;height:44px;margin:0} .primary-nav,.primary-nav-flex{background-color:var(--primary-nav-bg)} .is-boxed .primary-nav-flex{float:none;width:$(row.width + 50px);max-width:100%;margin:0 auto;border:0} .primary-nav-items{position:relative;float:left;width:100%;margin:0} #techmag-free-main-menu{position:relative;float:left;width:100%;height:44px;z-index:10} #techmag-free-main-menu .widget,#techmag-free-main-menu .widget > .widget-title{display:none} #techmag-free-main-menu .show-menu{display:block} #techmag-free-main-menu ul#techmag-free-main-menu-nav{display:flex;flex-wrap:wrap} #techmag-free-main-menu ul > li{position:relative;padding:0;margin:0} #techmag-free-main-menu-nav > li > a{position:relative;display:block;height:44px;font-family:var(--menu-font);font-size:15px;color:var(--primary-nav-color);font-weight:600;line-height:44px;padding:0 15px;margin:0} #techmag-free-main-menu-nav > li.homepage > a{background-color:var(--primary-nav-active-bg);color:var(--primary-nav-color)} #techmag-free-main-menu-nav > li.homepage:hover > a,#techmag-free-main-menu-nav > li:hover > a{background-color:var(--primary-nav-hover-bg);color:var(--primary-nav-hover-color)} #techmag-free-main-menu ul > li > ul,#techmag-free-main-menu ul > li > .ul{position:absolute;float:left;left:0;top:44px;width:180px;background-color:var(--submenu-bg);z-index:99999;padding:0;visibility:hidden;opacity:0;box-shadow:0 2px 5px 0 rgba(0,0,0,0.05),0 2px 10px 0 rgba(0,0,0,0.05)} .rtl #techmag-free-main-menu ul > li > ul,.rtl #techmag-free-main-menu ul > li > .ul{left:auto;right:0} #techmag-free-main-menu ul > li > ul > li > ul{position:absolute;top:0;left:100%;margin:0} .rtl #techmag-free-main-menu ul > li > ul > li > ul{left:unset;right:100%} #techmag-free-main-menu ul > li > ul > li{display:block;float:none;position:relative} .rtl #techmag-free-main-menu ul > li > ul > li{float:none} #techmag-free-main-menu ul > li > ul > li a{position:relative;display:block;font-size:14px;color:var(--submenu-color);font-weight:400;padding:8px 15px;margin:0;border-bottom:1px solid rgba(155,155,155,0.05)} #techmag-free-main-menu ul > li > ul > li:last-child a{border:0} #techmag-free-main-menu ul > li > ul > li:hover > a{color:var(--submenu-hover-color)} #techmag-free-main-menu ul > li.has-sub > a:after{content:'\f078';float:right;font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:-1px 0 0 5px} .rtl #techmag-free-main-menu ul > li.has-sub > a:after{float:left;margin:-1px 5px 0 0} #techmag-free-main-menu ul > li > ul > li.has-sub > a:after{content:'\f054';float:right;margin:0} .rtl #techmag-free-main-menu ul > li > ul > li.has-sub > a:after{content:'\f053'} #techmag-free-main-menu ul ul,#techmag-free-main-menu ul .ul{transition:all .17s ease} #techmag-free-main-menu ul > li:hover > ul,#techmag-free-main-menu ul > li:hover > .ul,#techmag-free-main-menu ul > li > ul > li:hover > ul{visibility:visible;opacity:1;margin:0} #techmag-free-main-menu .mega-menu{position:static!important} #techmag-free-main-menu .mega-menu > .ul{width:100%;overflow:hidden;background-color:var(--megamenu-bg);display:grid;grid-template-columns:repeat(5,1fr);column-gap:20px;padding:20px} #techmag-free-main-menu .mega-menu > .ul.no-items{grid-template-columns:1fr} .tab-active{display:block} .tab-animated,.post-animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both} @keyframes fadeIn { from{opacity:0} to{opacity:1} } .tab-fadeIn,.post-fadeIn{animation-name:fadeIn} @keyframes fadeInUp { from{opacity:0;transform:translate3d(0,5px,0)} to{opacity:1;transform:translate3d(0,0,0)} } @keyframes slideToLeft { from{opacity:0;transform:translate3d(15px,0,0)} to{opacity:1;transform:translate3d(0,0,0)} } @keyframes slideToRight { from{opacity:0;transform:translate3d(-15px,0,0)} to{opacity:1;transform:translate3d(0,0,0)} } .tab-fadeInUp,.post-fadeInUp{animation-name:fadeInUp} .mega-items .mega-item{position:relative;width:100%;padding:0} .mega-items .mega-content{position:relative;float:left;width:100%;padding:0} .mega-content .entry-image-wrap{width:100%;height:115px;z-index:1;display:block;position:relative;overflow:hidden;margin:0 0 7px;border-radius:4px} .mega-content .entry-title{font-size:14px;margin:0} .mega-content .entry-title a{color:var(--megamenu-color)} .mega-content .entry-title a:hover{color:var(--megamenu-hover-color)} .mega-menu .error-msg{text-align:center} .main-toggle-wrap{position:absolute;top:0;right:0;height:44px;z-index:20;margin:0} .rtl .main-toggle-wrap{left:0;right:unset} .main-toggle-style{position:relative;float:left;width:44px;height:44px;background-color:var(--primary-nav-active-bg);color:var(--primary-nav-color);font-size:14px;text-align:center;line-height:44px;cursor:pointer;z-index:20;padding:0;margin:0} .rtl .main-toggle-style{float:right} .main-toggle-style:hover{background-color:var(--primary-nav-hover-bg);color:var(--primary-nav-hover-color)} .search-toggle.hide,.search-active .search-toggle.show{display:none} .search-active .search-toggle.hide{display:block} .search-toggle:after{font-family:'Font Awesome 5 Free';font-weight:900;margin:0} .search-toggle.show:after{content:'\f002'} .search-toggle.hide:after{content:'\f00d'} #nav-search-wrap{display:none;position:absolute;top:0;left:0;width:calc(100% - 44px);height:44px;overflow:hidden;background-color:var(--primary-nav-bg);z-index:25;padding:5px 20px 5px 0} .rtl #nav-search-wrap{left:unset;right:0;padding:5px 0 5px 20px} #nav-search-wrap .search-form{position:relative;width:100%;height:34px;background-color:rgba(0,0,0,0);overflow:hidden;display:flex;justify-content:space-between;padding:0;border:0} #nav-search-wrap .search-input{position:relative;width:100%;height:34px;background-color:rgba(0,0,0,0);font-family:inherit;font-size:14px;color:var(--primary-nav-color);font-weight:400;line-height:34px;padding:0;border:0} #nav-search-wrap .search-input:focus,#nav-search-wrap .search-input::placeholder{color:var(--primary-nav-color);outline:none} #nav-search-wrap .search-input::placeholder{opacity:.5} #nav-search-wrap .search-action{position:relative;width:34px;min-width:34px;height:34px;background-color:rgba(0,0,0,0);font-family:inherit;font-size:20px;color:var(--primary-nav-color);font-weight:400;line-height:34px;text-align:right;cursor:pointer;padding:0;border:0;opacity:.5} .rtl #nav-search-wrap .search-action{text-align:left} #nav-search-wrap .search-action:before{display:block;content:'\f30b';font-family:'Font Awesome 5 Free';font-weight:900} .rtl #nav-search-wrap .search-action:before{content:'\f30a'} #nav-search-wrap .search-action:hover{opacity:1} .overlay{visibility:hidden;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(23,28,36,0.6);z-index:1000;-webkit-backdrop-filter:saturate(100%) blur(3px);-ms-backdrop-filter:saturate(100%) blur(3px);-o-backdrop-filter:saturate(100%) blur(3px);backdrop-filter:saturate(100%) blur(3px);margin:0;transition:all .25s ease} #slide-menu{display:none;position:fixed;width:300px;height:100%;top:0;left:0;bottom:0;background-color:var(--mobilemenu-bg);overflow:hidden;z-index:1010;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:hidden;box-shadow:3px 0 7px rgba(0,0,0,0.1);transition:all .25s ease} .rtl #slide-menu{left:unset;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)} .nav-active #slide-menu,.rtl .nav-active #slide-menu{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible} .slide-menu-header{float:left;width:100%;height:54px;background-color:var(--header-bg);overflow:hidden;display:flex;justify-content:space-between;box-shadow:0 2px 10px -3px rgba(0,0,0,0.1)} .mobile-search{position:relative;width:100%;padding:0 0 0 15px;margin:10px 0 0} .rtl .mobile-search{padding:0 15px 0 0} .mobile-search .search-form{position:relative;width:100%;height:34px;background-color:rgba(155,155,155,0.03);overflow:hidden;display:flex;justify-content:space-between;border-radius:4px} .mobile-search .search-input{position:relative;width:100%;height:34px;background-color:rgba(0,0,0,0);font-family:inherit;font-size:13px;color:var(--menu-color);font-weight:400;line-height:34px;padding:0 10px;border:0} .mobile-search .search-input:focus,.mobile-search .search-input::placeholder{color:var(--header-color)} .mobile-search .search-input::placeholder{opacity:.5} .mobile-search .search-action{position:relative;width:34px;height:34px;background-color:rgba(0,0,0,0);font-family:inherit;font-size:10px;color:var(--header-color);font-weight:400;line-height:34px;text-align:center;cursor:pointer;padding:0;border:0;opacity:.5} .rtl .mobile-search .search-action{left:0;right:unset} .mobile-search .search-action:before{display:block;content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900} .mobile-search .search-action:hover{opacity:1} .hide-techmag-free-mobile-menu{position:relative;height:54px;color:var(--header-color);font-size:16px;line-height:54px;cursor:pointer;z-index:20;padding:0 15px;margin:0} .hide-techmag-free-mobile-menu:before{content:'\f00d';font-family:'Font Awesome 5 Free';font-weight:900} .hide-techmag-free-mobile-menu:hover{color:var(--header-hover-color)} .slide-menu-flex{position:relative;float:left;width:100%;height:calc(100% - 54px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0} .techmag-free-mobile-menu{position:relative;float:left;width:100%;padding:20px 15px} .techmag-free-mobile-menu > ul{margin:0} .techmag-free-mobile-menu .m-sub{display:none;padding:0} .techmag-free-mobile-menu ul li{position:relative;display:block;overflow:hidden;float:left;width:100%;font-size:14px;font-weight:600;margin:0;padding:0} .techmag-free-mobile-menu > ul li ul{overflow:hidden} .techmag-free-mobile-menu ul li a{color:var(--mobilemenu-color);padding:10px 0;display:block} .techmag-free-mobile-menu > ul > li > a{text-transform:uppercase} .techmag-free-mobile-menu ul li.has-sub .submenu-toggle{position:absolute;top:0;right:0;width:30px;color:var(--mobilemenu-color);text-align:right;cursor:pointer;padding:10px 0} .rtl .techmag-free-mobile-menu ul li.has-sub .submenu-toggle{text-align:left;right:auto;left:0} .techmag-free-mobile-menu ul li.has-sub .submenu-toggle:after{content:'\f078';font-family:'Font Awesome 5 Free';font-weight:900;float:right;font-size:12px;text-align:right;transition:all .17s ease} .rtl .techmag-free-mobile-menu ul li.has-sub .submenu-toggle:after{float:left} .techmag-free-mobile-menu ul li.has-sub.show > .submenu-toggle:after{content:'\f077'} .techmag-free-mobile-menu ul li a:hover,.techmag-free-mobile-menu ul li.has-sub.show > a,.techmag-free-mobile-menu ul li.has-sub.show > .submenu-toggle{color:var(--mobilemenu-hover-color)} .techmag-free-mobile-menu > ul > li > ul > li a{font-size:13px;font-weight:400;opacity:.85;padding:10px 0 10px 10px} .rtl .techmag-free-mobile-menu > ul > li > ul > li a{padding:10px 10px 10px 0} .techmag-free-mobile-menu > ul > li > ul > li > ul > li > a{padding:10px 0 10px 20px} .rtl .techmag-free-mobile-menu > ul > li > ul > li > ul > li > a{padding:10px 20px 10px 0} .techmag-free-mobile-menu ul > li > .submenu-toggle:hover{color:var(--mobilemenu-hover-color)} .mobile-menu-footer{position:relative;float:left;width:100%;padding:20px 15px;margin:0} .mobile-navbar-social,.mobile-navbar-menu{position:relative;float:left;width:100%;margin:0 0 13px} .mobile-navbar-menu{margin:0} .mobile-navbar-social ul{display:flex;flex-wrap:wrap} .mobile-navbar-social ul li{margin:0 15px 0 0} .rtl .mobile-navbar-social ul li{margin:0 0 0 15px} .mobile-navbar-social ul li:last-child{margin:0} .mobile-navbar-social ul li a{display:block;font-size:14px;color:var(--mobilemenu-color);opacity:.85;padding:0} .mobile-navbar-social ul li a:hover{color:var(--mobilemenu-hover-color)} .mobile-navbar-menu ul{display:flex;flex-wrap:wrap} .mobile-navbar-menu ul li{margin:0 15px 0 0} .rtl .mobile-navbar-menu ul li{margin:0 0 0 15px} .mobile-navbar-menu ul li:last-child{margin:0} .mobile-navbar-menu ul li a{display:block;font-size:13px;color:var(--mobilemenu-color);font-weight:500;padding:0} .mobile-navbar-menu ul li a:hover{color:var(--mobilemenu-hover-color)} .primary-nav-content.is-fixed{position:fixed;top:-44px;left:0;width:100%;z-index:990;transition:top .17s ease} .primary-nav-content.is-fixed.show{top:0} .secondary-nav{position:relative;float:left;width:100%;height:38px;background-color:var(--secondary-nav-bg)} .no-secondary .secondary-nav{display:none} .techmag-free-navbar-menu,.techmag-free-navbar-menu .widget{position:relative;float:left;width:100%;margin:0} #navbar-link-list{position:relative;float:left;width:100%;height:38px;display:flex;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;z-index:1;margin:0} #navbar-link-list li{flex-shrink:0} #navbar-link-list li a{display:block;font-size:14px;color:var(--secondary-nav-color);font-weight:400;line-height:38px;margin:0 25px 0 0} .rtl #navbar-link-list li a{margin:0 0 0 25px} #navbar-link-list li:last-child a{margin:0 15px 0 0} .rtl #navbar-link-list li:last-child a{margin:0 0 0 15px} #navbar-link-list li a:hover{color:var(--secondary-nav-hover-color)} .techmag-free-navbar-menu .widget:before,.techmag-free-navbar-menu .widget:after{content:'';position:absolute;top:0;left:-15px;width:15px;height:38px;background:linear-gradient(to right,var(--secondary-nav-bg),var(--secondary-nav-transparent-bg));z-index:5;margin:0} .rtl .techmag-free-navbar-menu .widget:before{left:0} .techmag-free-navbar-menu .widget:after{left:unset;right:0;background:linear-gradient(to left,var(--secondary-nav-bg),var(--secondary-nav-transparent-bg))} .rtl .techmag-free-navbar-menu .widget:after{right:-15px} .loader{position:relative;height:100%;overflow:hidden;display:block;margin:0} .loader:after{content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-16px 0 0 -16px;border:2px solid var(--main-color);border-right-color:var(--border-color);border-radius:100%;animation:spinner .65s infinite linear;transform-origin:center} @-webkit-keyframes spinner { 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)} } @keyframes spinner { 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)} } #header-ads-wrap{position:relative;float:left;width:100%;background-color:var(--headerad-bg)} #header-ads-wrap.no-widget{display:none} html:not([data-theme=dark]) #header-ads-wrap.has-border{border-bottom:1px solid var(--border-color)} .header-ads .widget{position:relative;float:left;width:100%;text-align:center;line-height:0;margin:20px 0} .header-ads .widget-content{float:left;width:100%;margin:0} .header-ads .widget > .widget-title{display:none} #main-wrapper #main{position:relative;float:left;width:100%;margin:0} .is-home #main-wrapper.main-margin #main{margin-bottom:30px} #main .Blog{position:relative;float:left;width:100%;margin:0} .queryMessage{float:left;width:100%;color:var(--title-color);margin:0 0 17px} .queryMessage .query-info,.Blog.no-posts .queryMessage{margin:0} .queryMessage .query-info{font-size:16px;color:var(--title-color);font-weight:600;text-transform:uppercase;line-height:1;letter-spacing:.5px;margin:0} .queryMessage .query-label:after{content:'\f078';display:inline-block;vertical-align:middle;font-family:'Font Awesome 5 Free';font-size:12px;font-weight:900;margin:0 0 0 3px} .rtl .queryMessage .query-label:after{margin:0 3px 0 0} .queryEmpty{float:left;width:100%;font-size:14px;font-weight:400;margin:50px 0;text-align:center} .blog-post{display:block;word-wrap:break-word} .title-wrap{position:relative;float:left;width:100%;margin:0 0 17px} .title-wrap > .title{font-family:var(--title-font);font-size:16px;color:var(--widget-title-color);font-weight:600;text-transform:uppercase;line-height:1;letter-spacing:.5px;padding:0;margin:0} .index-post-wrap{position:relative;float:left;width:100%;margin:0} .Blog.no-posts .index-post-wrap{display:none} .post-animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both} @keyframes fadeIn { from{opacity:0} to{opacity:1} } .post-fadeIn{animation-name:fadeIn} @keyframes fadeInUp { from{opacity:0;transform:translate3d(0,5px,0)} to{opacity:1;transform:translate3d(0,0,0)} } .post-fadeInUp{animation-name:fadeInUp} .index-post{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;padding:0;margin:0 0 30px} .index-post.post-ad-type{padding:0!important;margin:0 0 30px!important;border-width:0!important} .index-post .entry-image-wrap{position:relative;width:245px;height:160px;overflow:hidden;margin:0 15px 0 0;border-radius:4px} .rtl .index-post .entry-image-wrap{margin:0 0 0 15px} .index-post .entry-header{display:flex;flex-direction:column;flex:1 1 250px;padding:5px 0 0} .index-post .entry-title{font-size:20px;margin:0} .index-post .entry-meta{display:flex;flex-wrap:wrap;font-size:12px;margin:10px 0 0} .index-post .entry-author,.index-post .entry-time{display:flex} .index-post .entry-author .by,.index-post .author-name,.index-post .entry-time .on{margin:0 4px 0 0} .rtl .index-post .entry-author .by,.rtl .index-post .author-name,.rtl .index-post .entry-time .on{margin:0 0 0 4px} .index-post .entry-excerpt{font-size:14px;margin:10px 0 0} .inline-ad-wrap{position:relative;float:left;width:100%;margin:0} .inline-ad{position:relative;float:left;width:100%;text-align:center;line-height:1;margin:0} .item-post-wrap,.is-single .item-post,.item-post-inner{position:relative;float:left;width:100%;margin:0} .item-post .blog-entry-header{position:relative;float:left;width:100%;display:flex;flex-direction:column;margin:0} #breadcrumb{float:left;width:100%;font-family:var(--meta-font);font-size:13px;color:var(--meta-color);font-weight:400;line-height:1;margin:0 0 13px} #breadcrumb a{color:var(--meta-color)} #breadcrumb a.home,#breadcrumb a:hover{color:var(--main-color)} #breadcrumb a,#breadcrumb em{display:inline} #breadcrumb em:after{content:'\f054';font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;font-style:normal;margin:0 3px} .rtl #breadcrumb em:after{content:'\f053'} .item-post h1.entry-title{position:relative;float:left;width:100%;font-size:$(itempost.title.size);font-weight:700;margin:0} .item-post .has-meta h1.entry-title{margin-bottom:16px} .item-post .entry-meta{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px;margin:0} .item-post .entry-meta .align-left,.item-post .entry-meta .align-right{display:flex;flex-wrap:wrap;align-items:center} .item-post .entry-author,.item-post .entry-time{display:flex;align-items:center} .item-post .entry-author .by,.item-post .author-name,.item-post .entry-time .on{margin:0 4px 0 0} .rtl .item-post .entry-author .by,.rtl .item-post .author-name,.rtl .item-post .entry-time .on{margin:0 0 0 4px} .item-post .entry-meta .author-avatar{position:relative;width:26px;height:26px;background-color:rgba(155,155,155,0.08);background-size:100%;margin:0 7px 0 0;border-radius:50%;box-shadow:0 2px 5px -3px rgba(155,155,155,0.15);opacity:0;transition:opacity .35s ease} .item-post .entry-meta .author-avatar.lazy-ify{opacity:1} .rtl .item-post .entry-meta .author-avatar{margin:0 0 0 7px} .item-post .entry-meta .entry-comments-link{display:none;float:right;margin:0 0 0 12px} .item-post .entry-meta .entry-comments-link:before{color:var(--main-color)} .rtl .item-post .entry-meta .entry-comments-link{float:left;margin:0 12px 0 0} .item-post .entry-meta .entry-comments-link:before{display:inline-block;vertical-align:middle;content:'\f086';font-family:'Font Awesome 5 Free';font-size:13px;font-weight:400;margin:0 5px 0 0} .rtl .item-post .entry-meta .entry-comments-link:before{margin:0 0 0 5px} .item-post .entry-meta .entry-comments-link.show{display:block} .entry-content-wrap{position:relative;float:left;width:100%;margin:0} #post-body{position:relative;float:left;width:100%;font-family:var(--text-font);font-size:$(itempost.content.size);color:var(--post-text-color);line-height:1.6em;padding:0;margin:25px 0 0} .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-size:18px;color:var(--post-title-color);margin:0 0 20px} .post-body h1,.post-body h2{font-size:27px} .post-body h3{font-size:23px} blockquote{position:relative;background-color:rgba(155,155,155,0.08);color:var(--post-title-color);font-style:normal;padding:15px 25px;margin:0;border-left:2px solid var(--main-color);border-radius:4px} .rtl blockquote{border-left:0;border-right:2px solid var(--main-color)} blockquote:before{position:absolute;left:10px;top:10px;content:'\f10e';font-family:'Font Awesome 5 Free';font-size:33px;font-style:normal;font-weight:900;color:var(--meta-color);line-height:1;opacity:.2;margin:0} .rtl blockquote:before{left:unset;right:10px} .post-body ul,.widget .post-body ol{padding:0 0 0 15px;margin:10px 0} .rtl .post-body ul,.rtl .widget .post-body ol{padding:0 15px 0 0} .post-body .responsive-video-wrap{position:relative;width:100%;padding:0;padding-top:56%} .post-body .responsive-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%} .post-body img{height:auto!important} .post-body li{margin:5px 0;padding:0} .post-body ul li,.post-body ol ul li{list-style:disc inside} .post-body ol li,.post-body ul ol li{list-style:decimal inside} .post-body u{text-decoration:underline} .post-body strike{text-decoration:line-through} .post-body a{color:var(--main-color)} .post-body a:hover{text-decoration:underline} .post-body a.button{display:inline-block;height:34px;background-color:var(--button-bg);font-family:var(--body-font);font-size:14px;color:var(--button-color);font-weight:500;line-height:34px;text-align:center;text-decoration:none;cursor:pointer;padding:0 20px;margin:0 5px 5px 0} .rtl .post-body a.button{margin:0 0 5px 5px} .post-body a.colored-button{color:#fff} .post-body a.button:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .post-body a.colored-button:hover{background-color:var(--button-hover-bg)!important;color:var(--button-hover-color)!important} .button:before{float:left;font-family:'Font Awesome 5 Free';font-weight:900;display:inline-block;margin:0 8px 0 0} .rtl .button:before{float:right;margin:0 0 0 8px} .button.preview:before{content:'\f06e'} .button.download:before{content:'\f019'} .button.link:before{content:'\f0c1'} .button.cart:before{content:'\f07a'} .button.info:before{content:'\f06a'} .button.share:before{content:'\f1e0'} .button.contact:before{content:'\f0e0';font-weight:400} .file-btn{float:left;width:100%;text-align:center;margin:0} .post-body .file-btn a.button{min-width:50%;height:40px;font-size:16px;font-weight:600;line-height:40px;padding:0 25px;margin:0;border-radius:40px} .file-btn .button:before{float:none;margin:0 10px 0 0} .rtl .file-btn .button:before{float:none;margin:0 0 0 10px} .file-btn .file-size{display:block;line-height:1;font-size:12px;color:var(--meta-color);font-style:italic;margin:7px 0 0} .alert-message{position:relative;display:block;padding:15px;border:1px solid var(--border-color);border-radius:4px} .alert-message.alert-success{background-color:rgba(34,245,121,0.03);border:1px solid rgba(34,245,121,0.5)} .alert-message.alert-info{background-color:rgba(55,153,220,0.03);border:1px solid rgba(55,153,220,0.5)} .alert-message.alert-warning{background-color:rgba(185,139,61,0.03);border:1px solid rgba(185,139,61,0.5)} .alert-message.alert-error{background-color:rgba(231,76,60,0.03);border:1px solid rgba(231,76,60,0.5)} .alert-message:before{font-family:'Font Awesome 5 Free';font-size:16px;font-weight:900;display:inline-block;margin:0 5px 0 0} .rtl .alert-message:before{margin:0 0 0 5px} .alert-message.alert-success:before{content:'\f058';color:rgba(34,245,121,1)} .alert-message.alert-info:before{content:'\f05a';color:rgba(55,153,220,1)} .alert-message.alert-warning:before{content:'\f06a';color:rgba(185,139,61,1)} .alert-message.alert-error:before{content:'\f057';color:rgba(231,76,60,1)} .post-body table{width:100%;overflow-x:auto;text-align:left;margin:0;border-collapse:collapse;border:1px solid var(--border-color)} .rtl .post-body table{text-align:right} .post-body table td,.post-body table th{padding:7px 15px;border:1px solid var(--border-color)} .post-body table thead th{color:var(--post-title-color);font-weight:700;vertical-align:bottom} .contact-form{overflow:hidden} .contact-form .widget-title{display:none} .contact-form .contact-form-name{width:calc(50% - 5px);height:36px} .rtl .contact-form .contact-form-name{float:right} .contact-form .contact-form-email{width:calc(50% - 5px);float:right;height:36px} .rtl .contact-form .contact-form-email{float:left} .contact-form .contact-form-button-submit{font-family:var(--body-font);height:36px} .post-body pre,pre.code-box{position:relative;display:block;background-color:#1f2024;font-family:Monospace;font-size:13px;color:#f2f2fa;white-space:pre-wrap;line-height:1.4em;padding:15px;margin:0;border:0;border-radius:4px} html[data-theme=dark] .post-body pre,html[data-theme=dark] pre.code-box{background-color:rgba(155,155,155,0.08)} .post-body .google-auto-placed{margin:30px 0 0} .post-footer{position:relative;float:left;width:100%;margin:0} .entry-tags{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;margin:25px 0 0} .entry-tags span,.entry-tags a{font-size:14px;font-weight:400;line-height:1;margin:5px 5px 0 0} .rtl .entry-tags span,.rtl .entry-tags a{margin:5px 0 0 5px} .entry-tags span{color:var(--title-color);font-weight:700} .entry-tags a{color:var(--main-color);border-bottom:1px solid var(--main-color)} .entry-tags a:hover{color:var(--title-color);border-color:var(--title-color)} .entry-tags a:after{content:',';color:var(--meta-color)} .entry-tags a:last-child:after{display:none} .post-share{position:relative;float:left;width:100%;padding:20px 0 0;margin:0} ul.techmag-free-share-links,.techmag-free-share-links li ul{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;margin:0} .techmag-free-share-links .flex-1{flex:1} .techmag-free-share-links li.flex-1,.techmag-free-share-links .msl-items li{padding:0 5px 0 0} .rtl .techmag-free-share-links li.flex-1,.rtl .techmag-free-share-links .msl-items li{padding:0 0 0 5px} .techmag-free-share-links .msl-items li.show-hid{padding:0} .techmag-free-share-links li a{float:left;width:36px;min-width:36px;height:36px;overflow:hidden;font-size:16px;color:#fff;line-height:36px;font-weight:400;cursor:pointer;text-align:center;margin:5px 0 0} .techmag-free-share-links .flex-1 a{width:100%;padding:0 5px} .techmag-free-share-links li a:before{display:inline-block;margin:0} .techmag-free-share-links li a span{display:inline-block;font-size:14px;font-weight:500;padding:0 10px} .techmag-free-share-links li a:hover{opacity:.85} .techmag-free-share-links .show-hid a{background-color:rgba(155,155,155,0.08);font-size:14px;color:rgba(155,155,155,0.8)} .techmag-free-share-links .show-hid a:before{content:'\f067';font-family:'Font Awesome 5 Free';font-weight:900} .show-hidden .show-hid a:before{content:'\f068'} .techmag-free-share-links li.pinterest-p,.techmag-free-share-links li.reddit,.techmag-free-share-links li.linkedin,.techmag-free-share-links li.vk,.techmag-free-share-links li.telegram{display:none} .show-hidden li.pinterest-p,.show-hidden li.reddit,.show-hidden li.linkedin,.show-hidden li.vk,.show-hidden li.telegram{display:inline-block} .about-author{position:relative;float:left;width:100%;padding:20px;margin:30px 0 0;border:1px solid var(--border-color);border-radius:4px} .about-author .avatar-container{position:relative;float:left;width:60px;height:60px;background-color:rgba(155,155,155,0.08);overflow:hidden;margin:0 15px 0 0;border-radius:50%;box-shadow:0 2px 5px -3px rgba(155,155,155,0.15)} .rtl .about-author .avatar-container{float:right;margin:0 0 0 15px} .about-author .author-avatar{float:left;width:100%;height:100%;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;overflow:hidden;opacity:0;transition:opacity .35s ease} .about-author .author-avatar.lazy-ify{opacity:1} .about-author .author-name{display:block;font-family:var(--title-font);font-size:18px;color:var(--title-color);font-weight:700;margin:0 0 8px} .about-author .author-name:hover{color:var(--title-hover-color)} .author-description{display:flex;flex-direction:column;flex:1 1 100px} .author-description p{display:block;font-size:14px;color:var(--text-color);font-weight:400} .author-description p br{display:none} .author-description a{display:none;margin:0} ul.description-links{display:none;padding:0} ul.description-links.show{display:flex;flex-wrap:wrap} .description-links li{margin:12px 12px 0 0} .rtl .description-links li{margin:12px 0 0 12px} .description-links li a{display:block;font-size:14px;color:var(--text-color);line-height:1;padding:0} .description-links li a:hover{opacity:.85} #related-wrap{float:left;width:100%;margin:30px 0 0} #related-wrap .related-tag{display:none} .techmag-free-related-content{float:left;width:100%;margin:0} .techmag-free-related-content .loader{height:190px} .related-posts{position:relative;display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px;row-gap:25px;margin:0} .related-posts .related-item{position:relative;width:100%;display:flex;flex-direction:column;margin:0} .related-posts .entry-image-wrap{position:relative;width:100%;height:135px;display:block;overflow:hidden;margin:0 0 10px;border-radius:4px} .related-posts .entry-title{font-size:15px;margin:0} #techmag-free-post-newsletter{position:relative;float:left;width:100%;margin:0} #techmag-free-post-newsletter .widget.FollowByEmail{float:left;width:100%;margin:30px 0 0} .post-nav{float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px;font-weight:400;margin:30px 0 0} .post-nav a{display:flex;align-items:center;color:var(--main-color);line-height:1} .post-nav a:hover{color:var(--title-color)} .post-nav span{color:var(--meta-color)} .post-nav-newer-link:before,.rtl .post-nav-older-link:after{content:'\f053';float:left;font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:0 4px 0 0} .post-nav-older-link:after,.rtl .post-nav-newer-link:before{content:'\f054';float:right;font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:0 0 0 4px} #blog-pager{float:left;width:100%;text-align:center;clear:both;padding:0;margin:10px 0 15px} .Blog.no-posts #blog-pager{display:none} #blog-pager .load-more{display:block;background-color:var(--button-bg);height:36px;font-size:14px;color:var(--button-color);text-align:center;font-weight:500;line-height:36px;padding:0 30px} #blog-pager #techmag-free-load-more-link{cursor:pointer} #blog-pager #techmag-free-load-more-link:after{content:'\f078';display:inline-block;font-family:'Font Awesome 5 Free';font-size:11px;font-weight:900} #blog-pager #techmag-free-load-more-link:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} #blog-pager .loading,#blog-pager .no-more{display:none} #blog-pager .loading .loader{height:36px} #blog-pager .no-more.show{display:block;background-color:rgba(155,155,155,0.08);color:var(--meta-color)} #blog-pager .loading .loader:after{width:28px;height:28px;margin:-16px 0 0 -16px} .techmag-free-blog-post-comments{display:none;float:left;width:100%;padding:0;margin:30px 0 0} .comments-system-disqus .comments-title,.comments-system-facebook .comments-title{margin:0 0 15px} #comments,#disqus_thread{float:left;width:100%} .techmag-free-blog-post-comments .fb_iframe_widget_fluid_desktop,.techmag-free-blog-post-comments .fb_iframe_widget_fluid_desktop span,.techmag-free-blog-post-comments .fb_iframe_widget_fluid_desktop iframe{float:left;display:block!important;width:100%!important} .fb-comments{padding:0;margin:0} #comments{float:left;width:100%;display:block;clear:both;padding:0;margin:0} .comments-system-facebook #comments{width:100%;margin:0} #comments h4#comment-post-message{display:none} .comments .comments-content{float:left;width:100%;margin:0} .comments .comment-content{display:block;font-family:var(--text-font);font-size:14px;color:var(--text-color);line-height:1.6em;margin:12px 0 0} .comments .comment-content > a:hover{text-decoration:underline} .comment-thread .comment{position:relative;padding:20px;margin:20px 0 0;list-style:none;border:1px solid var(--border-color);border-radius:4px} .comment-thread ol{padding:0;margin:0} .toplevel-thread ol > li:first-child{margin:0} .toplevel-thread ol > li:first-child > .comment-block{padding-top:0;margin:0;border:0} .comment-thread ol ol .comment{background-color:rgba(155,155,155,0.08);border:0} .comment-thread ol ol .comment:hover{box-shadow:unset} .comment-thread ol ol .comment:before{content:'\f3bf';position:absolute;left:-25px;top:-5px;font-family:'Font Awesome 5 Free';font-size:16px;color:var(--border-color);font-weight:700;transform:rotate(90deg);margin:0} .rtl .comment-thread ol ol .comment:before{content:'\f3be';left:unset;right:-25px} .comments .comment-replybox-single iframe{padding:0 0 0 45px;margin:20px 0 0} .rtl .comments .comment-replybox-single iframe{padding:0 45px 0 0} .comment-thread .avatar-image-container{position:absolute;top:20px;left:20px;width:35px;height:35px;overflow:hidden;border-radius:50%;box-shadow:0 2px 5px -3px rgba(155,155,155,0.15)} .rtl .comment-thread .avatar-image-container{left:auto;right:20px} .avatar-image-container img{width:100%;height:100%} .comments .comment-header{padding:0 0 0 45px} .rtl .comments .comment-header{padding:0 45px 0 0} .comments .comment-header .user{display:inline-block;font-family:var(--title-font);font-size:16px;color:var(--title-color);font-style:normal;font-weight:700;margin:0 0 3px} .comments .comment-header .user a{color:var(--title-color)} .comments .comment-header .user a:hover{color:var(--title-hover-color)} .comments .comment-header .icon.user{display:none} .comments .comment-header .icon.blog-author{display:inline-block;font-size:12px;color:var(--main-color);font-weight:400;vertical-align:top;margin:-3px 0 0 5px} .rtl .comments .comment-header .icon.blog-author{margin:-3px 5px 0 0} .comments .comment-header .icon.blog-author:before{content:'\f058';font-family:'Font Awesome 5 Free';font-weight:400} .comments .comment-header .datetime{display:block;line-height:1;margin:0} .comment-header .datetime a{font-family:var(--meta-font);font-size:10px;color:var(--meta-color);padding:0} .comments .comment-actions{display:block;margin:12px 0 0} .comments .comment-actions a{display:inline-block;font-size:13px;color:var(--main-color);font-weight:400;font-style:normal;padding:0;margin:0 15px 0 0} .rtl .comments .comment-actions a{margin:0 0 0 15px} .comments .comment-actions a:hover{color:var(--title-color)} .item-control{display:none} .loadmore.loaded a{display:inline-block;border-bottom:1px solid rgba(155,155,155,.51);text-decoration:none;margin-top:15px} .comments .continue{display:none} .comments .comment-replies{padding:0 0 0 45px} .rtl .comments .comment-replies{padding:0 45px 0 0} .thread-expanded .thread-count a,.loadmore{display:none} .comments .footer,.comments .comment-footer{float:left;width:100%;font-size:13px;margin:0} .comment-form{float:left;width:100%;margin:0} html[data-theme=dark] .comment-thread iframe{opacity:.98} p.comments-message{display:none;float:left;width:100%;font-size:12px;color:var(--meta-color);font-style:italic;padding:0 0 10px;margin:0 0 20px;border-bottom:1px solid var(--border-color)} .no-comments p.comments-message{padding:0;margin:0 0 20px;border:0} .comments-system-blogger p.comments-message{display:block} p.comments-message > a{color:var(--main-color)} p.comments-message > a:hover{color:var(--title-color)} p.comments-message > em{color:#ff3f34;font-style:normal} .comment-form > p{display:none} p.comment-footer span{color:var(--meta-color)} p.comment-footer span:after{content:'\002A';color:#d63031} .comment-content .responsive-video-wrap{position:relative;width:100%;padding:0;padding-top:56%} .comment-content .responsive-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%} .comments .comment-replybox-thread iframe{margin:30px 0 0} #show-comment-form,.comments #top-continue a{float:left;width:100%;height:36px;background-color:rgba(155,155,155,0.08);color:rgba(155,155,155,0.8);font-size:14px;font-weight:500;line-height:36px;text-align:center;padding:0 30px;margin:30px 0 0} .no-comments #show-comment-form{margin:5px 0 0} .rtl #show-comment-form,.rtl .comments #top-continue a{float:right} #show-comment-form:hover,.comments #top-continue a:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .comment-form-visible #show-comment-form{display:none} .comments .comment-replybox-thread,.no-comments .comment-form{display:none} .comment-form-visible .comments .comment-replybox-thread,.comment-form-visible .no-comments .comment-form{display:block} #custom-ads{float:left;width:100%;opacity:0;visibility:hidden;padding:0;margin:0;border:0} #before-ad,#after-ad{float:left;width:100%;margin:0} #before-ad .widget > .widget-title,#after-ad .widget > .widget-title{display:block} #before-ad .widget > .widget-title > h3.title,#after-ad .widget > .widget-title > h3.title{font-size:11px;color:var(--title-color);font-weight:400;line-height:1;margin:0 0 6px} #before-ad .widget,#after-ad .widget{width:100%;margin:25px 0 0} #before-ad .widget-content,#after-ad .widget-content{position:relative;width:100%;line-height:1} #techmag-free-new-before-ad #before-ad,#techmag-free-new-after-ad #after-ad{float:none;display:block;margin:0} #techmag-free-new-before-ad #before-ad .widget,#techmag-free-new-after-ad #after-ad .widget{margin:0} #techmag-free-post-fby-email{display:none;visibility:hidden;margin:0} #sidebar-wrapper .sidebar{float:left;width:100%} #sidebar-wrapper .sidebar > .widget{position:relative;float:left;width:100%;padding:0;margin:0 0 30px} #sidebar-wrapper .sidebar > .widget:last-child{margin:0} .sidebar .widget-content{float:left;width:100%;padding:0;margin:0} .sidebar > .widget.no-style > .widget-title{display:none} .sidebar ul.social-icons{display:grid;grid-template-columns:repeat(2,1fr);column-gap:5px;row-gap:5px;margin:0} .sidebar .social-icons li{display:block;margin:0} .sidebar .social-icons li a{position:relative;float:left;width:100%;height:34px;overflow:hidden;font-size:14px;color:#fff;text-align:center;line-height:34px;padding:0} .sidebar .social-icons li a:before{font-size:16px} .sidebar .social-icons li span{display:inline-block;font-weight:500;padding:0 10px} .sidebar .social-icons li a:hover{opacity:.85} .sidebar .loader{height:180px} .list1-items .list1-item{float:left;width:100%;display:flex;flex-wrap:wrap;padding:0;margin:20px 0 0} .list1-items .list1-item.item-0{margin:0} .list1-items .entry-image-wrap{position:relative;width:96px;height:64px;overflow:hidden;margin:0 12px 0 0;border-radius:4px} .list1-items .entry-image-wrap.is-video:after{width:30px;height:22px;font-size:8px;border-radius:4px} .rtl .list1-items .entry-image-wrap{margin:0 0 0 12px} .list1-items .entry-header{flex:1} .list1-items .entry-title{font-size:14px} .popular-posts .popular-post{float:left;width:100%;display:flex;flex-wrap:wrap;padding:0;margin:20px 0 0} .popular-posts .popular-post.item-0{flex-direction:column;margin:0} .popular-posts .entry-image-wrap{position:relative;width:96px;height:64px;overflow:hidden;z-index:1;margin:0 12px 0 0;border-radius:4px} .popular-posts .big-popular .entry-image-wrap{width:100%;height:175px;margin:0 0 12px} .rtl .popular-posts .post:not(.big-popular) .entry-image-wrap{margin:0 0 0 12px} .popular-posts .post:not(.big-popular) .entry-image-wrap.is-video:after{width:30px;height:22px;font-size:8px;border-radius:4px} .popular-posts .post:not(.big-popular) .entry-header{flex:1} .popular-posts .big-popular .entry-header{float:left;width:100%;display:flex;flex-direction:column;margin:0} .popular-posts .entry-meta{display:flex;flex-wrap:wrap;margin:0 0 5px} .popular-posts .entry-author,.popular-posts .entry-time{display:flex} .popular-posts .entry-author .by,.popular-posts .author-name,.popular-posts .entry-time .on{margin:0 4px 0 0} .rtl .popular-posts .entry-author .by,.rtl .popular-posts .author-name,.rtl .popular-posts .entry-time .on{margin:0 0 0 4px} .popular-posts .entry-title{font-size:14px} .popular-posts .big-popular .entry-title{font-size:18px} .FeaturedPost .entry-image-wrap{position:relative;float:left;width:100%;height:175px;z-index:1;overflow:hidden;display:flex;flex-direction:column;margin:0 0 12px;border-radius:4px} .FeaturedPost .entry-header{float:left;width:100%;display:flex;flex-direction:column;margin:0} .FeaturedPost .entry-meta{display:flex;flex-wrap:wrap;margin:0 0 5px} .FeaturedPost .entry-author,.FeaturedPost .entry-time{display:flex} .FeaturedPost .entry-author .by,.FeaturedPost .author-name,.FeaturedPost .entry-time .on{margin:0 4px 0 0} .rtl .FeaturedPost .entry-author .by,.rtl .FeaturedPost .author-name,.rtl .FeaturedPost .entry-time .on{margin:0 0 0 4px} .FeaturedPost .entry-title{font-size:18px} .follow-by-email-items{position:relative;float:left;width:100%;padding:20px;border:1px solid var(--border-color);border-radius:4px} .follow-by-email-items:before{content:'\f0e0';position:absolute;top:0;left:calc(50% - (34px / 2));width:34px;height:30px;background-color:var(--border-color);font-family:'Font Awesome 5 Free';font-size:16px;color:var(--text-color);line-height:26px;text-align:center;margin:0;border-radius:0 0 50% 50%} .follow-by-email-title{display:block;font-family:var(--title-font);font-size:20px;color:var(--title-color);font-weight:700;line-height:1.2em;text-align:center;padding:25px 15px 20px;margin:0} .follow-by-email-address{width:100%;height:34px;background-color:rgba(155,155,155,0.08);font-family:inherit;font-size:13px;color:var(--text-color);text-align:center;padding:0 10px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:4px} html[data-theme=dark] .follow-by-email-address{background-color:rgba(255,255,255,0.03)} .follow-by-email-address:focus{background-color:var(--outer-bg)!important;border-color:var(--border-color)!important} .follow-by-email-submit{width:100%;height:34px;background-color:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:500;cursor:pointer;padding:0 20px} .follow-by-email-submit:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .follow-by-email-text{display:block;font-size:12px;color:var(--text-color);text-align:center;font-style:italic;margin:8px 0 0} #techmag-free-post-newsletter .follow-by-email-address,#techmag-free-post-newsletter .follow-by-email-submit{height:36px} #techmag-free-post-newsletter .follow-by-email-items:before{left:calc(50% - (36px / 2));width:36px;height:32px;font-size:17px;line-height:28px} #techmag-free-post-newsletter .follow-by-email-title{padding:30px 15px 20px} .list-label li,.archive-list li{position:relative;display:block} .list-label li a,.archive-list li a{display:block;color:var(--title-color);font-size:14px;font-weight:400;padding:5px 0} .archive-list li a{text-transform:capitalize} .list-label li:first-child a,.archive-list li:first-child a{padding:0 0 5px} .list-label li:last-child a,.archive-list li:last-child a{padding-bottom:0} .list-label li a:before,.archive-list li a:before{content:'\f054';font-family:'Font Awesome 5 Free';float:left;font-size:7px;font-weight:900;font-style:normal;margin:1px 3px 0 0} .rtl .list-label li a:before,.rtl .archive-list li a:before{content:'\f053';float:right;margin:1px 0 0 3px} .list-label li a:hover,.archive-list li a:hover{color:var(--title-hover-color)} .list-label .label-count,.archive-list .archive-count{float:right;font-size:12px;color:var(--meta-color);text-decoration:none;margin:1px 0 0 5px} .rtl .list-label .label-count,.rtl .archive-list .archive-count{float:left;margin:1px 5px 0 0} .cloud-label ul{display:flex;flex-wrap:wrap} .cloud-label li{margin:0 5px 5px 0} .rtl .cloud-label li{margin:0 0 5px 5px} .cloud-label li a{display:block;height:30px;color:var(--title-color);font-size:14px;line-height:28px;font-weight:400;padding:0 10px;border:1px solid var(--border-color)} .cloud-label li a:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .cloud-label .label-count{display:none} .search-widget .search-form{position:relative;float:left;width:100%;margin:0} .search-widget .search-input{float:left;width:100%;height:34px;background-color:rgba(255,255,255,0);font-family:inherit;font-weight:400;font-size:14px;color:var(--text-color);line-height:34px;padding:0 15px;margin:0;border:1px solid var(--border-color);border-radius:4px} .search-widget .search-input:focus{outline:none;background-color:rgba(0,0,0,0.03)} .search-widget .search-action{position:absolute;top:0;right:0;height:30px;font-family:inherit;font-size:14px;font-weight:400;line-height:30px;cursor:pointer;background-color:var(--button-bg);color:var(--button-color);padding:0 15px;margin:3px 3px 0 0;border:0} .search-widget .search-action:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .rtl .search-widget .search-action{left:0;right:unset;margin:3px 0 0 3px} .Profile ul li{float:left;width:100%;margin:20px 0 0} .Profile ul li:first-child{margin:0} .Profile .profile-img{float:left;width:45px;height:45px;background-color:rgba(155,155,155,0.08);overflow:hidden;color:transparent!important;margin:0 12px 0 0;border-radius:50%} .rtl .Profile .profile-img{float:right;margin:0 0 0 12px} .Profile .profile-info{display:table} .Profile .profile-name{display:block;font-size:16px;color:var(--title-color);font-weight:600;line-height:1.4em;margin:0 0 2px} .Profile .profile-name:hover{color:var(--title-hover-color)} .Profile .profile-link{display:block;font-size:13px;color:var(--meta-color);font-weight:400;margin:0} .Profile .profile-link:hover{color:var(--main-color)} .techmag-free-widget-ready .PageList ul li,.techmag-free-widget-ready .LinkList ul.link-list li{position:relative;display:block} .techmag-free-widget-ready .PageList ul li a,.techmag-free-widget-ready .LinkList ul.link-list li a{display:block;color:var(--title-color);font-size:14px;font-weight:400;padding:5px 0} .techmag-free-widget-ready .PageList ul li:first-child a,.techmag-free-widget-ready .LinkList ul.link-list li:first-child a{padding:0 0 5px} .techmag-free-widget-ready .PageList ul li:last-child a,.techmag-free-widget-ready .LinkList ul.link-list li:last-child a{padding:5px 0 0} .techmag-free-widget-ready .PageList ul li a:hover,.techmag-free-widget-ready .LinkList ul.link-list li a:hover{color:var(--title-hover-color)} .Text .widget-content{font-family:var(--text-font);font-size:14px;color:var(--text-color);margin:0} .Image .image-caption{display:block;font-size:14px;color:var(--text-color);margin:10px 0 0} .contact-form-widget form{font-family:inherit;font-weight:400} .contact-form-name{float:left;width:100%;height:34px;background-color:rgba(255,255,255,0);font-family:inherit;font-size:14px;color:var(--text-color);line-height:34px;padding:5px 15px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:4px} .contact-form-email{float:left;width:100%;height:34px;background-color:rgba(255,255,255,0);font-family:inherit;font-size:14px;color:var(--text-color);line-height:34px;padding:5px 15px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:4px} .contact-form-email-message{float:left;width:100%;background-color:rgba(255,255,255,0);font-family:inherit;font-size:14px;color:var(--text-color);padding:10px 15px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:4px} .contact-form-button-submit{float:left;width:100%;height:34px;background-color:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:500;cursor:pointer;padding:0 15px;margin:0} .contact-form-button-submit:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .contact-form-error-message-with-border{float:left;width:100%;background-color:rgba(0,0,0,0);font-size:13px;color:#e74c3c;text-align:left;line-height:1;padding:0;margin:10px 0 0;border:0} .contact-form-success-message-with-border{float:left;width:100%;background-color:rgba(0,0,0,0);font-size:13px;color:#27ae60;text-align:left;line-height:1;padding:0;margin:10px 0 0;border:0} .rtl .contact-form-error-message-with-border,.rtl .contact-form-success-message-with-border{text-align:right} .contact-form-cross{cursor:pointer;margin:0 0 0 3px} .rtl .contact-form-cross{margin:0 3px 0 0} .contact-form-error-message,.contact-form-success-message{margin:0} .contact-form-name:focus,.contact-form-email:focus,.contact-form-email-message:focus{background-color:rgba(0,0,0,0.03)} .Attribution a{font-size:14px;line-height:16px;display:block} .Attribution a > svg{width:16px;height:16px;float:left;margin:0 4px 0 0} .Attribution .copyright{font-size:12px;color:var(--meta-color);padding:0 20px;margin:3px 0 0} .TextList ul li{display:block;font-size:14px;font-weight:400;color:var(--text-color);margin:0 0 10px} .TextList ul li:last-child{margin:0} #footer-ads-wrap{position:relative;float:left;width:100%;background-color:var(--footerad-bg)} #footer-ads-wrap.no-widget{display:none} html:not([data-theme=dark]) #footer-ads-wrap.has-border-top{border-top:1px solid var(--border-color)} html:not([data-theme=dark]) #footer-ads-wrap.has-border-bottom{border-bottom:1px solid var(--border-color)} .footer-ads .widget{position:relative;float:left;width:100%;text-align:center;line-height:0;margin:20px 0} .footer-ads .widget-content{float:left;width:100%;margin:0} .footer-ads .widget > .widget-title{display:none} #footer-wrapper{position:relative;float:left;width:100%;background-color:var(--footer-bg);color:var(--footer-text-color);margin:0} html:not([data-theme=dark]) #footer-wrapper.has-border:not(.has-ads){border-top:1px solid var(--border-color)} #footer-wrapper .primary-footer{float:left;width:100%;margin:0} .primary-footer.no-widget{display:none} #techmag-free-about-section{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px 0;margin:0} .footer-info{display:flex;flex-direction:column;flex:1} .footer-info h3.title{font-size:16px;color:var(--footer-color);font-weight:600;text-transform:uppercase;line-height:1;letter-spacing:.5px;margin:0 0 13px} #techmag-free-about-section .Image{width:calc(100% - (300px + 30px));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0} #techmag-free-about-section .footer-logo{padding:0 25px 0 0} .rtl #techmag-free-about-section .footer-logo{padding:0 0 0 25px} #techmag-free-about-section .footer-logo img{display:block;max-height:34px;margin:0} #techmag-free-about-section .Image .image-caption{font-size:14px;color:var(--footer-text-color);margin:0} #techmag-free-about-section .Image .image-caption a{color:var(--footer-color)} #techmag-free-about-section .Image .image-caption a:hover{color:var(--footer-hover-color)} #techmag-free-about-section .LinkList{width:$(sidebar.width);display:flex;align-items:center;justify-content:flex-end;margin:0} .techmag-free-about-section ul.social-icons{float:right} .rtl .techmag-free-about-section ul.social-icons{float:left} .techmag-free-about-section .social-icons li{float:left;margin:0 0 0 10px} .rtl .techmag-free-about-section .social-icons li{float:right;margin:0 10px 0 0} .techmag-free-about-section .social-icons li a{display:block;width:34px;height:34px;background-color:rgba(155,155,155,0.1);font-size:16px;color:var(--footer-color);text-align:center;line-height:34px;box-sizing:border-box} .techmag-free-about-section .social-icons li a:hover{color:#fff} .footerbar{position:relative;float:left;width:100%;height:54px;background-color:var(--footerbar-bg);color:var(--footerbar-color);display:flex;align-items:center;padding:0;margin:0} html:not([data-theme=dark]) .footerbar.has-border{border-top:1px solid var(--border-color)} .footerbar .container{display:flex;flex-wrap:wrap;justify-content:space-between} .footerbar .footer-copyright{font-size:14px;font-weight:400;margin:0} .footerbar .footer-copyright a{color:var(--footerbar-color)} .footerbar .footer-copyright a:hover{color:var(--footerbar-hover-color)} #footer-menu{position:relative;display:block;margin:0} .footer-menu ul{display:flex;flex-wrap:wrap} .footer-menu ul li a{font-size:14px;color:var(--footerbar-color);padding:0;margin:0 0 0 25px} .rtl .footer-menu ul li a{margin:0 25px 0 0} #footer-menu ul li a:hover{color:var(--footerbar-hover-color)} #hidden-widgets-wrap,.hidden-widgets{display:none;visibility:hidden} #back-top{display:none;position:fixed;bottom:20px;right:20px;width:34px;height:34px;background-color:var(--button-bg);cursor:pointer;overflow:hidden;font-size:14px;color:var(--button-color);text-align:center;line-height:34px;z-index:50;margin:0;transition:background .17s ease,color .17s ease} .rtl #back-top{right:auto;left:20px} #back-top:after{content:'\f077';position:relative;font-family:'Font Awesome 5 Free';font-weight:900} #back-top:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .is-error #main-wrapper{width:100%} .is-error #sidebar-wrapper{display:none} .errorWrap{color:var(--title-color);text-align:center;padding:60px 0} .errorWrap h3{font-size:160px;line-height:1;margin:0 0 25px} .errorWrap h4{font-size:27px;margin:0 0 25px} .errorWrap p{color:var(--text-color);font-size:14px;margin:0 0 15px} .errorWrap a{display:inline-block;height:34px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:500;line-height:34px;padding:0 30px;margin:15px 0 0} .errorWrap a:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .cookie-choices-info{top:unset!important;bottom:0} a.ads-here{display:block;background-color:rgba(155,155,155,0.08);font-size:14px;color:var(--text-color);font-style:italic;text-align:center;line-height:80px;border-radius:4px} .sidebar a.ads-here{line-height:250px} #header-ads-wrap:not(.has-border) a.ads-here,#footer-ads-wrap:not(.has-border-top) a.ads-here{background-color:var(--outer-bg)} a.ads-here:hover{color:var(--main-color)} @media (max-width: $(row.width + 50px)) { #outer-wrapper,.is-boxed #outer-wrapper,.is-boxed .primary-nav-flex{width:100%;max-width:100%;margin:0} .row-x1{width:100%;max-width:100%} #header-wrapper .container,.primary-nav .container,#header-ads-wrap > .container,#trending-wrapper .container,#content-wrapper > .container,#footer-ads-wrap > .container,#footer-wrapper .container{padding:0 15px} .techmag-free-navbar-menu .widget:before{left:0} .rtl .techmag-free-navbar-menu .widget:after{right:0} #navbar-link-list{animation-name:slideToLeft;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;padding:0 15px} .rtl #navbar-link-list{animation-name:slideToRight} } @media (max-width: 880px) { #header-wrapper .container{padding:0} .mobile-menu-toggle,.mobile-search-toggle{display:flex} .header-items{flex-wrap:nowrap} #header-icons,#nav-wrapper .primary-nav{display:none!important} #slide-menu,.overlay{display:block} .main-toggle-style{width:auto;max-width:58px;padding:0 15px} .nav-active .overlay{visibility:visible;opacity:1} .nav-active #back-top{opacity:0!important} .header-content.is-fixed{position:fixed;top:-54px;left:0;width:100%;z-index:990;transition:top .17s ease} .header-content.is-fixed.show,.nav-active .header-content.is-fixed{top:0} #nav-wrapper .secondary-nav{background-color:var(--primary-nav-bg)} #nav-wrapper.no-secondary{display:none} .techmag-free-navbar-menu .widget:before{background:linear-gradient(to right,var(--primary-nav-bg),var(--primary-nav-transparent-bg))} .techmag-free-navbar-menu .widget:after{background:linear-gradient(to left,var(--primary-nav-bg),var(--primary-nav-transparent-bg))} #navbar-link-list li a{color:var(--primary-nav-color)} #navbar-link-list li a:hover{color:var(--primary-nav-hover-color)} #main-wrapper,#sidebar-wrapper{width:100%} #sidebar-wrapper{margin:25px 0 0} #techmag-free-about-section{flex-wrap:wrap;flex-direction:column} #techmag-free-about-section .Image{width:100%;flex-direction:column;justify-content:center;text-align:center} #techmag-free-about-section .footer-logo,.rtl #techmag-free-about-section .footer-logo{padding:0 0 20px} .footer-info{flex:none;text-align:center} .footer-info h3.title{display:none} #techmag-free-about-section .LinkList{width:100%;justify-content:center;margin:15px 0 0} .techmag-free-about-section .social-icons li,.rtl .techmag-free-about-section .social-icons li{margin:10px 5px 0} .footerbar{height:auto;line-height:inherit;padding:25px 0;margin:0} .footerbar .container{flex-direction:column;justify-content:center} .footerbar .footer-copyright,#footer-menu{width:100%;text-align:center;margin:0} .footerbar .footer-copyright{font-size:13px;opacity:.85} #footer-menu{padding:10px 0 0} .footer-menu ul{justify-content:center} .footer-menu ul li a,.rtl .footer-menu ul li a{margin:0 10px} #back-top{right:15px} .rtl #back-top{left:15px;right:unset} } @media (max-width: 780px) { #trending .trending-posts{grid-template-columns:repeat(2,1fr)} } @media (max-width: 680px) { .item-post h1.entry-title{font-size:33px} .post-body table{display:block} .techmag-free-share-links li a{padding:0} .techmag-free-share-links li a span{display:none} .related-posts{grid-template-columns:repeat(2,1fr)} } @media (max-width: 580px) { #trending .trending-posts{grid-template-columns:1fr} .trending-posts .entry-image-wrap{height:180px} .trending-posts .entry-title{font-size:18px} .index-post{flex-direction:column} .index-post .entry-image-wrap,.rtl .index-post .entry-image-wrap{width:100%;height:180px;margin:0 0 15px} .index-post .entry-header{flex:none;padding:0} .item-post h1.entry-title{font-size:30px} .related-posts{grid-template-columns:1fr} .related-posts .entry-image-wrap,.rtl .related-posts .entry-image-wrap{height:180px;margin:0 0 15px} .related-posts .entry-title{font-size:20px} .popular-posts .big-popular .entry-image-wrap{height:180px} .popular-posts .big-popular .entry-title{font-size:20px} .popular-posts .entry-meta{margin:0 0 6px} .FeaturedPost .entry-image-wrap{height:180px} .FeaturedPost .entry-title{font-size:20px} .FeaturedPost .entry-meta{margin:0 0 6px} .follow-by-email-title{font-size:23px} .errorWrap{padding:25px 0 45px} } @media (max-width: 380px) { .item-post h1.entry-title{font-size:27px} .errorWrap h3{font-size:130px} } @media (max-width: 320px) { #slide-menu{width:100%} } ]]> .container{display:flex;margin:0} body#layout #main-wrapper{width:67%;padding:0} body#layout #sidebar-wrapper{width:33%;padding:0} body#layout #custom-ads{display:flex} body#layout #custom-ads .section{width:50%} body#layout #ify-panel > h4:after{content:' - by Templateify.com'} body#layout .section > h4:after{font-size:12px} body#layout #techmag-free-about-section{overflow:hidden!important} body#layout #techmag-free-about-section .widget{float:left;width:49.5%;margin-right:1%} body#layout #techmag-free-about-section .LinkList{margin-right:0} body#layout .footerbar .container{display:flex} body#layout #footer-menu,body#layout #footer-copyright{width:50%} body#layout #main-logo > h4:after{content:' - Recommended Height (34px)'} body#layout #header-icons > h4:after{content:' - Social Media Links'} body#layout #techmag-free-main-menu > h4:after{content:' - With SubLinks and MegaMenu'} body#layout #techmag-free-navbar-menu > h4:after{content:' - Custom Links'} body#layout #trending > h4:after{content:' - by Popular Posts Gadget'} body#layout #header-ads > h4:after{content:' - on HomePage and Post Page'} body#layout #main > h4:after{content:' - Default Blog Posts'} body#layout #techmag-free-main-before-ad > h4:after{content:' - Before Post Content'} body#layout #techmag-free-main-after-ad > h4:after{content:' - After Post Content'} body#layout #techmag-free-post-fby-email > h4:after{content:' - After Related Posts on Post Page'} body#layout #sidebar > h4:after{content:' - on All Pages'} body#layout #footer-ads > h4:after{content:' - on HomePage and Post Page'} body#layout #techmag-free-about-section > h4:after{content:' - Site Description and Social Media Links'} body#layout #footer-copyright > h4:after{content:' - Custom Credits'} body#layout #footer-menu > h4:after{content:' - Footer Links'} body#layout:after{content:'Design by Templateify.com';display:block;font-family:Roboto,sans-serif;font-size:14px;color:#555;line-height:1;text-align:center;visibility:visible;padding:20px 0} body#layout #hidden-widgets{display:none!important} ]]> Previous PostArtículo AnteriorPostagem Anterior Next PostArtículo SiguientePróxima Postagem Don't worry, we don't spam.No te preocupes, no enviamos spam.Não se preocupe, não enviamos spam. Load MoreCarga MásCarregar Mais That is AllEso es TodoIsso é Tudo

Removed :) Removed :)
Removed :)
Removed :)

Removed :) Removed :) Removed :) Removed :) Removed :)