body { color:#232627;font-family: 'Noto Sans', sans-serif;}

.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; }
table { margin-bottom:20px; width:100% !important; }
tbody { border-width:1px; border-color:#3333335c; }
tr:nth-child(odd) { background:#dddd; }
tr td { padding:5px; border-right:1px solid #3333335c; }

.container { width:80%; }
.wp-caption {width: 100% !important; text-align: center;}
.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:30px; }
ol li {
  display: list-item;
  list-style-type: decimal;
}

.breadcrumbs { padding:10px 0; text-align:center; font-size:20px; }
.breadcrumbs p {margin-bottom: 0px;}
.breadcrumbs a:hover { color:#CD0505; }

/*Header*/
.site-header_main {background: #000000; padding: 15px 60px;}
.site-header_main .logo a {color: #ffffff; font-weight: 500; font-size: 30px;}
.site-header_main .button-dk  {display: flex; gap: 20px; justify-content: end;}
.site-header_main .button-dk a {padding: 10px 30px; font-weight: normal;border-radius: 30px;text-transform: uppercase;}
.site-header_main .button-dk a:nth-child(1) {background: linear-gradient(90deg, #bb3db5, #ff6ac1); color: #fff;}
.site-header_main .button-dk a:nth-child(2) {background: linear-gradient(90deg, #00f0ff, #00ffa3); color: #000;}


/*Footer*/
#footer {background: linear-gradient(180deg, #000000, #253d79);padding: 60px;color:#ffffff; }
#footer a { color:#005BBB !important; }
#footer a:hover { color:red !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; }

/*TOPLIST*/
.top-pc { margin:30px 0; }
.fa-star:before { content: "\f005"; color: #ffdc02; }
.top-pc .item {display: flex;padding: 20px;background: #000000;border: 2px solid #0033ff;box-shadow: rgb(0 67 255) 0px 0px 8px 0px;border-radius: 20px;position: relative;align-items: center;gap: 20px}
.top-pc .item .colum1{position:absolute;top:-8px;left:10px;font-size:14px;font-weight:700;color:#333;padding:2px 8px;background:#ffb601;min-width:30px;max-width:30px;display:flex;align-items:center;justify-content:center}
.top-pc .item .colum1::before {content:"";position:absolute;top:0px;left:30px;border-top:8px solid transparent;border-left:5px solid #3333339c;}
.top-pc .item .colum2 {width: 20%;text-align: center;}
.top-pc .item .colum3 {width: 60%;}
.top-pc .item .colum4 {width: 20%;text-align: center;}
.top-pc .item .colum2 .img {padding: 10px; border-radius: 10px;}
.top-pc .item .colum2 div, .top-pc .item .colum2 .title-sm h3 {margin-bottom: 10px;color: #fff}
.top-pc .item .colum2 .rate_kh p {margin-bottom: 0; display: inline-block;padding: 3px 10px; background: #2e98fff2; border-radius: 20px; font-size: 14px; color: #fff;font-weight: 500;box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;}
.top-pc .item .colum3 .describe {color: #ffffffcc;}
.top-pc .item .colum3 .info ul {display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;}
.top-pc .item .colum3 .info ul li { width:50%;}
.top-pc .item .colum3 .info ul li p {font-size: 14px;color: #ffffffcc;}
.top-pc .item .colum3 .info ul li p svg {color: #00a027;}
.top-pc .item .colum3 .info ul li p span {font-weight: bold;}
.top-pc .item .colum3 .playroom ul { display:flex; gap: 20px;padding: 0;}
.top-pc .item .colum3 .playroom ul li {list-style: none;background: #bb3db5;padding: 3px 10px; font-size: 14px;border-radius: 20px;color: #fff;box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;}
.top-pc .item .colum4 .button a { display: block;color: #fff; border-radius: 5px; padding: 10px;transition: all 0.3s ease;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.top-pc .item .colum4 .button a:hover {border-radius: 10px;transform: scale(1.1);box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;}
.top-pc .item .colum4 .button .btn_reiew a {background: linear-gradient(90deg, #bb3db5, #ff6ac1);margin-bottom: 20px;}
.top-pc .item .colum4 .button .btn_dk a {background: linear-gradient(90deg, #00f0ff, #00ffa3);color: #000 !important;}
.box-rank .top-pc:last-child {margin-bottom: 0;}

/*Main*/
#main { font-size:18px;  }
#main a { color:#ffcc23; }
#main a:hover { color:#cd0505; }
#main .box-rank a { color:#ffffff; }
#content_pages { margin-top:20px; }
.all_box { padding-bottom:20px; }
.row_1 { display:flex; align-items:center; }
.title_pages { font-weight:700; font-size:35px; text-transform:uppercase; margin-bottom:30px; text-align:center;color:#214790; }
.title-h1 {font-weight:500; font-size:70px; text-transform:capitalize; margin-bottom:80px; text-align:left;}
.bg-sapo {padding:20px 60px 60px 60px  ; background: linear-gradient(180deg, #000000, #253d79); }
.full-sapo h1 {color: #ffffff;}
.full-sapo .sapo {color: #ffffff;}
.boxtop h2 {text-align: center;color: #fff; font-size: 40px;font-weight: 500;text-transform: uppercase;}
.bg-sapo .full-sapo .sapo ol {display: grid;grid-template-rows: repeat(5, auto); grid-auto-flow: column;gap: 8px 16px;margin: 0;}
.site-main-1 {padding: 30px 0;background: #020025;}
.site-main-2 {background: linear-gradient(90deg, #000000, #253d79);padding: 50px 0;}
.site-main-3 {background: linear-gradient(270deg, #000000, #253d79);padding: 50px 0;}
.site-main-2 .home1-content {padding: 20px; background: #000;border: 2px solid #a900ff;border-radius: 10px; box-shadow: rgb(0 67 255) 0px 0px 8px 0px;color: #ffffff; }
.faq {background: #020025; padding: 50px 0;color: #ffffff; }
.home2-content{scrollbar-width: none; max-height:500px; overflow-y:auto; padding:20px; border: 2px solid #0033ff;border-radius: 10px; box-shadow: rgb(0 67 255) 0px 0px 8px 0px;color: #ffffff; background:#000; }
.home2-content h2 , .home2-content h3, .home2-content h4 {margin-bottom: 20px;padding: 5px;}
.home2-content h2 {text-align: center !important;background: linear-gradient(to right, #00000000 0%, #001bff61 50%, #00000000 100%);}
.home2-content h3, .home-content h4 {background: linear-gradient(45deg, #001bff61, transparent);}
.home2-content img {display: block; margin: 30px auto 0;}
.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 a {color: #005BBB !important;}
.author_box .avatar {padding: 10px;}
.author_box .avatar img {border-radius: 40px;margin-bottom: 0;width: 100%;height: auto;}
.author_box .name {color: #C0392B;font-weight: 700; font-size: 24px;}
.author_box .admin {color: #005BBB;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;} 
@media screen and (max-width:1024px) { } 
@media(max-width:1200px) {
* {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 {padding: 10px;flex-direction: column;gap: 10px;}
.top-pc .item .colum2 { width:100%;text-align:center;}
.top-pc .item .colum2 .img {margin: 0 auto;width: 50%;}
.top-pc .item .colum2 .star_rate {margin-bottom: 5px;}
.top-pc .item .colum2 div, .top-pc .item .colum2 .title-sm h3 {margin-bottom: 0;}
.top-pc .item .colum3, .top-pc .item .colum4 {width: 100%;}
.top-pc .item .colum3 .playroom ul {margin-bottom:0; }
.top-pc .item .colum3 .describe {display: none;}
.top-pc .item .colum4 .button {display: flex;gap: 10px}
.top-pc .item .colum4 .button > div {width: 50%;}
.top-pc .item .colum4 .button .btn_reiew a {margin-bottom: 0;}


.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: 900px) { 
.site-header_main .button-dk a {padding: 10px 20px;}
.boxtop h2 {font-size: 25px;}

}
@media screen and (max-width: 768px) { 
.site-header_main {padding: 15px;}
.site-header_main .row {gap: 15px;text-align: center;}
.site-header_main .button-dk {justify-content: center;}
.boxtop h2 {font-size: 25px;}


}
@media screen and (max-width:1023px) and (min-width:768px){;}