article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0}
.header-wrapper,body,ol,ol ol,ul,ul ul{padding:0}
table{border-collapse:separate;border-spacing:0}
caption,td,th{text-align:left;font-weight:400}
a img{border:none}
a:focus{outline:none}
abbr,a:link{outline:none;text-decoration:none;color:#666}
a:visited{color:#666}
*{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;text-rendering:geometricPrecision}
body{background-color:#f7f7f7;color:$(posts.text.color);font-family:"Roboto",sans-serif;font-size:16px;margin:0;min-height:100vh;word-wrap:break-word}
body.overflow{overflow-y:hidden}
.clear{clear:both;float:none}
.clearfix:before,.clearfix:after{content:'';display:block;height:0;overflow:hidden}
.header-wrapper{display:inline-block;float:left;width:100%;-moz-box-sizing:-webkit-border-box;box-sizing:border-box}
.main-container{position:relative;display:block;margin:auto;padding:0;max-width:1200px}
#backer .main-container{max-width:1600px;padding:0 5%}
#backer{background:#00a26d;display:inline-block;position:fixed;top:0;left:0;right:0;z-index:999;box-shadow:0 3px 8px rgba(0,0,0,.2);transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;height:87px}
#menu-top-startinhit-2{display:inline-block;position:fixed;left:0;right:0;height:50px;z-index:9;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear}
@media screen and (min-width:801px){#backer.fixed{top:-38px}#backer.default{top:0}}
.top{padding-top:105px}
.open svg,.dropdwn svg,.dropsss svg,.close svg,.home-post svg,.clear-text svg,.Se svg{fill:#f7f7f7}
#backer .header{height:50px;line-height:50px;display:inline-block}
#backer .replaced h1 a{position:relative;height:50px;display:flex;font-family:"Roboto",sans-serif;font-weight:700;font-size:20px;color:#f7f7f7;text-transform:uppercase;line-height:50px}
#backer .replaced h1{line-height:50px}
#backer .header .homepage{display:inline-flex}
#backer .header .homepage a{padding:0 10px 0 35px;position:relative;background-color:rgba(0,0,0,.15);border-radius:50px;height:36px;line-height:36px;text-transform:uppercase;font-size:15px;font-weight:bold;font-style:normal;color:#fff;letter-spacing:.5px}
#backer .header .homepage a:hover{transition:border-color .3s}
#backer .header .homepage a svg{position:absolute;left:6px;height:36px}
#backer .Label{display:inline-block;float:left;height:50px;margin-right:10px}
#backer .list-label-widget-content{position:fixed;top:87px;bottom:0;left:0;right:auto;background:#fafafa;z-index:11;line-height:20px;padding:0;width:100%;max-width:294px;box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1)}
#backer .list-label-widget-content.invisible{-webkit-transition-timing-function:cubic-bezier(0.4,0,0.6,1);transition-timing-function:cubic-bezier(0.4,0,0.6,1);-webkit-transform:translateX(-294px);-ms-transform:translateX(-294px);transform:translateX(-294px)}
#backer .list-label-widget-content ul{height:94%;overflow-x:hidden;overflow-y:auto}
#backer .list-label-widget-content .note li{display:block;padding:10px 15px;white-space:nowrap;overflow:hidden;color:#555;background:rgb(230,230,230);margin-bottom:7px}
#backer .list-label-widget-content .note-nav{margin-bottom:7px}
#backer .list-label-widget-content li{padding:0;display:block;position:relative;list-style:none;font-size:15px;font-weight:500}
#backer .list-label-widget-content li a{display:block;padding:7px 15px;margin-bottom:0;white-space:nowrap;overflow:hidden;color:#484848}
#backer .list-label-widget-content li:hover{background:#dcdcdc;display:block;line-height:20px}
#backer .list-label-widget-content li a i{color:#555;background:#e6e6e6;font-size:15px;height:35px;line-height:35px;width:35px;text-align:center;margin:0 15px 0 0;border-radius:100px}
#backer .list-label-widget-content .list_label li a{display:block;padding:10px 15px;margin-bottom:0;white-space:nowrap;overflow:hidden;color:#484848}
#backer .list-label-widget-content li.search:hover{background:none}
#backer .list-label-widget-content ul::-webkit-scrollbar-button{width:0;height:0}
#backer .list-label-widget-content ul::-webkit-scrollbar{width:0;height:0}
#backer .list-label-widget-content ul::-webkit-scrollbar-thumb{min-height:48px;min-width:48px;background-color:rgba(0,0,0,0.26)}
#backer .list-label-widget-content .list-item ul{padding-left:50px;border-bottom:1px solid rgb(230,230,230);display:none}
#backer .list-label-widget-content .list-item ul li a:hover{background:none}
#backer .list-label-widget-content .list-item ul li a.active{color:#00a26d;font-weight:bold}
#backer span.label-count,#backer span.expand_more,#backer span.expand_less{float:right;font-size:14px;margin:0;margin-top:5px}
#backer span.label-count{font-size:15px;margin:0;padding:0;line-height:20px}
#backer span.label-count-view{font-size:15px;margin:0;padding:0;line-height:35px}
#backer .list-label-widget-content .search{display:none}
#backer .label-count:before{content:'('}
#backer .label-count:after{content:')'}
#backer .Label button{background:transparent;border:none;cursor:pointer;padding:8px;margin:5px 0 5px -8px;outline:none}
#backer .Label button:hover{background:rgba(255,255,255,.2);border-radius:100%}
#backer .list-label-widget-content svg{background:#e6e6e6;text-align:center;border-radius:100px}
#backer .list-label-widget-content .copyright{position:absolute;width:294px;bottom:0;background:rgb(230,230,230);padding:10px 15px;border-top:1px solid rgba(0,0,0,0.12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
#backer .list-label-widget-content .copyright a{display:block;color:#484848}
#Header1{float:left;height:50px;max-width:200px}
#Header1 .header-widget{height:50px}
#Header1 img{height:30px}
#backer .header .BlogSearch,#backer .header .LinkList{display:inline-block}
#backer .header .BlogSearch{margin-left:100px}
#backer .backer-right{float:right;display:inline-block;height:50px}
#backer .backer-right .HTML{display:inline-block;float:left}
#backer .backer-right .follow{background:$(body.link.color);float:right;display:inline-block;line-height:15px;margin:8px 0 10px 0;padding:8px 15px;font-size:14px;font-weight:bold;border-radius:100px}
#backer .backer-right .follow a{color:#fff}
svg{height:24px;width:24px;min-width:24px;vertical-align:text-bottom}
svg{fill:hsl(0,0%,53.3%)}
.svg-icon-20{cursor:pointer;height:20px;width:20px;min-width:20px}
.flat-icon-button{background:transparent;border:0;outline:none;padding:8px;cursor:pointer;box-sizing:content-box;display:inline-block;line-height:0}
.flat-icon-button,.flat-icon-button .splash-wrapper{border-radius:50%}
.flat-icon-button .splash.animate{-webkit-animation-duration:0.3s;animation-duration:0.3s}
.ripple{position:relative}
.ripple > *{z-index:1}
.splash-wrapper{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}
.splash{background:#aaaaaa;border-radius:100%;display:block;opacity:.9;position:absolute;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.splash.animate{-webkit-animation:ripple-effect 0.4s linear;animation:ripple-effect 0.4s linear}
@-webkit-keyframes ripple-effect{100%{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}}
@keyframes ripple-effect{100%{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}}
.post-share-buttons{position:relative;float:right;margin-left:-5px}
.overlay-dialog,.overlay,.dialog{background-color:#000;opacity:0.6;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:8}
.overlay{z-index:8}
.overlay-dialog,.dialog{z-index:10}
.hidden,.post-snippet{display:none}
.modal-dialog{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);background:#fff;box-sizing:border-box;padding:15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:320px;width:100%;z-index:101;text-align:center}
.modal-dialog-content{font-size:15px;font-weight:500;line-height:1.6;color:$(body.text.color)}
.modal-dialog-buttons{margin-top:8px}
.modal-dialog-buttons button{background:0;border:0;outline:none;color:#1155cc;cursor:pointer;text-transform:uppercase;font-weight:bold}
.bg_Se{line-height:36px;position:relative}
.bg_Se .gb_Se{display:inline-block;position:relative;min-width:600px;background-color:rgba(0,0,0,.15);-webkit-border-radius:25px;border-radius:25px;-webkit-transition:background 100ms ease-in,width 100ms ease-out;transition:background 100ms ease-in,width 100ms ease-out}
.bg_Se .gb_Se.gb_af{border-radius:4px}
.bg_Se input{background:transparent;font-family:"Roboto",sans-serif;font-size:16px;line-height:36px;padding-left:55px;width:100%;color:#f7f7f7;border:0;outline:none}
.bg_Se input::placeholder{color:#f7f7f7;opacity:1}
.bg_Se button{width:50px;border:0;background:transparent;cursor:pointer;position:absolute;top:0;line-height:36px;outline:none;padding:1px 0}
.bg_Se .Se{float:left}
.bg_Se button svg{vertical-align:middle;width:23px;height:23px}
.bg_Se .results{position:absolute;background:#ffffff;width:100%;border-top:unset;border-radius:4px;border:1px solid #dcdee0;max-height:425px;overflow-y:auto}
.bg_Se .results li{line-height:unset;list-style:none}
.bg_Se .results li a{display:block;padding:0 15px;color:#484848;font-size:15px;font-weight:500;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bg_Se .results li:hover{background:rgb(230,230,230)}
.bg_Se .results li svg{width:23px;height:23px;margin-right:15px;fill:#00a26d;vertical-align:middle}
.bg_Se .clear-text{right:0}
#backer .search form{width:100%}
#backer .search input{width:100%;background:transparent;font:15px Roboto,"Helvetica Neue",Helvetica,sans-serif;line-height:32px;text-indent:49px;color:#484848;border:0;outline:0;border-bottom:1px solid rgb(230,230,230)}
#backer .Label .search button{border:0;background:transparent;cursor:pointer;position:absolute;top:0;left:15px;outline:0;line-height:35px;margin:0;padding:0}
#backer .Label .search button svg{vertical-align:middle}
#backer .list-label-widget-content li .search:hover{background:none}
#follow-by-email input[type="text"]:hover{border:1px solid #b9b9b9;border-top:1px solid #a0a0a0;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.main-wrapper{width:69.7%;float:left;margin:auto;position:relative}
.main-wrapper .widget{float:left;width:100%;position:relative;margin-bottom:15px;padding:0;border-radius:3px;-webkit-transition:box-shadow 0.25s;-moz-transition:box-shadow 0.25s;-ms-transition:box-shadow 0.25s;-o-transition:box-shadow 0.25s;transition:box-shadow 0.25s}
.main-wrapper #HTML3{padding:10px}
.breadcrumbs{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#fff;padding:15px 15px 0 15px;margin-bottom:15px;border-radius:4px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 2px 0 -2px rgba(0,0,0,0.2),0 0 2px 0 rgba(0,0,0,0.12)}
.breadcrumbs:hover{box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12)}
.breadcrumbs.homepage{border-bottom:3px solid #e6ecf0;padding-bottom:10px;margin-bottom:15px}
.breadcrumbs ul,.breadcrumbs .search-label{font-size:16px;color:#484848;padding-bottom:10px;margin-bottom:15px;border-bottom:3px solid #e6ecf0;position:relative;display:block}
.breadcrumbs h3{font-size:16px;font-weight:bold;text-transform:uppercase;margin-bottom:15px;position:relative}
.breadcrumbs h3:before{content:"";position:absolute;width:100%;height:3px;bottom:9px;background-image:-moz-linear-gradient(left,#00a284 #489e8e);background-image:-webkit-gradient(linear,left top,right top,from(#00a284),to(#489e8e));background-image:-webkit-linear-gradient(left,#00a284,#489e8e);background-image:-o-linear-gradient(left,#00a284,#489e8e)}
.breadcrumbs h3 span{background:#fff;position:relative;padding-right:15px;color:#049372}
.breadcrumbs .search-label a,.breadcrumbs .search-label span{border-bottom:3px solid #00a26d;padding:0 0 10px 0}
.breadcrumbs ul li:before,.breadcrumbs .search-label a:after{font-family:"Font Awesome 5 Pro","Font Awesome 5 Brands";content:'\f105';font-size:14px;font-style:normal;font-weight:normal;padding:0 5px}
.breadcrumbs ul li:last-child a{border-bottom:3px solid #00a26d;padding:0 0 10px 0}
.breadcrumbs ul li:first-child:before{content:unset}
.breadcrumbs .title{display:block;position:relative;margin-bottom:13px;padding-bottom:10px;border-bottom:3px solid #e6ecf0;font-size:16px}
.breadcrumbs .title span{border-bottom:3px solid #00a26d;padding-bottom:10px}
.breadcrumbs .search-label h1{font-size:16px;font-weight:normal;display:inline-block}
.breadcrumbs .search-label h1.search-query{color:#00a26d}
.breadcrumbs ul li{display:inline-block;position:relative}
.breadcrumbs a{color:#484848}
.post_header{padding:20px 90px;font-size:15px;line-height:1.4}
.post_header a{color:$(posts.text.color)}
.post_header a:hover{color:$(body.link.color)}
.post_image{position:relative}
h2.post_title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:20px;font-weight:normal;line-height:26px;letter-spacing:.2px}
.post_title a:hover{color:#00a26d}
h2.post_title a{color:$(body.text.color);display:block}
.post-lastupdated{margin-top:5px;padding-left:50px;font-size:14px}
.post-author .share-link a{color:$(body.link.color)}
.post_snippet{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:normal;line-height:1.4;padding-top:10px}
.post_snippet a,.post_snippet a:hover{color:#707070}
.post_meta{display:table;font-size:14px;font-weight:normal;padding-top:10px}
.post_meta a,.post_meta span{color:$(body.text.color)}
.post_meta span{font-size:14px}
.post_meta .post-timestamp:before{content:'-';padding:0 5px}
.post_meta .post_share,.post_meta .post-icons{display:inline-block}
.post_meta .post-icons{margin-right:-8px}
.post_meta .postviews{line-height:38px;float:left}
.post_meta .reactions{display:inline-block;line-height:38px;float:left}
.post_meta .reactions-label{line-height:22px;vertical-align:top;display:none}
.post_meta .reactions iframe{height:22px;display:inline-block;vertical-align:text-bottom;width:90px}
.post_meta .post_date:before{font-family:"Font Awesome 5 Pro","Font Awesome 5 Brands";content:'\f044';font-size:14px;font-style:normal;font-weight:normal;color:hsl(0,0%,53.3%);padding-right:5px}
.title-secondary{margin-top:-15px;padding:0 0 0 54px;font-size:14px}
.post-header .post-view:after,.post-header .share-count:after{content:'-';margin:0 5px 0 7px}
h1.post-title{margin-bottom:15px;font-size:x-large;font-weight:normal;text-align:center}
.post-body,.post-comment a,.title-secondary a{color:$(posts.text.color)}
.post{margin:0;padding:0}
.post-outer{margin-bottom:15px;background-color:#ffffff;padding:15px;-webkit-border-radius:3px;-moz-border-radius:4px;border-radius:4px;overflow:hidden;position:relative;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 2px 0 -2px rgba(0,0,0,0.2),0 0 2px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 2px 0 -2px rgba(0,0,0,0.2),0 0 2px 0 rgba(0,0,0,0.12);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 2px 0 -2px rgba(0,0,0,0.2),0 0 2px 0 rgba(0,0,0,0.12);-webkit-transition:box-shadow 0.25s;-moz-transition:box-shadow 0.25s;-ms-transition:box-shadow 0.25s;-o-transition:box-shadow 0.25s;transition:box-shadow 0.25s}
.post-outer:hover{-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12);box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12)}
.post-body{font:16px Roboto,"Helvetica Neue",Helvetica,sans-serif;line-height:1.6em;display:block;overflow:hidden;transition:all .3s ease-out 0s}
.post-body br{content:"";display:block;padding:2px}
.post-body h4{font:700 18px Roboto,sans-serif;margin:10px 0;color:#F39C12}
.post-body h3.title{display:block;padding-top:15px;font:16px Roboto,"Helvetica Neue",Helvetica,sans-serif;line-height:1.6em;font-weight:500;transition:all .3s ease-out 0s}
.post-body h3{font:500 18px Roboto,sans-serif;text-align:left;color:#00A16D;margin:10px 0;letter-spacing:.3px;text-transform:uppercase;display:table;padding:0 0 2px;border-bottom:1px solid}
.post-body h2{font:500 20px Roboto,sans-serif;text-transform:uppercase;margin:10px 0;color:#00A16D;text-align:center;border-top:1px solid #eee;padding:7px 0;transition:.4s;-webkit-transition:.4s;position:relative}
.post-body h2:after{content:'';position:absolute;width:5%;height:1px;background:#00A16D;bottom:0;left:50%;transform:translate(-50%,0);transition:1s;-webkit-transition:1s}
.post-body h2:hover{border-top:1px solid #00A16D;letter-spacing:1px}
.post-body h2:hover:after{width:100%;background:#fff}
.post-header{color:$(body.text.color);font-size:12px}
.post-author svg{height:15px;width:15px;min-width:15px;max-width:15px;margin-bottom:2px;fill:#5890ff}
.post-title a:hover,.title-secondary a:hover{color:$(body.link.color)}
.post_thumb{float:left;width:40%;position:relative;margin-right:15px}
.post_thumb a{display:flex;position:relative;padding-bottom:50%}
.post_thumb img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;border-radius:4px}
.nread{display:block;position:relative;font-size:15px;border-bottom:1px solid #e6ecf0;border-top:1px solid #e6ecf0;padding:10px 0}
.nread a{color:$(body.text.color)}
.keywords{display:inline-block}
.keywords a{background:#f7f7f7;font-size:14px;color:$(body.text.color);display:inline-block;padding:5px 7px;margin:0 5px 10px 0;border-radius:3px;white-space:nowrap;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}
.keywords a:hover{-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12);box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12)}
.keywords svg{vertical-align:middle;margin-right:10px}
.tooltip{position:absolute;z-index:998;display:block;font-family:"Roboto",sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}
.tooltip.in{filter:alpha(opacity=90);opacity:.9}
.tooltip.top{padding:5px 0;margin-top:-3px}
.tooltip.right{padding:0 5px;margin-left:3px}
.tooltip.bottom{padding:5px 0;margin-top:3px}
.tooltip.left{padding:0 5px;margin-left:-3px}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:rgba(0,0,0,0.89);border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:rgba(0,0,0,0.89)}
.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:rgba(0,0,0,0.89)}
.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:rgba(0,0,0,0.89)}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:rgba(0,0,0,0.89)}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:rgba(0,0,0,0.89)}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:rgba(0,0,0,0.89)}
.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:rgba(0,0,0,0.89)}
.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:rgba(0,0,0,0.89)}
.item-meta{padding-top:5px;padding-left:5px;display:block;font:15px Roboto,"Helvetica Neue",Helvetica,sans-serif;color:$(body.text.color);transition:all .3s ease-out 0s;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}
.post-body a{color:$(body.link.color)}
.post-body a:hover{color:$(body.link.hover.color)}
.post-body ol,.post-body ul{margin:0 20px}
.post-body ol li{list-style-type:decimal;padding:0 0 5px}
.post-body ul li{list-style-type:disc;padding:0 0 5px}
.post-body img{max-width:100%;height:auto;display:block;margin:5px auto;opacity:1;transition:border-color .3s;border-radius:4px}
.post-body .tr-caption-container,.post-body .separator{max-width:800px;margin:0 auto}
.post-body .tr-caption-container a,.post-body .separator a{display:inline-block}
.post-body .video-container{position:relative;padding-bottom:56.25%}
.post-body .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.post-body .tr-caption{font-size:15px;color:#777;line-height:1.6;padding:0 0 10px 0;text-align:center}
.post .hljs,.post code,.post blockquote{-webkit-user-select:all!important;-moz-user-select:all!important;-ms-user-select:all!important;user-select:all!important}
.post blockquote{font-style:italic;color:#555;background:#f7f7f7;border-left:3px solid #00a26d;margin-left:0;padding:10px 15px;margin:7px 0 10px}
.post blockquote:before{content:'\f10d';display:inline-block;font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#555}
.post blockquote:after{content:'\f10e';display:inline-block;font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#555}
.post .hljs::-webkit-scrollbar{width:5px;height:5px}
.post .hljs::-webkit-scrollbar-thumb{background:#666}
.post .hljs{max-height:400px;margin:7px 0 10px}
.post code{display:inline-block;position:relative;color:#4267B2;margin:0;transition:all .3s;border-radius:4px;font:400 17px Monospace;background:#EDEDED;padding:0 5px}
.post-body .post-info{color:#484848;margin:10px 0;background-color:#edf7f4;font-size:15px;padding:10px;border:1px solid #b6d9cd;transition:border-color .3s;border-radius:3px}
.post-body .post-info:hover{border-color:#00a26d;transition:border-color .3s}
.post-footer{position:relative;width:100%}
.social-sharing-widgets{display:block;position:relative;margin:15px 0}
.ma-share{cursor:pointer}
.ma-share:before{font-family:"Font Awesome 5 Pro","Font Awesome 5 Brands";content:'\f0e0';background:$(body.text.color);margin-right:5px;vertical-align:text-bottom;text-align:center;color:#fff;height:18px;line-height:18px;width:25px;float:left;font-size:14px;border-radius:2px}
.print-email{float:right;display:inline-block}
.printBtn:before{font-family:"Font Awesome 5 Pro","Font Awesome 5 Brands";content:'\f02f';float:left;background:#005A89;width:25px;vertical-align:text-bottom;text-align:center;color:#fff;height:18px;line-height:18px;font-size:14px;border-radius:3px}
.printBtn{float:right;cursor:pointer}
.post-footer .about-author{margin:20px 0;padding:5px 10px;border-radius:2px;border:1px solid #dcdee0;font:16px Roboto,"Helvetica Neue",Helvetica,sans-serif;transition:all .3s ease-out 0s}
.post-footer .about-author img{float:left;margin:10px 15px 0 0;width:96px;height:96px;border-radius:100%}
.post-footer .about-author p.name{font-size:16px;font-weight:bold;line-height:0;margin:10px 0}
.post-footer .about-author p.name svg{vertical-align:middle;max-width:16px;min-width:16px;height:16px;width:16px}
.post-footer .about-author p{line-height:1.5em}
.post-footer .about-author p.social{padding-top:8px}
.post-footer .about-author a{color:$(body.text.color)}
.post-footer .about-author a:hover{color:$(body.link.color)}
.post-footer .post-share{margin:15px 0}
.post-footer .zalo-share-button{vertical-align:bottom}
.box_tin{background-color:#f0f1f5;border:2px solid #e7e8ea;padding:15px 20px}
#follow-by-email{padding:15px 0;text-align:center;width:100%}
#follow-by-email input[type="text"]{border:1px solid rgba(0,0,0,0.4);font-size:13px;margin:0 0 15px 0;padding:7px;width:90%;color:$(body.text.color);outline:0}
#name{background:url(https://4.bp.blogspot.com/-hCbycChBxU0/WVtIsiiz1sI/AAAAAAAAPI0/mIXoUDwaGnUZ6NG1Vg2OZ9qk36U47SyJACLcBGAs/s1600/XrHTe.png) no-repeat scroll right center #fff}
#email{background:url(https://1.bp.blogspot.com/-I2NuvhKKC3Q/WVtJBMsWPzI/AAAAAAAAPI4/Lw7dQAOXJi83B_x_0sfdJCN3_oJcfFfrQCLcBGAs/s1600/mailbox.png) no-repeat scroll right center #fff}
#follow-by-email input[type="submit"]{background:#4285f4;border:none;color:#fff;line-height:20px;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);cursor:pointer;padding:5px 15px;border-radius:3px;outline:none;display:inline-block}
#follow-by-email input[type="submit"]:hover{background:$(body.link.hover.color)}
.subcribe-content{width:auto;padding:1em 0}
.blanterinput{float:none;position:relative;margin-bottom:45px;margin-right:10px}
.blanterinput input,.blanterinput textarea{font-size:15px;padding:15px 0;display:block;width:100%;border:none;border-bottom:1px solid #e2e2e2}
.blanterinput input:focus,.blanterinput textarea:focus{outline:0}
.blanterinput label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:0;top:10px;transition:.2s ease all}
.bar{position:relative;display:block;width:100%}
.bar:after,.bar:before{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#00A16D;transition:.2s ease all}
.bar:before{left:50%}
.bar:after{right:50%}
.blanterinput input:focus~.bar:after,.blanterinput input:focus~.bar:before,.blanterinput textarea:focus~.bar:after,.blanterinput textarea:focus~.bar:before{width:50%}
.highlight{position:absolute;height:50%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}
.blanterinput input:focus~.highlight,.blanterinput textarea:focus~.highlight{animation:inputHighlighter .3s ease}
.blanterinput input:focus~label,.blanterinput input:valid~label,.blanterinput textarea:focus~label,.blanterinput textarea:valid~label{top:-20px;font-size:13px;color:#00A16D}
input#ContactForm1_contact-form-email-message{height:150px}
input#ContactForm1_contact-form-submit,.buttonBlue{color:#fff!important;background:#00A16D;padding:7px 20px;border-radius:4px;border:none;outline:0;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;float:left}
input#ContactForm1_contact-form-submit:hover,.buttonBlue:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}
#ContactForm1_contact-form-error-message{float:right;background:#D32F2F;color:#fff;font-size:13px;font-weight:700;border-radius:3px}
#ContactForm1_contact-form-success-message{float:right;background:#4CAF50;color:#fff;font-size:13px;font-weight:700;border-radius:3px}
#ContactForm1{display:none!important}
.btn_email:before{content:'\f0e0';font-family:"Font Awesome 5 Pro","Font Awesome 5 Brands";padding-right:10px}
.img-replace{display:inline-block;overflow:hidden;text-indent:100%;color:transparent;white-space:nowrap}
.btn-nugget-info{text-align:center;position:absolute;width:100%;height:50px;line-height:50px;bottom:0;left:0}
.btn-nugget-info a{position:relative;font-size:14px;color:#5e6e8d;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s}
.no-touch .btn-nugget-info a:hover{opacity:.8}
.btn-nugget-info span{vertical-align:middle;display:inline-block}
.btn-nugget-info span svg{display:block}
.btn-nugget-info .btn-nugget-info-arrow{fill:hsl(0,0%,53.3%)}
.btn-popup{position:fixed;z-index:10;left:0;top:0;height:100%;width:100%;background-color:rgba(94,110,141,0.9);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s,visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s,visibility 0s 0.3s;transition:opacity 0.3s 0s,visibility 0s 0.3s}
.btn-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s,visibility 0s 0s;-moz-transition:opacity 0.3s 0s,visibility 0s 0s;transition:opacity 0.3s 0s,visibility 0s 0s}
.btn-popup-container{position:fixed;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:500px;height:480px;background:#fff;text-align:left;padding:0 20px}
.btn-popup-container h2{font-size:18px;text-transform:uppercase;text-align:center;padding-top:15px;color:$(body.text.color)}
.btn-popup-container .btn-popup-close{position:absolute;top:8px;right:8px;width:30px;height:30px;cursor:pointer}
.btn-popup-container .btn-popup-close::before,.btn-popup-container .btn-popup-close::after{content:'';position:absolute;top:12px;width:14px;height:2px;background-color:$(body.text.color)}
.btn-popup-container .btn-popup-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px}
.btn-popup-container .btn-popup-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px}
#related-posts{clear:both;float:left;width:100%;background:#fff;padding:15px 15px 0 15px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 2px 0 -2px rgba(0,0,0,0.2),0 0 2px 0 rgba(0,0,0,0.12);border-radius:3px}
#related-posts:hover{box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12)}
#related-posts ul li{width:33.33%;display:inline-block;vertical-align:top;position:relative;padding:0 7.5px 15px 7.5px}
#related-posts ul{margin:0 -7.5px}
#related-posts .post-thumb{width:100%;height:auto;float:left;overflow:hidden;margin-bottom:10px;;transition:.5s;display:flex}
#related-posts .post-thumb img{width:100%;height:100%;display:flex;border-radius:4px}
#related-posts .post-title{color:#191919;font:16px Roboto,sans-serif;line-height:1.5;float:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;cursor:pointer}
#related-posts h3{font-size:16px;font-weight:bold;text-transform:uppercase;margin-bottom:15px;position:relative}
#related-posts h3:before{content:"";position:absolute;width:100%;height:3px;bottom:9px;background-image:-moz-linear-gradient(left,#00a284 #489e8e);background-image:-webkit-gradient(linear,left top,right top,from(#00a284),to(#489e8e));background-image:-webkit-linear-gradient(left,#00a284,#489e8e);background-image:-o-linear-gradient(left,#00a284,#489e8e)}
#related-posts h3 span{background:#ffffff;position:relative;padding-right:15px;color:#049372}
.show-posts .load-posts{border-radius:3px;position:relative;background:#f0f1f5;border:1px solid #dcdee0;transition:border-color .3s;outline:0;padding:0 30px 0 10px;font-size:15px;color:#484848;line-height:30px;cursor:pointer}
.show-posts .load-posts:hover{border-color:#00a26d;transition:border-color .3s;color:#00a26d}
.show-posts .load-posts:after{font-family:"Font Awesome 5 Pro","Font Awesome 5 Brands";content:'\f107';font-size:18px;font-style:normal;font-weight:normal;position:absolute;right:10px}
.show-posts{text-align:center;margin-bottom:15px}
.sidebar-wrapper{width:29%;float:right;display:block;position:relative;margin:0 auto;padding:0}
.sidebar-wrapper .widget{background-color:#ffffff;float:left;width:100%;margin-bottom:15px;padding:15px;border-radius:3px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 2px 0 -2px rgba(0,0,0,0.2),0 0 2px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 2px 0 -2px rgba(0,0,0,0.2),0 0 2px 0 rgba(0,0,0,0.12);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 2px 0 -2px rgba(0,0,0,0.2),0 0 2px 0 rgba(0,0,0,0.12);-webkit-transition:box-shadow 0.25s;-moz-transition:box-shadow 0.25s;-ms-transition:box-shadow 0.25s;-o-transition:box-shadow 0.25s;transition:box-shadow 0.25s}
.sidebar-wrapper .widget:hover{-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12);box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12)}
.sidebar-wrapper ul{list-style:none;margin:0;padding:0}
.sidebar-wrapper a:hover{color:$(body.link.color)}
.sidebar-wrapper h3{font-size:16px;font-weight:bold;text-transform:uppercase;margin-bottom:15px;position:relative}
.sidebar-wrapper h3:before{content:"";position:absolute;width:100%;height:3px;bottom:9px;background-image:-moz-linear-gradient(left,#00a284 #489e8e);background-image:-webkit-gradient(linear,left top,right top,from(#00a284),to(#489e8e));background-image:-webkit-linear-gradient(left,#00a284,#489e8e);background-image:-o-linear-gradient(left,#00a284,#489e8e)}
.sidebar-wrapper h3 span{background:#ffffff;position:relative;padding-right:15px;color:#049372}
.MD-StoTop{background:#ddd;bottom:30px;cursor:pointer;position:fixed;right:30px;z-index:7}
.MD-StoTop svg{fill:hsla(0,0%,6.7%,.4)}
.MD-StoTop:hover{background:rgb(230,230,230)}
.g-profile{font-weight:bold;color:#4267b2}
#Stats1{display:none!important}
.PopularPosts .post{margin-bottom:0;border-bottom:0;padding-bottom:0}
.PopularPosts ul li{display:block;float:left;width:100%;position:relative;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #e6ecf0}
.PopularPosts ul li:last-child{border:0;padding:0;margin:0}
.PopularPosts .item-title a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:normal;color:#484848}
.PopularPosts .item-title a:hover{color:#00a26d}
.PopularPosts .item-date{display:table;font-size:14px;padding-top:10px}
.PopularPosts .item-date:before{font-family:"Font Awesome 5 Pro","Font Awesome 5 Brands";content:'\f044';font-size:14px;font-style:normal;font-weight:normal;color:hsl(0,0%,53.3%)}
.PopularPosts .item-snippet{display:none}
.copy-text,.down,nav select{cursor:pointer}
nav select{width:96%;margin:10px 0 10px 18px;padding:6px;background:#f9f9f9;border:1px solid #e3e3e3;color:#777}
abbr[title],acronym[title]{text-decoration:none;max-width:20%;cursor:pointer}
.codeHeader a,.codeHeader a:hover{color:$(body.text.color)}
.authoravatar{vertical-align:top;border:0;border-radius:100%;padding:0;width:46px;height:46px;margin-right:5px}
.codeHeader{background-color:#f5f5f5;border:1px solid #dcdee0;border-bottom:0;text-align:right;padding:2px}
.copy-text{font-size:14px;padding:7px 10px;border-left:1px solid #e6ecf0}
.copy-text:before{font-family:"Font Awesome 5 Pro","Font Awesome 5 Brands";content:"\f0c5";display:inline-block;margin-right:7px}
pre.code{display:block;font:16px Roboto,"Helvetica Neue",Helvetica,sans-serif;color:$(body.text.color);text-align:left;overflow:auto;border:1px solid #dcdee0;margin:auto;padding:16px;line-height:1.6em;white-space:nowrap}
.dds{vertical-align:middle;display:inline-block}
#LinkList1{float:left}
.dds button.dropdwn,.tb button.dropsss{background:transparent;border:none;cursor:pointer;margin:5px 5px 5px 0;padding:8px;outline:none;color:#707070}
.dds button.dropdwn:hover,.tb button.dropsss:hover{background:rgba(255,255,255,.2);border-radius:100%}
.dds-menu{position:absolute;top:50px;font-size:15px;background:#fafafa;box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.4);display:none;z-index:9;min-width:200px;border-radius:0 0 4px 4px}
.dds-menu ul li{list-style:none}
.dds-menu ul li a{color:$(body.text.color);display:block;padding:10px 16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.dds-menu ul li a:hover{background:rgb(230,230,230)}
.recent-comments{padding:10px;height:456px;overflow-y:scroll}
.recent-comments .loading.load{position:relative;right:5%}
.recent-comments.spinner:before{top:40%;left:40%}
.recent-comments .loading.spinner:before{top:40%;left:45%}
.recent-comments.load{height:450px;position:relative}
.recent-comments::-webkit-scrollbar-track{border-radius:0;background-color:#f0f1f5}
.recent-comments::-webkit-scrollbar{width:0}
.recent-comments::-webkit-scrollbar-thumb{border-radius:10px;background-color:hsla(0,0%,53.3%,.4)}
.recent-comments li{list-style-type:none;position:relative;padding:0 0 10px 0}
.recent-comments li:last-child{padding:0}
.recent-comments .rc_avatar{position:absolute;border-radius:50%;height:40px;width:40px;overflow:hidden}
.recent-comments .rc_avatar img{width:100%;height:100%}
.recent-comments .rc_block{height:65px;overflow:hidden;background:rgb(230,230,230);padding:10px;margin:0 0 0 50px;border:1px solid rgb(230,230,230);border-radius:2px;display:block;font-size:15px;line-height:1.7}
.recent-comments .rc_block:before{content:'';width:0;height:0;position:absolute;top:0;left:-18px;border-width:10px;border-style:solid;border-color:rgb(230,230,230) rgb(230,230,230) transparent transparent;display:block;margin-left:55px}
.recent-comments .rc_header{overflow:hidden;white-space:nowrap}
.recent-comments .rc_content{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-comments .rc_content a{color:#00a16d}
.recent-comments .rc_user{font-size:15px}
.recent-comments .rc_user a{color:#333;font-weight:500}
.recent-comments .rc_date{font-size:13px;padding-left:7px}
.recent-comments .rc_date a{color:#777}
.tb .rc_page{background:#f5f5f5;border-top:1px solid #ccc;border-color:rgba(0,0,0,.2);padding:10px 0;text-align:center}
.tb .rc_page button{cursor:pointer;outline:none;background:#f5f5f5;border:1px solid rgba(0,0,0,.2);padding:7px 10px;border-radius:2px}
.tb .rc_page button:hover{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);border-color:#c6c6c6;background-color:#fff}
#footer{float:left;width:100%;background-color:rgba(0,0,0,.85);position:relative;clear:both;padding:15px 0;font-size:14px;line-height:1.5;color:#d8d8d8;border:0}
#footer .copyright{float:left;width:60%;padding-right:15px}
#footer .contact{float:right;width:40%}
#footer a{color:#d8d8d8}
#footer a:hover{color:#00a26d}
.Footer_legal{float:left;background-color:rgba(19,19,19,0.97);width:100%}
.Footer_legal .main-container{justify-content:space-between;display:flex;padding:13px 0;border-top:1px solid #d8d8d8}
.Footer_legal .copyright{color:#d8d8d8;font-size:14px}
.Footer_legal .copyright span{line-height:25px}
.Footer_legal .socialList{display:flex}
.Footer_legal .socialList a{margin-right:18px}
.Footer_legal .socialList a:last-child{margin-right:unset}
.Footer_legal .socialList svg{fill:#d8d8d8}
.list-label-widget-content{padding:15px 0 15px 0}
.list-label-widget-content li{display:block;padding:8px 12px;position:relative}
.list-label-widget-content li:last-child{border-bottom:0}
.list-label-widget-content li:first-child a:before{top:-7px}
.list-label-widget-content li a{color:$(body.text.color);font:15px Roboto,"Helvetica Neue",Helvetica,sans-serif}
.list-label-widget-content li a:hover{color:$(body.link.color)}
.list-label-widget-content li span:last-child{font-weight:400;margin-left:7px;float:right}
.cloud-label-widget-content{text-align:left;overflow:hidden;margin-bottom:10px}
.cloud-label-widget-content .label-count{color:#fff!important;white-space:nowrap;font-size:12px!important;padding:0 10px 0 0!important}
.cloud-label-widget-content .label-size{display:block;float:left;background-color:$(body.link.color);font-size:11px;margin:0 5px 5px 0;border-radius:2px;transition:all .3s ease}
.cloud-label-widget-content .label-size a,.cloud-label-widget-content .label-size span.label-count{height:16px!important;color:#fff;display:inline-block;font:14px Roboto,"Helvetica Neue",Helvetica,sans-serif;cursor:pointer;transition:all .3s ease}
.cloud-label-widget-content .label-size a,.cloud-label-widget-content .label-size span:first-child{cursor:pointer;display:inline-block;padding:4px 0 10px 5px}
.cloud-label-widget-content .label-size,.cloud-label-widget-content .label-count{height:26px!important;line-height:15px!important}
.cloud-label-widget-content .label-size:hover{background-color:$(body.link.color)}
.cloud-label-widget-content .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:10}
.label-size-1,.label-size-2{opacity:100}
.cd-popup-trigger,.clickbutton,.down{background:#4285f4;border-radius:3px;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);color:#fff;display:inline-block;line-height:36px;min-width:54px;padding:0 16px;text-align:center;text-transform:uppercase;white-space:nowrap;font-size:15px}
.cd-popup-trigger:hover,.clickbutton:hover,.down:hover{background-color:#4285f4;color:#fff}
.img-replace{overflow:hidden;display:inline-block;text-indent:100%;color:transparent;white-space:nowrap}
.cd-nugget-info{position:absolute;width:100%;height:50px;line-height:50px;bottom:0;left:0}
.cd-nugget-info a{position:relative;font-size:14px;color:#5e6e8d;text-align:center;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.no-touch .cd-nugget-info a:hover{opacity:.8}
.cd-nugget-info span{vertical-align:middle;display:inline-block}
.cd-nugget-info span svg{display:block}
.cd-nugget-info .cd-nugget-info-arrow{fill:hsl(0,0%,53.3%)}
.cd-popup{position:fixed;z-index:10;left:0;top:0;height:100%;width:100%;background-color:rgba(94,110,141,.9);opacity:0;visibility:hidden;-webkit-transition:opacity .3s 0s,visibility 0s .3s;-moz-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s}
.cd-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity .3s 0s,visibility 0s 0s;-moz-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}
.cd-popup-container{position:relative;width:auto;max-width:500px;margin:4em auto;background:#fff;text-align:left;padding:25px}
.cd-popup-container .cd-popup-close{position:absolute;top:8px;right:8px;width:30px;height:30px}
.cd-popup-container .cd-popup-close::after,.cd-popup-container .cd-popup-close::before{content:'';position:absolute;top:12px;width:14px;height:2px;background-color:$(body.text.color)}
.cd-popup-container .cd-popup-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px}
.cd-popup-container .cd-popup-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px}
.is-visible .cd-popup-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
a.down,a.down:hover{color:#fff}
.dd{margin:-5px;display:inline-block;background:#f7f7f7;border-radius:50%;white-space:nowrap;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}
.dd:hover{-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12);box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12)}
.dd-menu{background:#fff;display:none;z-index:10;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);max-width:230px;width:100%;text-align:left}
a.drops:hover{background:#eee}
.post-share .dd-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}
.post_meta .dd-menu{position:absolute;right:0}
.dd-menu li{display:block;padding:10px 15px;cursor:pointer}
.dd-menu li a{display:block;font-size:15px;color:$(body.text.color)}
.dd-menu li:hover{background-color:rgb(230,230,230)}
.dd-menu svg{margin-right:25px;height:24px;width:24px;vertical-align:middle}
.tt_tg{float:right;background:#f7f7f7;border-radius:50%}
.tg-menu{position:absolute;right:0;background:#fff;display:none;z-index:10;border:1px solid #e5e5e5;border-radius:2px;max-height:400px;min-width:160px;margin-top:43px}
.tg-menu_sub{background-image:url(//i.imgur.com/d0NQI5b.png);background-position:center top;background-repeat:no-repeat;height:12px;right:10px;position:absolute;top:-9px;width:20px}
.tg li{list-style:none}
.tg li a{font:15px Roboto,"Helvetica Neue",Helvetica,sans-serif;color:$(body.text.color)!important;display:block;padding:10px 15px;line-height:1.2}
.tg li a:hover{background-color:rgb(230,230,230)}
.apps{float:right;display:inline-block;line-height:50px}
.tg_Blog{float:left;height:50px;display:inline-block;padding:9px 0;margin-left:8px}
.tg_Blog button.dropss{padding:0;background:transparent;border:none;cursor:pointer;outline:none}
.tg_Blog .tg-menu_sub{left:unset;right:125px}
.au-menu{position:absolute;top:50px;font-size:15px;max-width:290px;width:100%;background:#fafafa;box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.4);display:none;z-index:10;border-radius:0 0 4px 4px}
.au-menu ul{display:block;list-style:none}
.au-menu ul li{padding:10px 16px}
.au-menu svg{margin-right:32px;vertical-align:middle}
.au-menu ul li a{display:block;color:$(body.text.color)}
.au-menu ul li:hover{background:rgb(230,230,230)}
.gb_bb{background-size:32px 32px;-webkit-border-radius:50%;border-radius:50%;display:block;margin:0;overflow:hidden;position:relative;height:32px;width:32px;z-index:0}
.gb_wb{padding:16px;display:flex;background:rgb(230,230,230)}
.gb_yb{display:inline-block}
.gb_Ab{display:inline-block;border-radius:100%;margin-right:12px;overflow:hidden;height:40px;width:40px}
.gb_wb a{color:#484848}
.gb_bb img,.gb_Ab img{width:100%;height:100%}
.gb_Fb img{width:20px;margin-left:2px;margin-right:32px;vertical-align:middle}
.gb_Bb{font-weight:bold;margin:0 0 5px 0;text-overflow:ellipsis;overflow:hidden}
.gb_Db{text-overflow:ellipsis;overflow:hidden}
.tb-menu{position:absolute;top:50px;background:#fafafa;display:none;z-index:9;max-width:320px;width:100%;box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.4);border-radius:0 0 4px 4px}
a.postviews:hover,a.tt_tg:hover,a.comment-count:hover,.post-icons:hover{background:#ddd}
.dds-menu,.tb-menu,.au-menu{right:2%}
#backer .header .LinkList h3.title,#qc_top h3.title,#qc_bottom h3.title,#banner h3.title,#BlogSearch1 h3.title,#HTML2 h3.title,#HTML3 h3.title,#HTML7 h3.title{display:none!important}
#PlusFollowers1 .widget-content{padding-bottom:3px}
#banner .widget{padding:15px;background-color:#ffffff;float:left;width:100%;position:relative;margin-bottom:15px;border-radius:3px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 2px 0 -2px rgba(0,0,0,0.2),0 0 2px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 2px 0 -2px rgba(0,0,0,0.2),0 0 2px 0 rgba(0,0,0,0.12);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 2px 0 -2px rgba(0,0,0,0.2),0 0 2px 0 rgba(0,0,0,0.12);-webkit-transition:box-shadow 0.25s;-moz-transition:box-shadow 0.25s;-ms-transition:box-shadow 0.25s;-o-transition:box-shadow 0.25s;transition:box-shadow 0.25s}
#banner .widget:hover{-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12);box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12)}
#banner{position:relative;float:left;width:100%}
#HTML5{display:none}
/* css comment */
.comment-form{border-bottom:1px solid #e6ecf0}
#comments .ban-comment{background:#ff5450;font-weight:400;color:#fff;padding:10px 12px;border-radius:4px;margin:0 0 2em}
#comments ol li .comment-content a{font-weight:700;color:#444}
#comments ol li .comment-content a:hover{color:#00a26d}
#comments ol{list-style:none;list-style-type:none;margin:0;padding:0}
#comments ol li .comment-header span.datetime{display:inline-block;margin:-2px 0 0 5px;font-size:12px;vertical-align:middle}
#comments .comment-replies ol li{margin-bottom:10px}
#comments ol li{margin:0}
#comments ol li.comment{margin:0;border-bottom:1px solid #e6ecf0;padding:1em 0 0}
#comments ol li.comment:last-child{border:0!important}
#comments .comment-replies ol li.comment{border:0!important;margin:0}
#comments ol li .avatar-image-container{position:absolute}
#comments ol li .avatar-image-container img,#comments ol li .avatar-image-container svg{width:35px;height:35px;border-radius:50%}
#comments .loadmore{font-size:12px;font-weight:700;color:#555;background:#fafafa;padding:6px 10px;display:table;border-radius:4px;cursor:pointer;text-transform:uppercase;transition:.1s ease;user-select:none}
#comments .loadmore:hover{background:#eee}
#comments .loadmore:focus,#comments .loadmore:active{background:#ddd}
#comments ol li .comment-block{margin:0 0 0 50px}
#comments .comment-replies ol li .comment-block{margin:0 0 0 35px}
#comments .comment-replies ol li .avatar-image-container img{width:27px;height:27px}
#comments .comment-actions a{font-size:12px;font-weight:500;color:#666;text-transform:uppercase;margin:7px 0 1em 50px;background:#fafafa;padding:5px 10px;border:1px solid #e6e6e6;display:inline-block;border-radius:3px}
#comments .comment .comment-actions a:before{content:'\f3e5';font-family:"Font Awesome 5 Pro","Font Awesome 5 Brands";font-weight:700;margin:0 5px 0 0}
#comments .comment-actions a:hover{border-color:#00a26d}
#comments .comment-replies a.comment-reply{display:none}
#comments ol li p.comment-content{margin:7px 0 0;padding:0;color:#333;line-height:1.4;word-break:break-all}
#comments ol div.continue a{font-weight:500;font-size:12px;text-transform:uppercase;margin:0 0 20px;display:table}
#comments a:hover{color:#00a26d!important}
#comments ol li .comment-header cite.user a,#comments ol li .comment-header cite.user{font-weight:700;font-style:normal;margin:0;color:#444}
#comments ol li .comment-header cite.blog-author:after{content:'\f445';font-family:"Font Awesome 5 Free";font-weight:700}
#comments ol.thread-expanded{margin:0 0 0 20px;padding:0 0 0 30px;border-left:1px solid #eee}
#comments h40,#comments p.comment-footer,#comments ol li .item-control,#comments .thread-toggle{display:none}
#comment-editor{margin:0;min-height:93px;border:0}
#comments .continue,#comments .hidden{display:none}
/* load comment*/
.spinner:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;width:80px;height:80px;background:url(https://startinhit.github.io/photo/loading-hight.svg) center center no-repeat}
.comment-form.spinner:before{top:20%;left:46%}
.comment-form.load{position:relative;height:200px;width:100%}
.box_category.spinner:before{top:30%;left:46%}
.box_category.load{height:200px;position:relative}
#loadposts .button{background:transparent;border:0;outline:0;padding:0;text-transform:uppercase;color:#484848}
@keyframes spinner{to{transform:rotate(360deg)}}
@-webkit-keyframes spinner{to{-webkit-transform:rotate(360deg)}}
/* end */
@media screen and (max-width:1128px){#backer .main-container{padding:0 20px}div.menu-top-startinhit{padding:0!important}}
@media screen and (max-width:1139px){#footer .main-container{padding:0 13px}.Footer_legal .main-container{margin:0 13px}.bg_Se .gb_Se{min-width:520px}}
@media screen and (max-width:1024px){.post_thumb{width:45%}#backer .header .BlogSearch{margin-left:20px}}
@media screen and (max-width:960px){#backer .main-container{max-width:960px;margin:0;padding:0 15px}.tg_Blog .tg-menu_sub{display:none}.dialog-cookie{padding:15px}}
@media screen and (max-width:860px){.main-container{padding-left:0;padding-right:0}.bg_Se .gb_Se{min-width:390px}#backer .backer-right .follow{display:none}.ProfileNav,.breadcrumbs{border-radius:unset}}
@media screen and (max-width:800px){.main-wrapper{width:100%!important}#banner #HTML3{display:none}#backer{height:50px!important}#backer .list-label-widget-content{top:50px! important}.top{padding-top:63px}#menu-top-startinhit{display:none}.bg_Se .gb_Se{min-width:350px}#qc_top,#qc_bottom{border-radius:unset}.main-wrapper,#banner{width:100%;padding:0 10px}#related-posts ul{margin:0 -5px}#related-posts ul li{padding:0 5px 10px 5px}#HTML11,#Label2,#HTML6,#FollowByEmail1{display:none}.sidebar-wrapper{width:100%;padding:0 10px}.sidebar-wrapper .widget{margin-bottom:15px}#follow-by-email{padding:15px}.PopularPosts .item-snippet p{display:-webkit-box}.PopularPosts .item-title a{font-size:20px;line-height:normal;-webkit-line-clamp:2}.post_snippet{-webkit-line-clamp:2}}
@media screen and (max-width:768px){.bg_Se .gb_Se{min-width:320px}}
@media screen and (max-width:700px){.bg_Se .gb_Se{min-width:250px}#backer .header .LinkList{margin-left:7px}}
@media screen and (max-width:660px){.bg_Se .gb_Se{min-width:210px}}
@media screen and (max-width:640px){#blog-pager .lastpage,#blog-pager .firstpage{display:none}#footer .copyright{width:100%;padding:0 0 15px 0}#footer .contact{float:left;width:100%}.bg_Se .gb_Se{min-width:190px}.post_header{padding:20px 40px}}
@media screen and (max-width:600px){#banner .widget{padding:10px}.PopularPosts .item-snippet p{-webkit-line-clamp:2}#backer .bg_Se{display:none}#backer .list-label-widget-content .search{display:block}#backer .list-label-widget-content ul{height:87.6%}.post_thumb{width:48%}}
@media screen and (max-width:550px){.PopularPosts .item-title a{-webkit-line-clamp:3;font-size:18px;line-height:1.4}.PopularPosts .item-snippet{display:none}.Footer_legal .main-container{display:block;text-align:center}.Footer_legal .socialList{display:block;padding-top:10px}#backer .header .BlogSearch{margin:0}#backer .backer-right,.dds{padding-left:5px}#related-posts .item{display:block;vertical-align:unset}.box_category{margin:0}#related-posts .item{width:100%;float:left;margin:0 0 15px 0;padding:0 0 15px 0;border-bottom:1px solid #e6ecf0}#related-posts .item:first-child{border:0;padding:0}#related-posts .item:last-child{padding:0;border:0}#related-posts .item:first-child .post-thumb{height:285px;width:100%}#related-posts .item:first-child .post-title{width:100%;float:left;display:block;margin-top:15px}.post_meta,#related-posts .post-meta{float:none;display:block;padding:10px 0 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}#related-posts .item:first-child .post-meta{float:left;padding:10px 0}#related-posts .item:first-child .post-snippet{float:left;display:block}}
@media screen and (max-width:500px){#blog-pager{text-align:center!important}#blog-pager .showpageOf,mobi{display:none}.post_meta{padding:4px 0 0 0}h2.post_title{font-size:16px;line-height:1.4;-webkit-line-clamp:3}.post_snippet,#related-posts .post-snippet,.print-email{display:none}#related-posts{float:left;width:100%}#related-posts ul{margin:0}.night #related-posts ul li{border-bottom:1px dashed #323232}#related-posts ul li{float:left;width:100%;padding:0;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px dashed #e6ecf0;display:block;vertical-align:unset}#related-posts ul li:last-child{margin:0;border:0}#related-posts .post-thumb{float:left;width:48%;margin-right:15px;display:flex;margin-bottom:0}#related-posts .post-title{float:none;font-size:medium;-webkit-line-clamp:3;line-height:1.3}.post_meta .post-timestamp,#related-posts .post-date{display:none}#related-posts .item:first-child .post-date{display:inline-block}#related-posts .item:first-child .post-title{font-size:22px}}
@media screen and (max-width:414px){.ribbon-pre-template span,.ribbon-free-template span{top:15px!important;left:-25px!important}.box_category.spinner:before{left:43%}.dd{display:none}h1.post-title{font-size:24px;line-height:1.3}.box_category{margin:0}.comment-form.spinner:before{left:43%}.PopularPosts .item-title a{font-size:medium;line-height:1.3}}
@media (max-width:384px){.post_meta{display:none}#backer .header .homepage a{font-size:14px}}
@media screen and (max-width:375px){#backer .Label{margin-right:10px}#Header1{margin-right:0}#backer .backer-right{padding:0}.dds button.dropdwn,.tb button.dropsss{margin:5px 0}#backer .main-container{padding:0 10px}.tg_Blog .tg-menu_sub{right:15px;display:block}.dds-menu,.tb-menu,.au-menu{right:0}}
@media screen and (max-width:360px){.emoticon-label{display:none!important}h2.post_title{line-height:1.3}.post-button-container a.post-button.left{margin-bottom:5px;margin-right:1px}}
@media screen and (max-width:320px){#Header1{display:none}h2.post_title{font-size:15px}}
@media print{.post-outer{box-shadow:none!important}body{width:90%;height:100%;overflow:hidden;margin:0 auto;padding:0;display:block}.main-wrapper{width:100%;border:0;border-radius:unset}h1.post-title{margin-bottom:30px}#backer,.nread,.post-footer,.sidebar-wrapper,#HTML5,#HTML6,#HTML7,.post-action,.MD-StoTop,.codeHeader,.post-button-container,#footer,#backer,.breadcrumbs,.social-sharing-widgets,.Footer_legal .main-container,.reaction .total,#HTML4,#related-posts,#arcontactus{display:none!important}pre.code{border:0;white-space:unset;overflow:hidden}}
div.menu-top-startinhit{overflow:hidden;width:1600px;margin:auto;max-width:100%;max-height:37px;height:100%;padding:0 3%}
div#menu-top-startinhit{background:rgba(0,0,0,.1)}
div.menu-top-startinhit .left{float:left}
div.menu-top-startinhit .right{float:right}
div#menu-top-startinhit .menu-top-startinhit li{list-style:none;display:inline-block;position:relative}
div.menu-top-startinhit a{color:#eee;padding:10px;display:inline-block;font-size:14px;text-transform:uppercase}
div.menu-top-startinhit a:hover{background:rgba(0,0,0,.07);color:#fff}
/* Css Randomposst */
.random_posts.load{height:456px;position:relative}
.random_posts.spinner:before{left:48.5%;top:43%}
#banner .random_posts{margin:0 -7.5px}
#banner .post{margin:0;border:0;float:none;padding:0 7.5px 15px 7.5px;display:inline-block;width:25%;vertical-align:top;position:relative}
#banner .post:nth-of-type(1),#banner .post:nth-of-type(2),#banner .post:nth-of-type(3){width:33.33%}
#banner .post:nth-of-type(4),#banner .post:nth-of-type(5),#banner .post:nth-of-type(6),#banner .post:nth-of-type(7){padding:0 7.5px 0 7.5px}
#banner .post_thumb{width:100%}
#banner .post_title{font-size:16px;float:left;width:100%;padding:10px 0 0 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.5}
#banner .post_title a{color:#484848;display:block}
#banner .post_title a:hover{color:#00a26d}
.random_posts .label{display:block;position:absolute;left:10px;bottom:10px;padding:0 8px;border-radius:2px;background:rgba(0,0,0,.5);color:#ffffff;line-height:24px;font-size:13px}
.random_posts .label:after{content:unset;padding:0}
.random_posts .label a{color:#ffffff;padding:0}
#banner .post_meta,#banner .post_snippet{display:none}
.thumb{position:relative}
.ribbon-pre-template,.ribbon-free-template{position:absolute;left:0;top:0;z-index:1;overflow:hidden;width:100%;height:100%}
.ribbon-pre-template span,.ribbon-free-template span{font-size:12px;font-weight:500;color:#FFF;text-align:center;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#e85959;position:absolute;top:20px;left:-20px}
.ribbon-free-template span{background:#333;box-shadow:0 3px 10px -5px #000}
.post-button-container{float:left;width:100%;margin:10px 0 15px 0;text-align:center}
.post-button-container a.post-button{font-weight:400;position:relative;font-size:15px;background-color:#ffffff;border-radius:3px;transition:border-color .3s;color:#484848!important;display:inline-block;line-height:36px;white-space:nowrap;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}
.post-button-container a.post-button:hover{-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12);-moz-box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12);box-shadow:0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 12px 0 rgba(0,0,0,0.12)}
.post-button-container a.post-button.left{margin-right:5px;padding:0 10px 0 20px}
.post-button-container a.post-button.left:before{font-family:"Font Awesome 5 Pro","Font Awesome 5 Brands";content:'\f104';font-size:18px;font-style:normal;font-weight:normal;color:hsl(0,0%,53.3%);position:absolute;left:5px}
.post-button-container a.post-button.right{padding:0 20px 0 10px}
.post-button-container a.post-button.right:after{font-family:"Font Awesome 5 Pro","Font Awesome 5 Brands";content:'\f105';font-size:18px;font-style:normal;font-weight:normal;color:hsl(0,0%,53.3%);position:absolute;right:5px}
/*css all*//
.alert-message{position:relative;display:block;padding:15px;margin:10px 0;border:1px solid rgba(155,155,155,0.17);border-radius:2px}
.alert-message.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}
.alert-message.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}
.alert-message.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}
.alert-message.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}
.callout{padding:15px;margin:10px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}
.callout.callout-success{border-left-color:#28a745}
.callout.callout-danger{border-left-color:#dc3545}
.callout.callout-warning{border-left-color:#ffc107}
.callout.callout-info{border-left-color:#17a2b8}
.colorbox{color:#222222;overflow:hidden;position:relative;margin:10px 0!important;padding:15px;line-height:26px!important;word-break:break-word}
.colorbox.colorbox-success{border:2px dashed #28a745;background:#eff9f2}
.colorbox.colorbox-danger{border:2px dashed #dc3545;background:#fdf0f2}
.colorbox.colorbox-warning{border:2px dashed #ffc107;background:#fffbed}
.colorbox.colorbox-info{border:2px dashed #17a2b8;background:#eef9fa}
/* Css Button */
#all-button{text-align:center}
#all-button a{margin:10px 10px;line-height:1.5;background-color:#4e92df;cursor:pointer;font-family:"Roboto",sans-serif;border-radius:2px;box-shadow:0 0 2px 0 rgba(0,0,0,0.12),0 2px 2px 0 rgba(0,0,0,0.24);font-weight:400;text-transform:capitalize;padding:8px 15px;display:inline-block;color:#fff!important}
.download-button:before{content:"\f019";font-family:"Font Awesome 5 Pro","Font Awesome 5 Brands";display:inline-block;margin:0 8px 3px 0;vertical-align:middle}
.demo-button:before{content:"\f06e";font-family:"Font Awesome 5 Pro","Font Awesome 5 Brands";display:inline-block;margin:0 8px 3px 0;vertical-align:middle}
.hd-button:before{content:"\f658";font-family:"Font Awesome 5 Pro","Font Awesome 5 Brands";display:inline-block;margin:0 8px 3px 0;vertical-align:middle}
.startinhit{display:none}
table{background-color:transparent;width:100%;max-width:100%;margin-bottom:20px}
table.tr-caption-container{padding:0;border:none}
table td.tr-caption{font-size:12px;font-style:italic}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
th{text-align:left}
.table{width:100%;max-width:100%;margin-bottom:20px}
.table a{text-decoration:none!important}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{padding:8px;line-height:1.42857143;vertical-align:top}
.table > thead > tr > th{background-color:#00A16D;color:#fff;vertical-align:bottom}
.table > thead > tr > th a{color:#fff!important}
.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td{border-top:0}
.table > tbody > tr:nth-of-type(odd){background-color:#f4f4f4}
table col[class*="col-"]{position:static;display:table-column;float:none}
table td[class*="col-"],table th[class*="col-"]{position:static;display:table-cell;float:none}
.table-responsive{min-height:.01%;overflow-x:auto}
@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive > .table{margin-bottom:0}.table-responsive > .table > thead > tr > th,.table-responsive > .table > tbody > tr > th,.table-responsive > .table > tfoot > tr > th,.table-responsive > .table > thead > tr > td,.table-responsive > .table > tbody > tr > td,.table-responsive > .table > tfoot > tr > td{white-space:nowrap}.table-responsive > .table-bordered{border:0}}
/* css phân trang */
#blog-pager{clear:both;margin:10px auto;text-align:right;padding:7px 0;margin-right:-5px}
.blog-pager{background:none}
.displaypageNum a,.showpage a,.pagecurrent{font-size:14px;padding:5px 12px;margin-right:5px;color:#555;background-color:#dcdee0;border-radius:3px}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#00a26d;text-decoration:none;color:#fff;border-radius:3px}
#blog-pager .pagecurrent{font-weight:bold;color:#fff;background:#00a26d}
.showpageOf{float:left}
#blog-pager .pages{border:none}
/* setting dark mode */
input[type=checkbox]{display:none}
.toggle .slider:before{content:"";background-color:#909090;position:absolute;top:-3px;left:0;width:24px;height:24px;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;border-radius:40px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;box-shadow:0 1px 5px 0 rgba(0,0,0,0.6)}
.toggle{position:relative;float:right;width:58px;height:0;top:0;left:5px}
.toggle label{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background:transparent}
.toggle label{background-color:#ccc;width:47px;height:18px;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;border-radius:40px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer}
input[type=checkbox]:active+.toggle .slider:before{width:35px}
.night input[type=checkbox]+.toggle label{background:#815fdd}
.night input[type=checkbox]+.toggle .slider:before{-webkit-transform:translate(23px,0);transform:translate(23px,0);background:#fff;box-shadow:0 1px 5px 0 rgba(255,255,255,0.6)}
.night input[type=checkbox]:active+.toggle label{border:16px solid #a745dd}
.night input[type=checkbox]:active+.toggle .slider:before{left:24px}
/* dark mode */
body.night,.night #backer .list-label-widget-content .copyright,.night .gb_wb{background-color:#121212}
.night .lien-ket-blogg li a,.night .recent-comments .rc_block{background-color:#1d1d1d}
.night #related-posts,.night .post-outer,.night .breadcrumbs,.night .sidebar-wrapper .widget,.night #backer .list-label-widget-content,.night .dds-menu,.night .tb-menu,.night .au-menu,.night #footer,.night #banner .widget,.night #backer{background-color:#252525}
.night h2.post_title a,.night .PopularPosts .item-title a,.night #banner .post_title a,.night #backer .list-label-widget-content li a,.night #backer .list-label-widget-content .copyright a,.night .au-menu ul li a,.night .dds-menu ul li a,.night .recent-comments .rc_user a,.night .gb_wb a,.night #comments .comment .comment-header .user,#comments .comment .comment-header .user a,.night .post-header,.night .nread a,.night .breadcrumbs a,.night .post-body,.night .post-comment a,.night .title-secondary a,.night .about-author .name,.night #related-posts .post-title,.night .breadcrumbs ul li:before,.night .breadcrumbs .search-label a:after,.night .breadcrumbs .search-label a,.night .breadcrumbs .search-label span,.night .lien-ket-blogg a,.night .btn-popup-container h2,.night #backer .search input,.night .ok,.night .show-comment,.night .hide-comment{color:#ddd}
body.night,.night .post_meta a,.night .post_meta span,.night #comments .comment .comment-header .datetime a,.night #comments .comment .comment-footer .comment-timestamp a,.night #comments .comment .comment-content,.night .post_meta .post_date:before,.night div.menu-top-startinhit a{color:#ababab}
.night .recent-comments .rc_block:before{border-color:rgb(29,29,29) rgb(29,29,29) transparent transparent}
.night .recent-comments .rc_block{border:1px solid #1d1d1d}
.night #comments .comment .comment-block:before{border-right:20px solid #1d1d1d}
.night .post-button-container a.post-button,.night .emoticon-label,.night .keywords a,.night .comments-label,.night .reaction-hover .reaction-label{background-color:#f7f7f7}
.night .nread{border-bottom:1px solid #323232;border-top:1px solid #323232}
.night .sidebar-wrapper h3 span,.night #related-posts h3 span,.night .breadcrumbs h3 span{background:#252525;color:#ddd}
.night #related-posts h3:before,.night .sidebar-wrapper h3:before,.night .breadcrumbs h3:before{background-image:-webkit-linear-gradient(left,#ddd,#ddd)}
.night .PopularPosts ul li{border-bottom:1px dashed #323232}
.night .PopularPosts ul li:last-child{border:0;padding:0;margin:0}
.night .post-body h3{color:#d5d874}
.night .table > tbody > tr:nth-of-type(odd){background-color:#232323}
.night .table > thead > tr > th{background-color:rgba(230,230,230,.1)}
.night #backer .list-label-widget-content li:hover,.night .dds-menu ul li a:hover,.night .au-menu ul li:hover{background:rgba(255,255,255,.1)}
.night #backer .list-label-widget-content .list-item ul,.night #backer .search input,.night #comments ol li.comment,.night .comment-form{border-bottom:1px solid rgba(255,255,255,.1)}
.night .show-posts .load-posts,.night .load-more a{background:rgba(0,0,0,0.4);color:#ddd;border:1px solid #151515}
.night .post-body h2{color:#d5d874;border-top:1px solid #484848}
.night .post-body h2:after{background:#d5d874}
.night .post-body h2:hover{border-top:1px solid #d5d874}
.night .post-body h2:hover:after{width:100%;background:#252525}
.night .btn-popup-container{background:#252525}
.night .blanterinput input,.night .blanterinput textarea{border-bottom:1px solid #444444;background:#252525;color:#bbb}
.night .blanterinput input:focus~label,.night .blanterinput input:valid~label,.night .blanterinput textarea:focus~label,.night .blanterinput textarea:valid~label{color:#d5d874}
.night input#ContactForm1_contact-form-submit,.night .buttonBlue{color:#ddd;background:#d5d874}
.night .comments .svg-24{fill:#ddd}
.night .g-profile{color:#ebedf0}
.night .post-author svg{fill:#bbb}
.night #backer .list-label-widget-content .note li,.night #backer .list-label-widget-content li a i,.night #backer .list-label-widget-content svg{background:rgba(230,230,230,.1);color:#ddd;fill:#ccc}
.night .toggle-list .slider:before{box-shadow:0 1px 5px 0 rgb(76,76,76)}
.night.list input[type=checkbox]+.toggle-list .slider:before{box-shadow:0 1px 5px 0 rgba(255,255,255,0.6)!important}
.night .thumb_loading{background:#222 url(//startinhit.github.io/photo/loading.svg) center center no-repeat}
.night #backer .list-label-widget-content .search{background:#1d1d1d}
.night #comments .comment-actions a{color:#ddd;background:#555;border:1px solid #222}
.night #comments .comment-actions a:hover{color:#bcbf4c!important}
.night #comments ol.thread-expanded{border-left:1px solid rgba(255,255,255,.1)}
.night .post-body a{color:#d5d874}
.night .post-body a:hover{color:#33a1f5}
.night div.menu-top-startinhit a:hover,.night .tb button.dropsss:hover,.night #backer .Label button:hover,.night .dds button.dropdwn:hover{background:rgba(255,255,255,.07)}
.night div#menu-top-startinhit{background:rgba(0,0,0,.2)}
.night .post-body .post-info{color:#ddd;background-color:#1f1f1f;border:1px solid #171717}
.night .post-body .post-info:hover{border-color:#00a26d}
.ok{padding:10px 15px;font-size:14px;line-height:1.45;color:#484848}
.ok br{display:table;padding:3px 0;content:''}
/* Grid mode */
input[type=checkbox]{display:none}
.toggle-list .slider:before{content:"";background-color:#909090;position:absolute;top:-3px;left:0;width:24px;height:24px;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;border-radius:40px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;box-shadow:0 1px 5px 0 rgba(0,0,0,0.6)}
.toggle-list{position:relative;float:right;width:58px;height:0;top:0;left:5px}
.toggle-list label{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background:transparent}
.toggle-list label{background-color:#ccc;width:47px;height:18px;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;border-radius:40px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer}
input[type=checkbox]:active+.toggle-list .slider:before{width:35px}
.list input[type=checkbox]+.toggle-list label{background:#815fdd}
.list input[type=checkbox]+.toggle-list .slider:before{-webkit-transform:translate(23px,0);transform:translate(23px,0);background:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,0.6)}
.list input[type=checkbox]:active+.toggle-list label{border:16px solid #a745dd}
.list input[type=checkbox]:active+.toggle-list .slider:before{left:24px}
/* label-tag */
.label-tag{font-size:22px;width:34px;height:42px;line-height:42px;text-align:center;position:absolute;top:0;left:8px;box-sizing:border-box;color:#fff;z-index:2;border-radius:0 0 2px 2px}
.label-tag i{font-size:12px;color:#fff;border:1px solid;border-radius:50%;padding:0;height:23px;width:23px;text-align:center;line-height:22.5px}
.label-tag.windows{background-color:#0077db}
.label-tag.blogger{background-color:#f66400}
.label-tag.facebook{background-color:#4267b2}
.label-tag.photos{background-color:#9A12B3}
.label-tag.code{background-color:#D80F16}
.label-tag.news{background-color:#D80F16}
.label-tag:after{content:"";position:absolute;top:41px;left:0;width:0;height:0;border-style:solid;border-width:10px 17px 0;border-color:#f90 transparent transparent}
.label-tag.windows:after{content:"";border-color:#0077db transparent transparent}
.label-tag.blogger:after{content:"";border-color:#f66400 transparent transparent}
.label-tag.facebook:after{content:"";border-color:#4267b2 transparent transparent}
.label-tag.photos:after{content:"";border-color:#9A12B3 transparent transparent}
.label-tag.code:after{content:"";border-color:#D80F16 transparent transparent}
.label-tag.news:after{content:"";border-color:#D80F16 transparent transparent}
/* Ripple */
a.ripple:hover{color:#707070}
.flat-icon-button .splash.animate{-webkit-animation-duration:.3s;animation-duration:.3s}
.flat-button{cursor:pointer;border-radius:2px;padding:8px}
.splash-wrapper{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}
.ink{background:rgba(0,0,0,.3);border-radius:100%;display:block;opacity:.9;position:absolute;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0)}
.ink.animate{animation:ripple 0.65s forwards;-webkit-animation:ripple 0.65s forwards;-moz-animation:ripple 0.65s forwards}
.ink.animate.end{transition:all 0.5s ease-in-out;background-color:rgba(255,0,0,0.0);box-shadow:none;border-radius:0}
@-webkit-keyframes ripple{100%{-webkit-transform:scale(2.5);transform:scale(2.5)}}
@-moz-keyframes ripple{100%{-moz-transform:scale(2.5);transform:scale(2.5)}}
@keyframes ripple{100%{transform:scale(2.5);-webkit-transform:scale(2.5);-moz-transform:scale(2.5)}}
/* thumbnail loading */
.thumb_loading{display:block;padding-bottom:50%;border-radius:4px;background:#f2f2f2 url(//startinhit.github.io/photo/loading.svg) center center no-repeat}
/* Content */
.mbtTOC{
        border:5px solid #f7f0b8;
        box-shadow:1px 1px 0 #EDE396;
        background-color:#FFFFE0;
        color:#707037;
        line-height:1.4em;
        margin:30px auto;
        padding:20px 30px 20px 10px;
        font-family:oswald, arial;
        display: block;
         width: 70%;
        } 
		
.mbtTOC ol,.mbtTOC ul {
        margin:0;
        padding:0;
                      } 
					  
.mbtTOC ul {
        list-style:none;
           }   
		   
.mbtTOC ol li,.mbtTOC ul li {
        padding:15px 0 0;
        margin:0 0 0 30px;
        font-size:15px;
                            } 
          
.mbtTOC a{
        color:#0080ff;
        text-decoration:none;
          } 
          
.mbtTOC a:hover{
        text-decoration:underline; 
              }

        
.mbtTOC button{
        background:#FFFFE0;
        font-family:oswald, arial; 
        font-size:20px;position:relative; 
        outline:none;
        cursor:pointer; 
        border:none; 
        color:#707037;
        padding:0 0 0 15px;
               }  
			   
.mbtTOC button:after{
        content: "\f0dc"; 
        font-family:FontAwesome; 
        position:relative; 
        left:10px; 
        font-size:20px;
                    }
.post-body a {position:relative;}
.post-body a::before {
content:attr(href);
font-size:12px;
line-height:11px;
font-family:Arial,sans-serif;
text-transform:none;
padding:8px 12px;
top:-34px;
right:0px;
border:1px dashed #7577a9;
transition:.3s ease-out;
background:#fff;
color:#7577a9;
border-radius:2px;
position:absolute;
opacity:0;
visibility:hidden;
z-index:9999;
}
.post-body a::after {
content:" ";
width:0;
height:0;
right:10px;
top:-6px;
transition:.3s ease-out;
border-color:#7577a9 transparent transparent;
border-style:solid;
border-width:6px 6px 0;
position:absolute;
opacity:0;
visibility:hidden;
z-index:9999;
}
.post-body a:hover::before, .post-body a:hover::after {
opacity:1.5;
visibility:visible;
}