body { color:#232627; }
.n2:nth-child(2n+1) { clear:left; }
.n3:nth-child(3n+1) { clear:left; }
.n4:nth-child(4n+1) { clear:left; }
.n5:nth-child(5n+1) { clear:left; }
.n6:nth-child(6n+1) { clear:left; }
.tagged_as { padding:15px 0; }
.tagged_as a { font-size:14px; background:#f1f1f1; margin:5px 10px 5px 0; display:inline-block; float:none; padding:5px 10px; border-radius:5px; }
.head.navbar-fixed-top { animation:stuckMoveDown .6s; box-shadow:1px 1px 10px rgba(0,0,0,0.15); position:fixed; width:100%; top:0; left:0; z-index:10; }
.head.navbar-fixed-top img {width: 100px;height: auto;}
@keyframes stuckMoveDown {
    0% { transform:translateY(-100%); } 100% { transform:translateY(0); } 
} 

@keyframes stuckMoveUp {
    0% { transform:translateY(100%); } 100% { transform:translateY(0); } 
} 

@keyframes stuckFadeIn {
    0% { opacity:0; } 100% { opacity:1; } 
} 
*,::after,::before { box-sizing:border-box !important; }
tbody {border-width: 1px ;border-color: #3333335c;}
table {margin-bottom: 20px;width: 100% !important;}
tr:nth-child(odd) {background: #dddd}
tr td { padding: 5px;border-right: 1px solid #3333335c;}
.container { width:1200px; }
.wp-caption { margin:0 auto;width:100% !important }
.row10 { margin:0 -10px; }
.row5 { margin:0 -5px; }
.row10 >div { padding:0 10px; }
.row5 >div { padding:0 5px; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.flex { display:flex; flex-wrap:wrap; }
.flex-center { align-items:center; }
.row-reverse { flex-direction:row-reverse; }
.column-reverse { flex-direction:column-reverse; }
.modal-dialog { margin:80px auto 0; }
.modal-content { border:none; box-shadow:none; border-radius:.5rem; position:relative; background-color:#fff; background-clip:padding-box; outline:0; }
.modal-header { background-color:#045d2d; color:#fff; padding:15px; border-bottom:1px solid #e5e5e5; min-height:16.42857143px; }
.modal-header .modal-title { position:relative; min-height:44px; font-weight:400; font-size:18px; line-height:normal; margin:0; line-height:44px; color:#fff; }
* { margin:0; padding:0; line-height:1.5; }
a:hover,a:focus,a:visited { text-decoration:none; outline:none; }
a { text-decoration:none; cursor:pointer; color:#232627; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; }
a:hover {}
img { max-width:100%; border:none; height:auto; }
h1 {text-transform: uppercase;}
h1,h2,h3,h4,h5,h6 { margin-top:0; line-height:1.5; font-weight:700; margin-bottom:15px; }

.breadcrumbs { padding:10px 0; text-align:center; font-size:20px; }
.breadcrumbs p {margin-bottom: 0px;}
.breadcrumbs a:hover { color:#CD0505; }
.top-mb {display: none;}
/*header*/
.banner-top { background:#950008; }
.banner-top .row { justify-content:center; }
.banner-top a { display:block; width:30%; }
.banner-top a img { width:100%; height:50px; }
.header_mb { display:none; }
.header_pc { display:block; background:#fff; }
.header_pc .header_logo .logo a { display:block; width:125px; height:auto; padding:5px 0; margin:0 auto; }
.header_pc .header_menu { background:#ffb93a; }
.header_menu ul { list-style:none; margin:0; }
.header_menu .menu li { position:relative; }

.header_menu .menu { display:flex; justify-content:center; }
.header_menu .menu>li { display:block; }
.header_menu .menu>li>.sub-menu {top: 100%;
    left: 0;
    transform: scaleY(0);
    transform-origin: 0 0;}
.header_menu .menu>li>.sub-menu li a { padding:6px 0;display:block;margin:0 12px ;border-bottom:1px dashed #ecf0f1; }   
.header_menu .menu>li>.sub-menu li a:hover {color:blue ;} 
.header_menu .menu .sub-menu { opacity:0; visibility:hidden; position:absolute; z-index:99; background:#fff; width:auto; padding:10px 0; min-width:220px; -webkit-box-shadow:0 1px 1px rgb(0 0 0 / 5%); -moz-box-shadow:1px 1px 15px rgb(0 0 0 / 15%); -o-box-shadow:1px 1px 15px rgb(0 0 0 / 15%); -ms-box-shadow:1px 1px 15px rgb(0 0 0 / 15%); box-shadow:1px 1px 15px rgb(0 0 0 / 15%); transition:all .3s; }
.header_menu .menu>li:hover>.sub-menu {opacity: 1;transform: scaleY(1);visibility: visible;}
.header_menu .menu>li>a { display:block; text-transform:uppercase; font-size:16px; padding:17px 17px; font-weight:bold; position:relative; }
.header_menu .menu>li>a:hover { background:#cccccc4a; color:#CD0505; }
.bt-dk a { background:#ff722c; color:#fff; text-transform:uppercase; font-weight:bold; padding:15px; display:block; text-align:center; border-radius:8px; }
.bt-dk a:hover { background:#CD0505; }
.bg-sapo {padding: 30px 200px 30px ;background: url("images/Polygon Luminary.svg") center/cover no-repeat;;color: #fff; margin-bottom: 20px}
.boxtop h2 {text-align: center;}
.bg-sapo .full-sapo .sapo ol {display: grid;grid-template-rows: repeat(5, auto); grid-auto-flow: column;gap: 8px 16px;margin: 0;}
.bg-sapo .img-sapo {text-align: right;}
.bg-sapo .img-sapo img { max-width:100%;filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 1)); }
#footer { padding:40px 0 20px; background:#fff; color:#000; border-top:5px solid #FCBA1B;margin-top:50px; }
#footer a { color:red !important; }
#footer a:hover { color:blue !important; }
.tow-widget { text-align:center; margin-bottom:15px; padding:10px 0; }
.fist-widget > div .footer-title { text-transform:uppercase; font-size:20px; font-weight:500; margin-bottom:20px; position:relative;text-align:center; }
.fist-widget > div .footer-title:before { content:""; background:#4f2020; width:60px; height:3px; position:absolute; bottom:-5px; left:50%;transform: translateX(-50%); }
.fist-widget .textwidget ul li { margin-bottom:10px; }
.social ul { padding:0; display:flex; justify-content:center; gap:30px; }
.social ul li { list-style:none; }
.social ul li i { color:#000; font-size:25px; transition:all 0.3s ease; }
.social ul li i:hover { transform:scale(1.3); }
.social ul li:nth-child(1) a:hover i { color:#0d6efd; }
.social ul li:nth-child(2) a:hover i { color:#0a58ca; }
.social ul li:nth-child(3) a:hover i { color:#cd0505; }
.archive .item_news { margin-bottom:15px;padding:10px; }
.archive .item_news .img img {width: 100%;}
.archive .item_news .desc {text-align: justify;}
.item_news {
    box-shadow: 0 0 25px 0 rgb(0 0 0 / 20%);
    border-radius: 5px;}
.wp-pagenavi {text-align: center;}    
.wp-pagenavi span , .wp-pagenavi a {border: 2px solid #ddd;margin: 0 5px;padding: 3px 10px;border-radius: 5px;background: #ffcf79;color: #232627 !important;}
.wp-pagenavi span.curen {border-color: #000}
.archive .info .capt a,.related-posts .capt a { font-size:20px; color:#214790 !important; margin-bottom:3px; font-weight:500; display:block; }
.archive .info .meta_single { margin-bottom:7px; }
.related-posts { padding-bottom:20px; }
.related-posts .title { font-weight:700; font-size:28px; text-transform:uppercase; color:#FFCE84; margin-bottom:20px; text-shadow:0 4px 4px rgba(0,0,0,0.25); }
.related-posts .item > div { margin-bottom:5px; }
#main { font-size:18px;  }
#main a { color:#ffcc23; }
#main a:hover { color:#cd0505; }
#main .box-rank a { color:#fff; }
#content_pages { margin-top:20px; }
.all_box { padding-bottom:20px; }
.row_1 { display:flex; align-items:center; }
.boxtop { padding:0 0 40px; }
.title_pages { font-weight:700; font-size:35px; text-transform:uppercase; margin-bottom:30px; text-align:center;color:#214790; }
.title-h1 {font-weight:700; font-size:35px; text-transform:uppercase; margin-bottom:30px; text-align:center;}
.top-pc { margin:30px 0; }
/*TOPLIST*/
.fa-star:before { content: "\f005"; color: #ffdc02; }
.top-pc .item { border-radius: 20px; display: flex ; align-items: center; gap: 20px; box-shadow: 0 4px 4px 0 #00000040; border: 1px solid #ececec; justify-content: space-around; position: relative; }
.item .colum1 .center { position: absolute; top: -8px; left: 10px; font-size: 14px; font-weight: 700; color: #333; padding: 2px 8px; background: #e2e2e2; min-width: 24px; max-width: 24px; display: flex ; align-items: center; justify-content: center; }
.item .colum2 .imgtop {  height:auto; width:130px; object-fit:cover; }
.colum1::after { content: ""; position: absolute; top: -8px; left: 34px; border-top: 8px solid transparent; border-left: 5px solid #3333339c; }
.item .colum2 .imgtop { height: auto; max-width: 130px; min-width: 130px; object-fit: cover; }
.colum3 { padding: 20px; background: #ffffff; border-radius: 18px; color: #757575;width:100%; }
.item .colum3 .dg-kh {display: flex;gap: 10px; margin: 3px 0;}
.colum3 p {margin-bottom: 0px;}
.colum3 h3 { font-size: 22px; font-weight: bold; color: #000000; margin:0px; }
.colum3 .btn { display: flex ; align-items: center; padding: 0;}
.colum3 .btn .content_km { color: #46ab5c; position: relative; background-color: #f4f4f4; padding: 10px; font-weight: 600; }
.colum3 .btn .content_km::after { content: ""; position: absolute; top: 11px; right: -30px; border-width: 0 22px 22px; border-style: solid; border-color: transparent #f4f4f4 transparent #f4f4f4; rotate: -90deg; }
.colum3 .btn >div { margin-right: 50px; }
.colum3 .btn .btn_reiew a{ background: #46ab5c; }
.colum3 .btn .btn_dk a {background: #d21451;}
.colum3 .btn .btn_reiew a, .colum3 .btn .btn_dk a, .colum3 .btn .btn_code a { padding: 10px 50px; font-weight: 600; color: #ffffff; border-radius: 5px 20px 5px; display: block; }
.top-pc:nth-child(1) .item  {background:#212121; }
.top-pc:nth-child(2) .item  {background:#212121; }
.top-pc:nth-child(3) .item  {background: #cdcdcdc2;}
.top-pc:nth-child(4) .item  {background: #171717c2;}
.top-pc:nth-child(5) .item {background: #000b27;}
.top-pc:nth-child(6) .item  {background: #101f52;}
.top-pc:nth-child(7) .item  {background: #21232a;}
.top-pc:nth-child(8) .item  {background: #020d24;}
.top-pc:nth-child(9) .item  {background: #1a1a1a;}
.top-pc:nth-child(10) .item  {background: #ac0b0b;}
.top-pc:nth-child(11) .item  {background: #1d1d1d;}
.top-pc:nth-child(12) .item  {background: #1e2024;}
.top-pc:nth-child(13) .item  {background: linear-gradient(180deg,transparent 30.26%,rgba(0,0,0,.4) 129.61%),#224e32;}
.top-pc:nth-child(14) .item {background: #1f212c;}
.top-pc:nth-child(15) .item  {background: #203374;}
.top-pc:nth-child(16) .item  {background: rgb(27 27 27);}
.top-pc:nth-child(17) .item  {background: #9d9d9d78;}
.top-pc:nth-child(18) .item  {background: #20222a;}
.top-pc:nth-child(19) .item  {background: #1a2c38;}
.top-pc:nth-child(20) .item  {background: #f2f2f2;}
.top-pc:nth-child(21) .item  {background: linear-gradient(5deg, #fe54c9c9, #5e95ba);}
.top-pc:nth-child(22) .item  {background: linear-gradient(5deg, #449c00c9, #143401);}
.top-pc:nth-child(23) .item  {background: linear-gradient(5deg, #5a0095c9, #143401);}
.top-pc:nth-child(24) .item  {background: linear-gradient(5deg, #8a0202, #000000);}
.top-pc:nth-child(25) .item  {background: #1a1a1a;}

.boxcolor { background:#fee; padding:20px 0; }
.boxboder1 { border:5px solid #cd0505; box-shadow:0 5px 4px 0 #00000040 inset; border-radius:10px; overflow:hidden; margin-bottom:15px; }
.box2 { border:4px solid #e99d2a; box-shadow:0 5px 4px 0 #00000040 inset; background:#fef6eb; padding:20px; }
.content-post p { margin-bottom:15px; }
.content-post img { display:block; margin:5px auto; }
.content_ct { border:8px solid #FCBA1B; box-shadow:0 0 20px 0 #00000040; background:#fff; border-radius:20px; padding:20px; margin-bottom:20px; }
.single .post-lq .box {height: 320px;}
.post-lq .box {  padding:10px; overflow:hidden;box-shadow:0 0 25px 0 rgb(0 0 0 / 20%);height:300px;border-radius:5px; }
.post-lq .box a { display:block; overflow:hidden;color: #214790 !important; }
.post-lq .box a img { transition:all 0.3s ease; }
.post-lq .box:hover a img { transform:scale(1.1); }
.post-lq .box h3 { font-size:15px; margin:10px 0; }
.post-lq .box p { font-size:14px; text-align:justify; }
.post-lq .box .post-date { text-align:center; }
.post-lq .list-category { margin-bottom:30px; }
.post-lq .list-category h2 { text-align:center; }
.post-lq .box .r-box h3 a {text-align:justify; }
.post-lq .box .r-box h3 a:hover {color:#214790; }
.post-lq .list-category .title-category {margin-bottom: 17px;}
.post-lq .list-category   h2  a { color:#232627 !important; }
.author-lucas-trinh .box-author { justify-content:space-evenly; }
.author-lucas-trinh .box-author .img img { width:200px; height:auto; }
.single .meta_single {text-align: center;margin-bottom: 10px;}
.depscription img {width: 100%;}
.author_box  {background: #fff;padding: 20px;border-radius:5px;box-shadow:0 0 25px 0 rgb(0 0 0 / 20%); }
.author_box .avatar {padding: 10px;}
.author_box .avatar img {border-radius: 40px;margin-bottom: 0;width: 100%;height: auto;}
.author_box .name {color: #FC8F00;font-weight: 700; font-size: 24px;}
.author_box .admin {color: #FF4E22;text-transform: uppercase;font-size: 20px;font-weight: 500;margin: 15px 0; }
.social_author ul { padding:0; }
.social_author ul li { display:inline-block;margin-bottom:0;margin-right:10px; }
.single .entry_content h2, .single .entry_content h3 { color:#214790; text-transform:capitalize;margin-bottom:15px; }
.list-product {margin-bottom: 20px;} 
.faq {margin-bottom: 20px;}
.faq .list .accordion .accordion-header button {background: #fff; color: #000; font-weight: 500;border: 2px solid #ffb93a; font-size:  19px; margin-bottom: 15px;border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.faq .list .accordion .accordion-item {border: none;}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed  {border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;}
.home-content {margin-bottom: 30px;max-height:700px;overflow-y:auto;padding:15px;border:1px solid #ccc;border-radius:8px;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.1);line-height:1.6;}

.home-content img {display: block;margin: 30px auto;}
.home-content h3 { background: linear-gradient(45deg,#ffe970,transparent);padding: 5px 5px 5px 0;}
.home-content h3>strong {background:#0b8be9;padding:10px; color:#fff; }
@media screen and (max-width:1024px) { 
/*TOPLIST*/
.top-pc .item {flex-direction: column;}
.colum3  {padding: 15px 15px 0 15px;}
.colum3 .btn >div {margin-right: 0;}
.colum3 .btn  {margin:10px 0;justify-content: space-around; }
.colum3 .btn .content_km {display: none;}
} 
@media(max-width:768px) {
  * {
  line-height:1.3;
}

p {
  margin-bottom:10px;
}
h2,h3 {
  margin-bottom:10px;
}
#content_pages {
  margin-top:20px;
}
.n3:nth-child(2n+1) {
  clear:left;
}
.n3:nth-child(3n+1) {
  clear:none;
}
.n5:nth-child(2n+1) {
  clear:none;
}
.n5:nth-child(2n+1) {
  clear:left;
}
.container {
  width:100%;
  padding:0 10px;
  overflow:hidden;
}
.row {
  margin:0 -10px;
}
.row>div {
  padding:0 10px;
}
iframe {
  width:100%;
  height:200px;
}
.fancybox-slide--iframe .fancybox-content {
  width:100%;
  height:240px;
  max-width:calc(100% - 20px);
}
.fixed {
  position:fixed !important;
  z-index:1000000;
  width:100%;
  background:#fff;
  top:0;
  -webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.3);
  -moz-box-shadow:0 2px 7px 0 rgba(0,0,0,.1);
  box-shadow:0 2px 7px 0 rgba(0,0,0,.1);
}
.this_pc {
  display:none;
}
.this_mb {
  display:block;
}
.columns-4,.columns-5,.columns-6 {
  grid-template-columns:repeat(2,1fr);
  grid-gap:15px;
}
.columns-3,.columns-2 {
  grid-template-columns:repeat(1,1fr);
  grid-gap:15px;
}
.content_ct {
  padding:10px;
  border:5px solid #FCBA1B;
}
.archive .item_news {
  padding:10px;
  position:relative;
}

.archive .item_news .img img {margin-bottom: 10px;}
.archive .item_news .desc { display:none; }
.archive .info .capt a, .related-posts .capt a {font-size: 16px;}
.author_box {margin-bottom: 20px;}
.post-lq .box {display: flex;padding: 10px;gap: 10px;height: auto !important;}
.post-lq .box .l-box {width: 40%}
.post-lq .box .r-box {width: 60%}
.post-lq .box .r-box a {font-size: 13px;}
.post-lq .box .l-box a {height: 100%;width: 100%;display: block;}
.post-lq .box .l-box a img { height:100%; }
.bg-sapo .full-sapo .sapo ol {padding-left: 15px;font-size: 13px; gap: 8px 36px}
.archive .item_news:last-child:before {
  display:none;
}

#main {
  font-size:16px;
  margin:0;
}
.row_1 {
  display:block;
}
.title_pages {
  font-size:27px;
}
.bg-sapo {padding: 20px 15px}
.bg-sapo .img-sapo {display: none;}
.title-h1 {
  font-size:30px;
  font-weight:500;
  margin-bottom:5px;
}
.title_pages {
  font-size:22px;
  font-weight:500;
  margin-bottom:5px;
}
/*TOPLIST*/
.top-pc .item {flex-direction: column;}
.colum3  {padding: 15px 15px 0 15px;}
.colum3 .btn >div {margin-right: 0;}
.colum3 .btn  {margin:10px 0;justify-content: space-around; }
.colum3 .btn .content_km {display: none;}


.post-lq .post-item {
  margin-bottom:10px;
}
.post-lq .box a img {
  width:100%;
}
.post-lq .box h3 {
  margin:5px 0;width: 100%;
}
.post-lq .box p {
  margin-bottom:5px;
}
.breadcrumbs {
  font-size:16px;
}
.header_pc {
  display:none;
}
.header_mb {
  display:block;
}
.header_main_mb .row_flex {
  padding:10px 0;
}
.header_main_mb .logo_mb {
  display:flex;
  align-items:center;
  justify-content:center;
  width:calc(100% - 80px);
  padding:0 10px;
}
.header_main_mb .logo_mb .logo {
  margin-bottom:0;
}
.header_main_mb .logo_mb .logo img {
  max-width:100%;
  height:60px;
  object-fit:contain;
}
.header_main_mb .box_right {
  width:40px;
  height:40px;
  cursor:pointer;
}
.touch_menu {
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  position:relative;
  cursor:pointer;
  border-radius:5px;
  z-index:1000;
  transition:all .3s;
}
.touch_menu:after,.touch_menu:before {
  content:"";
  -moz-transition:0.3s ease;
  -o-transition:0.3s ease;
  -webkit-transition:0.3s ease;
  transition:0.3s ease;
  height:2px;
  width:30px;
  position:absolute;
  left:6px;
  background:#000;
}
.touch_menu:before {
  top:12px;
}
.touch_menu:after {
  bottom:12px;
}
.touch_menu .line {
  width:20px;
  display:block;
  height:2px;
  background:#000;
  margin-left:6px;
}
.touch_menu.opened {}
.touch_menu.opened .line {
  display:none;
}
.touch_menu.opened:after,.touch_menu.opened:before {
  left:4px;
  background:#fff;
}
.touch_menu.opened:before {
  transform:rotate(-45deg);
  top:20px;
}
.touch_menu.opened:after {
  transform:rotate(45deg);
  bottom:18px;
}
#menu_bar_mobile {
  position:fixed;
  width:100%;
  height:100%;
  overflow:scroll;
  background:#222;
  z-index:999;
  top:0;
  left:0;
  display:none;
  padding-top:80px;
}
.menu_mobile {
  margin:0;
  background:#333;
}
.menu_mobile li {
  padding:0 20px;
  position:relative;
  list-style:none;
}
.menu_mobile li>a {
  padding:15px;
  border-bottom:1px solid #60656a;
  color:#fff;
  font-weight:500;
  display:block;
  font-size:16px;
  position:relative;
}
.menu_mobile li:last-child>a {
  border-bottom:0;
}
.menu_mobile li>i {
  position:absolute;
  padding:14px;
  color:#fff;
  position:absolute;
  right:20px;
  top:5px;
  cursor:pointer;
}
.menu_mobile li>.wrap_menu {
  list-style:none;
  margin-bottom:0;
  width:100%;
  height:100%;
  position:fixed;
  left:100%;
  top:0;
  padding-top:80px;
  overflow:scroll;
  background:#222;
  opacity:0;
  visibility:hidden;
  -moz-transition:all 0.8s ease;
  z-index:1000;
  -o-transition:all 0.8s ease;
  -webkit-transition:all 0.8s ease;
  transition:all 0.8s ease;
}
.menu_mobile li>.wrap_menu .sub-menu {
  background:#333;
}
.menu_mobile li>.wrap_menu.opened {
  left:0;
  opacity:1;
  visibility:visible;
}
.menu_mobile li>.wrap_menu .nameback {
  padding:15px 35px;
  color:#fff;
  font-weight:bold;
  font-size:16px;
  display:block;
  cursor:pointer;
  background:#333;
}
.author-lucas-trinh .box-author .img { margin-bottom:10px ;}
.author-lucas-trinh .box-author h2.name { text-align:center; }
.wp-pagenavi span, .wp-pagenavi a {margin: 2px; padding: 2px 3px;}
}
  @media screen and (max-width:1023px) and (min-width:768px) {}