@font-face{font-family:'GoogleSans';src:url(fonts/GoogleSans-Regular.ttf);font-weight:400;font-display:block;font-style:normal}
@font-face{font-family:'GoogleSans';src:url(fonts/GoogleSans-Italic.ttf);font-weight:400;font-display:block;font-style:italic;}
@font-face{font-family:'GoogleSans';src:url(fonts/GoogleSans-Medium.ttf);font-weight:500;font-display:block;font-style:normal}
@font-face{font-family:'GoogleSans';src:url(fonts/GoogleSans-MediumItalic.ttf);font-weight:500;font-display:block;font-style:italic;}
@font-face{font-family:'GoogleSans';src:url(fonts/GoogleSans-Bold.ttf);font-weight:700;font-display:block;font-style:normal}
@font-face{font-family:'GoogleSans';src:url(fonts/GoogleSans-BoldItalic.ttf);font-weight:700;font-display:block;font-style:italic;}
body{color: #000;font-family:'GoogleSans';}

.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);
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;}
@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;}
.container{width: 1200px;}
.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' Dùng cho trường hợp đảo trái phải phần tử con */
/* 'column-reverse' Dùng cho trường hợp đảo trên dưới phần tử con */
.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:#000;-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,h2,h3,h4,h5,h6{margin-top: 0;line-height: 1.5;}
.breadcrumbs { padding:10px 0;text-align:center;font-size:20px; }
.breadcrumbs a:hover { color:#CD0505; }
* popup*/
.popup {
    width: 600px;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 999999;}
.popup a { display:block; }
.popup a img { width:100% ; height:auto; }
.close , .closes {
       position: absolute;
    top: -25px;
    right: 0px;
    cursor: pointer;
    font-size: 17px;
    color: #fff;
    display: inline-block;
    background: red;}
.line-dark {z-index: 9;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #0000008a;
    top: 0;
    left: 0;}
.catfish { position:fixed;bottom:0;left:0;width:500px; margin:auto;right:0; }
.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 */
.header_mb { display:none; }
.header_pc {display: block;background: #fff;}
.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 .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>a{display:block;text-transform:uppercase;font-size:16px;padding: 25px 20px ; 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; }
/* Footer */
#footer { padding:40px 0 20px; background:#281213; color:#fff; }
#footer a {color:red;}
#footer a:hover { color: blue; }
.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;}
.fist-widget > div .footer-title:before { content:"";background:#4f2020;width:60px;height:3px; position:absolute;bottom:-5px; left:0; }
.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: #fff;font-size: 25px;}
.social ul li:nth-child(1) a:hover i { color:#0d6efd;transition: all 300ms ease-in-out; }
.social ul li:nth-child(2) a:hover i {color:#0a58ca;transition: all 300ms ease-in-out;}
.social ul li:nth-child(3) a:hover i {color:#cd0505;transition: all 300ms ease-in-out;}
/* Pages */



/* News */


/* Sidebar */



/* Single */
.archive .item_news { margin-bottom:15px; }
.archive .info .capt a, .related-posts .capt a  { font-size:20px; color:#ffda00; 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: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.related-posts .item > div{ margin-bottom:5px; }
/* Home */
#main{font-size: 18px;background-image:url(images/bgpages.png);background-repeat:no-repeat;background-size:cover; background-position: bottom center;}
#main a { color: red; }
#main a:hover { color: blue; }
#main .box-rank a { color : #fff;}
#content_pages { margin-top: 50px; }
.all_box {padding-bottom: 20px;}
.row_1{display: flex;align-items: center;}
.boxtop { padding:100px 0 40px }
.title-h1 ,.title_pages { font-weight: 700;
    font-size: 48px;
    text-transform: uppercase;
    color: #FFCE84;
    margin-bottom: 30px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);text-align:center; }
.box-rank { max-width:996px;margin:auto; }
.top-pc { margin-bottom:20px; }
.top-pc .item { border:1px solid #CD0505;border-radius:10px; background:#FFF5F5;display: flex;}
.item .colum1, .item .colum2 { width:25%;padding:20px 25px;border-right:1px solid #CD0505;display:flex;justify-content:center;flex-wrap:wrap;grid-gap:15px; }
.item .colum1 .center  .nametop { font-weight:bold;font-size:20px;color:#CD0505;margin:10px 0; }
.item .colum2 {width:75%;border: none;justify-content: start; }
.item .colum2 .title-sm { margin-bottom:15px;font-size: 18px;text-transform:uppercase;font-weight:700; }
.item .colum2 .describe ul { padding-left:10px; }
.item .colum2 .describe ul li { list-style:none; margin-bottom: 10px;font-size: 16px;}
.item .colum2 .describe ul li:before { content: "\f00c";font-weight:900;font-family: "Font Awesome 6 Pro" ; color:#fff;font-size: 15px;background: #219653;border-radius: 50%;margin-right: 5px;}
.item .colum2 .btn { display:flex;justify-content:center;gap:20px; }
.item .colum2 .btn a { background:#CD0505; color:#fff; font-size:16px;font-weight:600;text-transform:uppercase;padding:10px 20px;border-radius:5px;display:block; }
.item .colum3 { display:flex;justify-content: center;flex-direction: column;text-align:center; }
.item .colum3 p { display:block;margin-top:15px; color:#cd0505; }
.star_rate i {color: #ffda00;}

.boxcolor { background:#fee;padding:20px 0; }
.boxboder1 {border: 5px solid #cd0505;
    box-shadow: 0 5px 4px 0 #00000040 inset;
    border-radius: 10px;
    overflow: hidden;}
.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: 0px 0px 20px 0px #00000040;
    background: #fff;
    border-radius: 20px;
    padding: 20px;margin-bottom:20px; }







@media screen and (max-width: 1024px) {
    /* Màn hình Ipad - ngang */
}


@media(max-width:768px) {
    * {line-height: 1.3;}
.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; }
.archive .item_news { padding-bottom:15px;position:relative; }
.archive .item_news:before { content:""; background:#dddd ;width:200px; height:2px; position:absolute;bottom:0; left:0; }
.archive .item_news:last-child:before {display:none;  }
/*popup*/
	.popup { width: 90% !important; }
.popup a img { height:auto; }
	.banner-top a img {
    width: 100%;
    height: 50px;}
    .banner-top a {
    display: block;
    width: 100%;
    padding: 0 10px;
}
	.catfish {width: 100%;}
/* Home MB */
#main{font-size: 16px}

.row_1{display: block;}

.title_pages{font-size: 27px}
.content-post{}
.boxtop {    padding: 20px 0 20px;}
.title-h1, .title_pages {font-size:30px;font-weight:500; margin-bottom:10px; }
.item .colum1 { border-right:none; }
.item .colum1, .item .colum2 { width:100%;padding:10px 10px; }
.item .colum3 { display:none; }
.top-pc .item ,.top-pc .item .colum1 {flex-direction: column;}
.colum1 .therank img { max-width:100px;display:block;margin:0 auto; }
.colum1 .center .imgtop { max-width:130px; }
.item .colum1 .center .nametop {margin:0; }
.item .colum2 .btn {gap:31px;}
.item .colum2 .btn a { padding:10px;}
.item .colum2 .describe ul { margin-bottom: 0;}
.breadcrumbs  { font-size:16px; }
/* Header MB */
.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;}

/* Footer MB */


/* News MB */



/* Single MB */


/* Sidebar */



/* Pages MB */




}


@media screen and (max-width: 1023px) and (min-width: 768px) {
/* Màn hình Ipad - dọc */
}