*{padding:0; margin:0}
row li*, :after, :before, html { box-sizing: border-box; }
a, a:hover{text-decoration:none;}
.fl{float:left}
.fr{float:right}
.cp{cursor:pointer}
img {max-width: 100%; width: auto; height:auto}
p, h1, h2, h3, h4, h5, h6, ul {margin: 0;}
p, h1, h2, h3, h4, h5, h6, ul,div{line-height:150%}
.tj{text-align:justify}
.td{text-decoration:underline}
.bold {font-weight: 600}
.red {color: red}
.upper {text-transform: uppercase}
.an{display:none !important}
.hien{display:block !important}
.w100{width:100%}
.pr{position:relative}
.pa{position:absolute}
.italic {font-style: italic}
.tu{text-transform:uppercase}
.aic{align-items:center}
.jcc{justify-content:center}
.content-baiviet .noidung{padding:0; border-radius:0; background:none}
.df{display:flex}
.h2{font-size:36px; font-weight:bold}
.h3{font-size:32px; font-weight:bold}
.h4{font-size:26px;}
.tf{text-transform:uppercase}
.me10{margin-right:10px}
.mb-50{margin-bottom:50px}
.pe10{padding-right:10px}
.bd-right{border-right: 1px solid #ccc}
.tc{text-align:center}
.al{align-items: center;}
.fs20{font-size: 20px;}
.fw4{font-weight: 400;}
.fw5{font-weight: 500;}
.fw6{font-weight: 600;}
.fw7{font-weight: 700;}
.fs14{font-size: 14px;}
.fs24{font-size:24px}
.fs28{font-size:28px;}
.p1030{padding:10px 30px}
.mb-20{margin-bottom:20px}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.bg-black{background:#000}
.color-white{color: #fff;}
.pr{position:relative}
.pa{position:absolute}
.xemthem-tt1 a{color:#333}
.w70{width:70%}
.w30{width:30%}
button, input, optgroup, select, textarea, .btn{font-optical-sizing: auto; font-weight: <weight>; font-style: normal; font-size:14px}
.fs25{font-size: 25px;}
.mb-30{margin-bottom: 30px;}
.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }
.bg-gray{background-color: #D9D9D9;}
.p40{padding:40px}
.p10{padding:10px}
.pt100{padding-top:100px}
.jc{justify-content: center;}
.tr{text-align:right}
.p30{padding:30px}
.mb-15{margin-bottom: 15px;}
.ms10{margin-left:10px}
.color-black{color:#333 !important}
figure{margin-bottom:0}
.top-hd{width]100%; padding:10px 0; background:rgb(12, 82, 230); display:none}
.menu-right{width:100%; float:left; text-align:left}
#menu_right a{color:#212529; margin-left:0; padding-left:0}
#menu_right a.active{color:#666}
.menu-right li .btn{padding-left:0; padding-right:0}
#lang{padding: 10px 20px; border: 1px solid #ccc; font-size:22px; font-weight:bold; float: left;}
.has-hover .bg, .has-hover [class*=image-] img[class*=image-] img {transition: filter .6s,opacity .6s,transform .6s,box-shadow .3s;}
a:hover,a:active{color:var(--c-hover)}
.tacgia a{text-decoration:underline}
.d-flex{display:flex}
#ds_hoatdonghs{float:left}
:root { --primary-color: #0861ba; --fs-color-primary: #0861ba; --fs-color-secondary: #57cc04; --fs-color-success: #08a447; --fs-color-alert: #ff0000; --fs-experimental-link-color: #0087bd; --fs-experimental-link-color-hover: #111; } 
:root { --flatsome-scroll-padding-top: calc(var(--flatsome--header--sticky-height, 0px) + var(--wp-admin--admin-bar--height, 0px)); }
body {font-family: 'Poppins', sans-serif; font-optical-sizing: auto; font-weight: <weight>; font-style: normal;  font-size: 14px; line-height: 150%;}
.ct-lydo h3{text-transform:uppercase}
header h2{font-size:20px}
.tt-mangluoi a{margin-right:10px}
#pop2 .modal_header { background: rgb(4, 19, 52) !important; cursor: move; padding: 10px; color: #fff; text-transform: inherit; }
#pop2 .modal_header h5{text-transform:none}
#pop2 .modal_header svg{fill:#fff}
#pop2_body input{width: 100%; padding: 9px; border-radius: 5px; border: 1px solid #ccc;}
/* jssor slider loading skin spin css */
.row{margin-right: calc(var(--bs-gutter-x)* -1); margin-left: calc(var(--bs-gutter-x)* -1);}
.row>* { padding-right: calc(var(--bs-gutter-x)* 1); padding-left: calc(var(--bs-gutter-x)* 1);}
.banner img{width:100%; height: auto;}
.fs30{font-size:30px}
.fs20{font-size:20px}
.bg_269{background:rgb(4, 19, 52)}
header{padding:0}
footer{padding:30px 0; overflow:hidden; float:left}
.fix-left{position: fixed; top: 20px; left: 30px; z-index: 10;}
.logo-left img{height:380px}
.icon-left li{list-style: none; margin-bottom: 20px; margin-left:20px}
.icon-left li a{color: grey;}
.icon-left{padding:0; margin-top: 40px; float:right}
.ft-bottom{width:100%; margin-top:30px}
.fix-right{position: fixed; top:20px; right: 0; z-index:10; padding-left:10px}
.bd-links { position: -webkit-sticky; position: sticky; top: 5rem; display: block !important; height: calc(400vh - 7rem); padding-left: 0; margin-left: 0; overflow-y: auto; } 
.bd-links { overflow: auto; font-weight: 600; }
.bd-links a { padding: 0.1875rem 0.5rem; margin-top: 0.125rem; margin-left: 1.25rem; color: rgba(0, 0, 0, 0.65); text-decoration: none; }
.ul-menuright li button{text-transform: uppercase;}
.menu-right-child li{margin-bottom: 10px; list-style:none}
.menu-right-child li a{color:#333; text-transform: none;}
.menu-right-child li a i{font-size:8px; margin-right:8px; margin-top:4px}
.menu-right-child{padding-left: 25px;}
.text-banner{width: 100%; height: 100%; position: absolute; top:0; left:0; }
.box-text-banner{width:32%; --mask-background-color: rgb(193 191 191 / 61%); --background-image-url: unset; background-color: rgb(193 191 191 / 61%); padding:20px; border-radius:10px; text-align:left; margin-top:50px; margin-left:30px}
.link-text{margin-bottom:30px}
.text-top{color:#0bd3f3; margin-bottom:30px}
.text-ct{--mm-font-size: 32px; --pad-font-size: 44px; --pc-font-size: 56px; --font-color: #f5faf2; --max-line: 0; --text-decorate: unset; --line-height: 1.3; --font-weight: bold; --letter-spacing: 0px; --font-family: Poppins; --text-align: inherit; overflow: visible; margin-bottom:30px; font-size:56px; font-weight:bold; text-shadow: 1px 1px 1px #333;}

.text-bt{color:#fff; margin-bottom:30px}
.link-text a{background:#071333; color:#fff; padding:15px 40px; border-radius:5px;}

.banner{width:100%; padding:0; overflow:hidden}
.banner .carousel-indicators {  text-align: right; display: inherit; margin-right: 0; }
.carousel-indicators [data-bs-target]{width:15px; height:15px; margin-left:5px; margin-right:5px}
.td-lydo{padding:40px 0; padding-top:0}
.td-lydo h2{font-size: 26px; font-weight: bold; margin-bottom: 40px;}
.lydo{width:100%; padding: 40px 0; background:#000}
.box-lydo{width:100%; text-align:center; padding: 0; float:left; margin-bottom:50px}
.box-lydo h3{font-size:20px; font-weight:bold; margin-bottom:20px}
.ct-lydo{margin-bottom:50px; width:100%; float: left;}
.ct-lydo img{width:100%; height: auto;}
.ct-lydo figure{margin-bottom:20px}
.ct-lydo h3{font-size:20px; width:100%; font-weight:bold; float: left;}
.ct-lydo h3 a{color:#fff}
.ct-lydo h3 hr{width:20%; height: 3px; background-color: #fff; opacity: 1;}
.dssp .ct-lydo h3{font-size:27px; font-weight:bold; text-transform:uppercase;}
.dssp .ct-lydo{margin-bottom:30px}
.dssp .ct-lydo h3 hr{background-color: #333; width:100px}
.ct-lydo figure{width:100%; float: left;}
.text-lydo{color:#fff; margin-bottom: 10px; font-size:16px;}
.more-about a{color:#fff; font-weight: bold; border-bottom: 1px solid #fff; font-size:16px;}
.box-textlydo:nth-child(2){float:right; text-align: right;}
.box-lydo .col-sm-4:nth-child(3) .ct-lydo figure{float:right}
.box-lydo .col-sm-4:last-child .ct-lydo figure, .box-lydo .col-sm-4:nth-child(4) .ct-lydo figure{width:100%; text-align: center;}
#id_sukien_luutru .box-tintuc:nth-child(n+5){display:block}
.box-lydo .col-sm-4:last-child .ct-lydo img{height:200px; width:auto}
.update{width:100%; float: left; padding: 50px 0; padding-bottom: 100px;}
.content-update{width:40%; text-align: left; margin: 0 auto;}
.content-update hr{width:42px; height: 5px; background-color: #000; opacity: 1; margin-bottom: 30px;}
.content-update h2{width:auto}
.content-update h3{color:#999; font-weight: normal; margin-bottom: 20px; font-size: 18px;}
.carousel-indicators [data-bs-target]{border-bottom: 1px solid #fff; width: 10px; height: 10px; background: #fff; border-top: none; border-bottom: none; border-radius: 100%;}
.carousel-control-next, .carousel-control-prev{color:#ccc}
.doitac{width:100%; padding: 50px 0; float: left;}
.nbs-flexisel-nav-left{display:none !important}
.nbs-flexisel-inner { position: 
  relative; overflow: hidden; float:left; width:100%; background:#fff } 
.nbs-flexisel-nav-left{display:none !important}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 { display:none; } 
.nbs-flexisel-container { position:relative; max-width:100%;  } 
.nbs-flexisel-ul { position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center; overflow: auto; } 
.header-bottom .nbs-flexisel-inner { position: relative; overflow: hidden; float:left; width:100%; background:#fff } 
.box-doitac{margin-bottom:30px}
.box-ft h2{font-size:16px; font-weight:bold}
.box-ft h3{font-size:14px; margin-top:10px}
.box-ft ul{padding:0; margin:0}
.box-ft li{padding-bottom:6px; margin-bottom:6px; list-style:none}
footer{background-color: rgb(4, 19, 52); width:100%; float:left; padding-top:30px; color:#fff}
footer a{color:#fff}
footer figure{margin-bottom:40px}
.guimail-ft{width:100%; background-color: none; border-radius:5px; border:1px solid rgb(11, 211, 243); padding: 10px; position:relative}
.guimail-ft input{width:100%; background:none; border:none}
.guimail-ft span{color:#fff; position:absolute; top:10px; right:5px;}
footer figure img{height:50px; width: auto;}
.box-ft h3{font-weight:bold}
.dsnamsukien{padding:40px 0; font-weight:bold}
.content-cat-centre{padding:40px 0}
.content-cat h2, .content-cat-centre h2{font-size:30px !important; font-weight:bold}
.box-map figure{margin-bottom:10px}
.box-map h3{font-size:20px; margin-bottom:10px; height:54px; text-transform:uppercase; overflow:hidden; font-weight:bold}
.box-map a{color:#333}
.dssp{width:100%; padding:40px 0}
.chitietsp-top h2, .doitac h2{font-size:30px !important; text-transform:uppercase; font-weight:bold}
.content-cat-centre h1{font-size:30px !important; font-weight:bold}
.chitietsp-top h2 hr, .doitac h2 hr{width:100px; height:5px; background:#333; opacity:1}
.caption{margin-top:50px}
.pb50{padding-bottom:50px}
.caption h1{font-size:30px; font-weight:bold;}
#dsnam .active, #dsnam_luutru .active{color:#999 !important}
.box-tintuc-right h3{font-size:20px}
.content-trienlam{margin-top:50px}
.text-danhmuc{top:40%; left:20%; width:60%; text-align:center}
.text-danhmuc h3{font-size:22px; font-weight:bold; text-transform:uppercase}
.text-danhmuc h3 a:hover, .xt-chuyenmuc a:hover{text-decoration:underline; color:#fff}
.xt-chuyenmuc a{padding:10px 30px; border:1px solid #fff}
.tomtat-dm{width:86%; margin-left:7%; font-size:20px}
.noidung-danhmuc figure img{width:100%; height:auto}
.content-cat h1{width: 20%; font-size:24px; font-weight:bold; margin-left:40%; margin-bottom:40px}
.content-cat h1 hr, .tieude-dichvu hr{width:50px; height:5px; background:#333; opacity:1}
.tieude-dichvu hr{height:3px}
.mb100{margin-bottom:100px}
.xt-tintuc a:hover{color:#ffff00}
.tab-network{width:100%; border:none; margin-bottom:50px}
.tab-network .nav-link.active{background:#000;  color:#fff; text-transform:uppercase; border:none; border-radius:0}
.tab-network li .nav-link{padding:10px 40px; background:#7D7B7B; color:#fff; border:none; border-radius:0; margin-right:40px;  text-transform:uppercase;}
.tab-network li:last-child .nav-link{margin-right:0}
.box-list-people{width:100%; padding:10px 0; border-bottom:1px solid #ccc; font-size:14px; text-transform:uppercase}
.box-list-people a{color:#333}
.box-list-people h3{font-size:24px;}
.box-cat-right{font-size:20px}
.box-cat-right ul{margin-bottom:30px}
.box-cat-right a{color:#333}
.box-people-right  h1{width:auto; font-size:24px; margin-left:0; font-weight:bold; margin-bottom:40px}
.box-people-right  h1 hr{width:50px; height:5px; background:#333; opacity:1}
.noidung-danhmuc h1{width:100%; margin-left:0; margin-top:50px}
.list-mxh-team{right:-30px; bottom:5%}
.box-thanhvien{padding-right:30px}
.box-thanhvien figure{overflow:inherit !important; width:100%}
.anh-thanhvien{width:90%}
.box-contact input, .box-contact textarea{border:none; border-radius:0; outline:none}
.box-contact input{border-bottom:1px solid #333}
.box-contact textarea{border-bottom:3px solid #333}
.box-contact h3{font-size:26px;}
#id_ltqzt4sw9hv23vp0 .col-sm-4{padding-right: calc(var(--bs-gutter-x)* 1); padding-left: calc(var(--bs-gutter-x)* 1);}
#id_ltqzt4sw9hv23vp0{margin-right: calc(var(--bs-gutter-x)* -1); margin-left: calc(var(--bs-gutter-x)* -1);}
.menu-top{background-color:rgb(4, 19, 52); transition: 0.4s ease-in;}
.bg-light { background-color: rgb(4, 19, 52) !important; }
.navbar-light .navbar-toggler-icon { background-image: url(/imgs/bg-menu-mb.png); }
.navbar-light .navbar-nav .nav-link{color:rgb(220, 255, 217);}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover{color:rgb(220, 255, 217); text-decoration:underline}

.dropdown-menu{background:none; border:none; border-radius:0}
.dropdown-menu li{padding-top:8px; padding-bottom:8px; border-bottom: 1px dashed #ccc}
.dropdown-menu li a{color:#fff}
#load_logo_mobile img{width:120px; height:auto}
.box-map{margin-bottom:40px}
.cttt-baiviet h1{font-size:24px; font-weight:bold; margin-bottom:30px}
.ngaydang-view{text-align: right; font-style: italic; border-bottom: 1px solid #eee; margin-bottom: 30px;}
.box-tintuc{padding-bottom:50px; border-bottom:1px solid #eee}
.box-dichvu{border:none}
.sum-tintuc{margin-bottom:30px; font-size:18px}
.list-unstyled{padding-top:0}
footer .icon-left li{float:left; padding-left:8px; padding-right:8px; margin-bottom:15px;}
footer .icon-left li img{width:30px; height:30px}
.tieude-chuyenmuc{margin-left:0 !important; font-size:32px !important; width:auto !important; margin-bottom:40px !important; text-transform:uppercase; font-weight:bold}
.tieude-chuyenmuc hr{width:100px; height:5px; background:#000; opacity:1}
.box-cat-centre{width:90%; margin-left:5%; font-size:20px;}
.box-cat-centre a{color:#0066cc}
.box-cat-centre a:hover{color:#0066cc; text-decoration:underline}
.content-cat-under{width:100%}
#dsnam, #dsnam_luutru{text-align:center; font-size:23px;}
/*jssor slider bullet skin 032 css*/
.content-trienlam{text-align:justify; padding-bottom:30px}
.content-trienlam h2, .content-trienlam h3{font-weight:bold; margin-top:20px; margin-bottom:10px}
.content-trienlam h2{font-size:20px; color:rgb(4, 19, 52)}
.content-trienlam h3{font-size:17px;}
.tomtat-trienlam{ margin-top:50px}
#people_grid .box-map h3, #kq .box-map h3{height:auto}
.box-thanhvien h3{text-transform:uppercase}
.box-contact img{width:40px; height:auto}
.box-contact li{padding:0 10px}
.sum-people a{text-decoration:underline; margin-left:8px}
.sum-people a:first-child{margin-left:0}
.text-update, .xt-update a{font-size:16px}
#nd_anh4{padding:0 30px}
.tt-mangluoi a, .box-cat-right a{color:#0066cc; margin-right:0}
.tt-mangluoi a:hover, .box-cat-right a:hover{text-decoration:underline}
.tt-mangluoi ul li a{color:#333}
.tintuc-sum, .content-baiviet{text-align:left !important}
.xemthem-tt, .xemthem-tt1{font-weight:bold; cursor:pointer}
.xemthem-tt img, .xemthem-tt1 img{width:30px; height:auto; margin-top:10px}
.dstt .box-tintuc:nth-child(n+5){display:none}
#id_baigiang .box-tintuc:nth-child(n+5){display:none}
#id_sukien .box-tintuc:nth-child(n+5){display:none}
#id_tintuc .box-tintuc:nth-child(n+5){display:none}
.carousel-item{text-align:center}
.display-img{width:100%; display: inline-block;}
.display-img img{width: 100%; height: 100%; object-fit: contain;}
.anh-trienlam .display-img img{width: auto; height: 100%; object-fit: contain;}
.chayanh, .carousel{width:100%}
.carousel-control-next-icon, .carousel-control-prev-icon{background-color:none; width:20px}
.theanh, .theanh_en{position:absolute; width:80%; padding:8px 0; background:#2a252557; color:#fff; text-align:center; bottom:0; left:10%}
.theanh{display:none}
.display-img .theanh{display:block}
.box-cat-left .theanh, .box-tintuc .theanh{display:none !important}
#review_book{width:100%; float:left}
.anh-trienlam .carousel-item, .display-img{height:100% !important}
.xt-update{margin-bottom:20px; padding:0 10px}
.xemthem-tt a{color:#333}
.timkiem-sub{margin-bottom:30px}
.box-timkiem{min-width:300px; border:1px solid #ccc; padding:12px 0; position:relative; z-index:500}
.box-timkiem span{padding:6px 20px; background:inherit; top:5px; right:0; position:absolute}
.box-timkiem input{width:100%; border:none; border-radius:0; padding:0; padding-left:10px; outline:none}
#click_tknangcao, #an_tknangcao, #click_tknangcao_book, #an_tknangcao_book{margin-left: 20px; background: #000; color: #fff; padding: 7px 30px; float: right; cursor:pointer}
#an_tknangcao, #an_tknangcao_book{display:none}
/*checkbox list*/
.filter-container { border: 1px solid #ccc; padding: 20px;  margin: 30px auto; overflow:hidden; display:none } 
.filter-group { margin-bottom: 20px; } 
.filter-group label {margin-bottom: 5px; } 
.filter-section { width: 94%; background: #e0e0e0; padding-left: 0; padding-right: 0; margin-left: 3%;} 
.filter-top{width: 94%;  padding-left: 0; padding-right: 0; margin-left: 3%;}
.filter-column {height:250px; overflow-y:scroll;  padding: 10px; flex: 1; border-radius: 5px; } 
.checkbox-list div { margin: 5px 0; } 
.filter-container .div-timkiem span{padding:10px 30px; background:#000; border-radius:10px; cursor:pointer; color:#fff; font-weight:bold}
.checkbox-list span { color: red; margin-left:5px } 
.filter-container input[type="text"] { margin: 4px 0; padding: 4px; width: 120px; }
.filter-container h3{font-size: 18px; font-weight: bold; margin-bottom: 20px;}
#tunam{margin-bottom:10px}
#tunam, #dennam{padding-left:5px}
.checkbox-list div {
  margin: 5px 0;
  padding-left: 20px; /* Thụt lề các checkbox con */
}
#dsnguoidonggop a, #dsnguoidonggop_en a{color:#333; text-decoration:underline}
#dsnguoidonggop span:last-child, #dsnguoidonggop_en span:last-child{display:none}
.box-cat-left figure{width:100%; align-items: center; justify-content: center; display: flex ;}
.mxh-bottom{width:100%; padding-left:0; float:left; align-items: center; justify-content: center; display: flex ;}
.mxh-bottom li{list-style:none; float:left; margin:0 6px}
.mxh-bottom img{width:30px; height:auto}
.chitiet-tochuc{font-size:20px}
.chitiet-tochuc a{color:#333; text-decoration:underline; margin-left:6px}
.radio-timkiem{display:flex; align-items: center;}
.radio-timkiem label{margin-right:15px; margin-left:3px}
.div-timkiem{position:relative; z-index:500}
.box-book{position:relative}
.box-book .nhando{width:30px; height:30px; position:absolute; top:20px; left:20px; background:#ff0000; border-radius:100%; z-index:999}
.box-book h3{height:58px; text-transform:none; text-decoration:underline}
.fwb{font-weight:bold}
.carousel-item{color:#fff}
.carousel-item a{color:#fff}
.carousel-control-next, .carousel-control-prev{width:2%}
.search{margin-right:20px}
.baochi, .product-new, .danhgia-khachhang, .lydoluachon, .new-home, .hoidap-home, .product-home{width:100%; padding:50px 0; overflow:hidden; float:left}
.box-baochi h2, .product-new h2, .danhgia-khachhang h2, .lydoluachon h2, .new-home h2, .hoidap-home h2, .new-home h1, .product-home h1{font-weight:bold; margin-bottom:20px}
.box-pro-new{width:100%; padding:10px; background:rgb(248, 248, 248); border-radius:6px; margin-bottom:30px}
.lydoluachon{background:url(/imgs/bg-lydo.webp) center left no-repeat; background-size:cover; color:#fff;  float:left}
.td-cm{width:100%; padding:60px 0; background:url(/imgs/bg-lydo.webp) center left no-repeat; background-size:cover; color:#fff; text-align:center;  float:left; margin-bottom:30px; border-radius:10px}
.td-cm h1{margin-bottom:40px}
.lydoluachon h2{margin-bottom:50px}
.video-home, .video-danhgia{width:100%; float:left; overflow:hidden}
.box-danhgia video{border-radius:8px}
.box-danhgia{text-align:center}
.box-danhgia h3{font-size:15px; font-weight:normal; margin-bottom:10px}
.box-danhgia p{font-size:20px; font-weight:bold}
.pro-right{text-align:center}
.pro-right h3{font-size:20px; font-weight:bold; margin-bottom:20px; }
.pro-right h3 a{color:#333}
.pro-right p{margin-bottom:30px; height:63px; overflow:hidden}
.product-home, .moc-danhmuc{background:#f9f9f9}
.product-home{padding-top:0}
.product-home .box-pro-new{background:#fff}
.product-home .box-pro-new .xemngay{margin-bottom:10px}
.product-home .gia-ban{font-size:22px; color:#333}
.product-home .gia-tt{font-size:18px; color:#999; margin-top:4px}
.product-home .gia-sp { width: 100%; margin-bottom: 30px; float: none; display: flex ; align-items: center; justify-content: center; }
.xemngay a{padding:10px 30px; border:1px solid #0c52e6; color:#0c52e6; border-radius:5px}
.xemngay a:hover{background:#0c52e6; color:#fff}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background:none}
.box-text-baochi{width:100%; height:100%; position:absolute; display:flex; align-items: center; justify-content: center; top:-20px; left:0}
.box-dulieutk label{width:100%; margin-bottom:10px}
.box-dulieutk label span{margin-left:10px}
.box-dulieutk{padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc}
.box-dulieutk h2{font-size:20px; font-weight:bold; margin-bottom:15px}
.box-video-danhgia{width:100%; margin-bottom:30px; background:#f9f9f9}
.box-video-danhgia iframe{width:100%; min-height:450px}
.box-video-right{padding:30px; text-align:center}
.box-video-right h3{font-size:24px; font-weight:bold; margin-bottom:30px}
.text-ct-baochi{width:40%; opacity: .3;}
.tab-content>.tab-pane{position:relative; text-align:center}
.tab-content>.tab-pane a{color:#000; text-decoration: none}
.tab-content>.tab-pane p{margin-bottom:30px}
.tacgia a{color:#666 !important}
#pills-tab{margin-bottom:100px !important}
.moc-danhmuc{padding:10px 0;}
.moc-danhmuc ol{padding-left:0}
.moc-danhmuc ol li{list-style:none; float:left; margin-right:15px;}
.moc-danhmuc ol li a{margin-left:15px; color:#333}
.moc-danhmuc ol li:first-child a{margin-left:0}
.xzoom-thumbs img{width:80px; height:auto}
.xzoom{border-radius:10px}
.box-pro-right h1{font-size:30px; font-weight:bold; margin-bottom:15px}
.td-sub{margin-bottom:30px}
.gia-sp{width:100%; margin-bottom:30px; display:none !important; float:left}
.gia-ban{color: #ad020d; font-size: 30px; font-weight:bold; margin-right:15px; float: left;}
.gia-tt{font-size:24px; margin-top:6px; text-decoration:line-through}
.tomtat-sp ul li{margin-bottom:8px;}
.menu-funcition{width:100%; float:left; margin-top:50px}
.menu-funcition  ul li{list-style:none; padding:8px 30px; float:left}
.menu-funcition  ul li a{color:#333; text-decoration:underline}
.menu-funcition  ul{width:100%; margin-bottom:30px; display:flex;}
.thongso table{width:100%; border:1px solid #ccc}
.thongso table td{border:1px solid #ccc; padding:5px}
.thongso h2{width:100%; font-weight:bold; font-size:22px; margin-bottom:10px}
.tongquansanpham #menu1 .row{display:flex; align-items: center; justify-content: center;}
.tongquansanpham img{border-radius:10px}
#menu4, #menu5, #menu6{margin-top:50px;}
#menu4 h2, #menu5 h2, #menu6 h2{font-size:30px; font-weight:bold; margin-bottom:50px; text-align:center}
.box-donggoi{width: 100%; background: #f9f9f9; padding: 20px; border-radius: 10px; text-align: center;}
.box-donggoi img{height:194px; width:auto}
.di { display: inline-block; }

.moreT div, .moreT2 div, .reviewstart { display: inline-block; font-size: 18px; margin: 0 5px; color: #888; cursor: pointer; text-shadow: 0 1px 0 #fff; vertical-align: middle; }
.moreT2 div, .reviewstart { font-size: 26px; }
.rating{text-align:center; width:100%; margin-bottom:10px}
.rating-ht{width:100%; text-align:center;}
.review-item{width:100%; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eee}
.img-tinmoi{margin-bottom:20px}
.product-home .box-tinmoi{margin-bottom:30px}
.box-tinmoi h3{font-size:20px; padding:0 10px; font-weight:bold; margin-bottom:20px}
.box-tinmoi h3 a{color:#333}
.box-tinmoi{width:100%;  background:#f9f9f9; float:left}
.dropdown-menu{min-width:250px; font-size:14px; padding:10px; border-radius:0; background:rgb(4, 19, 52) !important}
.dropdown-menu li{list-style:none; padding-bottom:8px; margin-bottom:8px; border-bottom:1px dashed #eee}
.dropdown-menu li a{color:rgb(220, 255, 217)}
.accordion-item{border-radius:0; border:none; margin-bottom:20px; background:#f9f9f9}
.accordion-button{background:#f9f9f9;}
.chitietsanpham, .menu-funcition, .tongquansanpham{overflow:hidden}
#menu6 .accordion-item h2 {margin-bottom:20px}
.noidung h3, .noidung h2, .noidung h4{margin-top:20px; margin-bottom:20px}
.noidung h3{font-size:19px; font-weight:bold}
.noidung h2{font-size:22px; font-weight:bold}
.noidung h4{font-size:16px; font-weight:bold}
.noidung .row{margin-bottom:30px}
.noidung img{min-width:80%; height:auto}
.noidung table{width:100%; border:1px solid #ccc}
.noidung table td{border:1px solid #ccc; padding:5px}
.noidung iframe{width:90%; margin-left:auto; margin-right:auto}
.new-home .accordion-item{background:#f1f1f1}
.new-home .accordion-button:not(.collapsed){background-color:inherit; box-shadow:inherit}
.new-home .accordion-button{background:#f1f1f1}
.box-address h1{font-size:23px; font-weight:bold; margin-bottom:20px}
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
  max-width: 100%;
  margin: auto;
}
.card {
  background: white;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: transform 0.2s ease;
}
.card:hover {
  transform: translateY(-4px);
}
.icon {
  font-size: 36px;
  color: #007BFF;
  margin-bottom: 10px; text-align:center;
}
.icon img{width:70px; height:auto}
.card-title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 8px;
}
.card-title a{color:#333}
.card-text {
  color: #555;
  font-size: 14px;
}
.email-section {
      display: flex;
      justify-content: center;
      gap: 50px;
      flex-wrap: wrap;
      margin-bottom: 50px;
    }

    .email-box {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 16px;
    }

    .email-box img {
      width: 24px;
    }

    .contact-container {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      justify-content: center;
    }

    .contact-box {
      background-color: white;
      border-radius: 12px;
      padding: 20px 25px;
      flex: 1 1 300px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    .contact-box h3 {
      margin-top: 0;
      color: #111c3a;
    }

    .contact-box b {
      color: #333;
    }

@media (min-width: 768px){
  .noidung video{width:100% !important; height:450px !important}
  .pro-right h3{height:60px; overflow:hidden}
  .img-pro-new{width:100%; height:223px; overflow:hidden}
  .img-pro-new img{width:auto; height:223px}
  .dropdown:hover .dropdown-menu{display:block}
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 68%; }
  .text-lydo{font-size:11px}
  .ct-lydo{margin-bottom:20px}
  .ct-lydo h3, .more-about a{font-size:11px}
  .fix-right{width:135px}
  .chayanh .carousel-inner{height:360px; overflow:hidden}
  .anh-trienlam .carousel-item, .display-img{width: 100% !important; height: 100% !important}
  .img-tinmoi{width:100%; height:345px; overflow:hidden; border-radius:6px}
}

@media (min-width: 940px){
  .box-cat-right{padding-left:20px}
  .box-cat-left{padding-right:20px}
  .box-tintuc figure{height:340px; overflow:hidden}

  .box-map figure { height: 260px; overflow: hidden; align-items: center; justify-content: center; display: flex ; }
  .box-thanhvien figure{height:auto; overflow:inherit}
  .box-cat-left figure{height:380px; overflow:hidden}
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 75%; }
}
@media (max-width: 920px){
  .navbar-brand img{width:180px; height:auto}

  .content-update{width:70%}


}
@media (max-width: 767px){
  .noidung video{width:100%; height:350px}
  .box-tinmoi{border-radius: 10px; margin-bottom: 30px;}
  .box-danhgia{margin-bottom:30px}
  .xemngay{margin-bottom:20px}
  .top-hd{font-size:11px}
  .box-text-banner{width:90%}
  .text-ct{font-size:25px;}
  .banner video{height:560px}
  .box-tintuc-right{margin-bottom:30px}
  .box-ft{margin-bottom:1rem!important; width:100%; float:left}
  .icon-left{width:100%; float:left; margin-top:0}
  .box-tintuc-right h3{font-size:22px; font-weight:bold}
  .box-cat-left, .box-tintuc figure{margin-bottom:1rem!important}
  header{padding-top:0}
  .content-update{width:95%}
  .box-map{margin-bottom:40px}
  .fix-right{display: block !important; top: 5px; position: fixed; height: 45px; overflow: hidden; width: 74px; right: 70px; padding-left:0; z-index:11}
  #lang{color: #fff; padding: 0; width:60px; height:44px; line-height:44px; text-align:center}
  #menu_right a.active{color:#333}
}
@media (min-width: 921px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 76%; }
  .ct-lydo h3, .more-about a{font-size:20px}

  .dstt .col-sm-7 figure{height:467px; overflow:hidden !important}
  .dstt .col-sm-7 .box-thanhvien figure img{width:100%; height:auto; max-width:inherit}
  .dstt .col-sm-5 .box-thanhvien figure img{width:100%; height:auto; max-width:inherit}
  .dstt .col-sm-5 figure{height:470px; overflow:hidden !important}
  .chayanh .carousel-inner{height:475px;}
}
@media (min-width: 992px) { 
  .navbar-expand-lg .navbar-nav .nav-link { padding-right: 15px; padding-left: 15px; }
}
@media (min-width: 1140px){
  footer .col-20{width:20%}
  .box-danhmuc figure{height:360px; overflow:hidden}
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 78%; }
  .ct-lydo{margin-bottom:50px}

}
@media (min-width: 1260px){
  footer .col-20{width:20%}
  .box-danhmuc figure{height:360px; overflow:hidden}
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 76%; }
  .fix-right{width:168px; text-align:left; overflow:hidden}

  .dstt .col-sm-7 figure{height:320px}
  .dstt .col-sm-5 figure{height:400px}
  .chayanh .carousel-inner{height:580px}
}


@media (min-width: 1300px)
{
  .ct-lydo figure{width:100%}
  .fix-right{width:168px; text-align:left; overflow:hidden}
  .chayanh .carousel-inner{height:620px}
}

@media (min-width: 1366px)
{
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width:78%}
  .fix-right{width:165px; text-align:left; overflow:hidden}
  .box-cat-left figure{height:480px}
  .dstt .col-sm-7 figure{height:375px;}
  .chayanh .carousel-inner{height:622px}
}
@media (min-width: 1400px)
{
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 78%; }
  .box-map figure{height:325px; overflow:hidden}
  .box-tintuc figure{height:390px; overflow:hidden}
  .box-thanhvien figure{height:auto}
  .dstt .col-sm-7 figure{height:375px;}
  #nd_anh4{padding: 0 35px;}
  .ct-lydo h3{font-size:22px}
  .fix-right{right:0}
  .dstt .col-sm-5 figure{height:480px}
  .chayanh .carousel-inner{height:622px; overflow:hidden}
} 
@media (min-width: 1500px)
{
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 80%; }
  .text-lydo{font-size:18px}
  .ct-lydo h3{font-size:24px}
}
@media (min-width: 1600px)
{
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 80%; }
  .dstt .col-sm-7 figure{height:478px}
  .dstt .col-sm-5 figure{height:605px}
  .chayanh .carousel-inner{height:780px; overflow:hidden}

}
@media (min-width: 1900px)
{
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 84%; }
  .text-lydo{font-size:21px}
  .ct-lydo h3{font-size:30px}
  .td-lydo h2{font-size:35px;}
  .dstt .col-sm-7 figure{height:555px}
  .dstt .col-sm-5 figure{height:713px;}
  .chayanh .carousel-inner{height:920px; overflow:hidden}
}
@media (min-width: 1101px) and (max-width: 1299px)
{
  .text-lydo{font-size:16px}
  .ct-lydo h3{font-size:20px;}
}
@media (max-width: 500px)
{
  .tk-nangcao{width: 100%; text-align: center; display: flex ; margin-top: 20px; align-items: center; justify-content: center;}
  .timkiem-sub { margin-bottom: 30px; display: inline-block; }
  .box-timkiem { min-width: 300px; border: 1px solid #ccc; padding: 12px 0; position: relative; z-index: 500; width: 100%; }
}
@media (max-width: 380px)
{
  .tab-network li .nav-link{margin-right:0}
  .tab-network li .nav-link{padding:10px 25px}
  .tab-network li:first-child .nav-link{margin-right:10px}
}


///ggmap
#map { margin: 0 0 var(--margin-padding) 0; width: 100%; height: 40vh; }
.gm-style-iw-d {
  font-size: var(--font-size-h2);
  line-height: var(--font-line-height-h2);
  position: relative;
  z-index: 100;
  display: inline-block;
  font-weight: var(--font-weight-bold);
}


.gm-style-iw-d {
  font-family: var(--font-family-header);
  font-size: var(--font-size-h3);
  line-height: var(--font-line-height-h3);
  margin: 0.2rem !important;
  position: relative !important;
  z-index: 100 !important;
  display: block !important;
  word-break: keep-all !important;
}


.gm-style-iw-d:after{
  font-size: inherit;
  position: absolute;
  display: block;
  content: " ";
  top: calc(100% - 0.7em);
  left: 0;
  width: 100%;
  height: 0.4em;
  background-color: var(--color-orange);
  z-index: -1;
}

/* Meeting Point Map */

div.map {
  position: relative;
  margin-bottom: 4rem;
  width: 100%;
}

.map svg {
  width: 100%;
  height: auto;
}

path.hover {
  fill: black !important;
  cursor: pointer;
}

.map>div>span:not(.map-hint) {
  flex-basis: 80%;
  margin: 0 10%;
}

.page-template-page-meeting-point .map>div>span:not(.map-hint) a {
  margin-top: calc(var(--margin-padding) * 2);
  background-image: url(/wp-content/themes/mch/assets/img/meeting-point/icons_asia-asia-connections.svg);
  background-size: contain;
  background-position: 0 0.5rem;
  background-repeat: no-repeat;
  display: block;
  margin-bottom: var(--margin-padding);
  border: 0.2rem solid var(--color-green);
  background-color: rgba(255, 255, 255, 0.7);
  padding: 7rem var(--margin-padding) calc(var(--margin-padding) / 2) var(--margin-padding);
  text-transform: uppercase;
  text-decoration: none;
  min-height: 4rem;
  border-radius: 0.3rem;
}

.map>div>span:not(.map-hint) a.virtual-meeting-point {
  background-image: url(/wp-content/themes/mch/assets/img/meeting-point/icons_virtual-meeting-point.svg);
}

.map>div>span:not(.map-hint) a.local-gatherings {
  background-image: url(/wp-content/themes/mch/assets/img/meeting-point/icons_local-gatherings.svg);
}

.map>.map-hint {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 0.5rem;
  top: 0;
  left: 0;
  display: none;
}

.people.type-people .map {
  margin-top: 4rem;
}
#map {
  margin: 0 0 var(--margin-padding) 0;
  width: 100%;
  height: 40vh;
}