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:#e9ebee;color:#484848;font-family: 'SolaimanLipi', sans-serif;font-size:16px;margin:0;min-height:100vh;word-wrap:break-word;word-break: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: #FF5722;background-image: linear-gradient(50deg,#6400f5,#fb0035);display:inline-block;position:fixed;top:0;left:0;right:0;z-index:999;box-shadow:0 2px 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:80px}
.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;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: #FF5722;background-image: linear-gradient(50deg,#ff0036,#6800ff);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:#fff;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:#ffffff}
#backer .list-label-widget-content li:hover{display:block;light-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:#ffffff}
#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{margin-top:10px;height:30px;width:120px;}
#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:#00a26d;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:#484848}
.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: 'SolaimanLipi', 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: white;font:15px Roboto,'SolaimanLipi', 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,#fb0035,#489e8e);background-image:-o-linear-gradient(left,#fb0035,#489e8e)}
.breadcrumbs h3 span{background:#fff;position:relative;padding-right:15px;color:#049372}
.breadcrumbs ul,.breadcrumbs>h3,.breadcrumbs>div,.breadcrumbs .search-label span{border-bottom:3px solid #fb0035;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 #fb0035;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 #fb0035;padding-bottom:10px}
.breadcrumbs .search-label h1{font-size:16px;font-weight:normal;display:inline-block}
.breadcrumbs .search-label h1.search-query{color:#fb0035}
.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:#484848}
.post_header a:hover{color:#00a26d}
.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:#a40075;}
h2.post_title a{color: #484848;display:block}
.post-lastupdated{margin-top:5px;padding-left:50px;font-size:14px}
.post-author .share-link a{color:#00a26d}
.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:#484848}
.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:#484848}
.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,'SolaimanLipi', 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 17px Roboto,'SolaimanLipi'sans-serif;margin: 5px 0}
.post-body h3.title{display:block;padding-top:15px;font:16px Roboto,'SolaimanLipi', sans-serif;line-height:1.6em;font-weight:500;transition:all .3s ease-out 0s}
.post-body h3{font:500 18px  Roboto,'SolaimanLipi'sans-serif;text-align:left;color:#FF0A1D;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,'SolaimanLipi', sans-serif;text-transform:uppercase;margin:10px 0;color:#FF0624;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:#FF0624;bottom:0;left:50%;transform:translate(-50%,0);transition:1s;-webkit-transition:1s;}
.post-body h2:hover{border-top:1px solid #FF0624;letter-spacing:1px;}
.post-body h2:hover:after{width:100%;background:#fff;}
.post-header{color:#484848;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:#a40075;}
.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: #484848;}
.keywords{display:inline-block}
.keywords a{background: #FF5722;background-image: linear-gradient(50deg,#ff0036,#6800ff);font-size:14px;color:#ffffff;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: 'SolaimanLipi', 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,'SolaimanLipi', sans-serif;color:#484848;transition:all .3s ease-out 0s;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}
.post-body a{color:#00a26d}
.post-body a:hover{color:#3b78e7}
.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:5px 0 10px 0;text-align:center}
.post blockquote,.post code{-webkit-user-select:all!important;-moz-user-select:all!important;-ms-user-select:all!important;user-select:all!important;}
.post blockquote{background:#eee;margin:10px 0;text-align:left!important;padding:12px;transition:.3s;font:400 17px Monospace;letter-spacing:0;line-height:1.5;color:#555;max-height:300px;overflow:auto;border-left:3px solid #008d4c;}
.post blockquote::-webkit-scrollbar{width:5px;height:6px;}
.post blockquote::-webkit-scrollbar-thumb{background:#ddd;}
.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:#484848;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,'SolaimanLipi', 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:#484848}
.post-footer .about-author a:hover{color:#00a26d}
.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:#484848;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:#3b78e7}
.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;.bar:after,background-image: linear-gradient(50deg,#6400f5,#fb0035);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-image: linear-gradient(50deg,#6400f5,#fb0035);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:#484848}
.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:#484848}
.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: #484848;font:16px 'SolaimanLipi', 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: #FF5722;background-image: linear-gradient(50deg,#ff0036,#6800ff);}
#related-posts h3 span{background:#FF5722;background-image: linear-gradient(50deg,#ff0036,#6800ff);position:relative;padding-right:15px;color:#fff}
.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: #484848;}
.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(#ef0044),to(#6a00ee));
    background-image: -webkit-linear-gradient(left,#ef0044,#8000d2);
    background-image: -o-linear-gradient(left,#00a284,#489e8e);
}
.sidebar-wrapper h3 span{background:#FF5722;background-image: linear-gradient(50deg,#ff0036,#6800ff);position:relative;padding-right:15px;color:#fff}
.MD-StoTop{background: #FF5722;background-image: linear-gradient(50deg,#ff0036,#6800ff);bottom:65px;cursor:pointer;position:fixed;right:25px;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{color:#484848;}
.PopularPosts .item-title a:hover{color:#a40075;}
.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:#484848}
.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,'SolaimanLipi', sans-serif;color:#484848;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:#484848;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;margin-bottom: 10px;background: #FF5722;background-image: linear-gradient(50deg,#ff0036,#6800ff);padding: 3px;border-radius: 4px;overflow: hidden;position: relative;box-shadow: inset 3px 9px 16px #0000009e;}
.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:#484848;font:15px Roboto,"Helvetica Neue",Helvetica,sans-serif}
.list-label-widget-content li a:hover{color:#00a26d}
.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:#00a26d;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,'SolaimanLipi', 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:#00a26d}
.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:#484848}
.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: #FF5722;background-image: linear-gradient(50deg,#ff0036,#6800ff);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: #FF5722;background-image: linear-gradient(50deg,#ff0036,#6800ff);e}
.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:#484848}
.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-image: linear-gradient(50deg,#ff0036,#6800ff);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,'SolaimanLipi', sans-serif;color:#484848!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:#484848}
.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 how * /
.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-word}
#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(//img.nguyentinhblog.com/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 */
/* 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:420px}}
@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:350px}#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:35px}#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:270px}}
@media screen and (max-width:700px){.bg_Se .gb_Se{min-width:220px}#backer .header .LinkList{margin-left:7px}}
@media screen and (max-width:660px){.bg_Se .gb_Se{min-width:190px}}
@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:170px}.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:show;margin-top:1px;height:30px;width:100px;}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{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}
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:#a40075;}
.random_posts .label{display:block;position:absolute;left:10px;bottom:10px;padding:0 8px;border-radius:2px;background-image: linear-gradient(50deg,#6400f5,#fb0035);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:afer{display:none}
.post-button-container a.post-button{font-weight:400;position:relative;font-size:15px;background: #FF5722;background-image: linear-gradient(50deg,#ff0036,#6800ff);;border-radius:3px;transition:border-color .3s;color:#ffffff!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 Button */
#all-button{text-align:center}
#all-button a{margin:10px 10px;line-height:1.5;background-color:#4e92df;cursor:pointer;font-family:"Roboto",arial,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}
.hd-button:before{content:"\f125";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}
.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}}
/ * pss css * /
#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: #FF5722;background-image: linear-gradient(50deg,#ff0036,#6800ff);}
.showpageOf{display:none}
#blog-pager .pages{border:none}
.displaypageNum a:hover, .showpage a:hover, .pagecurrent {background: #FF5722;background-image: linear-gradient(50deg,#ff0036,#6800ff);}
/* 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 .MD-StoTop,.night #ignielSubscribe, .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:#1d1d1d;background-image: linear-gradient(50deg,#423a3b,#242424);}
.night #blog-pager .pagecurrent {background: #3a3435;background-image: linear-gradient(50deg,#3a3435,#3a3435);}
.night .displaypageNum a:hover, .showpage a:hover, .pagecurrent {background: #3a3435;background-image: linear-gradient(50deg,#3a3435,#3a3435);}
.night .tg li a {color:#fff;}
.night .breadcrumbs {color: #fff;background: #252525;}
.night .breadcrumbs svg path {fill: #9E9E9E;}
.night .breadcrumbs svg.homesvg path {fill: #9E9E9E;}
.night .authorboxwrap {background:#3b3536;color:white;}
.night .author_description_container h4 a {color:#fff;}
.night .MD-StoTop svg {fill: hsl(0, 19%, 95%);}
.night #related-posts .post-title {color:#fff;}
.night #related-posts h3 span {background: #3a3435;background-image: linear-gradient(50deg,#3a3435,#3a3435);}
.night .dd {background: #3a3435;background-image: linear-gradient(50deg,#3a3435,#3a3435);}
.night a.drops:hover {background: #3a3435;background-image: linear-gradient(50deg,#3a3435,#3a3435);}
.night span.tulisbreaking{background: #312e2e;background-image: linear-gradient(50deg,#9E9E9E,#9E9E9E);}
.night marquee{background: #312e2e;background-image: linear-gradient(50deg,#9E9E9E,#9E9E9E)}
.night .bsw-wavebg{background: linear-gradient(-45deg,#ffffff, #262525, #272727, #262525, #262525,#262626,#262626);}
.night #related-posts h3:before {background: #312e2e;background-image: linear-gradient(50deg,#9E9E9E,#9E9E9E)}
.night #ignielRelatedList ul li .snippet {color:#ddd;}
.night .breadcrumb {background-image: linear-gradient(50deg,#242424,#252525);}
.night .list-label-widget-content li{background:rgba(230, 230, 230, .1);color:#ddd;fill:#ccc;}
.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 .subscribebar,.night #related-post.night.night .breadcrumbs ul li:last-child a .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{background: #1d1d1d;background-image: linear-gradient(50deg,#423a3b,#242424);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{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:#1d1d1d;background-image: linear-gradient(50deg,#423a3b,#242424);}
  .night .ignielRelatedMiddle{background-image: linear-gradient(50deg,#2e2d2f,#353435);}
.night .nread{border-bottom:1px solid #323232;border-top:1px solid #323232;background: #282727;background-image: linear-gradient(50deg,#262525,#262525);}
.night .sidebar-wrapper h3 span,.night .blogvnit_toolbar,.night #ignielRelatedList,.night .breadcrumbs h3 span{background:#1d1d1d;background-image:linear-gradient(50deg,#423a3b,#242424);color:#ddd}
.night #ignielRelatedList ul li a:before,.night #ignielRelatedList ul li{border-bottom:1px dashed #323232;box-shadow: inset 3px 3px 20px 0px #323232;background-color: #252525;}.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;box-shadow: inset 3px 3px 20px 0px #323232;background-color: #252525;}
.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:#444242}
.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(//loading.io/spinners/balls/index.circle-slack-loading-icon.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}
.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.Web-Design{background-color:#E91E63}
.label-tag.Android-Apps-Reviews{background-color:#607D8B}
.label-tag.Android-Mobile-Reviews{background-color:#195f91}
.label-tag.windows{background-color:#0077db}
.label-tag.blogger{background-color:#f66400}
.label-tag.Android-Trick{background-color:#0fd417}
.label-tag.facebook{background-color:#4267b2}
.label-tag.Islamic{background-color:#9C27B0}
.label-tag.Instant-Articles{background-color:#73206d}
.label-tag.Earnings{background-color:#ae6d4a}
.label-tag.code{background-color:#D80F16}
.label-tag.widgets{background-color:#008c5f}
.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.Web-Design:after{content:"";border-color:#E91E63 transparent transparent}
.label-tag.Android-Apps-Reviews:after{content:"";border-color:#607D8B transparent transparent}
.label-tag.Android-Mobile-Reviews:after{content:"";border-color:#195f91 transparent transparent}
.label-tag.windows:after{content:"";border-color:#0077db transparent transparent}
.label-tag.blogger:after{content:"";border-color:#f66400 transparent transparent}
.label-tag.Android-Trick:after{content:"";border-color:#0fd417 transparent transparent}
.label-tag.facebook:after{content:"";border-color:#4267b2 transparent transparent}
.label-tag.code:after{content:"";border-color:#D80F16 transparent transparent}
.label-tag.widgets:after{content:"";border-color:#008c5f transparent transparent}
.label-tag.Earnings:after{content:"";border-color:#ae6d4a transparent transparent}
.label-tag.Instant-Articles:after{content:"";border-color:#73206d transparent transparent}
.label-tag.Islamic:after{content:"";border-color:#9C27B0 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)}
.fade-out{transform:opacity(0);-webkit-transform:opacity(0);-moz-transform:opacity(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}

.tongcong{    /* margin: 15px 0 0 0; */
/* padding: 10px; */overflow:hidden;clear:both;position:relative}
.tongcong li{list-style:none}
li.num-post a{    background: #fff;
float: left;
padding: 5px 10px;
/* border: 1px solid; */
border-radius: 3px;
margin-right: 10px;
color: #179660;
font-weight: 600;}
li.num-comment a {background: #fff;
float: left;
padding: 5px 10px;
/* border: 1px solid; */
border-radius: 3px;
margin-right: 10px;
color: #179660;
font-weight: 600;}
li.author-xu a{    background: #fff;
float: left;
padding: 5px 10px;
/* border: 1px solid; */
border-radius: 3px;
margin-right: 10px;
color: #179660;
font-weight: 600;}
li.author-home a{float:left;padding:5px 10px;border:1px solid;border-radius:3px;color:#0070a0;margin-left:10px;cursor:pointer;font-weight:500}
li.num-post a:hover{    background: #eeb443;
color: #71551f;
border-color: #f90;}
li.num-comment a:hover{ background: #eeb443;
color: #71551f;
border-color: #f90;}
li.author-xu a:hover{ background: #eeb443;
color: #71551f;
border-color: #f90;}

.row{width:1000px;margin:0 auto}
#content-wrapper{margin-top:20px;margin-bottom:20px;overflow:hidden}

#comments .ban-comment{background:#ff5450;font-weight:400;color:#fff;padding:10px 12px;border-radius:4px;margin:0 0 2em}

.googlezet{margin:15px auto;text-align:center}
/* Isi konten dropdown (disembunyikan) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fafafa;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Link di dalam menu dropdown */
.dropdown-content a {
    color:#424141;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
button.dropbtn {
    background: transparent;
    border: none;
    cursor: pointer;
    margin: 5px 5px 5px 0;
    padding: 8px;
    outline: none;
    color: #f3f0f0;
}

/* Warna link di dalam dropdown ketika disorot */
.dropdown-content a:hover {
 background-image: linear-gradient(50deg,#6400f5,#fb0035);
 color: #fff !important;
}

/* Tampilkan isi konten dopdown ketika disorot */
.dropdown:hover .dropdown-content {
    display: block;}
.blogvnit_toolbar{
                        display: none;
                    }
                    @media (max-width: 560px) {
                        body.has_devvn_toolbar {
                            padding-bottom: 50px;
                        }

                        .blogvnit_toolbar {
                            background: #bd5e40;
   							background-image: linear-gradient(50deg,#ff0036,#6800ff);
                            display: inline-block;
                            width: 100%;
                            padding: 1.8vw;

                            bottom: 0;
                            left: 0;
                            position: fixed;
                            z-index: 99999999;
                            height: 55px;
                            border-top: 1px solid #cbcbcb;
                        }

                        .blogvnit_toolbar ul {
                            list-style: none;
                            padding: 0;
                            margin: 0;
                            display: table;
                            border-collapse: collapse;
                            table-layout: fixed;
                            width: 100%;
                        }

                        .blogvnit_toolbar ul li {
                            text-align: center;
                            display: table-cell;
                            vertical-align: top;
                        }

                        .blogvnit_toolbar ul li a {
                            display: inline-block;
                            width: 100%;
                            outline: none;
                            text-decoration: none;
                        }

                        .blogvnit_toolbar ul li a span {
                            font-family: 'SolaimanLipi', sans-serif;
                            font-weight: 400;
                            color: #ffffff;
                            font-size: 3.5vw;
                        }

                        .blogvnit_toolbar ul li a img {
                            height: 6vw;
                            width: auto;
                        }
                    }
#pro-buttons {margin:20px auto; text-align:center;}#pro-buttons br {display: none;}.pro-down, .pro-demo { position: relative; display: inline-block; height: 30px; width: 100px; line-height: 30px; padding: 0; border-radius: 5px; background: #fdfdfd; border: 2px solid #0099cc; margin: 10px; transition: .5s;}.pro-demo {border: 2px solid #fe6d4c;}.pro-down:hover {background-color: #0099cc;}.pro-demo:hover {background-color: #fe6d4c;}.pro-down span.circle, .pro-demo span.circle2 { display: block; background-color: #0099cc; color: #fff; position: absolute; float: left; margin: 5px; line-height: 21px; height: 20px; width: 20px; top: 0; left: 0; transition: .5s; border-radius: 50%;}.pro-demo span.circle2 {background-color: #fe6d4c;}.pro-down:hover span.circle, .pro-demo:hover span.circle2 { left: 100%; margin-left: -25px; background-color: #fdfdfd; color: #0099cc;}.pro-demo:hover span.circle2 {color: #fe6d4c;}.pro-down span.title, .pro-down span.title-hover,.pro-demo span.title2, .pro-demo span.title-hover2 { position: absolute; left: 40px; text-align: center; margin: 0 auto; font-size: 12px; font-weight: bold; color: #30abd5; transition: .5s;}.pro-demo span.title2, .pro-demo span.title-hover2 {color:#fe6d4c; left:35px;}.pro-down span.title-hover, .pro-demo span.title-hover2 {left:20px; opacity:0;}.pro-down span.title-hover, .pro-demo span.title-hover2 {color: #fff;}.pro-down:hover span.title, .pro-demo:hover span.title2 {left:20px; opacity:0;}.pro-down:hover span.title-hover, .pro-demo:hover span.title-hover2 {opacity:1; left:10px;}

/* Multiple Author Box CSS Code*/
.authorboxwrap{background:#fff;margin:10px auto 20px;padding:20px;overflow:hidden;border-top: 4px solid #bdc3c700;
box-shadow: inset 0px -1px 7px 0px #9E9E9E;}
.avatar-container{float:left;padding:10px;margin:0 20px 0 0;background:rgba(0,0,0,0.07);border-radius:100%}
.avatar-container img{width:90px;height:auto;max-width:100%!important;border-radius:100%;transition:all .3s;}
.avatar-container img:hover{transform:rotate(-15deg)}
.author_description_container h4{font-size:18px;font-weight:600;display:block;margin:0;margin-bottom:2px}
.author_description_container h4 a{color:#333}
.author_description_container p{margin:0;color:#333;font-size:16px;margin-bottom:8px;line-height:25px;font-weight:400}
.social-links li{list-style:none!important;float:left}
.social-links a{border-bottom:none}
.social-links a:after,.social-links a:before{content:none!important}
.social-links li a{background:rgba(0,0,0,0.5);color:#fff;font-size:13px;text-align:center;display:inline-block;padding:0;margin:0 10px 0 0;width:30px;height:30px;line-height:30px;border-radius:100%}
.social-links li:nth-child(1) a{background:#516ca4;}
.social-links li:nth-child(2) a{background:#00c3f3;}
.social-links li:nth-child(3) a{background:#f20000;}
.social-links li a:hover{opacity:.9;color:#fff}
/* Multiple Author Box CSS Code*/
/* Subscribe Box by itsayeem.com*/
#ignielSubscribe {width:auto; height:auto; background:#FF5722;background-image: linear-gradient(50deg,#ff0036,#6800ff); border:1px solid #ddd; border-radius:7.5px; display:block; margin:auto; line-height:40px; padding:0px}
#ignielSubscribe .email__ {padding:15px 15px 5px;}
#ignielSubscribe .email {margin:auto; color:#fff; text-align:center;}
#ignielSubscribe .email:before {content:''; width:50px; height:50px; display:block; text-align:center; margin:auto; border-radius:100px; transition:all .3s ease; -webkit-animation:ignielRing 5s 0s ease-in-out infinite; -webkit-transform-origin:50% 4px; -moz-animation:ignielRing 5s 0s ease-in-out infinite; -moz-transform-origin:50% 4px; animation:ignielRing 5s 0s ease-in-out infinite; transform-origin:50% 4px; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21M19.75,3.19L18.33,4.61C20.04,6.3 21,8.6 21,11H23C23,8.07 21.84,5.25 19.75,3.19M1,11H3C3,8.6 3.96,6.3 5.67,4.61L4.25,3.19C2.16,5.25 1,8.07 1,11Z' fill='%23008c5f'/%3E%3C/svg%3E") center center / 50px no-repeat;}
#ignielSubscribe .medsos__ {padding:15px 0px; line-height:0px; border-top:1px solid #ccc;}
#ignielSubscribe form {display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; align-items:center; margin:0px 0px 15px; padding:0px; position:relative;}
#ignielSubscribe form:before {left:15px; position:absolute; display:block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z' fill='%23717171'/%3E%3C/svg%3E") no-repeat; content:'';}
#ignielSubscribe input {width: calc(100% - 35px); background-color:#ccc; line-height:1.5em; border:1px solid #ccc; border-right:0px; padding:8px 10px 8px 40px; font-size:12px; text-align:left !important; border-radius:50px 0px 0px 50px; outline:none; outline-width:0px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
#ignielSubscribe button {background-color:#008c5f; width:40px; min-width:40px; height:36px; margin:0px; padding:0px; border:0px; box-shadow:none; vertical-align:top; cursor:pointer; transition:all .3s ease; background-image:unset; border-radius:0px 50px 50px 0px;}
#ignielSubscribe button:hover, #ignielSubscribe button:focus {background-color:#1d2129;}
#ignielSubscribe button:before {display:inline-block; width:20px; height:20px; margin:0px; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2,21L23,12L2,3V10L17,12L2,14V21Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat; content:''; vertical-align:-3px;}
#ignielSubscribe .medsos {width:100%; text-align:center;}
#ignielSubscribe .medsos svg {width:20px;height:20px;margin-top:7px}
#ignielSubscribe .medsos svg path {fill:#fff}
#ignielSubscribe .medsos a {display:inline-block; margin-right:7px; width:35px; height:35px; box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.4); transition: all ease-in-out 300ms; border-radius:100px;}
#ignielSubscribe .medsos a:last-child {margin-right:0px;}
#ignielSubscribe .medsos a:hover {box-shadow: 0px 23px 15px -3px rgba(0,0,0,0.25); transform: translate(0px, -10px) scale(1.05);}
#ignielSubscribe .medsos .facebook{background:#3a579a}
#ignielSubscribe .medsos .twitter {background:#00abf0}
#ignielSubscribe .medsos .googleplus {background:#df4a32}
#ignielSubscribe .medsos .youtube {background:#cc181e}
#ignielSubscribe .medsos .instagram {background:#992ebc}
#ignielSubscribe .medsos .pinterest {background:#e60023}
@-webkit-keyframes ignielRing{
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }
  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ignielRing{
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }
  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}
@keyframes ignielRing{
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }
  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
/* Subscribe Box by itsayeem.com*/
kbd{
border:1px solid gray;
font-size:1.2em;
box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:2px 3px;
padding:1px 5px;
}
/* Blogger Sitemap Alphabetically with Letter Heading by igniel.com */
#sitemap5 {font-size:14px; font-weight:400}
#sitemap5 .judul {font-size:150%; background-color:#4267b2; color:#fff; font-weight:600; text-align:center; margin-bottom:20px; padding:15px;}
#sitemap5 a {color:#666; text-decoration:none; transition:all .3s ease;}
#sitemap5 a:hover {color:#000;}
#sitemap5 .isi .abjad {background-color:#4267b2; color:#fff; padding:10px 15px; font-size:110%; font-weight:600; text-transform:uppercase; position:relative;}
#sitemap5 .isi .abjad #top:before {content:''; width:12px; height:calc(100% - 20px); position:absolute; right:0px; top:0px; padding:10px; cursor:pointer; background:rgba(0,0,0,.2) url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15,20H9V12H4.16L12,4.16L19.84,12H15V20Z' fill='%23fff'/%3E%3C/svg%3E") center / 20px no-repeat;}
#sitemap5 ol, #sitemap5 ol li {list-style-type:none;}
#sitemap5 .nav ol {margin:0px 0px 15px; padding:0px; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
#sitemap5 .nav ol li {background-color:#444; color:#fff; padding:7px 0px; cursor:pointer; margin:0px 5px 5px 0px; text-align:center; text-transform:uppercase; width:40px;}
#sitemap5 .nav ol li:last-child {margin-right:0px;}
#sitemap5 .isi ol {margin:0px 0px 20px; padding:0px; border:1px solid #ccc; border-top:0px;}
#sitemap5 .isi ol li {color:#666; margin:0px; padding:10px 15px; line-height:1.5em; -webkit-margin-start:0px !important;}
#sitemap5 .isi ol li:nth-of-type(even) {background-color:#e9e9e9;}
#sitemap5 .isi ol li:nth-of-type(odd) {background-color:#fff}
@media screen and (max-width:480px) {
  #sitemap5 {font-size:13px;}
  #sitemap5 .judul {padding:10px;}
  #sitemap5 .isi .abjad {padding:7px 15px;}
}
@media screen and (max-width:360px) {
  #sitemap5 {font-size:12px;}
  #sitemap5 .judul {padding:10px;}
  #sitemap5 .isi .abjad {padding:7px 12px;}
  #sitemap5 .isi ol li {padding:7px 12px;}
.bsw-btn{border:2px solid;overflow:hidden;position:relative;padding:10px;display:inline-block;width:200px;text-align:center;text-decoration:none!important;text-transform:uppercase;font:500 15px Roboto;margin:10px 0}
.bsw-btn:hover{letter-spacing:2px}
.bsw-btn:after{opacity:.4;background:#4267b2;content:"";height:155px;left:-75px;opacity:2;position:absolute;
top:-50px;transform:rotate(35deg);transition:all 1s cubic-bezier(0.19,1,0.22,1);width:100px;z-index:100}
.bsw-btn:hover:after{opacity:1;left:120%;-webkit-transition:all 1s cubic-bezier(0.19,1,0.22,1);transition:all 1s cubic-bezier(0.19,1,0.22,1)}