body{background-color:#f8f8f8;color:#212529;font-family:'Spartan','Poppins',sans-serif,Arial,Helvetica}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}ol li,ul li{line-height:24px}.f-poppins{font-family:'Poppins',Arial,Helvetica,sans-serif}.f-opensans{font-family:'Open Sans',Arial,Helvetica,sans-serif}figure.box{display:flex;align-items:center;justify-content:center;flex-direction:column}figure.box img{margin:auto;max-height:25rem}.table-responsive{overflow:auto}.table-responsive table{white-space:nowrap}.table-responsive tbody>tr>td{max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.table-responsive tbody>tr>td.auto{max-width:auto}.hex-bg{position:absolute;left:50px;top:0;width:450px;height:250px;background:url(../img/hex.png) bottom right no-repeat}.spinner-grow{display:inline-block;color:#212529;width:1.2rem;height:1.2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow::before{position:absolute;content:"";width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.progress-bar{background-color:#e8ebed;position:relative;display:block;width:100%;height:10px;margin-top:35px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:width .4s linear,background-color .4s linear;-moz-transition:width .4s linear,background-color .4s linear;-ms-transition:width .4s linear,background-color .4s linear;-o-transition:width .4s linear,background-color .4s linear;transition:width .4s linear,background-color .4s linear}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.scroll-init li:not(:last-child){margin-bottom:.3rem}.scroll-init li>a{line-height:normal;position:relative;display:block;color:#292929;width:100%;font-size:12px;font-weight:500;background:#fff;padding:18px 1rem 18px 30px}.scroll-init li>a.active{background:#f7b90f}.scroll-init li>a::before{content:'\F285';font-family:bootstrap-icons;position:absolute;top:50%;right:1rem;margin-top:-6px;font-weight:700}#dcovTabset .tabnav::after,#dcovTabset .tabnav::before{content:" ";position:absolute;top:50%;left:20%;right:0;z-index:1;height:1px;background:#e8ebed}#dcovTabset .tabnav::after{background-color:#f7b90f;left:auto;width:40px;z-index:2}#dcovTabset .tabnav{position:relative;display:flex;align-items:center}#dcovTabset .tabnav li:not(:last-child){margin-right:1rem}#dcovTabset .tabnav button{background-color:#e8ebed;color:#1d1f20;font-size:12px;font-weight:600;z-index:1}#dcovTabset .tabnav button.active{background:#f7b90f}#dcovTabset .tabnav .active i{transition:.2s;transform:rotate(90deg)}#dcovTabset #tab{display:none}#dcovTabset #tab.active{display:block}.progress-circle .circle-inner,.progress-circle .circle-round{left:0;top:0;width:120px;height:120px;clip:rect(0 120px 120px 60px)}.progress-bar #progressInfo,.progress-circle .title{font-size:13px;font-weight:600;line-height:1.2}.progress-bar #progressInfo{position:absolute;display:flex;flex-flow:wrap;align-items:center;justify-content:space-between;top:-20px;left:0;width:100%}.progress-bar #progsessBars{width:0;height:10px;background:#f7b90f;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.progress-circle{text-align:center;position:relative;display:block;width:122px}.progress-circle .circle-count{display:inline-block;position:relative;overflow:hidden;width:120px;height:120px;background:#e8ebed;border-radius:50%}.progress-circle .circle-inner{position:absolute}.progress-circle .circle-round{position:absolute;background:#f7b90f;transform:rotate(180deg);transition:1.05s}.progress-circle .circle-text{background-color:#fff;position:absolute;display:flex;align-items:center;flex-direction:column;justify-content:center;top:32px;left:32px;right:32px;bottom:32px;font-size:13px;font-weight:600;border-radius:50%;z-index:1}#header{position:relative;background:#fff;box-shadow:0 5px 22px -3px rgb(0 0 0 / 10%)}#header{width:100%;z-index:1003;transition:.25s}#header.fixed{position:fixed;top:0;left:0;right:0}#header .wrap{display:flex;flex-flow:wrap;align-items:center}#header .logo{flex:none;width:218px}#header .logo>a{display:block;margin:.72rem 0}#header #navbar{display:flex;flex-flow:wrap}#header #navbar ul{padding-left:0}#header #navbar ul li{list-style:none}#header #navbar ul li a{position:relative;display:block;color:#242424;font-size:13px;letter-spacing:.072rem}#header #navbar ul li .barrier{display:inline-block;position:relative;top:4px;width:1px;height:15px;background-color:#e8ebed}#header #navbar ul:not(.sub-menu)>li:not(:first-child){margin-left:18px}#header #navbar ul:not(.sub-menu)>li>a,#header #navbar ul:not(.sub-menu)>li>button.subnav{display:block;color:#242424;padding:.92rem 0;max-height:70px;font-size:.88rem;font-weight:600;letter-spacing:.072rem}#header #navbar ul:not(.sub-menu)>li>a,#header #navbar ul:not(.sub-menu)>li>button{font-family:'Poppins',sans-serif,Arial,Helvetica}#header #navbar ul:not(.sub-menu)>li>button.subnav{background:0!important;box-shadow:none!important}#header #navbar ul:not(.sub-menu)>li>button.subnav.avatar{overflow:hidden;width:40px;height:40px;padding:0;border:1px solid #eff2f7;border-radius:100%}#header #navbar ul:not(.sub-menu)>li>a.btn{font-size:13px;line-height:1;padding:.5rem 1rem}#header #navbar .sub-menu{background-color:#fff;color:#718096;position:absolute;text-align:left;pointer-events:none;top:100%;left:0;opacity:0;z-index:999;min-width:10rem;margin-top:-5px;border-radius:.5rem;border:0 solid rgba(31,45,61,0);box-shadow:0 1rem 2rem rgb(31 45 61 / 25%);transform:translateY(15%) scale(.97);transition:.15s}#header #navbar li:hover .sub-menu{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0) scale(1)}#header #navbar .sub-menu>li>a{margin:.65rem 0;padding:0 18px;font-weight:500;font-size:.77rem}#header #navbar .sub-menu.drop-md{min-width:22rem}#header #navbar .sub-menu.drop-xl{min-width:46rem}#header #headtop #navbar ul:not(.sub-menu)>li>a, #header #headtop #navbar ul:not(.sub-menu)>li>button.subnav{font-size:.82rem;font-weight:500}
#header #headtop #navbar button#themeSwitch{display:flex;align-items:center;width:65px}#header #headtop #navbar button#themeSwitch>i{font-size:20px;line-height:0;margin-left:3px}

#headsearch input#keyword{height:36px;border-radius:8rem;padding-right:3rem}#headsearch button{position:absolute;background:0;color:#57544f;top:0;right:0;padding:0;width:45px;height:35px;line-height:35px}#headsearch button:hover{box-shadow:none;transform:rotate(45deg)}#headsearch #searchResult{overflow:hidden;position:absolute;display:none;left:0;right:0;color:#1d1f20;margin-top:.72rem;border-radius:5px;background-color:#fff;box-shadow:0 8px 12px rgba(29,31,32,.2),0 0 4px rgba(29,31,32,.12);z-index:2}#headsearch #searchResult .wrap{overflow:auto;padding:1rem .5rem 1rem 0;max-height:20rem;margin-left:1rem}#headsearch #searchResult .card:not(:last-child){padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid #eff2f7}#headsearch #searchResult .card .media{flex:0 0 85px;max-width:85px}#headsearch #searchResult .card .group:nth-child(2){justify-content:space-between;align-items:flex-end}#headsearch #searchResult .card .text{padding:0;margin-left:1rem}#headsearch #searchResult .card .text .categ{margin-left:auto}#headsearch #searchResult .card .text .categ span{color:#5c5e67;font-size:12px;font-weight:500}#headsearch #searchResult .card .text .detail{margin-top:8px;line-height:1}#headsearch #searchResult .card .text .date{margin-top:0}.search-spin{width:14px;height:14px;border:2px solid;border-radius:100%;border-color:#4db88d #82cdaf #b8e3d1 #edf8f4;animation:.4s linear infinite spin;-webkit-animation:.4s infinite spin}@keyframes spin{100%{transform:rotate(360deg)}}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}


header#header.fixed~#mainwrap{
  margin-top: 110px;
}
header#header~#mainwrap #pageHeader.contact{
  height: calc(100vh - 320px);
}
header#header.head-trans{background:rgb(255 255 255 / 35%);box-shadow:none}
header#header.head-trans~#mainwrap{margin-top:0}
aside#widget .title{
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
aside#widget .title .tt{
  position: relative;
  display: block;
  width: 100%;
  color: #333f48;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 10px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
aside#widget .title .tt::before,
aside#widget .title .tt::after{
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #e0e0e0;
}
aside#widget .title .tt::before{
  width: 40px;
  height: 4px;
  background: #F7B90F;
}
aside#widget .title .tt::after{
  background: rgba(255, 255, 255, 0.1);
}
footer#footer{
  color: #fff;
  background: #0e0b2b;
}
footer#footer a{
  color: #fff;
}
footer#footer .navbar > li{
  line-height: 22px;
}
footer#footer aside#widget .title .tt{
  color: #fff;
}
footer#footer .navbar > li:not(:last-child){
  margin-bottom: 3px;
}
footer#footer .navbar > li > a{
  display: block;
  color: #f7b90f;
  font-size: 14px;
  font-weight: 500;
}
footer#footer .subfoot{
  background-color: #0a081e;
}
footer#footer .subfoot .wrap{
  padding:1rem 0;
  line-height: 1.2;
  padding-top: 1.2rem
}
footer#footer .subfoot .navbar{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
footer#footer .subfoot .navbar > li{
  line-height: 1.2;
}
footer#footer .subfoot .copyright{
  color: #9a9a9a;
  font-size: 12px;
}
footer#footer .subfoot .navbar li:not(:last-child) > a::after{
  content: "|";
  position: relative;
  color: aliceblue;
  margin: 0 5px;
  padding: 0 10px;
  font-weight: 300;
}

.main-title{
  font-size: 32px;
  font-weight: 300;
  line-height: 1.3;
}
.section-title .title{
  position: relative;
  margin-bottom: 18px;
  padding-bottom: 5px;
}
.section-title .title::before{
  content: "";
  background: #F7B90F;
  position: absolute;
  left: 0;
  width: 50px;
  height: 4px;
  bottom: -1px;
}
.section-title.center{
  text-align: center;
}
.section-title.center .title::before{
  left: 50%;
  transform: translateX(-50%);
}


#pageHeader{
  background: #FFFFFF;
  position: relative;
}
#pageHeader.hompage .container,
#pageHeader.project .container{
  width: 100%;
  padding: 0;
  max-width: 100%;
}
#pageHeader #gallSlider.owl-carousel .frame{
  position: absolute;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e8ebed;
}
#pageHeader .owl-carousel .owl-item .item{
  padding-bottom: 43%;
}
#pageHeader #gallSlider.owl-carousel .owl-nav button{
  width: 45px;
  height: 45px;
  line-height: 46px !important;
  border-radius: 100%;
}

/* CARD */
[class*=col-].card{margin-bottom:20px}[class*=col-].list.card:last-child{margin-bottom:0}.card .group{flex:1;display:flex;flex-wrap:wrap;align-items:center}.card .group2{display:flex;flex-flow:wrap;align-items:flex-start;justify-content:space-between}.card a.link,.card a.link .title{color:#4b4b4b}.card a.link:hover,.card a.link:hover .title,.box.home-categ a.name:hover{color:#4474b7}.card a.read{padding:8px 13px;font-size:0.82rem}.card .display{position:relative;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;padding:0;border-radius:0.5rem;box-shadow:0 0 0.3rem rgb(31 45 61 / 2%)}.card .media a{display:block;position:relative;overflow:hidden}.card .media .info{align-items:flex-end;position:absolute;width:100%;top:75%;bottom:0;transition:top .4s ease-out;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0 0 0 / 65%) 80%)}.card .media .info .detail{line-height:1;padding:0 8px 10px}.card .media .info .time{color:#fff;margin-top:0;font-weight:500}.card .text{width:100%;overflow:hidden;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid rgba(0,0,0,.08)}.card .text .title,.box.home-categ a.name{color:#1d1f20;display:-webkit-box;overflow:hidden;word-break:keep-all;white-space:pre-wrap;text-overflow:ellipsis;text-transform:capitalize;max-width:100%;max-height:100%;min-height:16px;font-size:.93rem;font-weight:700;line-height:1.5;margin-bottom:5px;-webkit-line-clamp:1;-moz-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.card .text .title.clamp-2{-webkit-line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;line-clamp:2}.card .text .tt{display:block;font-weight:500}.card .text .excerpt{font-style:italic;line-height:1.4;color:#607D8B}.card .text .date,.card .text .time{position:relative;color:#495259;line-height:1.2;font-size:12px}.card .text .date{margin-top:13px;font-size:10px}.card .text .time{color:#849398;font-weight:500}.card .text .meta{color:#545a5f;display:flex;flex-wrap:wrap;align-items:center;font-size:12px}.card .text .meta li{position:relative;line-height:1.2;font-weight:500;padding-left:15px}.card .text .meta li:not(:last-child){margin-right:13px}.card .text .meta li::before{content:"\F519";font-family:bootstrap-icons;position:absolute;right:0;left:0}.card .more .btn{padding:.3rem .8rem}.card.inborder .display{border: 1px solid #eff2f7}.grid.card .media .ratiobox{border-top-left-radius:5px;border-top-right-radius:5px}.grid.card .text .tt{font-size:15px}.list.card .display{flex-direction:row}.list.card .media{flex:0 0 41.666667%}.list.card .media .ratiobox{border-top-left-radius:5px;border-bottom-left-radius:5px}.list.card .text{width:100%;border-top:0}.list.card .text .tt{font-size:22px}.card.testi{background-color:#f6f9fc;padding:38px;border:1px solid #eee;border-radius:8px}.card.testi .review i{color:#3763eb;display:inline-block}.card.testi .review i:not(:last-child){margin-right:4px}.card.testi .quote{color:#3763eb;font-size:20px}.card.testi .review i::before{content:"\F588";font-family:bootstrap-icons;font-size:14px}.card.testi .review.star1 i:first-child::before,.card.testi .review.star2 i:nth-child(-n+2)::before,.card.testi .review.star3 i:nth-child(-n+3)::before,.card.testi .review.star4 i:nth-child(-n+4)::before,.card.testi .review.star5 i::before{content:"\F586"}.card.testi .text{padding:0;border:0}.card.testi .owner .avatar{overflow:hidden;width:72px;height:72px}.card.testi .owner .info{line-height:1.2;color:#888}.card.person .display{border:0;margin-top:20px;box-shadow:none}.card.person .media figure{max-width:280px;margin:auto}.card.person .media .ratiobox{border-radius:100%;border:1px solid #e8ebed}.card.person .text{padding:0;border:0;margin-top:20px}.card.person .text .title{font-size:17px;color:#333}.card.person .text .position{color:#666}
[class*=col-].card.related{margin-bottom:8px}.card.related .text .title,.card.recommended .text .title{font-size:.8rem;margin-bottom:0}

#homeFeatured .card .display{
  flex-direction: column-reverse;
}
#homeFeatured .card .media .ratiobox{
  border: 1px solid #eff2f7;
  border-radius: .25rem;
}
#homeFeatured .card .text{
  padding: 0 0 1rem;
  border-top: 0;
}
#homeFeatured .card .text .title{
  font-size: 1.5rem;
}
/*  */
#homeLatest .col-12.card .media{
  flex: 0 0 65%;
}
#homeLatest .col-7.card .media{
  flex: 0 0 55%;
}
#homeLatest .col-7.card .media .ratiobox{
  padding-bottom: 82.666666%;
}
#homeLatest .col-12.card .text .title{
  font-size: 1.25rem;
  -webkit-line-clamp: 5;
  -moz-line-clamp: 5;
  line-clamp: 5;
}
#homeLatest .col-7.card .text .title{
  font-size: .9rem;
  -webkit-line-clamp: 4;
  -moz-line-clamp: 4;
  line-clamp: 4;
}
#homeLatest .grid.card .text{
  position: absolute;
  overflow: unset;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 0;
  padding: .5rem 1rem;
}
#homeLatest .grid.card .text::before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 105%;
  background: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0));
}
#homeLatest .col-5.card .text .title{
  font-size: .78rem;
}
#homeLatest .col-5.card .text .time{
  color: #6b6b6b;
  margin-top: 0;
  line-height: 1;
  font-size: 10px;
}
/*  */
#shortVideo .card .media{
  position: relative;
  overflow: hidden;
  min-height: 20rem;
  border: 1px solid #eff2f7;
  border-radius: .25rem;
}
#shortVideo .card .media::before{
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 10%);
}
#shortVideo .card .text{
  position: absolute;
  bottom: 0;
  padding: .72rem;
  border-top: 0;
}
#shortVideo .card .text .title{
  margin-bottom: 0;
  font-size: .72rem;
}
/*  */
.box.home-categ a.name{
  font-size: .82rem;
}
.box.home-categ a.name:last-child,
footer#footer .subfoot .navbar>li{
  margin-bottom: 0;
}


ul#queries li:not(:last-child) a{
  display: block;
  padding-bottom: 12px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f5f5f5;
}
ul#queries li a > .title{
  color: #1d1f20;
  display: -webkit-box;
  overflow: hidden;
  word-break: keep-all;
  white-space: pre-wrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
  max-width: 100%;
  max-height: 100%;
  min-height: 16px;
  font-size: .86rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 5px;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
ul#queries li a > .title:hover{
  color: #3F51B5;
}
ul#queries li a > .date{
  color: #495259;
  font-size: 11px;
  line-height: 1.2;
}
.widget ul#queries li:not(:last-child) a{
  border: 0;
  padding-bottom: 0;
  margin-bottom: 5px;
}
.widget ul#queries li a > .title{
  font-size: .8rem;
}

.widget .card .text .title{
  font-size: .86rem;
  margin-bottom: .35rem!important;
}
.widget #popularWidget .card .media{
  position: absolute;
  line-height: 1;
  left: 0;
  width: 50px;
  height: 100%;
  font-size: 2rem;
  color: #ddd;
}
.widget #popularWidget .card .text{
  padding: 0 0 0 65px;
}
.widget #popularWidget .more{
  line-height: 1.3;
  font-size: 12px;
}

.show-page .detail-head .categ a{
  display: inline-block;
  font-weight: 600;
  line-height: 1.3;
  margin-right: 8px;
}
.show-page #postAct{
  line-height: 1.2;
}
.show-page #postAct button{
  padding: 8px 13px;
}
.show-page #postAct a:not(:first-child){
  margin-left: .15rem;
}
.show-page .wrap-content,
.show-page .thumb-info{
  background-color: #FFFFFF;
}
.show-page .wrap-content .body{
  padding: 1.3rem 1.4rem;
  border-left: 1px solid #f0f0f0;
}
.show-page .ratiobox.cover{
  border: 1px solid #eff2f7;
}
.show-page .ratiobox.cover .pics{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.show-page .thumb-info{
  padding: .5rem .72rem;
  line-height: 1.3;
  border: 1px solid #eff2f7;
  border-top: 0;
}
.show-page .wid-article-content{
  width: 160px;
}
.show-page .tags a{
  position: relative;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  padding: .2rem .45rem;
  padding-left: 1.45rem;
  margin-right: 5px;
  margin-bottom: 4px;
  border: 1px solid #e9e9e9;
  border-radius: 2rem;
}
.show-page .tags a::before{
  content: '\F5B2';
  position: absolute;
  top: 6px;
  left: 6px;
  line-height: 1;
  font-family: bootstrap-icons;
}
.show-page #sendComment button[type=submit]{
  height: 40px;
}

.comment-renderer{
  display: block;
  position: relative;
}
.comment-renderer:not(.sub-comment){
  margin-bottom: 16px;
}
#comment-container{
  position: relative;
}

.comment-renderer #comment{
  position: relative;
  display: flex;
  flex-direction: row;
}
#comment #author{
  position: relative;
  flex: none;
  margin-right: 16px;
}
#comment #author button{
  background: none;
  overflow: hidden;
  border: none;
  padding: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  box-shadow: none!important;
}
#comment #author .ratiobox{
  border-radius: 50%;
}
#comment #author .repliesline{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: calc(100% - 40px);
}
#comment #author .repliesline::before{
  content: ' ';
  position: absolute;
  right: 0;
  height: 100%;
  width: 50%;
  box-sizing: border-box;
  border-left: 1px solid #e0e0e0;
}
#comment #main{
  min-width: 0;
  flex: 1;
  flex-basis: 0.000000001px;
  display: flex;
  flex-direction: column;
}
#comment #main .head{
  padding-right: 32px;
  margin-bottom: 4px;
}
#comment #main .head-author{
  display: flex;
  align-items: baseline;
  flex-direction: row;
  font-size: .73rem;
  line-height: 1.1;
}
#comment #main .head-author a.link{
  font-weight: 600;
  margin-right: 6px;
}
#comment #main .content{
  font-size: 14px;
  white-space: pre-wrap;
}
#comment #main .act{
  display: block;
  margin-top: 4px;
  min-height: 16px;
}
#comment #main .toolbar{
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-left: -8px;
}
#comment #main .toolbar button{
  background: 0;
  border: 0;
  color: #212529;
  height: 28px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 32px;
  margin-right: 5px;
  box-shadow: none!important;
}
#comment #main .toolbar .numb{
  font-size: 11px;
  margin-left: 3px;
}
#comment #main .toolbar .spinner-grow{
  width: 12px;
  height: 12px;
}
#comment #main #reply-dialog{
  display: none;
}
#formReply{
  word-break: break-all;
}
#formReply,#formReply #buttons{
  display: flexbox;
  display: flex;
  flex-direction: row;
}
#formReply #thumb{
  flex: none;
  width: 24px;
  height: 24px;
  font-size: 12px;
  margin-right: 16px;
  border-radius: 50%;
}
#formReply #thumb #main{
  flex: 1;
  flex-basis: 0.000000001px;
  min-width: 0;
}
#formReply #creation-box,
#formReply #footer{
  display: flexbox;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#formReply #creation-box{
  display: block;
  padding-bottom: 8px;
}
#formReply #inputWrap{
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#formReply #comment-write{
  outline: none;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: block;
  position: relative;
  max-width: 100%;
  margin-bottom: .25em;
  font-size: .885rem;
  word-break: normal;
  word-wrap: break-word;
  white-space: pre-wrap;
  border-bottom: 2px solid #e9e9e9;
}
#formReply #footer .alert{
  display: none;
  padding: .2rem .4rem;
  line-height: 1.1;
  font-size: 11px;
}
#formReply #footer #buttons{
  margin-left: auto;
  justify-content: flex-end;
}
#formReply #footer #buttons button{
  font-family: 'Poppins', Arial, Helvetica, sans-serif;
  padding: 6px 10px;
  font-size: .82rem;
  margin-left: .65rem;
  border-radius: 2rem;
}
#formReply #buttons button#cancel{
  background: transparent;
  color: #021722;
  border: 1px solid #e0e0e0;
}
#replies{
  position: relative;
  width: 100%;
}
#replies .comment-renderer{
  margin-left: 18px;
  padding-top: 12px;
  padding-left: 32px;
}
#replies .comment-renderer::before,
#replies .comment-renderer::after{
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
}
#replies .comment-renderer::before{
  width: 1px;
  height: 100%;
  background: #e9e9e9;
}
#replies .comment-renderer::after{
  width: 24px;
  height: 32px;
  border-left: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  border-radius: 0 0 0 16px;
}
#replies .comment-renderer.end::before,
#replies .comment-renderer:last-child::before{
  height: 0px;
}

.sitebutton{text-align:center;position:fixed;right:36px;bottom:88px;z-index:10;padding-right:0;transition:padding-right .2s}.sitebutton .btn{color:#fff;width:62px;height:62px;padding:0;font-size:24px;line-height:65px;border-radius:100%;-webkit-box-shadow:0 6px 8px 2px rgb(0 0 0 / 14%);-moz-box-shadow:0 6px 8px 2px rgba(0,0,0,.14);box-shadow:0 6px 8px 2px rgb(0 0 0 / 14%)}.sitebutton .backtop{visibility:hidden;position:absolute;right:0;opacity:0;font-size:14px;background:rgb(0 0 0 / 65%);transition:.2s}.sitebutton .backtop.sh{visibility:visible;opacity:.72}.sitebutton .backtop.sh:hover{opacity:1;background:rgb(0 0 0 / 85%);border:1px solid rgba(146, 146, 146, 0.7);}

.isdark,
.isdark .bg-white{
  color: #525f7f;
  background-color: #1e1e2f;
}
.isdark tr,
.isdark table,
.isdark input,
.isdark select,
.isdark textarea,
.isdark select option,
.isdark .box,
.isdark #header,
.isdark #header #navbar .sub-menu,
.isdark #headsearch #searchResult,
.isdark .show-page .wrap-content,
.isdark .show-page .thumb-info{
  background: #27293d!important;
  color: #fbfbfb;
}
.isdark td,
.isdark th,
.isdark input,
.isdark select,
.isdark textarea,
.isdark .box,
.isdark .box .head .title,
.isdark .card.inborder .display,
.isdark #headsearch #searchResult .card,
.isdark .show-page .wrap-content .body,
.isdark .show-page .ratiobox.cover,
.isdark #shortVideo .card .media,
.isdark .btn.trans{
  border-color: #3a3d5c!important;
}
.isdark a,
.isdark h1,
.isdark h2,
.isdark h3,
.isdark h4,
.isdark h5,
.isdark h6,
.isdark ol li,
.isdark ul li,
.isdark select,
.isdark button,
.isdark textarea,
.isdark .btn,
.isdark .box .head .title,
.isdark input::placeholder,
.isdark .card .text .title,
.isdark aside#widget .title .tt{
  color: #fff!important;
}
.isdark a:hover,
.isdark button:hover{
  color: #00BCD4!important;
}
.isdark .card .text .date,
.isdark .card .text .time{
  color: #979de3;
}
.isdark #headsearch #searchResult .card .text .categ span{
  color: #c4c7e1;
}
.isdark .box{
  box-shadow: 0 1px 20px 0 rgb(0 0 0 / 10%);
}
.isdark #headsearch #searchResult,
.isdark #header #navbar .sub-menu{
  box-shadow: 0 15px 36px 5px rgb(0 0 0 / 70%);
}
.isdark #header #navbar ul li .barrier{
  background-color: #3a3d5c;
}
.isdark .divider::before{
  background: radial-gradient(ellipse at center,rgba(255,255,255,.2) 0,rgba(31,45,61,0) 75%);
}

@media(min-width:320px) and (max-width:480px){.mui-navbar{position:fixed;bottom:0}#netInterior .container,.container,.container-lg{width:95%!important;max-width:95%!important}.row.no-gutters{margin:0}.hex-bg{left:1rem;width:280px;height:160px;background-size:420px}.section-title{margin-bottom:1.2rem}.section-title .title{font-size:22px;line-height:1.3;margin-bottom:13px}.section-title .ht{font-size:13px;line-height:1.2;margin-bottom:8px}aside#widget .title{margin-bottom:13px}header#header.fixed~#mainwrap{margin-top:0}header#header,header#header.fixed{left:-100%;bottom:0;transition:left .25s ease-in-out}header#header .container{position:absolute;top:0;left:0;bottom:0;padding:0;width:100%!important;max-width:100%!important}header#header .wrap{flex-flow:column;align-items:flex-start}header#header .logo{width:165px}header#header .logo>a{display:flex;margin-left:.82rem}header#header.sh{top:0!important;left:0;max-width:75%}header#header #headtop{flex-flow:nowrap;align-items:center}header#header #headtop #navbar{position:relative;flex:1;margin:0}#header #headtop #navbar ul{width:100%;justify-content:flex-end}header#header #headtop #navbar ul>li{width:auto;margin:0 10px}header#header #headtop #navbar ul>li>a.btn{padding:4px 6px}header#header #headtop #navbar ul>li#login>a{font-size:.72rem;letter-spacing:.02rem}#header #headtop #navbar button#themeSwitch{width:auto;padding:0}header#header #headtop #navbar .sub-menu{position:absolute;left:-124px !important;border:0 solid rgba(31, 45, 61, 0);box-shadow:0 1rem 2rem rgb(31 45 61 / 25%);transform:translateY(15%) scale(.97)}header#header #headbottom{position:absolute;top:0;left:0;bottom:0;width:100%;margin-top:46px;margin-bottom:50px}header#header #headbottom #navbar{overflow:auto}header#header #headbottom #navbar ul.navmenu{margin-left:1.5rem;padding-top:1rem;padding-bottom:2rem;align-content:flex-start}header#header #navbar ul>li{width:100%;margin:.25rem 0}#header #navbar ul:not(.sub-menu)>li:not(:first-child){margin-left:0}header#header #navbar ul:not(.sub-menu)>li>a,header#header #navbar ul:not(.sub-menu)>li>button.subnav{text-transform:capitalize;text-align:left;padding:.4rem 0;line-height:1rem;letter-spacing:.04rem;max-height:40px}header#header #navbar .sub-menu{background-color:#fff;overflow:hidden;position:relative;box-shadow:none;border:0;height:0;padding-left:0}header#header #navbar li:hover .sub-menu{height:auto}.sitebutton,header#header #navbar ul #fance,.card .more .btn,#header #headtop #navbar button#themeSwitch>span,header#header #headtop #navbar ul>li#regis,header#header #headtop #navbar ul>li#login i{display:none}.show-page #postAct,.show-page .detail-head .group{width:100%;margin:0;margin-bottom:10px;text-align:center!important}#headsearch{position:fixed!important;right:0;bottom:-100%;left:0;margin-left:0;padding:.65rem 1rem 2rem;background:#33456b;transition:bottom .2s ease-in-out;}#headsearch #searchResult{bottom:78px;box-shadow:0 -8px 12px rgba(29,31,32,.2),0 0 4px rgba(29,31,32,.12)}footer#footer{margin-bottom:50px}footer#footer .col-5.mb-15.about{margin-bottom:30px}footer#footer .subfoot{height:auto;line-height:1.3;padding-top:1rem;padding-bottom:2rem}.card .text .title,.box.home-categ a.name{font-size:.8rem}.show-page [class*=col-].card.recommended{flex:0 0 50%;max-width:50%}.show-page .wrap-content,footer#footer .subfoot .wrap{flex-direction:column}footer#footer .subfoot .navbar>li{margin-bottom:0}footer#footer .subfoot .navbar>li>a{font-size:13px}footer#footer .subfoot .copyright{margin-bottom:5px;line-height:1.5}.show-page .container{width:100%!important;max-width:100%!important}.mui-navbar{display:block!important;left:0;right:0;width:100%;height:50px;z-index:1004;background-color:#3b5998}.mui-navbar li{display:flex;position:relative;justify-content:center}.mui-navbar .indicator svg{position:absolute;top:-12px;left:50%;width:165px;height:65px;transform:rotate(180deg) translateX(50%)}.mui-navbar .indicator svg path{fill:#33456b}.mui-navbar .btn{height:50px;padding:.5rem 1.3rem;font-size:18px;line-height:50px;box-shadow:none}.mui-navbar .btn:hover{outline:0;box-shadow:none;background-color:transparent}.mui-navbar .btn span{margin-left:8px;font-family:'Spartan';font-size: 12px;font-weight:600}.mui-navbar .btn-primay{border-radius:100%;position:absolute;padding:.5rem;width:72px;height:72px;top:-2rem;border:3px solid #33456b}.mui-navbar .btn-primay:hover{background:#33456b}.crumb{margin-top:1.3rem;margin-bottom:1.3rem}.block-title{margin-bottom:1rem}.block-title .tt,.block-title h3,.block-title h2{font-size:20px}#pageTitle .title,.show-page .main-title{font-size:22px;font-weight:600}.block-title .tt{font-size:22px;margin-bottom:0}#dcovTabset .tabnav{overflow:auto;padding-bottom:14px}#dcovTabset .tabnav::after,#dcovTabset .tabnav::before{content:none}.progress-circle{width:160px}.progress-circle .circle-count{width:160px;height:160px}.progress-circle .circle-inner,.progress-circle .circle-round{width:160px;height:160px;clip:rect(0 160px 160px 80px)}.show-page #postAct{text-align:right;margin-left:0!important}.show-page .wrap-content .body{border:0;padding:.82rem;margin-bottom:13px}.show-page .wrap-content .widget{width:100%}}
@media (min-width:576px){
  .container{max-width:576px}
}
@media (min-width:768px){
  .container{max-width:768px}
}
@media (min-width:992px){
  .container{max-width:992px}
}
@media (min-width:1200px){
  .container{max-width:992px}
}
@media (min-width:1400px){
  .container{max-width:1400px}
}
@media (min-width:1536px){
  .container{max-width:1536px}
}