:root{
    --color-main:#E53C12;
    --color-second:#FBCB40;
    --color-hover: #FBCB40;
    --color-red: #CB1110;
    --font-main: "Mulish", sans-serif;
    --font-MJ-Grueso: 'MJ Grueso';
    --font-1FTV-VIP-Anthony-Hunter: '1FTV VIP Anthony Hunter';
    --font-SG85-HIEN-KHANH-1: 'SG85-HIEN KHANH 1';
}
body{font-family:var(--font-main);font-size:14px;color:#111;top:0!important;max-width:1920px; background-color: #FFF9ED;min-width:1200px;position:relative;margin:auto;}
#fullApp{overflow: hidden;}
h1,h2,h3,h4,h5,h6{line-height:1.5}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgb(0 0 0 / 10%)}
::-webkit-scrollbar-thumb{background:var(--color-main)}
img{max-width:100%;height:auto!important;vertical-align:top;display:inline-block;
    user-select: none;-webkit-user-drag: none;
}
img.lazy{opacity:0}
img:not(.initial){transition:opacity .1s}
img.error,img.initial,img.loaded{opacity:1}
img:not([src]){visibility:hidden}
button,input,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none!important}
input,textarea{outline:0;padding:0}
a{text-decoration:none!important;cursor:pointer}
a:hover{color:var(--color-main)}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.w-100{width:100%}
.w-clear:after{display:block;content:"";clear:both}
.clear{clear:both}
.none{display:none}
.text-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
.text-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4; 
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
.text-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
.hidden-seoh{visibility:hidden;height:0;margin:0;overflow:hidden}
.wrap-content,.wrap-main{max-width:1220px;margin:40px auto;padding:0 10px; position: relative;}
.wrap-main.static{max-width:1030px}
.wrap-main.max{max-width:1366px}
.wrap-content{margin: auto;}
.wrap-home{max-width:100%;padding:0;margin:0}
.social-plugin{display:flex;margin:15px 0}
.scale-img{position:relative;display:block;overflow:hidden}
.scale-img img{transform:scale(1,1);transition:.2s}
.scale-img:hover img{transform:scale(1.1,1.1)}
.hover-img{position:relative;overflow:hidden;display:block}
.hover-img:before{content:"";bottom:0;left:0;position:absolute;right:0;top:0;z-index:1;border:100px double transparent;opacity:1;visibility:visible;box-sizing:border-box}
.hover-img:hover:before{opacity:0;border:0 double rgba(255,255,255,.7);visibility:hidden;transition:all .8s cubic-bezier(.94,.85,.1,.62) 0s}
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3}
.transition{transition:.3s all}
.share{padding:17px 10px 10px 10px;line-height:normal;background:rgba(128,128,128,.15);margin-top:15px;border-radius:5px}
.share b{display:block;margin-bottom:5px}
.othernews b{margin-bottom:10px}
.meta-toc-clone.fiedx{position:fixed;left:5px;top:200px;z-index:111}
.meta-toc-clone:not(.fiedx) .box-readmore{display:block!important}
a.mucluc-dropdown-list_button:before{content:"\f03a";font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:400;background:#fff;color:#333!important;font-size:20px;width:35px;height:35px;display:inline-block;line-height:38px;text-align:center;border:1px solid #ddd}
.box-readmore{padding:10px;background-color:#f5f5f5;width:100%;margin-top:2px;border:1px solid #ddd;font-size:13px;margin-bottom:10px}
.meta-toc-clone .box-readmore{width:350px;display:none;max-height:50vh;overflow-y:auto;overflow-x:hidden;margin-bottom:0}
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eee}
.box-readmore li ul>li{margin:0;margin-bottom:8px}
.box-readmore li ul>li:before{content:counters(item, ".") " "}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0;padding-left:0!important;margin-top:8px}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}
.box-readmore ul li:before{content:counters(item, ".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li a{color:#333;cursor:pointer}
.box-readmore ul li a:hover{color:#767676!important}
.modal-detail::-webkit-scrollbar{width:10px}
.modal-detail::-webkit-scrollbar-thumb{width:10px;background:#4d90e0;border-radius:10px;height:50px}
.modal-detail{position:fixed;z-index:999;background:#000000c4;top:0;left:0;width:100%;height:100%;overflow-y:scroll}
.content-modal-detail{background:#fff;max-width:1200px;margin:0 auto;min-height:100vh}
.content-modal-detail .tabs{display:flex;cursor:pointer;padding:0;list-style:none;justify-content:center;border-bottom:1px solid #e0e0e0;position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:99}
.content-modal-detail .tabs li{padding:20px 20px;margin-right:5px;font-weight:700;position:relative;border-bottom:4px solid #fff}
.content-modal-detail .tabs li.active{color:#2d9cdb;border-bottom:4px solid #2d9cdb}
.content-modal-detail .tab-content{padding:20px;max-width:900px;margin:0 auto}
.content-modal-detail .tab-content.active{display:block}
.close-tab{position:fixed;top:15px;right:20px;z-index:10}
.btn-closemenu{position:fixed;top:10px;right:20px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;line-height:21px;padding:7px;text-align:right;width:72px}
.btn-closemenu::before{transform:rotate(45deg)}
.btn-closemenu::after{transform:rotate(-45deg)}
.btn-closemenu::after,.btn-closemenu::before{background-color:#333;content:'';left:13px;height:14px;position:absolute;top:10px;width:1px}
.cursor-pointer{cursor:pointer}
.pr-content .pr-item p{margin:0}
.contact-input{position:relative;margin-bottom:15px}
.input-group{display:flex}
.input-group-append{display:flex;align-items:center}
.input-group-text{display:flex;align-items:center;font-weight:400;height:34px;color:#323840;padding:0 5px 0 20px;font-size:12px;text-align:center;white-space:nowrap;border:1px solid #3d85d8;border-radius:4px 0 0 4px;border-right:none}
.contact-input .custom-file-label::after{content:attr(title)}
.contact-map{position:relative;height:500px;margin-top:30px}
.contact-map iframe{position:absolute;left:0;top:0;width:100%;height:100%}
.breadCrumbs{padding:22px 0 12px; background-color: #f3f3f3;}
.breadCrumbs ol{margin:0}
.breadCrumbs ol li a{color:#333}
.breadCrumbs ol li a:hover{color:var(--color-main)}
.pagination{margin:30px 0 0 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}
.pagination li a,.pagination li span{cursor:pointer;border-radius:4px;border:1px solid #f2f2f2;background:#ffff;min-width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:#4d4d4d;font-size:16px;padding:5px}
.pagination li a:hover{color:var(--color-second);border-color:var(--color-second)}
.pagination .page-item.active .page-link{background:var(--color-second);border-color:var(--color-second);color:#fff}
.progress-wrap{background-color:#fff;position:fixed;bottom:20px;right:20px;height:50px;width:50px;cursor:pointer;display:block;border-radius:50px;z-index:99;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s linear}
.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}
.progress-wrap i{position:absolute;text-align:center;line-height:50px;font-size:16px;font-weight:900;color:var(--color-main);left:0;top:0;height:50px;width:50px;cursor:pointer;display:block;z-index:1;transition:all .4s linear}
.progress-wrap svg path{fill:none}
.progress-wrap svg.progress-circle path{stroke:var(--color-main);stroke-width:4;box-sizing:border-box;transition:all .4s linear}
.grecaptcha-badge{display:none!important;width:0!important;height:0!important;visibility:hidden!important;overflow:hidden}
.social{list-style:none;padding:0;margin:0;display:flex; align-items: center;justify-content:center;gap:9px}
.social li{display:inline-block}
.social li:hover img{transform:rotateY(360deg);transition:all .5s linear}
.rHead{display: flex; flex-direction: column; gap: 5px; margin-left: 150px; padding-top: 6px;}
.hlHead{
    background: url(../imgs/bg_hl.png) no-repeat 0px 0px; height: 126px; min-width: 325px;
    padding-left: 115px; padding-top: 4px; position: absolute; right: -20px; top: 20px;
}
.hlHead .r1{font-size: 17px; font-weight: bold; text-transform: uppercase;}
.hlHead .r2{
    font-family: var(--font-MJ-Grueso);
    font-size: 27px;
    color: #EF6114;
    text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
}
.hlHead .line{background: url(../imgs/line_hl.png) no-repeat; height: 10px; width: 185px;}
.search-res {
    position: relative;
    width: 40px
}

.search-res .icon-search {
    width: 38px;    
    height: 38px;
    background: transparent;
    cursor: pointer; border: 2px solid #fff;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.search-res .icon-search.active {
    color: #fff;
}

.search-grid2 {
    position: relative;
    overflow: hidden;
    z-index: 2; background: #f3f3f3;
    border-radius: 44px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.search-grid2 p {
    width: 44px;
    height: 44px;
    cursor: pointer;
    margin: 0;
    font-size: 14px;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 44px;
    color: #8B8B8B;
}

.search-grid2 input {
    width: 220px;
    height: 44px;
    border-radius: 44px;
    outline: 0;
    border: none;
    color: #333; padding: 0px 15px 0px 20px;
    font-size: 14px;
    background: #f3f3f3;
}

.search-res .search-grid {
    position: absolute;
    top: 42px;
    right: 0;
    width: 0;
    height: 36px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--color-main);
    z-index: 2;
    opacity: 0;
    border-radius: 25px;
    line-height: normal
}

.search-res .search-grid p {
    float: left;
    width: 35px;
    height: 38px;
    cursor: pointer;
    outline: 0;
    border: none;
    margin: 0;
    display: flex; align-items: center; justify-content: center;
    font-size: 17px;
    color: var(--color-main);
    line-height: 32px;
    text-align: center
}

.search-res .search-grid input {
    width: calc(100% - 42px);
    float: right;
    outline: 0; height: 38px;
    border: none;
    color: #777;
    font-size: 13px
}

.search-res .search-grid input::-webkit-input-placeholder {
    color: #ccc
}

.search-res .search-grid input:-moz-placeholder {
    color: #ccc
}

.search-res .search-grid input::-moz-placeholder {
    color: #ccc
}

.search-res .search-grid input:-ms-input-placeholder {
    color: #ccc
}
.menu-res{display:none}
.menu{display: flex; justify-content: end; align-items: center; position: relative; margin-left: 82px; background-color: #E53C12; gap: 40px;}
.menu::before{
    content: ''; background: url(../imgs/l_menu.png); width: 82px; height: 55px;
    position: absolute; left: -82px; bottom: 0px;
}
.menu::after{
    content: ''; background: #E53C12; width: 60vw; height: 55px;
    position: absolute; left: 100%; bottom: 0px;
}
.menu.menu_fix{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);}
.logo{position: absolute; left: 50%; top: -14px; transform: translate(-50%,0px); transition: all .3s; z-index: 10;}
.menu ul{width:100%;padding:0;margin:0;list-style:none}
.menu-flex{display:flex;justify-content:space-between;align-items:center}
.menu-logo{width:calc(155/1200*100%)}
.menu-center{width:calc(650/1200*100%)}
.menu-search{width:calc(230/1200*100%)}
.menu ul.menu-main{display:flex;align-items:center;justify-content:start;gap: 30px; position: relative; z-index: 4;}
.menu ul li.li_dot{width: 5px; height: 5px; border-radius: 5px; background-color: var(--color-second);}
.menu ul li a{display:flex;align-items:center;justify-content:center;position:relative;color:#fff;font-size:17px;text-transform:uppercase;padding:15px 5px; font-weight: 500;}
.menu ul li a.active,.menu ul li:hover>a{color:var(--color-second);}
.menu ul.menu_desktop > li > a.active, .menu ul.menu_desktop > li > a:hover{border-radius: 10px;}
.menu_search{margin-left:auto}
.menu ul.menu-main li a.active:after,.menu ul.menu-main li:hover>a:after{opacity:1}
.menu ul li a.has-child{padding-right:16px;margin-right:8px}
.menu ul li a.has-child:after{content:"";position:absolute;bottom:calc(50% - 4px / 2);right:5px;width:5px;height:5px;border:1px solid #fafafa;border-top:0;border-left:0;transform:rotate(45deg)}
.menu_dmsp .menu_lvl{position:absolute;width:220px;transform:perspective(600px) rotateX(-90deg);transform-origin:0 0 0;opacity:0;visibility:hidden;transition:.3s}
.menu_dmsp .menu_lvl3,.menu_dmsp .menu_lvl4{left:calc(100% + 1px)}
.menu_dmsp .menu_lvl2 .menu_lvl3 ul li:hover .menu_lvl4,.menu_dmsp .menu_lvl2 ul li:hover .menu_lvl3,.menu_dmsp:not(.block_hover):hover .menu_lvl2{transform:perspective(600px) rotateX(0);transform-origin:0 0 0;-webkit-transform-origin:0 0 0;opacity:1;visibility:visible}
.slideshow_left .menu_lvl2{transform:perspective(600px) rotateX(0);transform-origin:0 0 0;-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;margin-top:0}
.menu_vlist_pic{max-width:24px}
.menu_dmsp .menu_lvl ul li{border-bottom: 1px solid #f2f2f2;}
.menu_dmsp .menu_lvl ul li a{display:flex;align-items:center;justify-content:flex-start;text-transform:capitalize;gap:10px;color:#555;font-size:17px;line-height:1.5;text-align:left;font-weight:500;padding:10px;background:#fafbff;margin:0;height:auto}
.menu_dmsp .menu_lvl ul li:hover>a{color:var(--color-main)}
.menu ul li ul li a:after{display:none!important}
.menu_dmsp .menu_lvl ul{max-height:410px;overflow-x:hidden;overflow-y:auto;padding:0;margin:0}
.menu.fixed, .menu.pagin{transition: all .3s; padding: 7px 0px; background: #000;}
.menu.pagin{position: -webkit-sticky;position: sticky;}
.spacer{margin:clamp(35px,calc(70/1200*100vw),70px) 0}
.title-main{text-align:center;position:relative;margin-bottom:25px}
.title-detail{position:relative;margin-bottom:25px}
.title-detail h1{margin-bottom:0;color:var(--color-main); font-size:clamp(24px,calc(38/1200*100vw),38px);text-transform:uppercase;}
.title-main h1,.title-main h2{margin-bottom:0;color:var(--color-main);font-size:clamp(24px,calc(38/1200*100vw),38px);text-transform:capitalize; font-family: var(--font-MJ-Grueso);}
.title-main p{font-size:clamp(14px,calc(15/1200*100vw),15px);margin:5px 0 0}
.album__name.text-split{-webkit-line-clamp:1;color:#111;font-size:16px;font-weight:400;text-transform:uppercase;transition:.3s;margin:15px 0 0;text-align:center}
.album__name.text-split:hover{color:var(--color-main)}
.list_monnb{display:flex;gap:30px}
.list_monnb button{text-align:center;padding:0 0 7px 0;color:#828282;background:0 0;border:none;border-bottom:solid 1px transparent}
.list_monnb button.active{color:var(--color-main);border-color:var(--color-main);border-width:2px}
.videoThumb{display:block;position:relative;cursor:pointer}
.validation-input{position:relative}
.invalid_feedback{opacity:0;visibility:hidden;position:absolute;bottom:calc(100% + 10px);left:0;font-size:14px;color:#fff;background:#000;padding:.375rem .75rem;transition:all .3s ease-out}
.invalid_feedback:before{content:'';position:absolute;top:100%;border-top:10px solid #000;border-right:.5rem solid transparent;border-left:.5rem solid transparent}
.invalid_feedback.validated{opacity:1;visibility:visible}
.btn_newsletter{display:inline-block;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;border-radius:8px;background:var(--color-main);border:solid 1px var(--color-main);padding:12px 30px;transition:.3s}
.btn_newsletter:hover{color:var(--color-main);background:#fff}
.footer-wrap{
    position: relative; 
    padding: 30px 0px 45px;
    background: #FFEBC6;
    background: linear-gradient(180deg, rgba(255, 235, 198, 1) 0%, rgba(255, 221, 157, 1) 100%); 
}
.logof{display: flex; justify-content: center; position: relative; }
.footer-flex{display:flex;justify-content:space-between; gap: 35px; margin: 40px 0px}

.footer-title1{color:#000;font-size: 25px;font-family: var(--font-SG85-HIEN-KHANH-1); line-height: normal; margin-bottom: 5px;}
.footer-title2{color: var(--color-main); font-size: 40px; font-family: var(--font-MJ-Grueso); margin-bottom: 10px;}
.line_name_f{margin-bottom: 20px; width: 38px; height: 2px; background-color: #fff;}
.footer-name{color:#fff;font-size:clamp(22px,calc(25/1200*100vw),25px);font-weight:700;text-transform:uppercase;margin-bottom:15px}
.footer-info{color:#fff; font-size: clamp(15px,calc(16/1200*100vw),16px);}
.footer-info p{margin-bottom: .6rem;}
.ulChiNhanh{display: flex; flex-direction: column; gap: 28px; max-height: 430px; overflow-y: scroll;}
.itemChiNhanh{color: #fff; cursor: pointer;}
.itemChiNhanh .name{font-weight: 700; font-size: 15px; margin-bottom: 6px}
.itemChiNhanh .desc{font-size: 15px; color: rgb(255,255,255,.7); line-height: 28px;}
.itemChiNhanh:hover .name{color: var(--color-main);}
.infoF{margin-bottom: 30px;}
.r_foot{margin-bottom:15px;font-size: 15px; color: #111; padding-left: 56px; min-height: 42px;}
.foot1{background: url(../imgs/foot1.png) no-repeat 0px center;}
.foot2{background: url(../imgs/foot2.png) no-repeat 0px center;}
.foot3{background: url(../imgs/foot3.png) no-repeat 0px center;}
.foot4{background: url(../imgs/foot4.png) no-repeat 0px center;}
.foot5{background: url(../imgs/foot5.png) no-repeat 0px center;}
.khung_fan{
    background-color: #fff; max-width: 335px; border: 2px solid var(--color-second); border-radius: 15px; padding: 10px 15px 15px 15px;
}
.khung_fan .r1{display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px; color: var(--color-main); font-size: 18px;}
.khung_fan img{border-radius: 15px;}
.footer-powered{border-top:solid 1px #616161;padding:clamp(7.5px,calc(15/1200*100vw),15px) 0}
.footer_ul{list-style: none;margin:0;padding-left:0px;display:flex;flex-direction:column;gap:15px}
.footer_ul li{color:var(--color-main)}
.footer_ul li a{color:#fff;transition:.2s;display: block;}
.footer_ul li a:hover{color:var(--color-red)}
.flex-f{display: flex; align-items: start; gap: 60px; justify-content: space-between;}
.col-f:nth-child(1){width: 460px;}
.col-f:nth-child(2){width: 215px;}
.col-f:nth-child(3){width: 385px;}
.col-f{color: #fff; font-size: 16px; margin-bottom: 40px;}
.col-f p{margin-bottom: 1rem;}
.namef1{
    text-align: center; color: var(--color-second); text-transform: uppercase; font-size: clamp(20px,calc(36/1200*100vw),36px); 
    margin-bottom: 10px; line-height: 46px;
}
.namef2{text-align: center; color: #fff; font-size: 15px; margin-bottom: 20px;}
div#footer-map{overflow:hidden; height: 500px; width: 100%; position: relative;}
#footer-map .wrap-content{display: flex; flex-wrap: wrap; gap: 15px; justify-content: start;}
#footer-map > .cnFoot{position: absolute; z-index: 9999; width: 100%; left: 0px; top: 40px;}
#footer-map > .cnFoot div.itemCN{background-color: #fff; border-radius: 5px; cursor: pointer; padding: 7px 12px; display: inline-block; font-size: 15px; box-shadow: 0px 2px 2px rgb(0,0,0,0.2);}
#footer-map > .cnFoot div.itemCN.active{background-color: var(--color-main); color: #fff;}
#mapFoot{height: 100%;}
#mapFoot iframe{display:block;width:100%;height:100%;}
.footer_powered{background:var(--color-main);padding:15px 0}
.flex-copy{
    position: relative;
}
.flex-copy::before{
    content: ''; position: absolute; top: -10px; left: 0px; width: 100%; height: 3px; background-color: var(--color-main);
}
.flex-copy > .inner{
    display: flex; justify-content: space-between; background-color: var(--color-main); padding: 0px 47px 0px 22px; position: relative;
    clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 50%, 100% 100%, 0 100%);
}
.copyright{text-align:center;color:rgb(255,255,255,.7); padding: 20px 0px; font-size: 15px;}
.copyright span{color: #fff;}
.thongke{display: flex; gap: 10px; align-items: center; color: rgb(255,255,255,.7);}
.thongke > div > span{color: #fff;}
.chinhanh_flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.chinhanh_left{width:30%}
.chinhanh_right{width:70%}
.chinhanh_item{display:block;padding:10px;background:#fff;cursor:pointer}
.chinhanh_item:nth-child(odd){background:#e6e6e6}
.chinhanh__pic{width:100px}
.chinhanh__name{font-size:16px;font-weight:700;margin-bottom:0}
.chinhanh__desc{font-size:14px;color:#212529}
.chinhanh__desc p{margin:0}
.chinhanh__desc a{color:#a5a5a5}
.chinhanh__next{display:inline-block;font-size:13px;font-style:italic;color:#ed1c24}
.chinhanh_right{overflow:hidden}
.chinhanh_right iframe{display:block;width:100%;height:600px}
.chinhanh_scroll{max-height:600px;overflow-y:auto;padding-right:5px}
.attr-content-pro-detail{display:inline-flex!important;margin-bottom:0;gap:10px;align-items:flex-end;font-size:15px}
.price-new-pro-detail{font-size:22px;font-weight:700;color:var(--color-main)}
.price-old-pro-detail{font-size:15px;font-weight:500;color:#6c757d;text-decoration:line-through}
.price-discount-pro-detail{font-size:12px;color:#da291c;margin-bottom:3px}
.attr-label-pro-detail{margin:0 5px 0 0;font-weight:700;font-size:15px}
.album_product{margin-top:15px}
.product_familiar,.tabs_pro_detail{margin-top:30px}
.desc-pro-detail{background-color:#fff;border:1px solid #ddd;padding:clamp(10px,calc(30/1200*100vw),30px)}
.tabs_holder{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none;gap:2px}
.tabs_holder li{text-align:center;border-radius:0;font-size:14px;line-height:20px;padding:11px 15px 10px;font-weight:500;margin-bottom:-1px;cursor:pointer;background-color:rgba(0,0,0,.04);border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:2px solid #ddd;padding-left:15px;padding-right:15px}
.tabs_holder li.active{border-top:solid 2px var(--color-main);transition:.3s ease-in-out;border-bottom:solid 1px #fff;background:#fff}
.swiper-slide{height:auto!important}
.swiper-slide img{display:inline-block}
.swiper-thumbs .swiper-slide{opacity:.6;transition:.3s}
.swiper-thumbs .swiper-slide.swiper-slide-thumb-active{opacity:1}
.product_thumb_placeholder{display:block;background-color:#eee}
.product_nav_placeholder{cursor:pointer;background:#fff}
.list-news-other{list-style:none;padding:0;margin:0}
.list-news-other li{padding:10px 0;border-bottom:1px dashed #e8e8e8}
.list-news-other li a{font-size:15px;text-transform:none;color:#333;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s}
.list-news-other li a i{margin-right:5px}
.list-news-other li a:hover{color:red}
.row_flex{display:flex;flex-wrap:wrap;justify-content:space-between}
.col_left{width:23%}
.col_right{width:75%;border-left:solid 1px #00000026;padding-left:clamp(20px,calc(40/1200*100vw),40px)}
.group-sidebox{position:-webkit-sticky;position:sticky;top:110px}
.title-menu-bar{display:flex;font-size:clamp(15px,calc(16/1200*100vw),16px);font-weight:700;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:15px}
.title-menu-bar i{font-size:22px}
.submenu-links{margin:0;padding:0}
.menuList-links{margin:0;padding:0}
.menuList-links li{position:relative;list-style:none}
.menuList-links>li{border-bottom:1px solid #e7e7e7}
.menuList-links li a{color:#252a2b;position:relative;font-size:14px;display:block;text-transform:capitalize;transition:.3s}
.menuList-links li a.active,.menuList-links li a:hover{color:var(--color-main)}
ul.submenu-links li a{padding:5px 0 5px 0}
.menuList-links>li>a{display:block;padding:10px 0;font-weight:500;font-size:15px}
.menuList-links>li.has-submenu>a{padding-right:30px}
.menuList-links>li.has-submenu span.icon-plus-submenu{width:25px;height:25px;cursor:pointer;position:absolute;right:0;top:0;bottom:0;margin:auto;border:1px solid transparent;display:none}
.icon-plus-submenu:after,.icon-plus-submenu:before{background:rgba(9,9,9,.6);content:'';display:block;position:absolute;margin-right:7px;top:50%;right:0;transition:all .25s linear}
.icon-plus-submenu:before{width:9px;height:1px;transform:translateY(-50%)}
.icon-plus-submenu:after{width:1px;height:9px;right:4px;transform-origin:center;transform:translateY(-50%) scale(1,1)}
li.has-submenu.opened>a .icon-plus-submenu:after{transform:translateY(-50%) scale(1,0)}
.menuList-links>li.has-submenu .icon-plus-submenu:hover{border:1px solid #e7e7e7}
.submenu-links{display:none}
li.has-submenu.level1>ul.submenu-links li a{padding-left:15px}
.content-main{line-height:26px}
.content-main h1{text-align:center;font-size:22px;margin-bottom:30px}
.content-main h2{margin:20px 0;font-size:18px}
.content-main h3{margin:15px 0 20px;font-size:16px}
.content-main table{width:100%;margin:10px 0 20px;font-size:13px}
.content-main table th{background:#444;color:#fff;text-align:center;padding:12px 7px}
.content-main table tr td{padding:10px 7px}
.content-main tr:nth-child(even){background:#f4f4f4}
.content-main tr:nth-child(odd){background:#fff}
.content-main ol,.content-main ul{list-style-type:disc;margin:10px 0}
.content-main ol li,.content-main ul li{margin-bottom:10px}
.content-main a{color:#05f;font-weight:700;display:contents}
.content-main iframe{width:100%!important;display:block;margin:10px auto 20px}
.content-main tr:nth-child(even){background-color:#f2f2f2}
.content-main tr:hover{background-color:#ddd}
.content-main th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:var(--color-main);color:#fff}
.content-main td,.content-main th{border:1px solid #ddd;padding:8px}
.content-main figcaption{text-align:center}
.content-main a img{max-width:100%;height:auto!important}
.content-main blockquote{border-left:solid 3px #ccc;padding-left:20px;margin-left:20px;font-style:italic}
.grid_rowdetail_album{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px}
#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none}
#loader-wrapper #wrap{background:#fff;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:block;text-align:center;width:100%;height:100%;z-index:99999}
#loader-wrapper.show1 #wrap{background:0 0}
#loader-wrapper:after{-webkit-mask:url(../images/mask-01.png);mask:url(../images/mask-01.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;content:'';position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(255,255,255,1);z-index:10000}
#loader-wrapper.show1::after{-webkit-animation:MaskPlay 1s steps(22) forwards;animation:MaskPlay 1s steps(22) forwards}
#loader-wrapper.show1 #wrap{opacity:0}
@-webkit-keyframes MaskPlay{
from{-webkit-mask-position:0 0;mask-position:0 0}
to{-webkit-mask-position:100% 0;mask-position:100% 0}
}
@keyframes MaskPlay{
from{-webkit-mask-position:0 0;mask-position:0 0}
to{-webkit-mask-position:100% 0;mask-position:100% 0}
}
.splide__track--nav>.splide__list>.splide__slide{border:none!important;opacity:.6}
.splide__track--nav>.splide__list>.splide__slide.is-active{opacity:1}
.box_changelang{position:relative;cursor:pointer}
#google_translate_element{clear:both;width:auto!important;text-align:right;display:none}
.skiptranslate{display:none!important}
.list_pic{border-radius:12px;border:1.5px solid #eaf1ff;background:#fff}
.list_name.text-split{text-align:center;margin-top:15px;margin-bottom:0;color:#555;text-align:center;font-size:clamp(.875rem,.85rem + .125vw,1rem);font-weight:500;text-transform:capitalize}
.list_item:hover .list_pic{border-color:var(--color-main)}
.list_item:hover .list_name.text-split{color:var(--color-main)}
.splide__arrow{background:0 0;opacity:1!important}
.splide__arrow--prev{left:-30px}
.splide__arrow--next{right:-30px}
.splide__arrow svg{fill:#868686;width:24px;height:24px}
.newsnb_wrap{background:#f2f2f2;padding:30px 0}
.doitac_item{border-radius:10px;border:1.5px solid #e0e1e1;background:#fff;overflow:hidden;display:block;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s}
.doitac_item:hover{border-color:var(--color-main)}
.pro_detail_chinhanh{position:-webkit-sticky;position:sticky;top:60px}
.pro_detail_chinhanh .title{font-weight:700;text-transform:uppercase;font-size:clamp(.9375rem,.9125rem + .125vw,1.0625rem);margin-bottom:0;text-align:center;margin-bottom:15px}
.box_detail_chinhanh{border:dashed 1px var(--color-main);padding:10px 10px 20px 10px;box-shadow:inset 0 0 3px var(--color-main);display:flex;flex-direction:column;gap:15px}
.detail_chinhanh_top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.detail_chinhanh_top svg{color:#333;margin-right:10px}
.detail_chinhanh_top b{font-size:14px;color:var(--color-main);flex:1 1 0%}
.detail_chinhanh_info{font-size:13px;color:#111}
.detail_chinhanh_info p{margin-bottom:0}
.hotline-pro-detail{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(.875rem,.85rem + .125vw,1rem);color:#fff!important;font-weight:500;background:var(--color-main);padding:8px 15px;border-radius:5px;transition:.3s}
.hotline-pro-detail:hover{opacity:.8}
.news_detail_flex{display:grid;grid-template-columns:calc(70% - 30px) 30%;justify-content:space-between}
[x-cloak]{display:none!important}
.prodetail__content{display:grid;grid-template-columns:40% 1fr;gap:30px;align-items:flex-start}
.prodetail__content-pic{position:-webkit-sticky;position:sticky;top:65px}
.prodetail__title{border-bottom:solid 1px #dfe0e1;padding-bottom:5px;margin-bottom:10px;font-size:clamp(20px,calc(25/1200*100vw),25px);font-weight:700}
.prodetail__price{font-size:clamp(14px,calc(16/1200*100vw),16px);font-weight:500;margin-bottom:5px}
.prodetail__price-new{font-size:clamp(18px,calc(25/1200*100vw),25px);font-weight:700;color:var(--color-red);margin:0 3px;display:inline-block}
.prodetail__price-old{color:#777;text-decoration:line-through;font-size:clamp(14px,calc(16/1200*100vw),16px);font-weight:500;margin-bottom:5px;margin:0 3px;display:inline-block}
.prodetail__price-discount{background:var(--color-main);color:color-mix(in srgb,var(--color-main) 20%,#fff);font-size:clamp(12px,calc(13/1200*100vw),13px);padding:clamp(2px,calc(4/1200*100vw),4px) clamp(4px,calc(7/1200*100vw),7px);border-radius:clamp(5px,calc(10/1200*100vw),10px)}
.prodetail__info{margin:10px 0}
.prodetail__info label{font-size:clamp(14px,calc(16/1200*100vw),16px);font-weight:700}
.prodetail__info-attr{font-size:clamp(15px,calc(16/1200*100vw),16px)}
.prodetail__quantity{display:flex;align-items:center;gap:clamp(15px,calc(30/1200*100vw),30px);margin:10px 0}
.prodetail__quantity label{font-weight:700;font-size:clamp(14px,calc(16/1200*100vw),16px)}
.prodetail__btn{background:#fff;display:flex;min-height:50px;width:100%;align-items:center;gap:10px;border-radius:10px;color:var(--color-main);box-shadow:1px 1px 1px 1px rgba(0,0,0,.2);transition:opacity .3s ease;padding:0 10px;border:solid 2px var(--color-main);transition:.2s}
.prodetail__btn:hover{background:var(--color-main);color:#fff}
.prodetail__btn.zalo{border:none;background:#197cfe;color:#fff}
.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.modal-content{border:1px solid #d1d5db;color:#4b5563}
.modal-header{border-bottom:1px solid #d1d5db;background:rgba(249,250,251,.6)}
.modal-title{font-weight:600;letter-spacing:.05em;color:#111827}
.modal-footer{border-top:1px solid #d1d5db;background:rgba(249,250,251,.6)}
.form-group,.form-group-select{position:relative;margin-bottom:15px}
.form-group input,.form-group textarea{width:100%;font-size:14px;transition:.1s ease;resize:vertical;background:#fff;box-shadow:none!important;border-radius:5px;border:1px solid #cacaca}
.form-group.novalidate input,.form-group.novalidate textarea{border:1px solid #e2e2e2!important}
.form-group input{height:45px; width: 100%;}
.form-group input.date-picker{padding-right:35px}
.form-group label,.form-group-select>label{position:absolute;left:12px;top:12px;font-size:14px;color:#777;transition:.1s ease;pointer-events:none;background-color:transparent;margin:0;line-height:1.5;}
.form-group>span{position:absolute;right:12px;top:12px;transition:.1s ease;pointer-events:none;display:inline-block;max-width:20px}
.form-group input:focus,.form-group textarea:focus{border-color:var(--main-color);outline:0}
.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label,.form-group-select>label{top:-10px;font-size:12px;background:#fff;padding:0 5px;left:8px;transform:none}
.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}
.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;overflow:hidden;opacity:0}
.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}
.custom-file-label::after{content:attr(title);position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}
.modal-btn--close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:20px;color:#000;background:red;position:absolute;top:-10px;right:-10px;z-index:1;overflow:hidden;border-radius:50%}
.invalid-feedback{font-size:14px}
.splide__pagination__page{border-radius:0;opacity:1;height:3px;width:30px;background:#bfbfbf;transition:.2s;margin:0}
.splide__pagination__page.is-active{transform:none;background:var(--color-main);transition:.2s}
.splide__pagination{position:relative;bottom:auto;left:auto;right:auto;width:100%;gap:10px;margin-top:clamp(15px,calc(30/1200*100vw),30px)}
.btn-viewmore{position:relative;display:inline-block;overflow:hidden;padding:clamp(7px,calc(12/1200*100vw),12px) clamp(20px,calc(30/1200*100vw),30px);text-align:center;border:1px solid var(--color-main);color:#fff;white-space:nowrap;z-index:0;border-radius:5px}
.btn-viewmore::before{position:absolute;content:"";background:var(--color-main);transition-duration:.3s;z-index:-1;inset:auto auto 0 0;width:100%;height:100%;opacity:1}
.btn-viewmore:hover::before{width:100%;height:0;opacity:1}
.btn-viewmore:hover{background:0 0;color:var(--color-main);transition:.3s}
.splide.procategory:not(.is-overflow) .splide__list{justify-content:flex-end}
.notify-phone{-webkit-animation:notifyPhone 1s infinite ease-in-out;animation:notifyPhone 1s infinite ease-in-out}
@-webkit-keyframes notifyPhone{
0%{transform:rotate(0) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%{transform:rotate(25deg) scale(1) skew(1deg)}
30%{transform:rotate(-25deg) scale(1) skew(1deg)}
40%{transform:rotate(25deg) scale(1) skew(1deg)}
50%{transform:rotate(0) scale(1) skew(1deg)}
100%{transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes notifyPhone{
0%{transform:rotate(0) scale(1) skew(1deg)}
10%{transform:rotate(-25deg) scale(1) skew(1deg)}
20%{transform:rotate(25deg) scale(1) skew(1deg)}
30%{transform:rotate(-25deg) scale(1) skew(1deg)}
40%{transform:rotate(25deg) scale(1) skew(1deg)}
50%{transform:rotate(0) scale(1) skew(1deg)}
100%{transform:rotate(0) scale(1) skew(1deg)}
}

.card_line {
  opacity: 0;
  transition: all 1s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.card__line {
  position: absolute;
  -webkit-animation: 1s 1s linear infinite;
          animation: 1s 1s linear infinite;
  border-radius: 20px;
}

.card__line_left {
  -webkit-animation-name: to-top;
          animation-name: to-top;
  background: linear-gradient(to bottom, var(--color-hover), transparent);
  left: 0;
  bottom: -100%;
  width: 0.1em;
  height: 100%;
}

.card__line_right {
  -webkit-animation-name: to-bottom;
          animation-name: to-bottom;
  background: linear-gradient(to bottom, transparent, var(--color-hover));
  right: 0;
  top: -100%;
  width: 0.1em;
  height: 100%;
}

.card__line_top {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-name: to-right;
          animation-name: to-right;
  background: linear-gradient(to right, transparent, var(--color-hover));
  width: 100%;
  height: 0.1em;
  top: 0;
  left: -100%;
}

.card__line_bottom {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-name: to-left;
          animation-name: to-left;
  background: linear-gradient(to right, var(--color-hover), transparent);
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 0.1em;
}

@-webkit-keyframes to-top {
  to {
    bottom: 200%;
  }
}

@keyframes to-top {
  to {
    bottom: 200%;
  }
}

@-webkit-keyframes to-bottom {
  to {
    top: 200%;
  }
}

@keyframes to-bottom {
  to {
    top: 200%;
  }
}

@-webkit-keyframes to-left {
  to {
    right: 200%;
  }
}

@keyframes to-left {
  to {
    right: 200%;
  }
}

@-webkit-keyframes to-right {
  to {
    left: 200%;
  }
}

@keyframes to-right {
  to {
    left: 200%;
  }
}
.header-wrap{position:relative; background: url(../imgs/bg_head.jpg) no-repeat center center / 100% 100%; z-index: 1000;}
.header__bottom{background:#fff;padding:15px 0}
.header__bottom-flex{display:flex;justify-content:stretch;align-items:center;}
.header__top-flex{display:flex;justify-content:space-between;align-items:center;padding:9px 0;}
.header__top-flex .col-l{font-size: 16px; font-weight: 500; color: #212121; display: flex; align-items: center;}
.header__top-flex .col-r{display: flex; justify-content: space-between; gap: 20px; align-items: center;}
.header__top-flex .col-r .line{width: 1px; height: 28px; background-color: var(--color-main);}
.socialh{gap: 10px;}
.header_lang{display: flex; gap: 10px; align-items: center;}
.header__hotline{display: flex; align-items: center; gap: 12px;}
.header__hotline p{margin: 0px;}
.header__hotline p:nth-child(1){font-size: 17px; text-transform: capitalize; color: #212121;}
.header__hotline p:nth-child(2){font-size: 22px; font-weight: 700; color: var(--color-red);}
.header__sluglang{display:flex;align-items:center;gap:10px}
.header__sluglang a{display:flex;align-items:center;justify-content:center;max-width:35px;opacity:.65}
.header__sluglang a.active{opacity:1}
.header__logo{position: absolute; left: 0px; top: 0px;}
.banner{margin-top: 7px;}

.news-item{position:relative;isolation:isolate}
.news__item-pic{border-radius:10px;overflow:hidden;margin-bottom:15px}
.news__item-name{font-size:16px;font-weight:700;margin-bottom:10px;color:#111;transition:.2s}
.news-item:hover .news__item-name{color:var(--color-main)}
.news__item-date{display:flex;align-items:center;gap:5px;color:#777;font-size:13px;margin-bottom:10px}
.news__item-date svg{color:var(--color-main);width:15px}
.news__item-desc{color:#333;line-height:22px;margin-bottom:15px}
.news__item-next{display:inline-flex;align-items:center;justify-content:center;color:var(--color-main);font-weight:700}

.pronb-wrap{
    padding: 70px 0px 60px; position: relative; background: url(../imgs/bg_sp.jpg) no-repeat center top / cover;
}
.title-index{
    position: relative; text-align: center; margin-bottom: 30px; 
}
.title-index .txt{text-align: center; font-size: 26px; color: #111; text-transform: capitalize; font-size: 30px; line-height: normal; font-family: var(--font-SG85-HIEN-KHANH-1); margin-bottom: 12px;}
.title-index h2{
    margin-bottom: 0px; color: var(--color-main); text-transform: capitalize;
    font-size: clamp(22px,calc(45/1200*100vw),45px); line-height: normal; font-family: var(--font-MJ-Grueso);
}

.title-index2 .txt{color: #fff;}
.title-index2 h2{color: var(--color-second);}

.title-index3 .txt{color: #fff; text-transform: capitalize;}
.title-index3 h2{color: #EE7214;}

.title-index4 .txt{margin-bottom: 15px;}
.title-index4 h2{color: #EE7214; font-size: 80px; line-height: normal; text-align: left; text-transform: uppercase;}

.title-tt{position: relative;}
.title-tt::before{
    content: ''; background: url(../imgs/ic_o1.png) no-repeat; width: 210px; height: 141px; 
    position: absolute; left: 0px; top: -20px;
}
.title-tt::after{
    content: ''; background: url(../imgs/ic_o2.png) no-repeat; width: 134px; height: 127px;
    position: absolute; right: 0px; top: -10px;
}
.product-item{
    overflow: hidden; transition: .3s;
}
.product__item-pic{overflow: hidden;}
.product__item-info{padding: 12px 8px 8px;}
.product__item-name{text-align: center;}
h3.product__item-name{font-size: clamp(14px,calc(16/1200*100vw),16px); color: #333;}
.product__item-price{color: #545454; text-align: center; font-size: clamp(14px,calc(17/1200*100vw),17px); font-weight: 700; text-transform: capitalize;}
.product__item-price--new{  color: var(--color-red);}
.product-item:hover{border-color: var(--color-main);}
.product-item:hover .product__item-name{color: var(--color-main);}

.wrap_spnb{padding: 0px 30px 5px 40px; overflow-y: scroll; max-height: 500px; width: 90%; margin-top: 30px;}
.product-item--nb{position: relative; margin-bottom: 20px; padding-bottom: 20px; padding-left: 5px; border-bottom: 1px dashed #333;}
.product-item--nb:last-child{border-bottom: none; padding-bottom: 0px;}
.product-item--nb a{display: flex; justify-content: space-between; align-items: end; gap: 30px;}
.product-item--nb .info{text-align: left;}
.product-item--nb h3{
    color: var(--color-main); font-size: 25px; line-height: normal; font-family: var(--font-MJ-Grueso); margin-bottom: 5px;
}
.product-item--nb .desc{font-size: 17px; font-weight: 700; color: #333;}
.product-item--nb .price{
    color: var(--color-main); font-family: var(--font-SG85-HIEN-KHANH-1); font-size: 30px; line-height: normal;
}
.wrap-owl{position: relative;}
.wrap-owl .ic-control{
    width: 30px; height: 30px; border: 1px solid #555; border-radius: 50%; font-size: 15px; cursor: pointer; 
    display: flex; align-items: center; justify-content: center; z-index: 9;
}
.wrap-owl .ic-prev{
    position: absolute; left: -4%; top: 50%; transform: translate(0, -50%); 
}
.wrap-owl .ic-next{
    position: absolute; right: -4%; top: 50%; transform: translate(0, -50%);
}
.wrap-owl .ic-control:hover{
    background: var(--color-second); border-color: var(--color-second); color: #fff; transition: .3s;
}
#productListHome{padding: 30px 0px; background-color: #FFFAF8;}
.wrap-list-home{padding: 30px 0px;}

#other{padding: 80px 0px; background: url(../imgs/bg_menu.jpg) no-repeat center center / 100% 100%;}
.flex-other{ display: flex; gap: 70px; justify-content: space-between;}
.flex-other > .col-l{width: 46%;}
.flex-other > .col-r{flex: 1; background: url(../imgs/bg_menu2.png) no-repeat center top / 100% 100%; padding: 54px 12px 70px 12px;}
.tt_lmenu{background: url(../imgs/tt_menu.png) no-repeat center top; height: 167px; position: relative; margin-bottom: 15px;}
.tt_lmenu::after{
    content: ''; background: url(../imgs/ic_tt_menu.png) no-repeat; width: 99px; height: 61px;
    position: absolute; right: -12px; top: 40px;
}
.ulCN ul{padding: 10px 0px; margin: 0px 0px 20px 0px;}
.ulCN ul li{display: flex; gap: 10px; font-size: 16px; color: #333; margin-bottom: 12px;}
.ulCN ul li:last-child{margin-bottom: 0px;}
.khung_tc{
    background: url(../imgs/bg_w.png) no-repeat center center / 100% 100%; padding: 120px 0px 100px; margin-top: -80px;
}
.tt_menu{background: url(../imgs/title_menu.png) no-repeat 12px top; height: 74px;}
.wrap-app-gh{
    display: flex; justify-content: space-between; align-items: center; margin-top: 30px;
}
.wrap-app-gh .col-l{
    background: url(../imgs/bg_alo.png) no-repeat 0px 0px; width: 297px; height: 110px; padding-left: 98px; padding-top: 12px;
}
.wrap-app-gh .col-l > div:nth-child(1){font-size: 20px; font-weight: 800; text-transform: uppercase;}
.wrap-app-gh .col-l > div:nth-child(2){font-size: 32px; color: var(--color-main); font-family: var(--font-MJ-Grueso); margin-top: 4px;}
#form_newsletter{
    padding: 0px 10%;
}
#news{position: relative; margin-bottom: 80px;}
#news .wrap-content{
    background: url(../imgs/bg_other.png) no-repeat center center / 100% 100%; padding: 62px 55px 75px;
}
.itemNewsSlide{position: relative; overflow: hidden;}
.itemNewsSlide a{display: flex; gap: 15px; align-items: center; justify-content: space-between; background-color: #FFC52C; border-radius: 150px; overflow: hidden; padding: 6px;}
.itemNewsSlide .img{width: 117px; position: relative;}
.itemNewsSlide .img img{border-radius: 50%;}
.itemNewsSlide .info{flex: 1; padding: 10px 30px 10px 0px;}
.itemNewsSlide h3.name{font-size: 17px; color: #111; margin-bottom: 5px; font-weight: bold;}
.itemNewsSlide .desc{color: #333; font-size: 14px; line-height: 22px;}
.itemNewsSlide .view{display: flex; margin-top: 8px; justify-content: start; gap: 15px; align-items: center; color: var(--color-main);}
.itemNewsSlide .view > span:nth-child(2){color: #fff; font-size: 20px; background-color: var(--color-main); border-radius: 40px; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center;}
.itemNewsSlide:hover{border-color: var(--color-second);}
.itemNewsSlide:hover h3.name{color: var(--color-main);}

.itemNewsBig a{border-radius: 10px; overflow: hidden; display: block; background-color: #FBF1DC;}
.itemNewsBig .info{padding: 20px;}
.itemNewsBig h3{font-size: 18px; color: #000; text-align: center; margin-bottom: 12px;}
.itemNewsBig .desc{font-size: 15px; color: #666; text-align: center;}
.itemNewsBig .view{
    display: flex; justify-content: center; gap: 10px; align-items: center; color: var(--color-main);
    font-size: 18px; text-transform: capitalize; margin-top: 10px;
}

.newsnb .splide__track--nav>.splide__list>.splide__slide{
    opacity: 1;
}

.itemNewsSlide2 .img{order: 2;}
.itemNewsSlide2 .info{order: 1; text-align: right;}
.itemNewsSlide2 .view{justify-content: end;}

.flex-tt{
    display: flex; justify-content: space-between; gap: 34px;
}
.flex-tt .col-l{flex: 1;}
.flex-tt .col-r{flex: 1;}

.baogia-wrap{
    background: url(../imgs/bg_dknt.jpg) no-repeat center center / cover;
    padding: 60px 0px 35px;
}
.baogia-wrap .form-group input, .baogia-wrap .form-group textarea{
    width:100%;font-size:14px;transition:.1s ease;resize:vertical;
    box-shadow:none!important;border-radius:12px;border:1px solid #fff; color: #fff;
    padding: 14px 15px; height: auto;
}
.baogia-wrap input::-webkit-input-placeholder, .baogia-wrap textarea::-webkit-input-placeholder{
    color: #fff!important; opacity: 1; font-size: 15px;
}
.baogia-wrap input::-moz-placeholder, .baogia-wrap textarea::-moz-placeholder{
    color: #fff!important; opacity: 1;font-size: 15px;
}
.baogia-wrap input:-ms-input-placeholder, .baogia-wrap textarea:-ms-input-placeholder{
    color: #fff!important; opacity: 1;font-size: 15px;
}
.baogia-wrap input::-ms-input-placeholder, .baogia-wrap textarea::-ms-input-placeholder{
    color: #fff!important; opacity: 1;font-size: 15px;
}
.baogia-wrap input::placeholder, .baogia-wrap textarea::placeholder{
    color: #fff!important; opacity: 1;font-size: 15px;
}
button.newsletter-btn{
    text-transform: uppercase; font-weight: 700; padding: 11px 22px 10px; border-radius: 0px; white-space: nowrap;
    border:none; background-color: var(--color-main); color: #111; font-size: 16px;
}

#about{
    position: relative; padding: 80px 0px 120px;
}
#about::after{
    content: ''; background: url(../imgs/bg_gt.png) no-repeat right top; width: 810px; height: 523px; 
    position: absolute; right: 0px; bottom: 0px; z-index: 0;
}
.video-container {
    width: 560px;
    height: 584px;
    overflow: hidden;
    border-radius: 15px;
}

.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}
.flex-gt{display: flex; justify-content: space-between; gap: 50px; align-items: end;}
.flex-gt .col-l{width: 370px; position: relative; top: 15px;}
.flex-gt .col-l::before{
    content: ''; background: url(../imgs/ic_gt1.png) no-repeat; width: 251px; height: 186px;
    position: absolute; left: -190px; top: -230px;
}
.flex-gt .col-r{flex: 1; padding-top: 55px; position: relative;}
.img1_gt{position: absolute; left: -305px; top: 0px; z-index: 2;}
.img1_gt img{border: 7px solid #fff;}
.khung_gt{position: relative;}
.khung_gt::after{
    content: ''; position: absolute; background: url(../imgs/txt_gt.png) no-repeat; width: 49px; height: 414px;
    right: 80px; top: 0px; 
}
.open_gt{display: flex; justify-content: start; align-items: center; gap: 10px; font-size: 15px; margin-left: 140px; margin-bottom: 15px;}
.r1_gt{font-family: var(--font-SG85-HIEN-KHANH-1); font-size: 30px; margin-bottom: 7px;}
.r2_gt,.r3_gt{text-align: left; color: var(--color-main); font-family: var(--font-MJ-Grueso); font-size: 60px; line-height: 75px;}
.desc_gt{max-width: 860px; text-align: justify; line-height: 25px; color: #333; margin-top: 40px;}
.view_gt{margin-top: 20px; text-align: left; display: inline-block; border: 1px solid #016738;}
.view_gt a{display: inline-block; position: relative; padding: 10px 17px 9px; margin: 5px; color: #fff; font-size: 15px; transition: all .3s; background-color: #016738; text-transform: capitalize;}
.view_gt a:hover{background-color: var(--color-main);}
.cn_gt ul{padding: 10px 0px; margin: 0px;}
.cn_gt ul li{display: flex; gap: 10px; font-size: 16px; color: #333; margin-bottom: 12px;}
.cn_gt ul li:last-child{margin-bottom: 0px;}
.flex-tc{position: relative;}
.flex-tc .img{position: absolute; left: 50%; transform: translate(-50%,0); bottom: -20px;}
.flex-tc .img > div{position: relative;}
.itemTC{width: 280px; text-align: center; float: left; margin-bottom: 100px; position: relative;}
.itemTC:nth-child(2n){float: right;}
.itemTC:nth-child(2n+1){clear: left;}
.itemTC:nth-child(3), .itemTC:nth-child(4){margin-bottom: 0px;}
.flex-tc .img > div .mui1{
    content: ''; background: url(../imgs/mui1.png) no-repeat; width: 93px; height: 84px;
    position: absolute; left: -72px; top: 73px;
}
.flex-tc .img > div .mui2{
    content: ''; background: url(../imgs/mui2.png) no-repeat; width: 95px; height: 89px;
    position: absolute; right: -112px; top: 72px;
}
.flex-tc .img > div .mui3{
    content: ''; background: url(../imgs/mui3.png) no-repeat; width: 95px; height: 24px;
    position: absolute; left: -125px; bottom: 128px;
}
.flex-tc .img > div .mui4{
    content: ''; background: url(../imgs/mui4.png) no-repeat; width: 102px; height: 41px;
    position: absolute; right: -120px; bottom: 130px;
}

.itemTC div.r1{color: #fff; font-size: 25px; line-height: normal; margin: 15px 0px 10px; font-family: var(--font-SG85-HIEN-KHANH-1);}
.itemTC div.r2{color: #fff; font-weight: 600; font-size: 15px;}
.tt_tc{text-align: left; margin-bottom: 20px; color: var(--color-main); text-transform: uppercase; font-size: 40px; line-height: normal;}
.bannerH{padding-top: 80px;}
.bannerH .r1{display: inline-flex; justify-content: start; gap: 5px; align-items: center; margin-bottom: 15px;}
.bannerH .r1 span{text-transform: uppercase; color: var(--color-main); font-size: 24px;}
.bannerH .r2{background: url(../imgs/bg_banner.png) no-repeat center center / 100% 100%; border-radius: 15px; position: relative; padding: 45px 0px 45px 35px;}
.bannerH::after{
    content: ''; position: absolute; right: -32px; bottom: -20px; background: url(../imgs/ic_vit2.png) no-repeat; width: 491px; height: 418px;
}

.splideSlogan{margin-top: 20px;}
.txtSlogan{display: flex; gap: 40px; align-items: center;}
.txtSlogan span{
    text-transform: uppercase; font-size: clamp(30px,calc(40/1200*100vw),40px); color: #fff;
}
.txtSlogan span.t2{
    color: #000;
    text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px;
}

.services-wrap{
    position: relative; padding: 60px 0px; background: url(../imgs/bg_dv.jpg) repeat-x center center / cover;
}
.dv-item a{display: block; position: relative;}
.dv-item .info{
    position: absolute; left: 0px; bottom: 0px; width: 100%; height: 60%; padding: 10px;
    z-index: 2; padding: 10px 10px 35px; display: flex; flex-direction: column; align-items: center; justify-content: end;
    background: #FFF;
    background: linear-gradient(180deg,rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 1) 90%);
}
.dv-item .info h3.name{color: #fff; font-size: clamp(15px,calc(18/1200*100vw),18px); margin: 0px;}
.dv-item .card_line {
  left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); overflow: hidden;
  transition: all 1s; border: 1px solid rgba(255, 255, 0, 0.2); z-index: 3; opacity: 1;
}

.bg_home{
    padding: 20px 0px; background: url(../imgs/bg_banggia.jpg) no-repeat center bottom; 
} 
.combo{position: relative; padding: 40px 0px;}
.banggia{position: relative; padding: 20px 0px 40px;}
.wrap-img-bg{text-align: center;}
.wrap-img-bg img{max-width: 770px; margin: auto; width: 100%;}
.itemCombo{position: relative; background: url(../imgs/bg_combo.png) no-repeat center center / 100% 100%; padding: 40px 30px 30px;}
.itemCombo a{display: flex; flex-direction: column; justify-content: start; align-items: center; gap: 15px;}
.itemCombo .ic1{background: url(../imgs/ic_keo.png) no-repeat center top; height: 22px; width: 100%;}
.itemCombo .ic2{background: url(../imgs/ic_rau.png) no-repeat center top; height: 14px; width: 100%;}
.itemCombo h3{ font-size: clamp(24px,calc(32/1200*100vw),32px); text-align: center; color: #000; margin-bottom: 0px;}
.itemCombo .desc{text-align: center; color: #111; font-size: clamp(16px,calc(18/1200*100vw),18px); line-height: clamp(28px,calc(35/1200*100vw),35px);}
.itemCombo .img{margin-top: 10px;}
.view_pro_home{text-align: center; margin-top: 20px;}
.view_pro_home a{display: inline-block; color: #111;}
.view_pro_home a:hover{text-decoration: underline;}


.dknt{padding-top: 30px;}
.flex-dknt{display: flex; justify-content: space-between; gap: 10px;}
.flex-dknt > div.form-group{margin: 0px; width: 100%;}
.flex-dknt input{background: rgb(255,255,255,.1); border: 1px solid #ffffff60; border-radius: 0px; color: #fff;}
.flex-dknt input::-webkit-input-placeholder{color: #ffffff60;}
.flex-dknt input::-moz-placeholder{color: #ffffff60;}
.flex-dknt input:-ms-input-placeholder{color: #ffffff60;}
.flex-dknt input::-ms-input-placeholder{color: #ffffff60;}
.flex-dknt input::placeholder{color: #ffffff60;}
.flex-dknt input:hover, .flex-dknt input:focus{background:  rgb(255,255,255,.1); border: 1px solid #ffffff60; color: #fff;}
.newsletter-button{text-align: center;}
.txtdknt{text-align: center; margin-bottom: 25px; color: #ffffff85; margin-top: -5px;}
.txtdknt2{margin-top: 30px; margin-bottom: 5px;}
.hl_dknt{text-align: center; color: var(--color-main); font-size: clamp(18px,calc(26/1200*100vw),26px); font-weight: 700;}
.txtHome{
    text-align: center; max-width: 528px; font-size: 48px; line-height: 48px;
}

#other2{
    padding: 70px 0px 170px; background: url(../imgs/bg_other.jpg) no-repeat center top / 100% 100%;
}
#hethong{
    background: url(../imgs/bg_hethong.jpg) no-repeat center center / 100% 100%; padding: 65px 0px 75px;
}
.flex-ht{display: flex; gap: 10px; justify-content: space-between; align-items: stretch;}
.flex-ht .col-l{width: 415px; background: rgb(0,0,0,0.6); color: #fff;}
.flex-ht .col-r{flex: 1;}
#mapHome{height: 100%;}
#mapHome iframe{width: 100%; height: 100%;}
.ttMap{background-color: #EE7214; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 25px; padding: 10px 10px;}
.itemMap{width: 85%; margin: auto; padding: 20px 0px; border-bottom: 1px dashed #fff;}
.itemMap:last-child{border-bottom: none;}
.itemMap .r1{color: #EE7214; font-weight: bold; font-size: 17px; margin-bottom: 12px;}
.itemMap .r2 p{margin-bottom: 5px; color: rgb(255,255,255,.8);}
#mapHome iframe{width: 100%;}
#albumHome{
    position: relative; padding: 90px 0px 100px;
}
#albumHome::after{
    content: ''; background: url(../imgs/ic_al2.jpg) no-repeat; width: 329px; height: 801px; position: absolute; bottom: 0px; right: 0px;
}
.imgAlBig{margin-bottom: 20px;}
.flex-al{display: flex; gap: 55px; justify-content: space-between;}
.flex-al .col-l{width: 423px; position: relative;}
.flex-al .col-l::before{
    content: ''; background: url(../imgs/ic_al1.png) no-repeat; width: 127px; height: 127px;
    position: absolute; bottom: -30px; left: -140px;
}
.flex-al .col-r{flex: 1; display: flex; position: relative; z-index: 3;}
.flex-al .col-r > div{flex: 1;}
.linkAl a{display: block; color: #fff; background-color: var(--color-main); text-align: center; padding: 12px 10px; margin-bottom: 10px; font-size: 22px; font-weight: 500; transition: all .3s;}
.linkAl a:hover{transition: all .3s; background-color: var(--color-hover); color: var(--color-main);}
.view_al{text-align: center; margin-top: 30px;}
.view_al a{display: inline-block; color: #006839; font-size: 17px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #006839;}
.wrap_alh .alh{margin-bottom: 18px; display: inline-block;}
.wrap_alh .al2 img{border: 10px solid #fff;}
.wrap_alh .al3{position: relative; left: -96px;}
.wrap_alh .al3 img{border: 7px solid var(--color-main)}
.wrap_alh .al5{margin-top: 42px;}
.wrap_alh .al6{margin-left: 30px;}
.txtAl{font-family: var(--font-1FTV-VIP-Anthony-Hunter); font-size: 33px; padding-left: 45px; margin-top: 40px;}
.txtAl>div:nth-child(2){margin-left: 50px;}
#videoHome{
    position: relative; padding: 100px 0px 70px;
}
.flex-vd{display: flex; justify-content: space-between; gap: 58px; align-items: center;}
.flex-vd .col-l{width: 258px; position: relative;}
.flex-vd .col-l::before{
    content: ''; background: url(../imgs/ic_vd1.png) no-repeat; width: 313px; height: 270px;
    position: absolute; left: -160px; bottom: -230px;
}
.flex-vd .col-r{flex: 1; position: relative;}
.flex-vd .col-r::after{
    content: ''; background: url(../imgs/ic_vd2.png) no-repeat; width: 256px; height: 260px;
    position: absolute; right: -260px; top: -80px;
}
.desc_vd{line-height: 25px; margin-bottom: 20px;}
.itemVD{position: relative; display: block;}
.itemVD::after{
    content: ''; background: url(../imgs/ic_play.png) no-repeat; width: 87px; height: 87px;
    position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
}
.wrapGH{display: flex; justify-content: space-between; position: relative; gap: 10px;}
.wrapGH .col-l{flex: 1;}
.wrapGH .col-r{width: 523px;}
.ttFeed{background: url(../imgs/tt_other1.png) no-repeat 0px 0px; height: 84px; margin-bottom: 20px;}
.ttNews{background: url(../imgs/tt_other2.png) no-repeat 0px 0px; height: 45px; margin-bottom: 20px;}

.flex-feed{display: flex; justify-content: space-between; gap: 35px;}
.flex-feed .feed-l{width: 300px;}
.flex-feed .feed-r{padding-top: 80px; flex: 1;}
.itemFeed{position: relative;}
.itemFeed .img{background: url(../imgs/bg_feed.png) no-repeat center center / 90% 90%; width: 298px; height: 365px; 
    display: flex; justify-content: center; padding-top: 20px; transform: rotate(-5deg); flex-direction: column; justify-content: center; align-items: center;
}
.itemFeed .img img{width: 82%; height: auto !important;}
.itemFeed .img span{display: block; font-size: 20px; font-family: var(--font-SG85-HIEN-KHANH-1); padding: 7px 5px; line-height: normal;}
.itemFeed .info{color: #fff;}
.itemFeed .info .r1{font-size: 17px; line-height: 27px; margin-bottom: 15px; color: rgb(255,255,255,.7);}
.itemFeed .info .r2{font-size: 20px; font-family: var(--font-SG85-HIEN-KHANH-1);}