<b:if cond='data:view.isMultipleItems'>
<meta content='truyện ma, truyện ma audio, truyện audio, truyện ma full, truyện ma hot, đọc truyện ma online, truyện đình soạn, mc đình soạn, truyện ma đình soạn, truyện ma quàng a tũn, quàng a tũn' name='keywords'/>
</b:if>
<b:if cond='data:view.isSingleItem'>
<meta expr:content='"baca " + data:blog.pageName + " online" + ",baca " + data:blog.pageName + " online bahasa indonesia"' name='keywords'/>
</b:if>
<b:include name='theme-head'/> <b:if cond='data:blog.pageType == "item"'>
<script src='https://raw.githack.com/o0okokojumbo/audiotruyenvn/master/jquery.min.js' type='text/javascript'/> */ /*-- Font Awesome Free 5.15.2 --*/ @font-face{font-family:"Font Awesome 5 Brands";font-display:swap;font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400} @font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400} @font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-style:normal;font-weight:900;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} /*-- CSS Variables --*/ :root{ --body-font:'$(main.font.family)', Arial, sans-serif; --menu-font:'$(menu.font.family)', Arial, sans-serif; --title-font:'$(title.font.family)', Arial, sans-serif; --text-font:'$(text.font.family)', Arial, sans-serif; --body-bg-color:$(background.color); --body-bg:$(body.background); --outer-bg:$(outer.bg); --outer-mobile-bg:$(outer.mobile.bg); --main-color:$(main.color); --title-color:$(title.color); --title-hover-color:$(title.hover.color); --meta-color:$(meta.color); --text-color:$(text.color); --header-bg:$(header.bg); --header-color:$(header.color); --header-hover-color:$(header.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); --widget-bg:$(widget.bg); --widget-title-color:$(wtitle.color); --post-card-bg:$(widget.bg); --post-title-color:$(post.title.color); --post-title-hover-color:$(post.title.hover.color); --post-text-color:$(post.text.color); --footer-bg:$(footer.bg); --footer-color:$(footer.color); --footer-hover-color:$(footer.hover.color); --footerbar-bg:$(footerbar.bg); --footerbar-color:$(footerbar.color); --footerbar-hover-color:$(footerbar.hover.color); --cookie-bg:$(cookie.bg); --cookie-color:$(cookie.color); --button-bg:$(button.bg); --button-lite-bg:$(button.bg)10; --button-color:$(button.color); --button-hover-bg:$(button.hover.bg); --button-hover-color:$(button.hover.color); --rgba-gray:rgba(155,170,175,0.12); --border-color:rgba(155,155,155,0.15); --radius:4px; --widget-shadow:0 1px 2px rgba(0,0,0,0.025); --avatar-shadow:0px 1px 4px rgba(0,0,0,0.05); } html.is-dark{ --body-bg-color:#2b2b2b; --body-bg:#F1F3F4 none repeat fixed top left; --outer-bg:#1a1a1a; --outer-mobile-bg:#1a1a1a; --title-color:#f6f7f8; --title-hover-color:#1A73E8; --meta-color:#aaaaaa; --text-color:#b4b6ba; --header-bg:#202020; --header-color:#f6f7f8; --header-hover-color:#1A73E8; --submenu-bg:#252525; --submenu-color:#f6f7f8; --submenu-hover-color:#1A73E8; --megamenu-bg:#252525; --megamenu-color:#f6f7f8; --megamenu-hover-color:#1A73E8; --mobilemenu-bg:#1b1b1b; --mobilemenu-color:#f6f7f8; --mobilemenu-hover-color:#1A73E8; --widget-bg:#202020; --widget-title-color:#f6f7f8; --post-card-bg:#202020; --post-title-color:#f6f7f8; --post-title-hover-color:#1A73E8; --post-text-color:#b4b6ba; --footer-bg:#202020; --footer-color:#b4b6ba; --footer-hover-color:#1A73E8; --footerbar-bg:#202020; --footerbar-color:#f6f7f8; --footerbar-hover-color:#1A73E8; --cookie-bg:#202020; --cookie-color:#b4b6ba; --button-bg:#1A73E8; --button-color:#ffffff; --button-hover-bg:#1767D0; --button-hover-color:#FFFFFF; --rgba-gray:rgba(155,155,155,0.04); --border-color:rgba(155,155,155,0.03); } html.rtl{ --body-font:'Tajawal',Arial,sans-serif; --menu-font:'Tajawal',Arial,sans-serif; --title-font:'Tajawal',Arial,sans-serif; --text-font:'Tajawal',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:none;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{text-decoration:none!important;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}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none} /*-- Style CSS --*/ *{box-sizing:border-box} html{position:relative;word-break:break-word;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%} 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} .rtl{direction:rtl} h1,h2,h3,h4,h5,h6{font-family:var(--title-font);font-weight:700} a,input,button{transition:all .0s 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 + 60px);max-width:100%;box-shadow:0 0 20px rgba(0,0,0,0.1)} .is-dark .is-boxed #outer-wrapper{box-shadow:0 0 20px rgba(0,0,0,0.3)} .container{position:relative} .row-x1{width:$(row.width);max-width:100%} .row-x2{width:100%} .flex-center{display:flex;justify-content:center} #content-wrapper{position:relative;float:left;width:100%;overflow:hidden;padding:20px 0;margin:0} #content-wrapper > .container{display:flex;justify-content:space-between} .is-left #content-wrapper > .container,.rtl .is-right #content-wrapper > .container{flex-direction:row-reverse} .rtl .is-left #content-wrapper > .container{flex-direction:row} .theiaStickySidebar:before,.theiaStickySidebar:after{content:'';display:table;clear:both} #main-wrapper{position:relative;width:calc(100% - $(sidebar.width + 15px))} .no-sidebar #main-wrapper{width:100%} #sidebar-wrapper{position:relative;width:$(sidebar.width)} .no-sidebar #sidebar-wrapper{display:none} .btn{position:relative;border:0;border-radius:var(--radius)} .entry-image-wrap,.author-avatar-wrap,.comments .avatar-image-container{display:block;position:relative;overflow:hidden;background-color:var(--rgba-gray);z-index:5;color:transparent!important} .entry-thumb,.author-avatar{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,filter 0s ease} .author-avatar{background-size:100%;background-position:0 0} .entry-thumb.lazy-ify,.author-avatar.lazy-ify{opacity:1} .entry-image-wrap:hover .entry-thumb,.cs:hover .entry-image-wrap .entry-thumb{filter:brightness(1.03)} .entry-image-wrap.is-video:after{position:absolute;content:'\f04b';top:50%;right:50%;width:38px;height:27px;background-color:rgba(0,0,0,0.5);font-family:'Font Awesome 5 Free';font-size:12px;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;z-index:5;transform:translate(50%,-50%);box-sizing:border-box;padding:0 0 0 1px;margin:0;border-radius:var(--radius);box-shadow:0 1px 3px 0 rgb(0,0,0,0.1);transition:background .17s ease} .entry-image-wrap.is-video:hover:after,.cs:hover .entry-image-wrap.is-video:after{background-color:#f50000} .cs .entry-image-wrap.is-video:after{top:15px;right:15px;transform:translate(0)} .rtl .cs .entry-image-wrap.is-video:after{left:15px;right:unset} .entry-category{display:flex;width:-moz-fit-content;width:fit-content;height:20px;background-color:var(--main-color);font-size:12px;color:#fff;align-items:center;padding:0 10px;margin:0 0 10px;border-radius:20px} .entry-title{display:block;color:var(--post-title-color);font-weight:500;line-height:1.4em} .entry-title a{display:block;color:var(--post-title-color)} .entry-title a:hover{color:var(--post-title-hover-color)} .entry-meta{display:flex;font-size:12px;color:var(--meta-color);font-weight:400;margin:4px 0 0} .entry-meta .mi{display:flex} .entry-meta .mi,.entry-meta .sp{margin:0 3px 0 0} .rtl .entry-meta .mi,.rtl .entry-meta .sp{margin:0 0 0 3px} .entry-meta .author-name{color:var(--main-color);font-weight:500} .excerpt{font-family:var(--text-font);line-height:1.5em} .before-mask:before{content:'';position:absolute;left:0;right:0;bottom:0;height:100%;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 30%,rgba(0,0,0,0.5));-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;opacity:1;margin:0;transition:opacity .25s ease} .cs{overflow:hidden} .entry-info{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));overflow:hidden;z-index:10;display:flex;flex-direction:column;padding:16px} .entry-info .entry-title{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.1)} .entry-info .entry-meta{color:#c5c5c5;text-shadow:0 1px 2px rgba(0,0,0,0.1)} .entry-info .entry-meta .author-name{color:#d5d5d5;font-weight:400} .error-msg{display:flex;align-items:center;font-size:14px;color:var(--meta-color);padding:20px 0;font-weight:400} .error-msg b{font-weight:500} .loader{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0} .loader:after{content:'';display:block;width:30px;height:30px;box-sizing:border-box;margin:0;border:1.45px 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)} } .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 .apple a:before{content:'\f179'} .social .amazon a:before{content:'\f270'} .social .microsoft a:before{content:'\f3ca'} .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 .steam a:before{content:'\f3f6'} .social .discord a:before{content:'\f392'} .social .quora a:before{content:'\f2c4'} .social .tiktok a:before{content:'\e07b'} .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:#ff5722} .social-bg .apple a,.social-bg-hover .apple a:hover{background-color:#333} .social-bg .amazon a,.social-bg-hover .amazon a:hover{background-color:#fe9800} .social-bg .microsoft a,.social-bg-hover .microsoft a:hover{background-color:#0067B8} .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 .steam a,.social-bg-hover .steam a:hover{background:linear-gradient(5deg,#0d89bc,#112c5b,#0d1c47)} .social-bg .discord a,.social-bg-hover .discord a:hover{background-color:#7289da} .social-bg .quora a,.social-bg-hover .quora a:hover{background-color:#b92b27} .social-bg .tiktok a,.social-bg-hover .tiktok a:hover{background-color:#fe2c55} .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(--title-color)} .social-color .blogger a,.social-color-hover .blogger a:hover{color:#ff5722} .social-color .apple a,.social-color-hover .apple a:hover{color:#333} .social-color .amazon a,.social-color-hover .amazon a:hover{color:#fe9800} .social-color .microsoft a,.social-color-hover .microsoft a:hover{color:#0067B8} .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 .steam a,.social-color-hover .steam a:hover{color:#112c5b} .social-color .discord a,.social-color-hover .discord a:hover{color:#7289da} .social-color .quora a,.social-color-hover .quora a:hover{color:#b92b27} .social-color .tiktok a,.social-color-hover .tiktok a:hover{color:#fe2c55} .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(--title-color)} #header-wrapper{position:relative;float:left;width:100%;z-index:50;margin:0} .main-header,.header-inner{position:relative;float:left;width:100%;height:59px;background-color:var(--header-bg)} .header-inner{background-color:rgba(0,0,0,0)} .header-inner.is-fixed{position:fixed;top:-59px;left:0;width:100%;z-index:990;backface-visibility:hidden;visibility:hidden;opacity:0;transition:all .25s ease} .header-inner.is-fixed.show{top:0;opacity:1;visibility:visible;margin:0} .header-header{position:relative;float:left;width:100%;height:59px;background-color:var(--header-bg);border-bottom:1px solid var(--border-color)} .is-boxed .header-header{float:none;width:$(row.width + 60px);max-width:100%;margin:0 auto;padding:0} .is-fixed .header-header{box-shadow:0 1px 8px rgba(0,0,0,0.1)} .header-items{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between} .flex-left{position:static;display:flex;z-index:10} .flex-right{position:absolute;top:0;right:0;z-index:20} .rtl .flex-right{left:0;right:unset} .main-logo{position:relative;float:left;height:58px;overflow:hidden;padding:0 13px 0 0} .rtl .main-logo{padding:0 0 0 13px} .main-logo .widget{position:relative;height:100%;display:flex;align-items:center} .main-logo .logo-img{display:flex;align-items:center;height:34px;overflow:hidden} .main-logo img{display:block;max-width:100%;max-height:100%} .main-logo .blog-title{display:block;font-size:23px;color:var(--header-color);font-weight:700} .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} #litespot-pro-main-nav{position:static;height:58px;z-index:10} #litespot-pro-main-nav .widget,#litespot-pro-main-nav .widget > .widget-title{display:none} #litespot-pro-main-nav .show-menu{display:block} #litespot-pro-main-nav ul#litespot-pro-main-nav-menu{display:flex;flex-wrap:wrap} #litespot-pro-main-nav ul > li{position:relative;padding:0;margin:0} #litespot-pro-main-nav-menu > li > a{position:relative;display:block;height:58px;font-family:var(--menu-font);font-size:15px;color:var(--header-color);font-weight:600;line-height:58px;padding:0 14px;margin:0} #litespot-pro-main-nav-menu > li:hover > a{color:var(--header-hover-color)} #litespot-pro-main-nav ul > li > ul,#litespot-pro-main-nav ul > li > .ul{position:absolute;left:0;top:58px;width:180px;background-color:var(--submenu-bg);z-index:99999;padding:5px 0;backface-visibility:hidden;visibility:hidden;opacity:0;transform:translate3d(0,-10px,0);border-radius:var(--radius);box-shadow:0 1px 2px rgba(0,0,0,0.1),0 5px 10px 0 rgba(0,0,0,0.1)} .rtl #litespot-pro-main-nav ul > li > ul,.rtl #litespot-pro-main-nav ul > li > .ul{left:auto;right:0} #litespot-pro-main-nav ul > li > ul > li > ul{position:absolute;top:-5px;left:100%;transform:translate3d(-10px,0,0);margin:0} .rtl #litespot-pro-main-nav ul > li > ul > li > ul{left:unset;right:100%;transform:translate3d(10px,0,0)} #litespot-pro-main-nav ul > li > ul > li{display:block;float:none;position:relative} .rtl #litespot-pro-main-nav ul > li > ul > li{float:none} #litespot-pro-main-nav ul > li > ul > li a{position:relative;display:block;font-size:14px;color:var(--submenu-color);font-weight:400;padding:8px 14px;margin:0} #litespot-pro-main-nav ul > li > ul > li:hover > a{color:var(--submenu-hover-color)} #litespot-pro-main-nav ul > li.has-sub > a:after{content:'\f078';float:right;font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:3px 0 0 4px} .rtl #litespot-pro-main-nav ul > li.has-sub > a:after{float:left;margin:3px 4px 0 0} #litespot-pro-main-nav ul > li > ul > li.has-sub > a:after{content:'\f054';float:right;margin:0} .rtl #litespot-pro-main-nav ul > li > ul > li.has-sub > a:after{content:'\f053'} #litespot-pro-main-nav ul ul,#litespot-pro-main-nav ul .ul{transition:visibility .1s ease,opacity .17s ease,transform .17s ease} #litespot-pro-main-nav ul > li:hover > ul,#litespot-pro-main-nav ul > li:hover > .ul,#litespot-pro-main-nav ul > li > ul > li:hover > ul{visibility:visible;opacity:1;transform:translate3d(0,0,0);margin:0} #litespot-pro-main-nav .mega-menu{position:static!important} #litespot-pro-main-nav .mega-menu > .ul{width:100%;background-color:var(--megamenu-bg);overflow:hidden;padding:20px} .mega-menu .mega-items{display:grid;grid-template-columns:repeat(5,1fr);column-gap:20px} .mega-menu .mega-items.no-items{grid-template-columns:1fr} .mega-items .mega-item{position:relative;width:100%;display:flex;flex-direction:column;padding:0} .mega-item .entry-image-wrap{width:100%;height:124px;z-index:1;margin:0 0 8px;border-radius:var(--radius)} .mega-item .entry-title{font-size:14px} .mega-item .entry-title a{color:var(--megamenu-color)} .mega-item .entry-title a:hover{color:var(--megamenu-hover-color)} .mega-menu .error-msg{justify-content:center} .mobile-menu-toggle{display:none;height:34px;font-size:18px;color:var(--header-color);align-items:center;padding:0 16px} .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)} .tgl-wrap{height:58px;background-color:var(--header-bg);display:flex;align-items:center;z-index:20;margin:0} .tgl-style{width:38px;height:38px;background-color:var(--rgba-gray);color:var(--header-color);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;border-radius:var(--radius)} .darkmode-toggle{width:auto;background-color:transparent;font-size:14px;padding:0 15px} .tgl-style:after{content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900} .darkmode-toggle:after{content:'\f186';font-weight:400} .is-dark .darkmode-toggle:after{content:'\f185';font-weight:900} .show-search{transition:opacity .17s ease} .tgl-style:hover{color:var(--header-hover-color)} #main-search-wrap{display:none;position:absolute;top:0;right:0;width:$(sidebar.width);height:58px;background-color:var(--header-bg);z-index:25} .rtl #main-search-wrap{left:0;right:unset} @-webkit-keyframes showSearch { 0%{width:80%;opacity:0} 100%{width:100%;opacity:1} } .main-search{position:relative;float:right;width:100%;height:100%;display:flex;align-items:center;animation:showSearch .17s ease} .rtl .main-search{float:left} .main-search .search-form{position:relative;height:38px;background-color:var(--rgba-gray);display:flex;flex:1;border:0;border-radius:var(--radius)} .main-search .search-form:focus-within{background-color:var(--header-bg);box-shadow:0 1px 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.2)} .is-dark .main-search .search-form:focus-within{background-color:var(--rgba-gray)} .main-search .search-input{width:100%;flex:1;background-color:rgba(0,0,0,0);font-family:inherit;font-size:14px;color:var(--header-color);font-weight:400;text-align:left;padding:0 16px;border:0} .rtl .main-search .search-input{text-align:right} .main-search .search-input:focus,.main-search .search-input::placeholder{color:var(--header-color);outline:none} .main-search .search-input::placeholder{opacity:.65} .main-search .search-close{width:38px;background-color:rgba(0,0,0,0);font-size:16px;color:var(--header-color);text-align:center;cursor:pointer;border:0} .main-search .search-close:before{display:block;content:'\f00d';font-family:'Font Awesome 5 Free';font-weight:900} .main-search .search-close:hover{color:var(--header-hover-color)} .overlay{visibility:hidden;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(27,27,37,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{position:relative;float:left;width:100%;height:59px;background-color:var(--mobilemenu-bg);overflow:hidden;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)} .mobile-search{flex:1;padding:0 0 0 16px} .rtl .mobile-search{padding:0 16px 0 0} .mobile-search .search-form{width:100%;height:34px;background-color:var(--rgba-gray);overflow:hidden;display:flex;justify-content:space-between;border:0;border-radius:var(--radius)} .mobile-search .search-form:focus-within{background-color:var(--mobilemenu-bg);box-shadow:0 1px 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.2)} .is-dark .mobile-search .search-form:focus-within{background-color:var(--rgba-gray)} .mobile-search .search-input{flex:1;width:100%;background-color:rgba(0,0,0,0);font-family:inherit;font-size:14px;color:var(--mobilemenu-color);font-weight:400;padding:0 10px;border:0} .mobile-search .search-input:focus,.mobile-search .search-input::placeholder{color:var(--mobilemenu-color)} .mobile-search .search-input::placeholder{opacity:.65} .mobile-search .search-action{background-color:rgba(0,0,0,0);font-family:inherit;font-size:12px;color:var(--mobilemenu-color);font-weight:400;text-align:center;cursor:pointer;padding:0 10px;border:0;opacity:.65} .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-litespot-pro-mobile-menu{display:flex;height:100%;color:var(--mobilemenu-color);font-size:16px;align-items:center;cursor:pointer;z-index:20;padding:0 16px} .hide-litespot-pro-mobile-menu:before{content:'\f00d';font-family:'Font Awesome 5 Free';font-weight:900} .hide-litespot-pro-mobile-menu:hover{color:var(--mobilemenu-hover-color)} .slide-menu-flex{position:relative;float:left;width:100%;height:calc(100% - 59px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0} .litespot-pro-mobile-menu{position:relative;float:left;width:100%;padding:16px} .litespot-pro-mobile-menu .m-sub{display:none} .litespot-pro-mobile-menu ul li{position:relative;display:block;overflow:hidden;float:left;width:100%;margin:0} .litespot-pro-mobile-menu > ul li ul{overflow:hidden} .litespot-pro-mobile-menu ul li a{font-size:15px;color:var(--mobilemenu-color);font-weight:400;padding:8px 0;display:block} .litespot-pro-mobile-menu > ul > li > a{font-family:var(--menu-font);font-weight:600} .litespot-pro-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:8px 0} .rtl .litespot-pro-mobile-menu ul li.has-sub .submenu-toggle{text-align:left;right:auto;left:0} .litespot-pro-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 0s ease} .rtl .litespot-pro-mobile-menu ul li.has-sub .submenu-toggle:after{float:left} .litespot-pro-mobile-menu ul li.has-sub.show > .submenu-toggle:after{content:'\f077'} .litespot-pro-mobile-menu ul li a:hover,.litespot-pro-mobile-menu ul li.has-sub.show > a,.litespot-pro-mobile-menu ul li.has-sub.show > .submenu-toggle{color:var(--mobilemenu-hover-color)} .litespot-pro-mobile-menu > ul > li > ul > li a{font-size:14px;opacity:.75;padding:8px 0 8px 10px} .rtl .litespot-pro-mobile-menu > ul > li > ul > li a{padding:8px 10px 8px 0} .litespot-pro-mobile-menu > ul > li > ul > li > ul > li > a{padding:8px 0 8px 20px} .rtl .litespot-pro-mobile-menu > ul > li > ul > li > ul > li > a{padding:8px 20px 8px 0} .litespot-pro-mobile-menu ul > li > .submenu-toggle:hover{color:var(--mobilemenu-hover-color)} .mm-footer{position:relative;float:left;width:100%;padding:20px 16px;margin:0} .mm-footer .mm-social,.mm-footer .mm-menu{position:relative;float:left;width:100%;margin:8px 0 0} .mm-footer .mm-social{margin:0} .mm-footer ul{display:flex;flex-wrap:wrap} .mm-footer .mm-social ul li{margin:0 16px 0 0} .rtl .mm-footer .mm-social ul li{margin:0 0 0 16px} .mm-footer .mm-social ul li:last-child{margin:0} .mm-footer .mm-social ul li a{display:block;font-size:14px;color:var(--mobilemenu-color);padding:0} .mm-footer .mm-social ul li a:hover{color:var(--mobilemenu-hover-color)} .mm-footer .mm-menu ul li{margin:5px 18px 0 0} .rtl .mm-footer .mm-menu ul li{margin:5px 0 0 18px} .mm-footer .mm-menu ul li:last-child{margin:5px 0 0} .mm-footer .mm-menu ul li a{display:block;font-size:14px;color:var(--mobilemenu-color);font-weight:400;padding:0} .mm-footer .mm-menu ul li a:hover{color:var(--mobilemenu-hover-color)} #header-ads-wrap{position:relative;float:left;width:100%;margin:0} .header-ads .widget,.header-ads .widget-content{position:relative;float:left;width:100%;margin:0} .header-ads .widget{margin:20px 0 0} #ticker-wrapper,#ticker .widget{position:relative;float:left;width:100%;margin:0} #ticker .widget{display:none;background-color:var(--widget-bg);align-items:flex-start;padding:16px;margin:20px 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} #ticker .widget.is-visible,#ticker .widget.PopularPosts{display:flex} .ticker .widget-title{padding:0 8px 0 0} .rtl .ticker .widget-title{padding:0 0 0 8px} .ticker .widget-title .title{font-size:15px;color:var(--main-color);font-weight:700;line-height:20px} .ticker .widget-content{position:relative;height:20px;display:flex;justify-content:space-between;flex:1;margin:0} .ticker .loader{justify-content:flex-start} .ticker .loader:after{width:20px;height:20px} .ticker .error-msg{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0} .ticker-items{position:relative;display:flex;align-items:center;flex:1;overflow:hidden} .ticker-item{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translate3d(10px,0,0);pointer-events:none;transition:all .85s ease} .rtl .ticker-item{left:unset;right:0;transform:translate3d(-10px,0,0)} .ticker-item.active{opacity:1;visibility:visible;transform:translate3d(0,0,0);pointer-events:initial} .ticker-item .entry-title{height:20px;display:flex;font-size:15px;font-weight:600;line-height:20px} .ticker-item .entry-title a{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ticker-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;padding:0 0 0 10px} .rtl .ticker-nav{padding:0 10px 0 0} .ticker-nav a{display:flex;width:20px;height:20px;background-color:var(--rgba-gray);font-size:9px;color:var(--title-color);align-items:center;justify-content:center;border-radius:var(--radius)} .ticker-nav a:hover{color:var(--main-color)} .ticker-nav a:before{display:block;font-family:'Font Awesome 5 Free';font-weight:900} .ticker-nav .tn-prev:before,.rtl .ticker-nav a.tn-next:before{content:'\f053'} .ticker-nav a.tn-next:before,.rtl .ticker-nav .tn-prev:before{content:'\f054'} #featured-wrapper,#featured .widget,#featured .widget-content{position:relative;float:left;width:100%;margin:0} #featured .widget{display:none;margin:20px 0 0} #featured .widget.is-visible,#featured .widget.PopularPosts{display:block} #featured .widget-content{display:flex;align-items:center;justify-content:center;min-height:200px;margin:0} #featured .error-msg{padding:0} .featured-items{position:relative;float:left;width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px} .featured-item{position:relative;width:100%;height:200px} .featured-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;z-index:11;overflow:hidden;border-radius:var(--radius)} .featured-item .entry-image-wrap{width:100%;height:100%} .featured-item .entry-title{font-size:17px} .featured-item .entry-meta{flex-wrap:wrap} .title-wrap{position:relative;float:left;width:100%;display:flex;align-items:center;justify-content:space-between;margin:0 0 16px} .title-wrap > *{display:flex;align-items:center} .title-wrap > .title{font-family:var(--title-font);font-size:16px;color:var(--widget-title-color);font-weight:700;margin:0} .title-wrap > .title:after{content:'\f054';font-family:'Font Awesome 5 Free';font-size:10px;font-weight:900;line-height:1;margin:2px 0 0 3px} .rtl .title-wrap > .title:after{content:'\f053';margin:2px 3px 0 0} .title-wrap > a.wt-l{font-size:12px;color:var(--meta-color);font-weight:400;line-height:1} .title-wrap > a.wt-l:hover{color:var(--main-color)} .content-section,.content-section .widget,.content-section .widget-content,.content-section .content-block{position:relative;float:left;width:100%;margin:0} .content-section .widget{display:none;margin:0 0 20px} .content-section .widget.is-visible,.content-section .widget.is-ad{display:block} #content-section-2 .widget:last-child{margin:0} .content-section .loader{height:200px} .block-items{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px} .block-left,.block-right{position:relative;width:100%;margin:0} .block-right{display:flex;flex-direction:column} .block-item{position:relative;width:100%;background-color:var(--post-card-bg);display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--radius)} .block-left .block-item{overflow:hidden} .block-left .entry-image-wrap{width:100%;height:205px;border-radius:var(--radius) var(--radius) 0 0} .block-left .entry-header{padding:13px 16px 16px} .block-left .entry-title{font-size:20px} .block-left .entry-meta{flex-wrap:wrap;margin:6px 0 0} .block-right .block-item{flex-direction:row;padding:10px;margin:20px 0 0} .block-right .block-item.item-1{margin:0} .block-right .entry-header{display:flex;flex-direction:column;flex:1} .block-right .entry-image-wrap{width:100px;height:65px;margin:0 12px 0 0;border-radius:var(--radius)} .rtl .block-right .entry-image-wrap{margin:0 0 0 12px} .block-right .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.75)} .block-right .entry-title{font-size:15px} .grid-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px} .grid-item{position:relative;background-color:var(--post-card-bg);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius)} .grid-item .entry-image-wrap{width:100%;height:140px;border-radius:var(--radius) var(--radius) 0 0} .grid-item .entry-header{padding:13px 10px} .grid-item .entry-title{font-size:15px} .list-items{display:flex;flex-direction:column} .list-item{position:relative;width:100%;background-color:var(--post-card-bg);display:flex;padding:16px 12px;margin:20px 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} .list-item.item-0{margin:0} .list-item .entry-image-wrap{width:200px;height:133px;margin:0 16px 0 0;border-radius:var(--radius)} .rtl .list-item .entry-image-wrap{margin:0 0 0 16px} .list-item .entry-header{display:flex;flex-direction:column;flex:1;margin:0} .list-item .entry-title{font-size:20px;margin:0} .list-item .entry-excerpt{font-size:14px;color:var(--text-color);margin:8px 0 0} .list-item .entry-meta{flex-wrap:wrap;font-size:12px;margin:8px 0 0} .video-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px} .video-item{position:relative;background-color:var(--post-card-bg);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius)} .video-item .entry-image-wrap{width:100%;height:140px;border-radius:var(--radius) var(--radius) 0 0} .video-item .entry-header{padding:13px 10px} .video-item .entry-title{font-size:15px} #main-wrapper #main,#main .Blog{position:relative;float:left;width:100%;margin:0} .is-home #main-wrapper.has-cs2 #main{margin:0 0 20px} .blog-posts-wrap{position:relative;float:left;width:100%} .queryMessage{float:left;width:100%} .queryMessage .query-info,.Blog.no-posts .queryMessage{margin:0} .queryMessage .query-info{position:relative;float:left;width:100%;display:flex;align-items:center;font-family:var(--title-font);font-size:16px;color:var(--widget-title-color);font-weight:700;margin:0 0 16px} .queryMessage .query-info:after{content:'\f054';font-family:'Font Awesome 5 Free';font-size:10px;font-weight:900;line-height:1;margin:1px 0 0 3px} .rtl .queryMessage .query-info:after{content:'\f053';margin:1px 3px 0 0} .queryEmpty{float:left;width:100%;font-size:14px;color:var(--text-color);font-weight:400;text-align:center;margin:50px 0} .index-post-wrap{position:relative;float:left;width:100%;display:flex;flex-direction:column} .no-posts .index-post-wrap{display:none} .blog-post{display:block;word-wrap:break-word} .index-post{position:relative;width:100%;background-color:var(--post-card-bg);display:flex;padding:16px 12px;margin:0 0 20px;border:1px solid var(--border-color);border-radius:var(--radius)} .index-post.ad-type{display:block;background-color:transparent;padding:0;border:0;border-radius:0} .index-post-wrap .index-post:last-child{margin:0} .index-post .entry-image-wrap{width:200px;height:133px;margin:0 16px 0 0;border-radius:var(--radius)} .rtl .index-post .entry-image-wrap{margin:0 0 0 16px} .index-post .entry-header{display:flex;flex-direction:column;flex:1;margin:0} .index-post .entry-title{font-size:20px} .index-post .entry-excerpt{font-size:14px;color:var(--text-color);margin:8px 0 0} .index-post .entry-meta{flex-wrap:wrap;font-size:12px;margin:8px 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} .post-animated{-webkit-animation-duration:.5s;animation-duration:.5s} @keyframes fadeInUp { from{opacity:0;transform:translate3d(0,10px,0)} to{opacity:1;transform:translate3d(0,0,0)} } .post-fadeInUp{animation-name:fadeInUp} .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} #breadcrumb{float:left;display:flex;width:100%;font-size:14px;color:var(--meta-color);font-weight:400;line-height:1;margin:0 0 10px} #breadcrumb a{color:var(--meta-color)} #breadcrumb a.home,#breadcrumb a:hover{color:var(--main-color)} #breadcrumb em:after{content:'\f054';font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;font-style:normal;vertical-align:middle;margin:0 4px} .rtl #breadcrumb em:after{content:'\f053'} .item-post h1.entry-title{position:relative;float:left;width:100%;font-size:$(itempost.title.size);font-weight:400;margin:0} .item-post .has-meta h1.entry-title{margin-bottom:12px} .p-eh .entry-meta{flex-wrap:wrap;justify-content:space-between;font-size:14px;margin:0} .p-eh .entry-meta .align-left,.p-eh .entry-meta .align-right{display:flex;flex-wrap:wrap;align-items:center} .p-eh .entry-meta .mi,.p-eh .entry-meta .sp{margin:0 4px 0 0} .rtl .p-eh .entry-meta .mi,.rtl .p-eh .entry-meta .sp{margin:0 0 0 4px} .p-eh .entry-meta .entry-author{align-items:center} .p-eh .entry-meta .entry-author:before{display:none} .p-eh .entry-meta .author-avatar-wrap{overflow:visible;width:30px;height:30px;background-color:var(--widget-bg);padding:1px;margin:0 5px 0 0;border:1px solid var(--main-color);border-radius:100%} .rtl .p-eh .entry-meta .author-avatar-wrap{margin:0 0 0 5px} .p-eh .entry-meta .author-avatar-wrap:before{content:'';position:absolute;display:block;top:calc(50% - 6px);left:-1px;width:calc(100% + 2px);height:12px;background-color:var(--widget-bg);z-index:1;margin:0} .p-eh .entry-meta .author-avatar{z-index:2;border-radius:50%} .p-eh .entry-meta .author-name{font-weight:400} .entry-meta .entry-comments-link{display:none;margin:0 0 0 10px} .rlt .entry-meta .entry-comments-link{margin:0 10px 0 0} .entry-meta .entry-comments-link:before{display:inline-block;content:'\f086';font-family:'Font Awesome 5 Free';font-size:14px;color:var(--main-color);font-weight:400;margin:0 4px 0 0} .rtl .entry-meta .entry-comments-link:before{margin:0 0 0 4px} .entry-meta .entry-comments-link.show{display:block} .entry-content-wrap{position:relative;float:left;width:100%;margin:25px 0 0} #post-body{position:relative;text-align: justify;width:100%;font-family:var(--text-font);font-size:$(itempost.content.size);color:var(--post-text-color);line-height:1.6em;padding:0;margin:0;overflow: hidden;} .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-size: 20px;font-weight: normal;color: var(--main-color);text-transform: uppercase;margin: 10px 0;line-height:1.5em} .post-body img{height:auto!important} .rtl blockquote:before{left:unset;right:10px} .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 ul{padding:0 0 0 16px;margin:10px 0} .rtl .post-body ul{padding:0 16px 0 0} .post-body li{margin: 0;padding:0} .post-body ul li,.post-body ol ul li{list-style:none} .post-body ul li:before{display:inline-block;margin:0 5px 0 0} .rtl .post-body ul li:before{margin:0 0 0 5px} .post-body ol{counter-reset:ify;padding:0 0 0 16px;margin:10px 0} .rtl .post-body ol{padding:0 16px 0 0} .post-body ol > li{counter-increment:ify;list-style:none} .post-body ol > li:before{display:inline-block;content:counters(ify,'.')'.';margin:0 5px 0 0} .rtl .post-body ol > li:before{margin:0 0 0 5px} .post-body u{text-decoration:none;} .post-body strike{text-decoration:line-through} .post-body sup{vertical-align:super} .post-body a{color:var(--main-color);} .post-body a:hover{text-decoration:none;} .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:400;line-height:34px;text-align:center;text-decoration:none;cursor:pointer;padding:0 20px;margin:0 6px 8px 0} .rtl .post-body a.button{margin:0 0 8px 6px} .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} .alert-message{position:relative;display:block;padding:16px;border:1px solid var(--border-color);border-radius:var(--radius)} .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:6px 12px;border:1px solid var(--border-color)} .post-body table thead th{color:var(--post-title-color);font-weight:700;vertical-align:bottom} table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{line-height:1;padding:0;border:0} table.tr-caption-container td.tr-caption{font-size:13px;color:var(--meta-color);padding:6px 0 0} .tocify-wrap{display:flex;width:100%;clear:both;margin:0} .tocify-inner{position:relative;max-width:100%;background-color:var(--rgba-gray);display:flex;flex-direction:column;overflow:hidden;font-size:14px;color:var(--title-color);line-height:1.6em;border:0;border-radius:var(--radius)} a.tocify-title{position:relative;height:40px;font-size:16px;color:var(--title-color);font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin:0} .tocify-title-text{display:flex} .tocify-title-text:before{content:'\f0cb';font-family:'Font Awesome 5 Free';font-size:14px;font-weight:900;margin:0 6px 0 0} .rtl .tocify-title-text:after{margin:0 0 0 6px} .tocify-title:after{content:'\f078';font-family:'Font Awesome 5 Free';font-size:12px;font-weight:900;margin:0 0 0 25px} .rtl .tocify-title:after{margin:0 25px 0 0} .tocify-title.is-expanded:after{content:'\f077'} a.tocify-title:hover{text-decoration:none} #tocify{display:none;padding:0 16px 10px;margin:0} #tocify ol{padding:0 0 0 16px} .rtl #tocify ol{padding:0 16px 0 0} #tocify li{font-size:14px;margin:8px 0} #tocify li a{color:var(--main-color)} #tocify li a:hover{color:var(--main-color);} .post-body .contact-form{display:table;font-family:var(--body-font)} .contact-form .widget-title{display:none} .contact-form .contact-form-name{width:calc(50% - 5px)} .rtl .contact-form .contact-form-name{float:right} .contact-form .contact-form-email{float:right;width:calc(50% - 5px)} .rtl .contact-form .contact-form-email{float:left} .post-body .google-auto-placed{margin:25px 0} .post-footer{position:relative;float:left;width:100%;margin:0} .entry-labels{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;margin:15px 0 0} .entry-labels span,.entry-labels a{font-size:14px;color:var(--main-color);font-weight:400;margin:5px 6px 0 0} .rtl .entry-labels span,.rtl .entry-labels a{margin:5px 0 0 6px} .entry-labels span{color:var(--title-color);font-weight:700} .entry-labels a:hover{text-decoration:none} .entry-labels a:after{content:',';color:var(--meta-color)} .entry-labels a:last-child:after{display:none} .post-share{position:relative;float:left;width:100%;margin:20px 0 0} ul.litespot-pro-share-links{display:flex;flex-wrap:wrap;align-items:flex-start} .litespot-pro-share-links li{padding:0 5px 0 0} .rtl .litespot-pro-share-links li{padding:0 0 0 5px} .litespot-pro-share-links li a{display:flex;width:34px;height:34px;font-size:16px;color:#fff;font-weight:400;cursor:pointer;align-items:center;justify-content:center;margin:5px 0 0} .litespot-pro-share-links li.has-span a{width:auto;justify-content:flex-start} .litespot-pro-share-links li.has-span a:before{padding:0 10px} .litespot-pro-share-links span{font-size:14px;line-height:1;padding:0 20px 0 10px;border-left:1px solid rgba(255,255,255,0.2)} .rtl .litespot-pro-share-links span{padding:0 10px 0 20px;border-left:0;border-right:1px solid rgba(255,255,255,0.2)} .litespot-pro-share-links li a:hover{opacity:.9} .litespot-pro-share-links .show-hid a{background-color:var(--rgba-gray);font-size:14px;color:rgba(155,155,155,0.8)} .litespot-pro-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'} .litespot-pro-share-links li.reddit,.litespot-pro-share-links li.linkedin,.litespot-pro-share-links li.tumblr,.litespot-pro-share-links li.telegram{display:none} .show-hidden li.reddit,.show-hidden li.linkedin,.show-hidden li.tumblr,.show-hidden li.telegram{display:inline-block} .about-author{position:relative;float:left;width:100%;background-color:var(--widget-bg);display:flex;padding:16px;margin:20px 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} .about-author .author-avatar-wrap{width:60px;height:60px;margin:0 15px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)} .rtl .about-author .author-avatar-wrap{margin:0 0 0 15px} .about-author .author-title{display:block;font-family:var(--title-font);font-size:16px;color:var(--title-color);font-weight:700;margin:0 0 10px} .about-author .author-title a{color:var(--title-color)} .about-author .author-title a:hover{color:var(--title-hover-color)} .author-description{display:flex;flex-direction:column;flex:1} .author-description .author-text{display:block;font-size:14px;color:var(--text-color);line-height:1.6em;font-weight:400} .author-description .author-text br,.author-description .author-text a{display:none} ul.author-links{display:flex;flex-wrap:wrap;padding:0} .author-links li{margin:10px 12px 0 0} .rtl .author-links li{margin:10px 0 0 12px} .author-links li a{display:block;font-size:14px;color:var(--text-color);padding:0} .author-links li a:hover{opacity:.9} #litespot-pro-related-posts,#related-wrap .related-tag{display:none} #related-wrap,.litespot-pro-related-content{position:relative;float:left;width:100%} #related-wrap{margin:20px 0 0} .litespot-pro-related-content .loader{height:200px} .related-posts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px} .related-item{position:relative;background-color:var(--post-card-bg);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius)} .related-item .entry-image-wrap{width:100%;height:140px;border-radius:var(--radius) var(--radius) 0 0} .related-item .entry-header{padding:13px 10px} .related-item .entry-title{font-size:15px} .litespot-pro-blog-post-comments{display:none;float:left;width:100%;margin:20px 0 0} .comments-system-disqus,.comments-system-facebook{margin:20px 0 0} .litespot-pro-blog-post-comments .fb_iframe_widget_fluid_desktop{float:left;display:block!important;width:calc(100% + 16px)!important;max-width:calc(100% + 16px)!important;margin:0 -8px} .litespot-pro-blog-post-comments .fb_iframe_widget_fluid_desktop span,.litespot-pro-blog-post-comments .fb_iframe_widget_fluid_desktop iframe{float:left;display:block!important;width:100%!important} #comments,#disqus_thread{position:relative;float:left;width:100%;display:block;clear:both} #disqus_thread,.fb-comments{padding:0} .comments-title,#comments h4#comment-post-message{display:none} .comments-system-blogger .comments-title{display:block} .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:10px 0 0} .comments .comment-content > a:hover{text-decoration:none} .comment-thread .comment{position:relative;list-style:none;background-color:var(--widget-bg);padding:16px;margin:20px 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} .comment-thread .comment .comment{background-color:var(--rgba-gray);border:0} .comment-thread ol{padding:0;margin:0} .comment-thread .comment-replies ol{padding:0 0 4px} .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:before{content:'\f3bf';position:absolute;left:-25px;top:-10px;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 48px;margin:10px 0 0} .rtl .comments .comment-replybox-single iframe{padding:0 48px 0 0} .comment-thread .avatar-image-container{position:absolute;top:16px;left:16px;width:35px;height:35px;overflow:hidden;border-radius:50%;box-shadow:var(--avatar-shadow)} .rtl .comment-thread .avatar-image-container{left:auto;right:16px} .avatar-image-container img{width:100%;height:100%} .comments .comment-header{padding:0 0 0 48px} .rtl .comments .comment-header{padding:0 48px 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} .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:13px;color:var(--main-color);font-weight:400;vertical-align:top;margin:-5px 0 0 4px} .rtl .comments .comment-header .icon.blog-author{margin:-5px 4px 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;margin:0} .comment-header .datetime a{font-size:12px;color:var(--meta-color);font-weight:400;padding:0} .comments .comment-actions{display:block;margin:10px 0 0} .comments .comment-actions a{display:inline-block;font-size:14px;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 48px} .rtl .comments .comment-replies{padding:0 48px 0 0} .thread-expanded .thread-count a,.loadmore{display:none} .comments .footer{float:left;width:100%;font-size:13px;margin:0} .comment-form{float:left;width:100%;margin:0} p.comments-message{display:block;float:left;width:100%;font-size:13px;color:var(--meta-color);font-style:italic;margin:0 0 16px} p.comments-message.no-new-comments{padding:0;margin:0;border:0} 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;margin:0 3px} #comments[data-embed='false'] p.comments-message > i{color:var(--main-color);font-style:normal} .comment-form > p{display:none} .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 #top-ce.comment-replybox-thread,.comments.no-comments .comment-form{background-color:var(--widget-bg);padding:6px 16px;margin:20px 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} .comments.no-comments .comment-form{margin:0} .comments #top-continue a{float:left;width:100%;height:34px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;line-height:34px;text-align:center;padding:0;margin:20px 0 0;border-radius:var(--radius)} .comments #top-continue a:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .post-nav{float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px;font-weight:400;margin:20px 0 0} .post-nav span,.post-nav a{display:flex;align-items:center;color:var(--meta-color)} .post-nav a:hover{color:var(--main-color)} .post-nav span{color:var(--meta-color);cursor:no-drop;opacity:.65} .post-nav-newer-link:before,.rtl .post-nav-older-link:after{content:'\f053';font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:1px 4px 0 0} .post-nav-older-link:after,.rtl .post-nav-newer-link:before{content:'\f054';font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:1px 0 0 4px} #custom-ads,#litespot-pro-post-footer-ads{position:relative;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 > .title,#after-ad .widget > .widget-title > .title{font-size:10px;color:var(--meta-color);font-weight:400;line-height:1;margin:0 0 6px} #before-ad .widget,#after-ad .widget{width:100%;margin:0 0 15px} #after-ad .widget{margin:15px 0 0} #before-ad .widget-content,#after-ad .widget-content{position:relative;width:100%} #litespot-pro-new-before-ad #before-ad,#litespot-pro-new-after-ad #after-ad{float:none;display:block;margin:0} #litespot-pro-new-before-ad #before-ad .widget,#litespot-pro-new-after-ad #after-ad .widget{margin:0} #post-footer-ads{position:relative;float:left;width:100%;padding:0;margin:20px 0 0} #post-footer-ads .widget,#post-footer-ads .widget-content{float:left;width:100%} #blog-pager{position:relative;float:left;width:100%;display:flex;justify-content:center;margin:20px 0 0} #blog-pager.no-blog-posts{display:none} #blog-pager .load-more{position:relative;display:flex;height:34px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);align-items:center;cursor:pointer;padding:0 20px} #blog-pager #litespot-pro-load-more-link:after{content:'\f078';display:inline-block;font-family:'Font Awesome 5 Free';font-size:10px;font-weight:900;margin:0 0 0 4px} .rtl #blog-pager #litespot-pro-load-more-link:after{margin:0 4px 0 0} #blog-pager #litespot-pro-load-more-link:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} #blog-pager .no-more.show{display:flex;background-color:var(--rgba-gray);color:var(--meta-color);cursor:not-allowed} #blog-pager .loading,#blog-pager .no-more{display:none} #blog-pager .loading .loader{height:34px} .sidebar{position:relative;float:left;width:100%;margin:0} .sidebar > .widget{position:relative;float:left;width:100%;background-color:var(--widget-bg);margin:0 0 20px;border:1px solid var(--border-color);border-radius:var(--radius)} .sidebar > .widget:last-child{margin:0} .sidebar .title-wrap{padding:10px 16px;margin:0;border-bottom:1px solid var(--border-color)} .sidebar .title-wrap .title:after{display:none} .sidebar .widget-content{position:relative;float:left;width:100%;padding:12px} .sidebar .widget.is-ad{background-color:transparent;border:0} .sidebar .widget.is-ad > .widget-title{display:none} .sidebar .widget.is-ad .widget-content{padding:0} .sidebar ul.social-icons{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;margin:0} .sidebar .social-icons li{display:block;margin:0} .sidebar .social-icons a{position:relative;display:flex;height:34px;font-size:16px;color:#fff;font-weight:400;align-items:center} .sidebar .social-icons a:before{padding:0 10px} .sidebar .social-icons span{font-size:14px;line-height:1;padding:0 10px;border-left:1px solid rgba(255,255,255,0.2)} .rtl .sidebar .social-icons span{border-left:0;border-right:1px solid rgba(255,255,255,0.2)} .sidebar .social-icons a:hover{opacity:.9} .sidebar .loader{height:180px} .default-items{display:flex;flex-direction:column} .default-items .cs{height:180px;overflow:hidden;border-radius:var(--radius)} .default-items .default-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column} .default-items .cs .entry-image-wrap{width:100%;height:100%;margin:0} .default-items .entry-header{display:flex;flex-direction:column} .default-items .cs .entry-title{font-size:18px} .default-items .cs .entry-meta{flex-wrap:wrap} .default-items .ds{display:flex;margin:20px 0 0} .default-items .ds.item-0{margin:0} .default-items .ds .entry-image-wrap{width:98px;height:65px;z-index:1;margin:0 12px 0 0;border-radius:var(--radius)} .rtl .default-items .ds .entry-image-wrap{margin:0 0 0 12px} .default-items .ds .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.7)} .default-items .ds .entry-header{flex:1} .default-items .ds .entry-title{font-size:14px} .mini-items{position:relative;float:left;width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px} .mini-item{position:relative;display:flex;flex-direction:column} .mini-item .entry-image-wrap{width:100%;height:82px;margin:0 0 8px;border-radius:var(--radius)} .mini-item .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.85)} .mini-item .entry-title{font-size:14px} .cmm1-items{display:flex;flex-direction:column} .cmm1-items .cmm1-item{position:relative;width:100%;padding:16px 0 0;margin:16px 0 0;border-top:1px solid var(--border-color)} .cmm1-items .cmm1-item.item-0{padding:0;margin:0;border:0} .cmm1-items .entry-inner{display:flex} .cmm1-items .entry-image-wrap{width:35px;height:35px;z-index:1;margin:0 12px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)} .rtl .cmm1-items .entry-image-wrap{margin:0 0 0 12px} .cmm1-items .entry-header{flex:1} .cmm1-items .entry-title{font-size:14px} .cmm1-items .entry-inner:hover .entry-title{color:var(--post-title-hover-color)} .cmm1-items .cmm-snippet{font-size:12px;color:var(--text-color);margin:4px 0 0} .FeaturedPost .featured-post{position:relative;width:100%;height:160px} .FeaturedPost .fp-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;z-index:11;overflow:hidden;border-radius:var(--radius)} .featured-post .entry-image-wrap{width:100%;height:100%;z-index:1;margin:0} .featured-post .entry-title{font-size:17px} .featured-post .entry-meta{flex-wrap:wrap} .section .list-style li{position:relative;display:block;font-size:14px;color:var(--title-color);font-weight:400} .section .list-style li a{display:block;color:var(--title-color);padding:8px 0} .section .list-style li a.has-count{display:flex;justify-content:space-between} .section .list-style li:first-child a,.section .text-list li:first-child{padding:0 0 8px} .section .list-style li:last-child a,.section .text-list li:last-child{padding:8px 0 0} .section .list-style li a:hover{color:var(--title-hover-color)} .section .list-style li a span{display:inline-block;color:var(--main-color)} .section .text-list li{padding:8px 0} .cloud-label ul{display:flex;flex-wrap:wrap;margin:-6px 0 0} .cloud-label li{margin:6px 5px 0 0} .rtl .cloud-label li{margin:6px 0 0 5px} .cloud-label li a{display:flex;height:29px;color:var(--button-bg);font-size:14px;line-height:28px;font-weight:400;padding:0 10px;border:1px solid var(--button-bg)} .cloud-label li a:hover{background-color:var(--button-bg);color:var(--button-color);border-color:var(--button-bg)} .cloud-label .label-count{display:inline-block;margin:0 0 0 10px} .rtl .cloud-label .label-count{margin:0 10px 0 0} .search-widget .search-form{float:left;width:100%;display:flex;margin:0} .search-widget .search-input{display:inline-block;flex:1;width:100%;height:34px;background-color:var(--rgba-gray);font-family:inherit;font-weight:400;font-size:14px;color:var(--text-color);padding:0 13px;margin:0;border:0;border-radius:var(--radius)} .search-widget .search-input::placeholder{color:var(--text-color);opacity:.9} .search-widget .search-input:focus{background-color:var(--widget-bg);box-shadow:0 1px 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.2)} .is-dark .search-widget .search-input:focus{background-color:var(--rgba-gray)} .search-widget .search-action{display:inline-block;width:36px;height:34px;background-color:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:400;line-height:34px;cursor:pointer;padding:0;margin:0 0 0 5px;border:0;border-radius:var(--radius)} .rtl .search-widget .search-action{margin:0 5px 0 0} .search-widget .search-action:before{display:block;content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900} .search-widget .search-action:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .Profile ul li{float:left;width:100%;padding:20px 0 0;margin:20px 0 0;border-top:1px solid var(--border-color)} .Profile ul li:first-child{padding:0;margin:0;border:0} .Profile .individual,.Profile .team-member{display:flex} .Profile .profile-img{width:35px;height:35px;background-color:var(--rgba-gray);overflow:hidden;color:transparent!important;margin:0 12px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)} .rtl .Profile .profile-img{margin:0 0 0 12px} .Profile .profile-info{flex:1} .Profile .profile-name{display:block;font-family:var(--title-font);font-size:15px;color:var(--title-color);font-weight:700;margin:0} .Profile .profile-name:hover{color:var(--title-hover-color)} .Profile .profile-link{display:block;font-size:12px;color:var(--meta-color);font-weight:400;margin:0} .Profile .profile-link:hover{color:var(--main-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:6px 0 0} .contact-form-widget form{font-family:inherit;font-weight:400} .contact-form-name{float:left;width:100%;height:34px;background-color:var(--rgba-gray);font-family:inherit;font-size:14px;color:var(--text-color);line-height:34px;padding:0 15px;margin:0 0 10px;border:0;border-radius:var(--radius)} .contact-form-email{float:left;width:100%;height:34px;background-color:var(--rgba-gray);font-family:inherit;font-size:14px;color:var(--text-color);line-height:34px;padding:0 15px;margin:0 0 10px;border:0;border-radius:var(--radius)} .contact-form-email.error{border-color:var(--main-color)} .contact-form-email-message{float:left;width:100%;background-color:var(--rgba-gray);font-family:inherit;font-size:14px;color:var(--text-color);padding:10px 15px;margin:0 0 10px;border:0;border-radius:var(--radius)} .contact-form-email-message.error{border-color:var(--main-color)} .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:400;cursor:pointer;padding:0 20px;border:0;border-radius:var(--radius)} .contact-form-button-submit:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .contact-form-widget p{margin:0} .contact-form-widget p.contact-form-error-message-with-border,p.contact-form-success-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-widget .contact-form-success-message-with-border{color:#27ae60} .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-name::placeholder,.contact-form-email::placeholder,.contact-form-email-message::placeholder{color:var(--text-color);opacity:.9} .contact-form-widget .cf-s:focus{background-color:var(--widget-bg);box-shadow:0 1px 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.2)} .is-dark .contact-form-widget .cf-s:focus{background-color:var(--rgba-gray)} .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} #google_translate_element{position:relative;float:left;width:100%;padding:20px;margin:0} .Stats .text-counter-wrapper{display:flex;align-items:center;font-size:20px;color:var(--title-color);font-weight:700;text-transform:uppercase;line-height:1;margin:0} .Stats .text-counter-wrapper:before{content:'\f201';font-family:'Font Awesome 5 Free';font-size:18px;color:var(--main-color);font-weight:900;margin:1px 4px 0 0} .rtl .Stats .text-counter-wrapper:before{margin:1px 0 0 4px} .sidebar > .widget.ReportAbuse{display:block;padding:15px 20px;border:1px solid var(--border-color);border-radius:var(--radius)} .ReportAbuse > h3{display:flex;float:left;width:100%;font-size:14px;font-weight:400;margin:0} .ReportAbuse > h3:before{content:'\f071';font-family:'Font Awesome 5 Free';color:var(--title-color);font-weight:900;margin:0 4px 0 0} .rtl .ReportAbuse > h3:before{margin:0 0 0 4px} .ReportAbuse > h3 a:hover{text-decoration:none} #footer-ads-wrap,.footer-ads .widget,.footer-ads .widget-content{position:relative;float:left;width:100%;margin:0} .footer-ads .widget{margin:0 0 20px} .footer-ads .widget > .widget-title{display:none} #footer-wrapper{position:relative;float:left;width:100%;background-color:var(--footer-bg);color:var(--footer-color)} #footer-wrapper .primary-footer{position:relative;float:left;width:100%;border-top:1px solid var(--border-color)} .primary-footer.no-widget{display:none} #litespot-pro-about-section{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px 0;margin:0} .footer-info{flex:1} .litespot-pro-about-section .Image{width:calc(100% - $(sidebar.width + 30px));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0} .litespot-pro-about-section .footer-logo{padding:0 25px 0 0} .rtl .litespot-pro-about-section .footer-logo{padding:0 0 0 25px} .litespot-pro-about-section .footer-logo img{display:block;max-height:34px;margin:0} .litespot-pro-about-section .Image .image-caption{font-size:14px;color:var(--footer-color);margin:0} .litespot-pro-about-section .Image .image-caption a{color:var(--footer-color)} .litespot-pro-about-section .Image .image-caption a:hover{color:var(--footer-hover-color)} .litespot-pro-about-section .LinkList{width:$(sidebar.width);display:flex;align-items:center;justify-content:flex-end;margin:0} .litespot-pro-about-section ul.social-icons{display:flex;flex-wrap:wrap} .litespot-pro-about-section .social-icons li{margin:0 0 0 10px} .rtl .litespot-pro-about-section .social-icons li{margin:0 10px 0 0} .litespot-pro-about-section .social-icons li a{display:flex;width:34px;height:34px;background-color:var(--rgba-gray);font-size:16px;color:var(--footer-color);align-items:center;justify-content:center} .litespot-pro-about-section .social-icons li a:hover{color:#fff} .footerbar{position:relative;float:left;width:100%;background-color:var(--footerbar-bg);color:var(--footerbar-color);padding:20px 0;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:15px;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:before{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;color:var(--title-color);line-height:1;margin:0 0 25px} .errorWrap h4{font-size:27px;color:var(--title-color);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:400;line-height:34px;padding:0 30px;margin:15px 0 0;border-radius:var(--radius)} .errorWrap a:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .cookie-choices-info{display:none;visibility:hidden;opacity:0} #litespot-pro-cookie-ify{display:none;position:fixed;bottom:20px;left:20px;width:300px;background-color:var(--cookie-bg);z-index:1020;padding:16px;visibility:hidden;opacity:0;border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 1px 8px rgba(0,0,0,0.1);transition:all .35s ease,background 0s ease} .rtl #litespot-pro-cookie-ify{left:unset;right:20px} #litespot-pro-cookie-ify.is-visible{visibility:visible;opacity:1} .litespot-pro-cookie-ify-content{display:block;font-size:14px;color:var(--cookie-color);margin:0 0 15px} .litespot-pro-cookie-ify-content a{color:var(--cookie-color);text-decoration:none} .litespot-pro-cookie-ify-content a:hover{color:var(--main-color)} #litespot-pro-cookie-ify-accept{display:inline-block;height:34px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;line-height:34px;padding:0 20px} #litespot-pro-cookie-ify-accept:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} ins.adsbygoogle-noablate[data-anchor-shown="true"]{z-index:990!important} a.ads-here{position:relative;display:flex;align-items:center;justify-content:center;height:78px;background-color:var(--rgba-gray);font-size:15px;color:rgba(155,155,155,0.5);font-weight:500;font-style:italic;border:1px solid var(--border-color);border-radius:var(--radius)} .is-dark a.ads-here{background-color:var(--widget-bg)} .sidebar a.ads-here{height:250px} a.ads-here:hover{color:rgba(155,155,155,0.65)} @media only screen and (max-width: $(row.width + 60px)) { #outer-wrapper,.is-boxed #outer-wrapper,.is-boxed .header-header{width:100%;max-width:100%;margin:0} .row-x1{width:100%} #header-wrapper .container,#header-ads-wrap .container,#ticker-wrapper .container,#featured-wrapper .container,#content-wrapper .container,#footer-ads-wrap .container,#footer-wrapper .container{padding:0 20px} } @media only screen and (max-width: 980px) { #header-wrapper .container,#header-ads-wrap .container,#ticker-wrapper .container,#featured-wrapper .container,#content-wrapper .container,#footer-ads-wrap .container,#footer-wrapper .container{padding:0 16px} #header-wrapper .container{padding:0} .mobile-menu-toggle{display:flex} .header-items{flex-wrap:nowrap} #litespot-pro-main-nav{display:none} #slide-menu,.overlay{display:block} .flex-left,.main-logo{padding:0!important} .flex-right{padding:0 16px} .flex-right,.rtl .flex-right{position:relative;top:unset;left:unset;right:unset} #main-search-wrap{width:100%;padding:0 16px} .nav-active .overlay{visibility:visible;opacity:1} .nav-active #back-top{opacity:0!important} #content-wrapper > .container,.is-left #content-wrapper > .container{flex-direction:column!important;justify-content:flex-start} #main-wrapper,#sidebar-wrapper{width:100%} #sidebar-wrapper{margin:20px 0 0} .sidebar ul.social-icons{grid-template-columns:repeat(4,1fr)} .mini-items{grid-template-columns:repeat(4,1fr)} .FeaturedPost .featured-post{height:200px} .featured-post .entry-title{font-size:19px} #litespot-pro-about-section{flex-wrap:wrap;flex-direction:column} .litespot-pro-about-section .Image{width:100%;flex-direction:column;justify-content:center;text-align:center} .litespot-pro-about-section .footer-logo{padding:0!important} .footer-info{text-align:center;margin:20px 0 0} .litespot-pro-about-section .LinkList{width:100%;justify-content:center;margin:10px 0 0} .litespot-pro-about-section ul.social-icons{justify-content:center} .litespot-pro-about-section .social-icons li{margin:10px 5px 0!important} #litespot-pro-cookie-ify{left:16px;bottom:16px} .rtl #litespot-pro-cookie-ify{left:unset;right:16px} #back-top{right:16px;bottom:16px} .rtl #back-top{left:16px;right:unset} } @media only screen and (max-width: 880px) { .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} #footer-menu{padding:5px 0 0} .footer-menu ul{justify-content:center} .footer-menu ul li a{display:block;margin:5px 10px 0!important} } @media only screen and (max-width: 680px) { html.is-dark{--post-card-bg:var(--rgba-gray)} #outer-wrapper{background-color:var(--outer-mobile-bg)} .header-ads .widget{margin:16px 0 0} #ticker-wrapper .container{padding:0} #ticker .widget{flex-direction:column;align-items:initial;margin:16px 0 0;border-width:1px 0;border-radius:0} .ticker .widget-title{padding:0;margin:0 0 5px} .ticker .widget-content{height:initial} .ticker .loader{margin:4px 0 0} .ticker .ticker-item.active{position:relative} .ticker-item .entry-title{height:initial;line-height:1.3em} .ticker-item .entry-title a{white-space:initial;text-overflow:initial} #featured-wrapper .container{padding:0} #featured .widget{background-color:var(--widget-bg);padding:20px 16px;margin:16px 0 0;border:1px solid var(--border-color);border-width:1px 0} .featured-items{grid-template-columns:1fr;grid-gap:16px} #content-wrapper{padding:16px 0} #content-wrapper .container{padding:0} .content-section .widget{background-color:var(--widget-bg);padding:20px 16px;margin:0 0 16px;border:1px solid var(--border-color);border-width:1px 0} .content-section .widget.is-ad{background-color:transparent;padding:0 16px;border:0} .is-home #main-wrapper.has-cs2 #main{margin:0 0 16px} .block-items{grid-template-columns:1fr;grid-gap:16px} .block-right .block-item{margin:16px 0 0} .block-left .entry-image-wrap{height:200px} .grid-items,.video-items,.related-posts{grid-template-columns:repeat(2,1fr);grid-gap:16px} .list-item{flex-direction:column;justify-content:flex-start;overflow:hidden;padding:0} .list-item .entry-image-wrap{width:100%;height:200px;margin:0!important;border-radius:var(--radius) var(--radius) 0 0} .list-item .entry-header{padding:13px 16px 16px} .blog-posts-wrap{background-color:var(--widget-bg);padding:20px 16px;border:1px solid var(--border-color);border-width:1px 0} .index-post{flex-direction:column;justify-content:flex-start;overflow:hidden;padding:0} .index-post .entry-image-wrap{width:100%;height:200px;margin:0!important;border-radius:var(--radius) var(--radius) 0 0} .index-post .entry-header{padding:13px 16px 16px} #blog-pager{margin:20px 0 4px} .item-post-inner{background-color:var(--widget-bg);padding:20px 16px;border:1px solid var(--border-color);border-width:1px 0} .entry-content-wrap{margin:20px 0 0} .item-post h1.entry-title{font-size:33px} .post-body table{display:block} .litespot-pro-share-links a.twitter span{display:none} .litespot-pro-share-links li.has-span a.twitter{width:34px;justify-content:center} .litespot-pro-share-links li.has-span a.twitter:before{background-color:transparent;padding:0} #before-ad .widget{margin:0 0 20px} #after-ad .widget{margin:20px 0 0} .entry-labels,.post-share{margin:15px 0 0} .about-author{padding:20px 16px;margin:16px 0 0;border-width:1px 0;border-radius:0} #related-wrap{background-color:var(--widget-bg);padding:20px 16px;margin:16px 0 0;border:1px solid var(--border-color);border-width:1px 0} #post-footer-ads{padding:0 16px;margin:16px 0 0} .litespot-pro-blog-post-comments{background-color:var(--widget-bg);padding:20px 16px;margin:16px 0 0;border:1px solid var(--border-color);border-width:1px 0} .post-nav{padding:0 16px;margin:16px 0 0} #custom-ads{padding:0 16px} #sidebar-wrapper{margin:16px 0 0} .sidebar > .widget{padding:20px 16px;margin:0 0 16px;border-width:1px 0;border-radius:0} .sidebar .widget.is-ad{padding:0 16px} .sidebar .title-wrap{padding:0;margin:0 0 16px;border:0} .sidebar .widget-content{padding:0} .sidebar ul.social-icons{grid-template-columns:repeat(2,1fr)} .mini-items{grid-template-columns:repeat(2,1fr);column-gap:16px} .mini-item .entry-image-wrap{height:140px} .mini-item .entry-title{font-size:15px} .footer-ads .widget{margin:0 0 16px} #litespot-pro-about-section{padding:26px 0 30px} .errorWrap{padding:0 16px 30px} .errorWrap h3{font-size:130px} .errorWrap h4{line-height:initial} #litespot-pro-cookie-ify{right:0!important;left:0!important;bottom:0;width:100%;padding:20px 16px;margin:0;border-radius:0;transform:translate3d(0,50%,0);transition:all .5s ease,background 0s ease} #litespot-pro-cookie-ify.is-visible{transform:translate3d(0,0,0)} a.ads-here{height:65px} .sidebar a.ads-here{height:200px} } @media only screen and (max-width: 480px) { .grid-item .entry-image-wrap,.video-item .entry-image-wrap,.related-item .entry-image-wrap{height:110px} #post-body{font-size:$(itempost.content.size + 1px)} .author-description .author-text,.comments .comment-content{font-size:15px} .item-post h1.entry-title{font-size:31px} .mini-item .entry-image-wrap{height:110px} } @media only screen and (max-width: 380px) { #featured .widget-content{min-height:180px} .featured-item{height:180px} .block-left .entry-image-wrap{height:180px} .list-item .entry-image-wrap{height:180px} .grid-item .entry-image-wrap,.video-item .entry-image-wrap,.related-item .entry-image-wrap{height:95px} .grid-item .entry-title,.video-item .entry-title,.related-item .entry-title{font-size:14px} .index-post .entry-image-wrap{height:180px} .item-post h1.entry-title{font-size:27px} .item-post .entry-meta .align-right{display:none} .tocify-inner{min-width:100%} .litespot-pro-share-links span{display:none} .litespot-pro-share-links li.has-span a{width:34px;justify-content:center} .litespot-pro-share-links li.has-span a:before{background-color:transparent;padding:0} .mini-item .entry-image-wrap{height:95px} .mini-item .entry-title{font-size:14px} .FeaturedPost .featured-post{height:180px} } @media only screen and (max-width: 340px) { #slide-menu{width:100%} .errorWrap h3{font-size:110px} .errorWrap h4{font-size:27px} } /* jPLAYER */ .jp-controls button{ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .jp-audio-stream :focus, .jp-video :focus { outline:0 } .jp-audio button::-moz-focus-inner, .jp-audio-stream button::-moz-focus-inner, .jp-video button::-moz-focus-inner { border:0 } .jp-audio, .jp-audio-stream, .jp-video { font-size:16px; font-family:Verdana,Arial,sans-serif; line-height:1.6; color:#666; background: #2f3038; } .jp-audio { width:100%; } .jp-audio-stream { width:182px } .jp-video-270p { width:480px } .jp-video-360p { width:640px } .jp-video-full { width:480px; height:270px; position:static!important; position:relative } .jp-video-full div div { z-index:1000 } .jp-video-full .jp-jplayer { top:0; left:0; position:fixed!important; position:relative; overflow:hidden } .jp-video-full .jp-gui { position:fixed!important; position:static; top:0; left:0; width:100%; height:100%; z-index:1001 } .jp-video-full .jp-interface { position:absolute!important; position:relative; bottom:0; left:0 } .jp-interface { position:relative; background-color:#2f3038; width:100% } .jp-audio .jp-interface, .jp-audio-stream .jp-interface { display: block; float: left; width: 100%; } .jp-video .jp-interface { border-top:1px solid #009be3 } .jp-controls-holder { clear:both; width:440px; margin:0 auto; position:relative; overflow:hidden; top:-8px } .jp-interface .jp-controls { margin:0; padding:0; overflow:hidden } .jp-audio .jp-controls { margin: 15px 20px; display: inline-block; float: left; } .jp-audio-stream .jp-controls { position:absolute; top:20px; left:20px; width:142px } .jp-video .jp-type-single .jp-controls { width:78px; margin-left:200px } .jp-video .jp-type-playlist .jp-controls { width:134px; margin-left:172px } .jp-video .jp-controls { float:left } .jp-controls button { display: inline-block; float:left; overflow:hidden; border:none; cursor:pointer; } .jp-play:before,.jp-state-playing .jp-play:before { position: absolute; color: #fff; font-weight: 900; z-index: 5; display: flex; transform: translate(50%,-50%); } .fa-forward:before,.fa-backward:before{ position: absolute; color: #fff; font-weight: 900; z-index: 5; display: flex; transform: translate(40%,-50%); } .jp-play:before { content: '\f04b'; } .jp-state-playing .jp-play:before { content: '\f04c' !important; } .fa-forward:before{ content: '\f04e'; } .fa-backward:before{ content: '\f04a'; } .jp-state-playing .jp-play { background:var(--main-color); color:#fff; border-color: var(--main-color); } .jp-next, .jp-previous, .jp-stop { } .jp-stop { } .jp-previous { background:; } .jp-progress { background-color:#ddd; } .jp-audio .jp-progress { height:10px; border-radius: 3px; } .jp-audio .jp-type-single .jp-progress { left:110px; width:186px } .jp-audio .jp-type-playlist .jp-progress { width: 160px; margin-top: 28px; display: inline-block; margin-left: 5px; } .jp-video .jp-progress { top:0; left:0; width:100%; height:10px } .jp-seek-bar { width:0; height:100%; cursor:pointer } .jp-play-bar { background:var(--main-color); width:0; height:100%; border-radius: 0 3px 3px 0; } .jp-seeking-bg {background:url(https://lh6.googleusercontent.com/-y8vIsuSoEuI/YIlcyRhiBdI/AAAAAAAAAUY/q4usaVYhS3ca-9giVf6GNfl_A6DIUnTGgCLcBGAsYHQ/s0/jplayer.blue.monday.seeking.gif); border-radius: 0 3px 3px 0; } .jp-state-no-volume .jp-volume-controls { display:none } .jp-volume-controls { position:absolute; top:16px; left:280px; width:200px; } .jp-audio-stream .jp-volume-controls { left:70px } .jp-video .jp-volume-controls { top:12px; left:50px } .jp-volume-controls button { display:block; position:absolute; overflow:hidden; border:none; cursor:pointer; background: #2f3038; } .jp-mute, .jp-volume-max { width:28; height:28; } .jp-volume-max { left:70px; } .jp-volume-bar { position:absolute; overflow:hidden; background:rgba(183, 197, 205, 0.66); top:11px; left:22px; width:46px; height:5px; cursor:pointer } .jp-volume-bar-value { width:0; height:5px; background: var(--main-color); } .jp-audio .jp-time-holder { } .jp-audio .jp-type-single .jp-time-holder { left:110px; width:186px } .jp-audio .jp-type-playlist .jp-time-holder { display: inline-block; } .jp-current-time, .jp-duration { width:60px; font-size:.80em; font-style:oblique } .jp-current-time { display: inline; cursor: default; margin: 0 20px; } .jp-duration { display:inline; text-align:right; } .jp-video .jp-current-time { margin-left:20px } .jp-video .jp-duration { margin-right:20px } .jp-details { font-weight:700; text-align:center; cursor:default } .jp-details, .jp-playlist { width:100%; background-color:#2f3038; border-top:; max-height: 250px; overflow-y: scroll; } .jp-type-playlist .jp-details, .jp-type-single .jp-details { border-top:none } .jp-details .jp-title { margin:0; padding:5px 20px; font-size:.72em; font-weight:700 } .jp-playlist ul { list-style-type:none; margin:0; padding:0; font-size:14px; } .jp-playlist li { padding:; } .jp-playlist li div { display:inline } div.jp-type-playlist div.jp-playlist li:last-child { border-bottom:none } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type:; list-style-position:; padding-left:; background: var(--main-color) !important; color: ; } div.jp-type-playlist div.jp-playlist a { color:#ddd; text-decoration:none; display: block; padding: 10px 15px; white-space: nowrap; overflow: hidden; } div.jp-type-playlist div.jp-playlist a.jp-playlist-current, div.jp-type-playlist div.jp-playlist a:hover { color:#fff; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float:right; display:inline; text-align:right; margin-right:10px; font-weight:700; color:#666 } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { color:var(--main-color); } div.jp-type-playlist div.jp-playlist span.jp-free-media { float:right; display:inline; text-align:right; margin-right:10px } div.jp-type-playlist div.jp-playlist span.jp-free-media a { color:#666 } div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover { color:var(--main-color); } span.jp-artist { font-size:.8em; color:#666 } .jp-video-play { width:100%; overflow:hidden; cursor:pointer; background-color:transparent } .jp-video-270p .jp-video-play { margin-top:-270px; height:270px } .jp-video-360p .jp-video-play { margin-top:-360px; height:360px } .jp-video-full .jp-video-play { height:100% } .jp-video-play-icon { position:relative; display:block; width:112px; height:100px; margin-left:-56px; margin-top:-50px; left:50%; top:50%; border:none; cursor:pointer } .jp-jplayer, .jp-jplayer audio { width:0; height:0 } .jp-jplayer { background-color:#000 } .jp-toggles { padding:0; margin:0 auto; overflow:hidden } .jp-audio .jp-type-single .jp-toggles { width:25px } .jp-audio .jp-type-playlist .jp-toggles { width:55px; margin:0; position:absolute; left:325px; top:50px } .jp-video .jp-toggles { position:absolute; right:16px; margin:10px 0 0; width:100px } .jp-toggles button { display:block; float:left; width:25px; height:18px; text-indent:-9999px; line-height:100%; border:none; cursor:pointer } .jp-no-solution { padding:5px; font-size:.8em; background-color:#eee; border:2px solid #009be3; color:#000; display:none } .jp-no-solution a { color:#000 } .jp-no-solution span { font-size:1em; display:block; text-align:center; font-weight:700 } .jp-playlist li:nth-child(2n+1) { background: #26262d; } .jp-controls button { background: #2f3038; } .jp-controls button:hover { background: var(--main-color); color: #fff; } .jp-controls button { width: 35px; height: 35px; border-radius: 3px; margin-right: 10px; border: 1px solid #444; } .jp-playlist-item:focus{ outline:none!important; } .jp-playlist::-webkit-scrollbar { width: 10px; } .jp-playlist::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #2f3038; } .jp-playlist::-webkit-scrollbar-thumb { background-color: #686971; } .jp-playlist::-webkit-scrollbar-thumb:hover { background-color: #5e5f66; } .dangnghe { display: inline; margin-right: 5px; } alert.alert-success.showlisten { margin: 5px 0; padding: 5px 10px; float: left; width: 100%; } .alert-success { border-radius:var(--radius); background-color: var(--rgba-gray); } .alert { margin: 5px 0 0; padding: 10px 12px; border: 1px solid transparent; clear:both; border: 1px solid var(--border-color); } .showlisten button.close { margin: 0; } * { outline: none!important; } .righttime { float: right; margin-bottom: 2px; } .settime { display: block; float: left; width: 100%; } #zingaudio_container { float: left; display: block; margin-bottom:5px; } span.timex { display: block; padding: 10px 15px; border-bottom: 1px solid #ddd; cursor: pointer; } span.timex:hover { background: #ddd; } .showtime { display: inline-block; } .hengio .dropdown-menu{ right:0!important; left: unset!important; top:33px!important; } .rightunset { right:unset !important; left: unset!important; top:33px!important; } .jp-playlist-item-download { float: right; display: inline!important; text-align: right; margin-right: 10px; font-weight: 700; color: #666; } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } button.close {float: right;font-size: 21px;font-weight: 700;line-height: 1;color: var(--post-text-color);opacity: .2;filter: alpha(opacity = 20)} .close: hover, .close: focus {color: #000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity= 50)} .fa-download{display:none} .btn-default{background-color: var(--rgba-gray);border: 1px solid var(--border-color);padding: 6px 8px;} .btn-default:hover{color:#fff;background-color:var(--main-color);} /* DISABLE SELECT */ .post-body,.post-body img{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} /* PRE - CODE */ .post-body pre,code,pre.code-box{background-color: var(--rgba-gray);border: 1px solid var(--border-color);font-family:Monospace;border-radius:var(--radius)} pre{overflow:auto;word-wrap:normal;position:relative;height:100%;max-height:350px;white-space: pre-wrap;line-height:1.4em;padding:12px;margin:10px 0;} pre>code{white-space:pre;word-wrap:initial;display:block} pre>code td{border:0} code{display: inline-block; position: relative;margin: 3px;padding: 2px 5px;} table td{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all} pre:hover::-webkit-scrollbar{width:5px} pre::-webkit-scrollbar{width:0} pre::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px} pre::-webkit-scrollbar-thumb:active{background:#bbb} pre,code,blockquote{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all} blockquote{position:relative;background-color: var(--rgba-gray);border: 1px solid var(--border-color);font-style:normal;padding:16px 20px;margin:5px 0;border-radius:var(--radius)} 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(--title-color);line-height:1;opacity:.05;margin:0} .btn-sm{font-size:16px;line-height:1.6em;color: var(--post-text-color);margin:5px 0} .btn-sm:hover{cursor:pointer} ]]> .container{display:flex;margin:0} body#layout #main-wrapper{width:67%;padding:0} body#layout div.content-section.section,body#layout div.main-ads.section{background-color:#edf4ff!important;border-color:#d9dff3} body#layout #sidebar-wrapper{width:33%;padding:0} body#layout #custom-ads{display:flex} body#layout #custom-ads .section{width:50%} body#layout #litespot-pro-about-section{overflow:hidden!important} body#layout #litespot-pro-about-section .widget{float:left;width:49.5%;margin-right:1%} body#layout #litespot-pro-about-section .LinkList{margin-right:0} body#layout .footerbar .container{display:flex} body#layout #footer-menu,body#layout #footer-copyright{width:50%} body#layout .section > h4:after{font-size:12px} body#layout #ify-panel > h4:after{content:' - Custom No Image, Date Format, Month Names and More.'} body#layout #main-logo > h4:after{content:' - Recommended Height (34px)'} body#layout #litespot-pro-main-nav > h4:after{content:' - With SubLinks and Mega Menu'} body#layout #header-ads > h4:after{content:' - by Custom HTML, Adsense or Image'} body#layout #ticker > h4:after,body#layout #featured > h4:after{content:' - by Popular Posts, Most Recents or Label'} body#layout .content-section > h4:after{content:' - by Most Recents or Label or AD Gadget (Adsense, HTML)'} body#layout #main > h4:after{content:' - Default Blog Posts, AdSense In-Feed, Comments and More'} body#layout #litespot-pro-main-before-ad > h4:after{content:' - Before Post Content (Post Page)'} body#layout #litespot-pro-main-after-ad > h4:after{content:' - After Post Content (Post Page)'} body#layout #litespot-pro-related-posts > h4:after{content:' - Advanced Related Posts'} body#layout #litespot-pro-post-footer-ads > h4:after{content:' - After Related Posts (Post Page)'} body#layout #sidebar > h4:after{content:' - on All Pages'} body#layout:after{content:'Doc Truyen Online v1.0';display:block;font-family:Verdana,sans-serif;font-size:20px;color:#555;line-height:1;text-align:center;visibility:visible;padding:20px 0} body#layout #footer-ads > h4:after{content:' - by Custom HTML, Adsense or Image'} body#layout #litespot-pro-about-section > h4:after{content:' - Site Logo, Description and Social Icons'} body#layout #footer-copyright > h4:after{content:' - Custom Credits'} body#layout #footer-menu > h4:after{content:' - Footer Links'} body#layout #litespot-pro-cookie-ify-section > h4:after{content:' - Advanced Cookie Consent Plugin'} body#layout #hidden-widgets{display:none!important} ]]> <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/> <script async='async' src='https://www.googletagmanager.com/gtag/js?id=G-R9VDQKWWMK'/> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-R9VDQKWWMK'); </script><b:defaultmarkups> <b:defaultmarkup type='Common'> <b:includable id='theme-dark-mode'> <b:class cond='data:skin.vars.darkmode == "1px"' name='is-dark'/> </b:includable> <b:includable id='customOpenGraphMetaData'> <b:if cond='data:view.isHomepage'> </b:if> <b:if cond='data:view.isSingleItem'> </b:if> <b:if cond='data:view.isMultipleItems and not data:view.isHomepage'> </b:if> <b:tag cond='data:view.isMultipleItems and data:widgets.Blog.first.posts[0].featuredImage' expr:content='data:widgets.Blog.first.posts[0].featuredImage resizeImage 1600' name='meta' property='og:image'/> <b:tag cond='data:view.isMultipleItems and data:widgets.Blog.first.posts[0].featuredImage' expr:content='data:widgets.Blog.first.posts[0].featuredImage resizeImage 1600' name='meta' property='twitter:image'/> <b:if cond='data:view.featuredImage'> </b:if> </b:includable> <b:includable id='theme-head'> <b:if cond='data:blog.pageType == "error_page"'>
<title>404 - Không tìm thấy trang! - </title> <title>Kết quả tìm kiếm về </title> <title> - </title> <title> </title> <title> - </title> <title> — </title> <title></title> <script type='application/ld+json'>{"@context":"http://schema.org","@type":"WebSite","name":"","url":"","potentialAction":{"@type":"SearchAction","target":"search?q={search_term_string}","query-input":"required name=search_term_string"}}</script> Previous PostArtículo AnteriorPostagem Anterior Next PostArtículo SiguientePróxima Postagem Load MoreCarga MásCarregar Mais That is AllEso es TodoIsso é Tudo
*
*
Please Select Embedded Mode To Show The Comment System.*