body{margin:0;padding:0;font-family:arial;background:#f6f7f7;}
:root {--main: #930000;--main-light: #b6141b;--main-focus:#93000080;--main-dark: #5b0101 ;
       --second:#f2641e;--second-light: #fd8145;--second-focus: #f2641e80;--second-dark: #d44600 ;
       --third:#fffaec;--text:#596277;--text-dark:#543c04;--light: #F7F7F7;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{/* ; */}
.col-24 {
    flex: 0 0 auto;
    width: 20%;
}
@media (min-width: 768px) {
    .col-md-24 {
        flex: 0 0 auto;
        width: 20%;
    }
}

.ffb{font-family:ffb}.ffnb{font-family:ffnb}.fftd{font-family:Exo}
.color{color:var(--main)}.second{color:var(--seconbd)}.text{color:var(--text)}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none;color:inherit;}

.bg-main-dark{background-color: var(--main-dark) !important;}
.bg-primary{background-color: var(--main) !important;}
.bg-primary-dark{background-color: var(--main-dark) !important;}
.border-bottom{border-bottom: 1px solid var(--border) !important;}
.border-top{border-top:1px solid var(--border) !important}
.btn-square {width: 38px;height: 38px;}
.btn-square, .btn-sm-square, .btn-lg-square{padding: 0;display: flex;align-items: center;justify-content: center;font-weight: normal;}
.bg-light{background: #f7f7f7 !important;position: relative;}
.btn{font-weight: 500;/* text-transform: uppercase; */}
.btn-outline-light:hover{/* background-color: var(--main); *//* border-color: var(--main); */color: var(--main);}
.btn-outline-primary{color: var(--main);border-color: var(--main);}
.btn-outline-primary:hover{background-color: var(--main);border-color: var(--main);}
.btn-outline-primary:active:focus,.btn-outline-primary:active,.btn-outline-primary:focus{box-shadow: 0 0 0 .25rem var(--main-focus);}
.btn-outline-secondary{color: var(--second);border-color: var(--second);}
.btn-outline-secondary:hover{background-color: var(--second);border-color: var(--second);}
.btn-outline-secondary:active:focus,.btn-outline-secondary:active,.btn-outline-secondary:focus{box-shadow: 0 0 0 .25rem var(--second-focus);}
.btn-primary{background-color:var(--main);border-color:var(--main)}
.btn-primary:hover{background-color:var(--main-light);border-color:var(--main-light)}
.btn-primary:active:focus,.btn-primary:active,.btn-primary:focus{box-shadow: 0 0 0 .25rem var(--main-focus);}
.btn-secondary{background-color:var(--second);border-color:var(--second)}
.btn-secondary:hover{background-color:var(--second-light);border-color:var(--second-light)}
.btn-secondary:active:focus,.btn-secondary:active,.btn-secondary:focus{box-shadow: 0 0 0 .25rem var(--second-focus);}
.form-control{/* border-radius:0; */}
.py-6 {padding-top: 6rem;padding-bottom: 6rem;}
.my-6 {margin-top: 6rem;margin-bottom: 6rem;}
.text-light{color:var(--light) !important}
.text-primary{color:var(--main) !important}
.text-second{color:var(--second) !important}
.fs18{font-size:18px}
.fw-m{font-weight:500 !important}
.mt-n4{margin-top: -1.5rem !important;}
.py-6 {padding-top: 6rem;padding-bottom: 6rem;}
.my-6 {margin-top: 6rem;margin-bottom: 6rem;}
@media (min-width: 992px){
  .col-left{padding-left: calc(((100% - 960px) / 2) + .75rem);}
  .col-right{padding-right: calc(((100% - 960px) / 2) + .75rem);}
}
@media (min-width: 1200px) {
  .col-left{padding-left: calc(((100% - 1140px) / 2) + .75rem);}
  .col-right{padding-right: calc(((100% - 1140px) / 2) + .75rem);}
}

@media (min-width: 1400px) {
  .col-left{padding-left: calc(((100% - 1320px) / 2) + .75rem);}
  .col-right{padding-right: calc(((100% - 1320px) / 2) + .75rem);}
}
@media (min-width: 768px){
  .py-md-6 {padding-top: 6rem !important;padding-bottom: 6rem !important;}
  .my-md-6 {margin-top: 6rem !important;margin-bottom: 6rem !important;}
  .pt-md-6 {padding-top: 6rem !important}
}

.red,.titletb{color:red!important}
.clearfm *{margin:0;padding: 0;border:none;text-decoration:none;list-style:none;color:inherit;line-height:1.4;}
.overHide{overflow:hidden}

.background-white{background-color:#fff;padding:25px 4%;border:1px solid #eee}
.bncat{background: #232C3B;color:#fff;text-align:center;padding: 90px 0 40px;}
.bncat .h2{text-transform: capitalize;color: #fff;font-weight: 800;margin-bottom: 0;}
.boxes+.boxes{margin-top:50px;}
.boxes .contain{margin-top:20px}
.bread_crumb{a;padding: 8px 0;background: var(--bs-light);}
.breadcrumb{margin-bottom:0}
.breadcrumb-item.active{}
.breadcrumb-item+.breadcrumb-item::before{}

.center{text-align:center}

.detail{/* text-align:justify; */}
.detail table{width:100%}
.detail img{max-width:100% !important;cursor:zoom-in;height:auto !important;}
.detail a{}
.detail h1,.detail h2,.detail h3,.detail h4,.detail h5{font-family:rob;}

.error{color:red}

.flex{display:flex}

.imgB{position:relative;overflow: hidden;}
.imgB .img{position: absolute;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;background-clip: border-box;overflow: hidden;transition:.5s;width: 100%;height: 100%;top: 0;left: 0;}
.imgB:hover .img{transform:scale(1.1);}
.imgA,.imgH,.imgW,.imgHover{overflow:hidden;position:relative;cursor:pointer}
.imgA img{height:auto !important;width:auto !important;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;}
.imgH img{height:100%;min-width:100%;width:auto !important;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;}
.imgHover:before{content:"";position: absolute;z-index: 1;top: 0;left: -10%;width: 120%;height: 100%;background: rgba(255, 255, 255, 0.2);transition: transform .8s;transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 100%, 0);opacity: 0;visibility: hidden;}
.imgW img{width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;}
.imgW:hover img,.imgH:hover img,.imgA:hover img{transform:translateX(-50%) translateY(-50%) scale(1.1)}
.imgHover:hover:before{transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -125%, 0);opacity: 1;visibility: initial;}
.info{font-size: 14px;color: #979797;/* margin-bottom:15px; */overflow:hidden;display: flex;}
.info li{padding-right:20px}
.info > span{padding-right:20px;margin-bottom:5px}
.info > span+span{}
.info .date:before{content:"\f073";font-family:fontawesome;display:inline-block;margin-right:6px;}
.info .views:before{content:"\f06e";font-family:fontawesome;display:inline-block;margin-right:6px;}
.date:before{content:"\f073";font-family:fontawesome;display:inline-block;margin-right:6px;}
.ifbv{display:flex;flex-flow: wrap;}
.ifbv >*{padding-right:20px}

.left{float:left;}.right{float:right}
.line1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.list-group{margin-bottom:20px}

.ma{margin:auto}
.mtop10{margin-top:10px !important;}.mtop20{margin-top:20px !important;}.mtop30{margin-top:30px !important;}.mtop40{margin-top:40px !important;}.mtop50{margin-top:50px !important;}

.pager{margin-top:20px;font-size:13px;}
.pager span,.pager a{background-color:#0d7aa3;display:inline-block;text-align:center;margin-right:3px;border-radius:4px;color:#fff;border:1px solid #0d7aa3;padding: 3px 10px 4px 10px;}    
.pager a:hover{background-color:#00A857;border-color:#00A857}
.pager span{background-color:#fff;color:#0d7aa3;border-color:#ddd;}
#ShowMenu{display:none}
.middle-header{overflow:hidden;background: url(/Design/bg-header-2.jpg) top;background-size: cover;}
.middle-header .container{display:flex;justify-content:space-between;align-items:center}
.middle-header .name-company{display:flex;align-items:center;gap:16px}
.middle-header h2{font-size:17px;font-weight:500;white-space:nowrap;text-align:center;color:var(--second);margin:0}
.middle-header h2 strong{font-weight:700;display:block;text-transform:uppercase;font-size:22px;color:var(--main)}
.middle-header .logo{width:100px;height:100px;float:left;animation:zoomIn 2s;margin:0}
.middle-header .logo img{width:100%;height:100%;}
.middle-header .left-content{}
.middle-header .right-content{}
.middle-header .line{margin-top:8px;}
.middle-header .content-1{float:left;}.middle-header .content-2{/* float:left; */}.middle-header .content-3{float:right;margin-left:50px;}
.menu-top a{display:inline-block;color:#fff;}.menu-top a+a{margin-left:15px;}
.menu-top a:before{content:"";width:15px;height:15px;background:url(/Design/hotro.png);display:inline-block;}
.menu-top a:nth-child(2):before{background:url(/Design/thanhtoan.png);}.menu-top a:nth-child(3):before{background:url(/Design/giaohang.png);}
.middle-header .search-form{overflow:hidden;position:relative;width:500px;}
.search-form .txt{padding:10px 10px;box-sizing:border-box;width:calc(100% - 50px);font-size:14px;display:block;float:left;border:1px solid var(--second);border-right:0;}
.search-form .txt::placeholder{color:#e9d5d5;font-weight:bold}
.search-form .txt:focus{outline:0;}
.search-form .btn {position: absolute;height: 100%;top: 0;right: 0;align-items: center;display: flex;gap:5px;padding-left:25px;padding-right:25px;font-size:14px}
.search-form .icon{position:absolute;}
.search-form .icon.i1{left:4px;top:4px}
.search-form .icon.i2{right:4px;top:4px}
.search-form .icon.i3{left:4px;bottom:4px}
.search-form .icon.i4{right:4px;bottom:4px}
@media only screen
  and (min-width:992px){
    .middle-header h2{display:none}
}
@media only screen
  and (min-width:1400px){
    .middle-header h2{display:flex}
}

.contact-header .dia-chi{font-size:14px;color:#3f3f3f;text-align:right;}
.contact-header .dia-chi:before{content:"\f041";font-family:fontawesome;font-size:18px;color:var(--main-light);margin-right:3px}
.contact-header .hotline{font-size:18px;font-weight:500;font-family:segoe ui;color:#3f3f3f;position:relative;text-align:right;}
.contact-header .hotline:before{content:"\f2a0";font-family:fontawesome;font-size:18px;color:var(--main-light);margin-right:3px}
.middle-header .gio-hang{position:relative;padding-right:10px;}
.middle-header .gio-hang span{position:absolute;background:#f41a1a;right:0;color:#fff;top:0;font-size:13px;border-radius:100%;padding:0 4px;}
.middle-header .gio-hang i{display:block;width:38px;height:33px;background:url(/Design/icon-cart.png) no-repeat;}
.nav_main {display:flow-root;position:relative;background: var(--main);z-index:99;}
.nav_main .menu_main{list-style: none;position: relative;/*float:right;*/margin-bottom:0}
.nav_main .menu_main > li{float:left;font-size:14px;color: #fff;transition:background .5s;text-transform:uppercase;}
.nav_main .menu_main > li > a{display: block;padding:13px 25px;position: relative;}
.nav_main .menu_main > li:first-child:before{display:none;}
.nav_main .menu_main > li:hover{background:var(--second)}
.nav_main .menu_main > li.home > a{text-indent:-1000px;width:20px;}
.nav_main .menu_main > li.home > a:before{content:"\f015";font-family:fontawesome;position:absolute;text-align:center;bottom:8px;font-weight:normal;bottom:12px;left:0;right:0;text-align:center;text-indent:0;}
.nav_main .menu_main .menusub{position:absolute;z-index:8;list-style: none;-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);-webkit-transform-origin: 50% 0;-webkit-transition:transform .5s;opacity:0;}
.nav_main .menu_main .havesub > a:after{content:"\f107";font-family:fontawesome;position:absolute;right:5px;transition:transform .5s;}
.nav_main .menu_main .havesub:hover > a:after{transform:rotate(180deg)}
.nav_main .menu_main .menusubf1:before{content:"";position:absolute;left:20px;top:-10px;z-index:5;border:5px solid transparent;border-bottom-color:var(--main)}
.nav_main .menu_main > li:last-child .menusub:before{right: 10px;left:unset}
.nav_main .menu_main > li:last-child .menusub{-webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);}
.nav_main .menu_main .menusubf2{transform: none;;top:-1px;padding-top:0;left:100%;-webkit-transform: perspective(400) rotate3d(0,1,0,90deg);padding-left:5px;}
.nav_main .menu_main .menusubf2:before{content:"";position:absolute;top:10px;left:-5px;z-index:5;border:5px solid transparent;border-right-color:var(--main)}
.nav_main .menu_main .menusub li{text-transform:none;position:relative;background-color:var(--second);color:#fff;font-size:15px;z-index:1;border-top:1px solid #ffffff2b;transition:background .5s;width:250px;}
.nav_main li:hover > .menusub {-webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);opacity:1}
.nav_main .menu_main .menusub li:hover{background:var(--main);}
.nav_main .menu_main .menusub li > a:before{position: absolute;top:30%;left:13px;content:"\f0da";font-family: fontawesome;font-size:13px;font-weight:900}
.nav_main .menu_main .menusub li a{display: block;position: relative;padding:7px 20px;padding-left:30px;}
.language{float:right;border:1px solid var(--second);border-radius:4px;padding:8px 12px;position:relative;font-size:14px;color:#3f3f3f}
.language a:hover{color:var(--second);}
.language .vi:before{background:url(/Design/vi.png);content:"";width:17px;height:17px;display:inline-block;position:relative;top:2px;margin-right:5px;}
.language .en{margin-left:10px;}.language .en:before{background:url(/Design/en.png);content:"";width:17px;height:17px;display:inline-block;position:relative;top:2px;margin-right:5px;}
.slideshow{height:532px;position:relative;z-index:1;}
.nav_main .menu_sp{float:left;width:260px;position:relative;font-size:15px;}
.nav_main .menu_sp .td-dm{padding:4px;padding-bottom:0}
.nav_main .menu_sp strong{display:block;padding:7px 13px;background:var(--main);border:1px solid var(--second);text-transform:uppercase;position:relative;padding-left:50px;color:#fff;font-weight:normal}
.nav_main .menu_sp strong:before{content:"\f0c9";font-family:fontawesome;position:absolute;font-size:16px;top:7px;left:20px;font-weight:100}
.nav_main .menu_sp strong:after{content:"\f107";font-family:fontawesome;position:absolute;font-size:16px;top:7px;right:15px;font-weight:100}
.nav_main .menu_sp strong.active{transform:rotate(180deg)}
.menu_sp .menu_sp_ul{position:absolute;background:var(--main);width:100%;box-sizing:border-box;height:536px;padding:4px;padding-top:0;display:none;overflow: inherit !important;}
.nav_main .menu_sp li{color:#fff;position:relative;border:1px solid var(--second);border-top:0}
.nav_main .menu_sp li:hover{background:var(--second);}
.nav_main .menu_sp .havesub:after{content:"\f107";font-family:fontawesome;position:absolute;top:7px;right:10px;transition:transform .2s}
.nav_main .menu_sp .havesub:hover:after{transform:rotate(-90deg);}
.nav_main .menu_sp li a{padding:6px 20px 8px;display:block;top:0;}
.nav_main .menu_sp .menusub{position:absolute;top:0;left:100%;background:var(--second);width:100%;display:none;}
.nav_main .menu_sp .menusub li{border:none;border-top:1px solid #ffffff2b}
.nav_main .menu_sp .menusub li:hover{background:var(--main)}

.mobile {display:none;}
.nav_main.scroll-to-fixed-fixed .menu_sp_ul,.nav_main.scroll-to-fixed-fixed .menu_sp_ul .menusub,.menu_sp .menu_sp_ul_inner,.menu_sp_ul_inner .menusub{display:none;}
header .tienich{padding:10px 0;border-bottom:2px solid var(--main);background:#fff;}.tienich .container{overflow:hidden;}
.tienich .item{width:24%;margin-right:1.33333%;float:left;border:1px solid var(--second);border-radius:4px;box-sizing:border-box;padding:10px;padding-left:60px;background-repeat:no-repeat;background-position:15px;;position:relative}
.tienich .item:last-child{margin-right:0}
.tienich .item strong{display:block;font-size:16px;color:var(--main);}
.tienich .item small{display:block;font-size:15px;color:#5f5f5f;margin-top:3px;}
.tienich .item:before{content:"\f5a2";font-family:fontawesome;position:absolute;color:var(--main);font-size:30px;left:12px;top:20%;font-weight:900}
.tienich .kinhnghiem:before{content:"\f830";}
.tienich .chuyennghiep:before{content:"\f2b5";}
.tienich .dadang:before{content:"\e4bb";}

footer{margin-top:70px;}
.top-footer{background:var(--main);padding:40px 0 35px;}.top-footer .container{overflow:hidden;}
.register-footer {overflow:hidden;float:left;}
.register-footer .title{text-transform:uppercase;color:#fff;font-size:18px;float:left;}
.register-footer .form-register{float:left;margin-left:30px;padding-top:5px;overflow:hidden;}
.form-register .txt{background:var(--main);border:2px solid var(--second);padding:8px 20px;font-size:14px;width:350px;color:#fff;display:block;float:left;}
.form-register .txt::placeholder{color:#ffffffab;}
.form-register .btn{background:#fff;padding:10px 20px;font-size:14px;width:120px;color:var(--main);text-transform:uppercase;display:block;float:left;font-weight:bold;margin-left:10px;}
.form-register .btn:active{background:var(--second);color:#2f2f2f;}.social-footer{float:right;}
.social-footer a{border:1px solid var(--second);display:inline-block;color:#fff !important;width:40px;height:40px;padding-top:3px;box-sizing:border-box;border-radius:100%;font-size:20px;text-align:center;}
.social-footer a+a{margin-left:3px;}.social-footer a:hover{color:#fff;border-color:#fff;}
.middle-footer{}.middle-footer .container{padding:50px 0 40px;overflow:hidden;}
.middle-footer .infocompany {float:left;}.middle-footer .infocompany h2,.middle-footer .title{color:var(--main);font-size:23px;text-transform:uppercase;;margin-bottom:10px;}
.middle-footer .title{font-size:18px;}
.middle-footer .infocompany p,.menu-footer li{color:#3f3f3f;padding-left:2px;line-height:1.8;}
.menu-footer li:hover{color:var(--main);}
.middle-footer .infocompany p:before{width:20px;display:inline-block}
.middle-footer .infocompany p:first-of-type:before{content:"\f041";font-family:fontawesome;color:var(--main);}
.middle-footer .infocompany p:nth-of-type(2):before{content:"\f095";font-family:fontawesome;color:var(--main);}
.middle-footer .infocompany p:nth-of-type(3):before{content:"\f095";font-family:fontawesome;color:var(--main);}
.middle-footer .infocompany p:nth-of-type(4):before{content:"\f0ac";font-family:fontawesome;color:var(--main);}
.middle-footer .menu-footer{float:left;margin-left:70px;}.middle-footer .map-footer{float:right;width:330px;}
footer .foot {background:var(--second);color:#fff;font-size:15px;}footer .foot .container{padding:14px 0 10px;overflow:hidden;}
.inner-page{margin-top:40px;}.listHinhAnh .postImg {height:250px;}
.col-side{width:21.5%;float:left;}.col-section{float:right;width:76%;}
.article-detail-page .col-section{width:72%;float:left;}.article-detail-page .col-side{width:26%;float:right;}
.category-default{margin-top:50px;}
.category-default .container{overflow:hidden;}
.category-default-1 .picture{position:relative;overflow:hidden;height:514px;} .category-default-1 .picture img{width:100%;height:100%;transition:transform .5s;}
.category-default .picture .content{position:absolute;bottom:20px;width:80%;left:0;right:0;margin:auto;color:#fff;transform:translateY(10px);transition:transform .5s}
.category-default .picture .text{font-size:17px;}.category-default-1 .picture .text strong{display:block;font-size:28px;}
.category-default .picture .link{border:1px solid; float:left;padding:4px 20px;text-transform:uppercase;font-size:14px;margin-top:10px;margin-bottom:6px;}
.category-default .picture a:after {left:0;right:0;top:10px;bottom:10px;content:"";border:3px solid #fff;position:absolute;z-index:2;opacity:0;width:0;margin:auto;transition:all .5s;}
.category-default .picture:hover a:after {width:calc(100% - 26px);opacity:0.6;}
.category-default .picture:hover .content{transform:translateY(0);}
.category-default .picture:hover img{transform:scale(1.2);}
.videos-home .ulvi{}
.videos-home .ulvi iframe{width:100%; aspect-ratio: 16/9}

.nav_mobile{position:fixed;height:100%;left:0;top:0;width:250px;background:#fff;z-index:9999;display:none;}
.nav_mobile .search-form{overflow:hidden;position:relative}
.title-tab-nav{overflow:hidden;}
.title-tab-nav a{width:50%;float:left;text-align:center;box-sizing:border-box;padding:8px 0;background:#f1f1f1;text-transform:uppercase;font-size:15px;;color:#3f3f3f;}
.title-tab-nav .active{background:var(--main);color:#fff;}
.nav_mobile .menu_main{list-style: none;padding:10px 0;}
.nav_mobile .menu_main .menu_sp{display:none}

.nav_mobile .menu_main > li{font-size:14px;color: #2f2f2f;transition:background .5s;text-transform:uppercase;border-bottom:1px solid #e1e1e1;}
.nav_mobile .menu_main > li > a{display: block;padding:7px 18px 5px;position: relative;}
.nav_mobile .menu_main > li:hover{color:var(--second);border-top-left-radius:4px;border-top-right-radius:4px;}
.nav_mobile .menu_main .menusub{list-style: none;display:none;}
.nav_mobile .menu_main .havesub > a:after{content:"\f107";font-family:fontawesome;position:absolute;right:15px;transition:transform .5s;}
.nav_mobile .menu_main .havesub:hover > a:after{transform:rotate(180deg)}
.nav_mobile .menu_main .menusubf1:before{content:"";position:absolute;left:20px;top:-10px;z-index:5;border:5px solid transparent;border-bottom-color:#fff09f}
.nav_mobile .menu_main > li:last-child .menusub:before{right: 10px;left:unset}
.nav_mobile .menu_main > li:last-child .menusub{-webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);}
.nav_mobile .menu_main .menusubf2{top:-1px;padding-top:0;left:100%;padding-left:5px;}
.nav_mobile .menu_main .menusubf2:before{content:"";position:absolute;top:10px;left:-5px;z-index:5;border:5px solid transparent;border-right-color:var(--main); display:none}
.nav_mobile .menu_main .menusub li{text-transform:none;position:relative;background-color:#f4f4f4;color:#3f3f3f;font-size:15px;z-index:1;border-top:1px solid #fff;transition:background .5s;}
.nav_mobile .menu_main .menusub li:hover{background:#fff;color:var(--second);}
.nav_mobile .menu_main .menusub li > a:before{position: absolute;top:30%;left:13px;content:"\f0da";font-family: fontawesome;font-size:13px;}
.nav_mobile .menu_main .menusub li a{display: block;position: relative;padding:4px 20px;padding-left:30px;}

.title-news{font-size:20px;text-transform:uppercase;color:#2f2f2f;position:relative;}
.title-news:after{content:"";width:100%;position:absolute;border-top:1px solid #dfdfdf;margin-left:10px;top:50%;}
.title-news strong{margin:0;display:inline-block;position:relative;padding-bottom:6px;;color:#2f2f2f;font-size:25px;}
/*.title-cat h3:after{width:100%;border-top:2px solid var(--main);position:absolute;bottom:-2px;left:0;}*/
.title-cat{position:relative;text-transform:uppercase}
.title-cat:after{content:"";width:100%;border-top:2px solid var(--main);position:absolute;bottom:-2px;left:0;}
.title-cat .title{position:relative;background:var(--main);color:#fff;display:inline-block;font-size:16px;font-weight:500;padding:3px 4px;margin-bottom:0}
.title-cat .title:before{content:"";position:absolute;background:url(/Design/icon_top_right.png) no-repeat;background-size:auto 100%;right:8px;top:8px;width:17px;height:15px}
.title-cat .title:after{content:"";position:absolute;background:url(/Design/icon_bottom_right.png) no-repeat;background-size:auto 100%;right:8px;bottom:8px;width:17px;height:15px}
.title-cat .title span{display:block;border:1px solid var(--second);padding:7px 25px}
.title-cat .title span:before{content:"";position:absolute;background:url(/Design/icon_top_left.png) no-repeat;background-size:auto 100%;left:8px;top:8px;width:17px;height:15px}
.title-cat .title span:after{content:"";position:absolute;background:url(/Design/icon_bottom_left.png) no-repeat;background-size:auto 100%;left:8px;bottom:8px;width:17px;height:15px}
.title-cat .link{position:absolute;right:0;font-size:16px;text-transform:capitalize;top:6px;}
.title-cat .link a{display:inline-block}.title-cat .link a:hover{color:var(--second);}.title-cat .link a.active{color:var(--main);}.title-cat .link a+a{margin-left:15px;}
.list-product-style-1 .title-cat .link{display:none}
.progress-default{height:100%;width:100%;position:absolute;background:rgba(255,255,255,0.7) url(/Design/loading.gif) center;background-size:100px 100px;}
.list-product{overflow:hidden;}
.lisp{border: 1px solid var(--main);box-sizing: border-box;background: #fff;}
.list-product-style-1 .item{width:32%;float:left;margin-right:2%;}
.list-product-style-1 .item:nth-child(3n+3){margin-right:0;}
.list-product-style-1 .item:nth-child(n+4){margin-top:20px;}
.list-product-style-1 .item .postImg{height:170px;}
.list-product-style-2 .item{width:24%;float:left;margin-right:1.25%;}
.list-product-style-2 .item:nth-child(4n+4){margin-right:0;}
.list-product-style-2 .item:nth-child(n+5){margin-top:20px;}
.list-product-style-2 .item .postImg{height:300px;}
.list-product-style-other .item{width:24%;float:left;margin-right:1.4%;}
.list-product-style-other .item .postImg{height:170px;}
.list-product .item h4{font-size:16px;font-weight: bold;text-align:center;color: #6a6a6a;height: 55px;overflow:hidden;display:flex;}.list-product .item h4 a{display:block;width:100%;margin:auto;}
.list-product .item h4:hover{color:var(--main)}
.list-product .item .postImg img.after{z-index:2;}.list-product .item .postImg img.over{z-index:1;opacity:0;transition:opacity .5s;display:none}
.list-product .item:hover .postImg img.after{z-index:1;}.list-product .item:hover .postImg img.over{z-index:2;opacity:1;}
.list-product .item .postImg .link{position:absolute;bottom:-50px;background:var(--main)db;z-index:5;width:100%;text-align:center;color:#fff;text-transform:uppercase;font-weight:bold;font-size:14px;padding:8px 0;transition:bottom 0.5s}
.list-product .item .postImg:hover .link{bottom:0;}
.list-product .item .price-new{text-align:center;color: #df4711;font-size:14px;font-weight:bold;text-transform:uppercase;margin-bottom: 12px;}
.list-new-default{overflow:hidden;}
.list-new-default .item{float:left;width:24%;margin-right:1.3333%;}
.list-new-default .item .postImg{height:190px;}
.list-new-default .item .text{position:absolute;z-index:3;background:linear-gradient(transparent,#00000067);width:100%;height:100%;box-sizing:border-box;padding:15px 20px;}
.list-new-default .item .text h4{color:#fff;font-size:20px;}.list-new-default .item:hover .text h4{color:var(--second);}
.list-new-default .item time{position:absolute;background:var(--main);color:#fff;font-size:18px;bottom:15px;left:20px;padding:5px 10px;font-weight:500;}.list-new-default .item time small{display:block;text-align:center;font-size:16px;border-top:1px solid #fff;}
.list-new-default .item .views{font-size:15px;color:#fff;position:absolute;bottom:15px;right:20px;}.list-new-default .item .views:before{content:"\f06e";font-family:fontawesome;display:inline-block;margin-right:5px;}
.news-default .flex-direction-.nav_main a:before{color:#ffffffdd;}

.product-page{}.product-page .container{overflow:hidden;padding-top:50px;}
.product-page .col-section{position:relative;}.product-page .col-section .top-section{position:absolute;top:-35px;width:100%;overflow:hidden;}
.col-section .top-section .breadcrums{float:left;}.col-section .top-section .ddlSortBy{float:right;padding:4px 8px;color:#3f3f3f;border:1px solid #e1e1e1;}
.boxse-menu-product-side{background:#fff;}
.boxse-menu-product-side .title-menu-product-side{padding:15px 0;text-align:center;font-size:17px;text-transform:uppercase;color:#3f3f3f;;border-bottom:1px solid #f1f1f1}
.boxse-menu-product-side .contain{padding:10px 0;border-top:0;}
.menu_sp_ul_slide li a{padding:8px 12px;padding-right:25px;display:block;font-size:15px;position:relative;}.menu_sp_ul_slide > li > a:before{display:none;content:"\f105";font-family:fontawesome;margin-right:5px;font-size:12px;}
.menu_sp_ul_slide > li+li{border-top:1px solid #f1f1f1;}.menu_sp_ul_slide li a:hover{background:var(--second);}
.menu_sp_ul_slide .menusubf1_slide{padding-bottom:10px;}.menu_sp_ul_slide .menusubf1_slide li a{padding:3px 0 3px 30px;display:block;font-size:14px;color:#3f3f3f;}
.menusubf1_slide > li > a:before{content:"\f101";font-family:fontawesome;display:inline-block;margin-right:5px;font-size:12px;}
.menu_sp_ul_slide li a:hover,.menu_sp_ul_slide li.active > a{background:var(--second);color:#fff}.menusubf1_slide li a:hover{background:var(--main);color:#fff;}
.menu_sp_ul_slide .havesub > a:after{content:"\f107";font-family:fontawesome;position:absolute;top:9px;right:10px;transition:transform .2s;background:#f1f1f1;border-radius:100%;width:20px;text-align:center;font-size:14px;}
.menu_sp_ul_slide .menusubf1_slide{display:none;}
.menu_sp_ul_slide .havesub:hover > a:after,.menu_sp_ul_slide .havesub.active > a:after{transform:rotate(180deg);background:var(--main);color:#fff;}
.menu_sp_ul_slide .havesub.active .menusubf1_slide{display:block;}
.boxes-product-top{overflow:hidden;padding:15px 15px;background:#fff;}
.slider_contain {overflow: hidden;width:45%;float:left;}.info_contain {width:53%;float:right;}.info_contain .contain{margin-top:20px;overflow:hidden;}
.slider_contain .sliderPhotos {position:relative;height:500px;background:#fff;border:1px solid #e1e1e1;box-sizing:border-box;}
.slider_contain .productPhotos {background:#fff;}
.slider_contain .sliderPhotos .next{cursor:pointer;background:url(../Design/icon_next.png)no-repeat;background-size:100% 100%;position:absolute;top:43%;right:10px;z-index:99;width:40px;height:40px;display: none;}
.slider_contain .sliderPhotos .prev{cursor:pointer;background:url(../Design/icon_prev.png)no-repeat;background-size:100% 100%;position:absolute;top:43%;left:10px;z-index:99;width:40px;height:40px;display: none;}
.slider_contain .sliderPhotos ul{overflow: hidden;margin: 0;padding:0;list-style:none;}
.slider_contain .sliderPhotos li{width:100%;height: 100%;position: absolute;top:0;left:0;display:none;text-align:center;}
.slider_contain .sliderPhotos li img{min-width:auto;}
.slider_contain .thumbnail{margin-top: 10px;text-align:center}
.slider_contain .thumbnail .slides li{box-sizing:border-box;background:#fff;border: 1px solid #ebebeb;padding: 10px;}
.slider_contain .thumbnail .slides li+li{border-left:0}
.slider_contain .thumbnail img{width:auto;height:50px;cursor:pointer;opacity:.8;padding:3px;margin:auto;}
.slider_contain .thumbnail .active{opacity: 1;border:1px solid var(--main);}
.title-product{font-size:32px;color:#3f3f3f;;}
.info_contain .left-content{width:48%;float:left;}.info_contain .right-content{width:48%;float:right;}
.info_contain .yeu-thich{font-size:18px;;color:var(--main);margin-top:10px;}
.info_contain .tienich .item{width:100%;float:none;}.info_contain .tienich .item +.item{margin-top:10px;}
.info_contain .price{position:relative;}
.info_contain .price-old{color:#6f6f6f;font-size:18px;text-decoration:line-through;font-family:segoe ui;text-align:left;}
.info_contain .price{font-size:30px;;color:#f51414;}
.camket-chungtoi {margin-top:20px;}
.thongtin-sanpham .title,.camket-chungtoi .title{font-size:18px;text-transform:uppercase;font-weight:500;font-family:segoe ui;color:var(--second);}
.thongtin-sanpham ul{font-size:14px;margin-top:10px;}.thongtin-sanpham li{position:relative;padding-left:20px;}
.thongtin-sanpham li:before{content:"\f00c";font-family:fontawesome;color:#2bca08;position:absolute;left:0;font-size:13px;top:3px;}
.thongtin-sanpham li a{color:var(--main);}.thongtin-sanpham li a:hover{color:#f51414;}
.insert-cart {margin-top:15px;border-top:1px solid #d1d1d1;padding-top:15px;}
.insert-cart a{display:block;background:var(--main);text-align:center;padding:12px 0;text-transform:uppercase;border-radius:4px;color:#fff;font-weight:bold;}
.buy-now{padding-top:15px;}.buy-now .title{text-align:center;font-size:17px;color:#f51414;text-transform:uppercase;font-family:segoe ui;font-weight:500;padding-bottom:10px;border-bottom:1px solid #e1e1e1;}
.buy-now .form-over{margin-top:20px;}
.buy-now .form-control{overflow:hidden;background:#fff}.buy-now .form-control+.form-control{margin-top:8px;}
.buy-now .form-over label{color:#6f6f6f;font-weight:bold;font-size:15px;width:90px;display:block;float:left;}
.buy-now .form-over .txt{padding:5px 12px;border:1px solid #dfdfdf;width:calc(100% - 90px);float:right;display:block;box-sizing:border-box;border-radius:4px;}
.buy-now .form-over .btn{padding:10px 18px 8px 18px;display:block;margin-left:90px;box-sizing:border-box;border-radius:4px;background:var(--second);text-transform:uppercase;color:#fff}
.buy-now .form-over .btn:active{background:#6f6f6f;color:#fff;}
.info_contain .support-online{margin-top:20px;}
.info_contain .tienich{margin-top:10px;}
.info_contain .support-online .title{background:var(--second);text-align:center;font-size:16px;text-transform:uppercase;font-family:segoe ui;font-weight:500;padding:10px 0 8px 0;color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;}
.info_contain .hotline{border:1px solid var(--second);border-top:0;padding:15px 0;text-align:center;font-size:28px;color:#f51414;;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.title-detail{border-bottom:1px solid var(--main);}
.title-detail span{background:var(--main);display:inline-block;padding:10px 15px 8px;font-family:segoe ui;font-weight:500;text-transform:uppercase;color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;}
.boxes-tab .title-inner-detail{font-size:17px;font-weight:bold;margin-bottom:15px;position:relative;overflow:hidden;color:var(--main);}.boxes-tab .title-inner-detail:nth-child(n+2){margin-top:20px;}
.boxes-tab .title-inner-detail i{content:"\f0a4";font-family:fontawesome;font-weight:normal;margin-right:5px;font-size:20px;}
.boxes-tab-over{position:relative;background:#fff;}
.boxes-tab{}
.boxes-tab .contain{position:relative;border-top:1px solid #e1e1e1;margin:0;padding:25px 20px;}
.title-tab a{width:200px;text-align:center;display:inline-block;font-size:16px;position:relative;z-index:3;padding:8px 0;text-transform:uppercase;font-weight:bold;background:var(--main);color:#fff;}
.title-tab a.active{background:var(--main);color:#fff;}
.boxes-tab:nth-child(2) .title-tab{margin-left:200px;}
.over-detail-tab {overflow:hidden;color:#3f3f3f;}
.list-article-category{overflow:hidden;}
.list-article-category li{width:32%;float:left;margin-right:2%;position:relative;}
.list-article-category li:nth-child(3n+3){margin-right:0;}.list-article-category li:nth-child(n+4){margin-top:15px;}
.list-article-category li .postImg{height:230px;}
.list-article-category .item time{position:absolute;background:var(--main);color:#fff;font-size:18px;top:15px;left:20px;padding:5px 10px;font-weight:500;}.list-article-category .item time small{display:block;text-align:center;font-size:16px;border-top:1px solid #fff;}
.list-article-category .cat-link{position:absolute;text-align:center;width:100%;margin-top:-15px;}.list-article-category .cat-link a{background:var(--main);color:#fff;font-weight:bold;padding:5px 12px;display:inline-block;font-size:15px;}
.list-article-category .text{background:#fff;padding:15px 20px;}
.list-article-category .text h4{margin-top:15px;font-size:25px;;display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-flex: 1;-webkit-box-orient: vertical;height:70px;overflow:hidden;}
.list-article-category .text .desc{margin-top:15px;}.list-article-category .text .link{text-align:center;color:var(--main);margin-top:20px;text-transform:uppercase;font-size:14px;}
.list-post-top-view .item{overflow:hidden;}.list-post-top-view .item+.item{margin-top:15px;}
.list-post-top-view .postImg{height:90px;width:40%;float:left;}
.list-post-top-view .text{width:57%;float:right;}
.list-post-top-view h4{font-size:15px;color:#3f3f3f;height:42px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-flex: 1;-webkit-box-orient: vertical;}.list-post-top-view h4:hover{color:var(--second);}
.list-same-post {overflow:hidden;margin-top:18px;}
.list-same-post .item{width:32%;margin-right:2%;float:left;overflow:hidden}
.list-same-post .item:nth-child(3n+3){margin-right:0}
.list-same-post .item:nth-child(n+4){margin-top:20px;}
.list-same-post .postImg{height:180px;}
.list-same-post h4{color:#2f2f2f;font-size:16px;font-weight:normal;height:48px;margin-top:6px;overflow:hidden;}
.list-same-post h4:hover{color:var(--second);}
.list-same-post .item .desc{font-family:segoe ui;}
.boxes.background{background:#fff;padding:10px 30px;}
.box-side .contain{margin-top:15px;}

@media only screen
  and (max-width:1279px){ 
    .left-content .search-form{display:none}
	.middle-header .left-content{margin-left:50px;}
	.nav_main{display:none;}
	.mobile{display:block;background:var(--main);padding:10px 0;}
	#ShowMenu{display:block;position:relative;font-size:20px;color:#fff;width:30px;height:30px;text-align:center;border-radius: 4px;background:var(--main);line-height:30px}
	#ShowMenu.close:after{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;z-index:8;top:0;border:0;left:0;content:"";}
	.search-form i{color:#fff}
.search-form span{display:none}
.search-form img{display:none}
    .slideshow{height:360px;}
	.tienich .item{background-image:none;text-indent:0;text-align:center;}
	.title-cat h3, .title-news strong{font-size:20px;}.title-cat .link{font-size:14px;}
	.list-product-style-2 .item .postImg{}.list-product-style-1 .item .postImg{height:150px;}
	.register-footer .title{display:none;}
	.middle-footer .map-footer{float:none;clear:both;width:100%;padding-top:20px;height:250px;}
	
  }
@media only screen
  and (max-width:992px){
    .middle-header .container{position:relative}
  	.slideshow{height:260px;}
  	.middle-header .right-content{float:none;clear:both;margin:auto;text-align:center;width:100%;margin-left:30px;display:none}
  	.contact-header .dia-chi,.contact-header .hotline{text-align:center;}
  	.tienich .item{width:48%;margin-right:2%;}.tienich .item:nth-child(2n+2){margin-right:0;}
  	.tienich .item:nth-child(n+3){margin-top:10px;}
	.title-cat .link{position:static;display:none}.title-cat h3:after{display:none;}
	.category-default .picture {display:none;}
	.middle-header .search-form{width:400px;}
	.col-section{width:100%;}
	.boxse-menu-product-side{display:none;}
	.list-product-style-2 .item{width:32%;margin-right:2%;}.list-product-style-2 .item:nth-child(3n+3){margin-right:0;}
	.list-product-style-2 .item .postImg{}.list-product-style-2 .item:nth-child(n+4){margin-top:20px;}
	.register-footer{float:none;}.register-footer .form-register{width:527px;margin:auto;float:none;}
	.social-footer{float:none;text-align:center;margin-top:20px;}.middle-footer .infocompany{float:none;}
	.middle-footer .menu-footer.menu1{margin-left:0;clear:both;margin-top:20px;}.middle-footer .menu-footer.menu2{margin-top:20px;}
	.slider_contain,.info_contain {width:100%;}.info_contain {margin-top:20px;}
	.list-article-category li,.list-article-category li:nth-child(3n+3){width:49%;float:left;margin-right:0;}.list-article-category li:nth-child(2n+2){float:right;}
	.list-article-category li:nth-child(n+3){margin-top:15px;}
	.article-detail-page .col-section{width:100%;}.article-detail-page .col-side{display:none;}
  }  
@media only screen
  and (max-width:576px){
    .middle-header h2{font-size:14px}
    .middle-header h2 strong{font-size:18px}
    footer{margin-top:30px}
    .middle-footer .container{padding:50px 2% 40px;overflow:hidden;}
    header .tienich,.info_contain .info,.info_contain .yeu-thich,.boxes-tab+.boxes-tab{display:none}
    .boxes-tab{/* position:relative; */}
    .title-tab a{background:none !important;color:#333 !important;width:auto;padding:5px;}
    .boxes-tab .contain{display:block !important;padding:20px 5px}
  	.title-post{font-size:20px;margin-bottom:10px;}
  	.breadcrums{display:none;}
    .middle-header .name-company{flex-direction: column;gap: 8px;}
  	.middle-header .logo{width:70px;height:70px;}
  	.middle-header .left-content{display:none;}.middle-header .right-content{float:none;clear:none;width:auto;padding-top:10px;}
  	.contact-header .dia-chi,.contact-header .hotline{font-size:13px;}
    .maph {color:var(--main);font-size: 26px;}
  	.slideshow{height:150px;}
    .tienich .item{width:100%;margin-right:0;padding-left:30px}
    .tienich .item+.item{margin-top:8px;}
	.list-product-style-2 .item{width:49%;margin-right:2%}
    .list-product-style-2 .item:nth-child(3n+3){margin-right:2%}
    .list-product-style-2 .item:nth-child(2n+2){margin-right:0}
    .list-product-style-2 .item:nth-child(n+3){margin-top:2%}
  	.list-product-style-1 .item,.list-product-style-1 .item:nth-child(3n+3){width:49%;margin-right:0;}.list-product-style-1 .item:nth-child(2n+2){float:right;}
  	.list-product-style-1 .item:nth-child(n+3){margin-top:15px;}.list-product-style-1 .item .postImg{height:180px;}
  	.list-product-style-2 .item .postImg{}.list-product-style-2 .item h4,.list-product-style-2 .item .price-new{font-size:13px;}
  	.list-new-default .item .postImg{height:250px;}footer .foot .left,footer .foot .right{float:none;text-align:center;}
  	.register-footer .form-register{width:330px;}.form-register .txt{width:calc(100% - 180px);}.form-register .btn{padding:10px 10px;width:100px;}
  	.info_contain .left-content,.info_contain .right-content{float:none;width:100%;}
  	.list-product-style-other .item .postImg{height:120px;}
  	.product-page .container{padding-top:10px;}
  	.list-article-category li, .list-article-category li:nth-child(3n+3),.list-article-category li:nth-child(2n+2){margin-right:0;float:none;width:100%;}
  	.list-article-category li:nth-child(n+2){margin-top:15px;}
	.videos-home .ulvi{;flex-wrap: wrap;}
	.videos-home .ulvi >*{width:100%;height: 160px;}
    .list-product .item h4{font-size:13px}
    .product-page .col-section .top-section{top:0;position:relative;margin-bottom:10px}
  }  

/*dghome*/
.review-default .tithome{font-family: hongha;color: #2f2f2f;font-size: 25px;text-transform: uppercase;text-align:center;margin-bottom:30px}
.uldg .item{background-color: #EEF9FF}
.uldg .center .item{background: #FFFFFF !important;box-shadow: 0 0 30px #DDDDDD;}
.uldg .top{display:flow-root;padding:20px;border-bottom:1px solid #dee2e6;}
.imgava{width:80px;height:80px;}
.uldg .if{width:calc(100% - 100px)}
.uldg .ten{;font-size: 18px;color:var(--main);text-transform:uppercase;margin-top:10px}
.uldg .mota{color:#6B6A75}
.uldg .nd{padding:20px;min-height:246.1px;box-sizing:border-box}
.owldot .owl-dots{text-align:center;margin-top:20px}
.owldot .owl-dots button{outline:0}
.owldot .owl-dots span{display: block;width: 15px;height: 15px;margin: 5px;background:#DDDDDD;border-radius:2px;transition:.5s;}
.owldot .owl-dots button.active span{background:var(--main);width:30px}

/*dvhome*/
.dvhome{}
.dvhome .tithome{color:var(--main)}
.rowdv .imgz{border:2px solid var(--second);border-radius: 10px;}
.rowdv .td{text-transform:uppercase;font-size:18px;margin-top:15px;text-align:center;}
.rowdv .td:hover{color:var(--main)}
@media only screen
  and (max-width:576px){
.rowdv .td{font-size:11px;margin-top: 0;margin-top: 8px;}
    .rowdv .imgz{border:1px solid var(--second)}
}

/*rv-page*/
.rv-page{background-color: #fff;border-radius: 6px;box-shadow: 0 2px 3px rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 10%);padding: 1.25rem 1.5rem;}
.rv-page .title{color: #f18121;font-size: 20px;font-weight: normal;display: flex;gap: 10px;}
.form-rvp .d-inline-flex{align-items: center;gap: 20px;}
.form-rvp .btn {text-wrap:nowrap; color:#fff}
.ds-cmt .item{margin-bottom:20px;}
.ds-cmt .item .binhluan{display:flex;gap: 10px;align-items: flex-start;}
.ds-cmt .imgz{flex-shrink:0}
.ds-cmt img{height:46px}
.ds-cmt .nd{background: #f7f7f7;padding: 10px;border-radius: 10px;width: 100%;font-size:15px}
.ds-cmt .td{color:#f18121;border-bottom:1px solid;margin-bottom: 3px;}
.ds-cmt .td span{color:#999;font-size:13px;margin-left:10px}
.ds-cmt .item .traloi{display:flex;gap: 10px;align-items: flex-start;margin-top:10px;margin-left: 56px;}
@media only screen 
and (max-width: 576px){
  .form-rvp .d-inline-flex{a;flex-direction: column;display: flex !important;gap: 8px;}
}

.cd-top{left:10px;right:auto}
#gom-all-in-one{margin-bottom:0 !important}
#button-contact-vr.mess-fix{bottom:180px !important}
#mess-vr .phone-vr-circle-fill{box-shadow: 0 0 0 0 #168AFF;background-color: rgb(22 138 255 / 70%);}
#mess-vr .phone-vr-img-circle{background-color: #168AFF;}

#ft-contact-icons{position:fixed;bottom:120px;left:64px;z-index:200001!important;list-style-type:none;transition:all .5s;list-style:none;overflow:hidden;margin:0;padding:0; transition: transform 0.3s ease, opacity 0.3s ease;opacity: 0;transform: translateY(20px) scale(0.8);pointer-events: none;}
#ft-contact-icons.active{opacity: 1;transform: translateY(0) scale(1);pointer-events: unset;}
#ft-contact-icons .icon-messenger .icon{background:#0865fe url(/Design/icon-messenger.jpg);background-position:center;background-size:70%;background-repeat:no-repeat}
#ft-contact-icons .icon-zalo .icon{background:#0068ff url(/Design/icon-zalo.png);background-position:center;background-size:100%;background-repeat:no-repeat;border:}
#ft-contact-icons li{margin-bottom:14px;margin-left:0}
#ft-contact-icons li .icon{width:50px;height:50px;line-height:50px;text-align:center;display:inline-block;border-radius:31px;font-size:20px;list-style:none;background:#f58634}
#ft-contact-icons li span.ab{background:var(--main);border-radius:5px;position:relative;margin-left:7px;*height:28px;padding:0 13px;cursor:pointer}
#ft-contact-icons li span.ab label{font-size:13px;margin:0;color:#fff}
#ft-contact-icons li span.ab i{position:absolute;left:-5px;top:50%;transform:translateY(-50%);color:var(--main)}
#ft-contact-icons li a{color:#fff;display:flex;align-items:center;text-decoration:none;transition:all .5s}
#ft-contact-icons li a:hover span.ab{background:var(--main-light)}
#ft-contact-icons li a:hover span.ab i{color:var(--main-light)}
#ft-contact-icons .icon-envelope .icon{background:var(--main)}
#ft-contact-icons .icon-phone .icon{background:var(--main)}
#ft-contact-icons .icon-map .icon{background:#0092bf}
#ft-contact-icons.contact-icons-right{left:auto;right:46px;margin:0}
#ft-contact-icons.contact-icons-right li a{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}
#ft-contact-icons.contact-icons-right li span.ab{display:none;margin-right:6px;height:30px;line-height:30px}
#ft-contact-icons.contact-icons-right li span.ab i{left:auto;right:-5px}

#btncontact {
    color: #fff;
    position: fixed;
    right: 40px;
    bottom: 50px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 31px;
    font-size: 24px;
    background: var(--main);
    z-index: 1000;
    animation: pulse-red 2s infinite;
    transition-duration: .2s;
}
@media only screen
and (max-width:576px) {
    /*#ft-contact-icons li span.ab{display:none}*/
}
@-webkit-keyframes pulse-red{0% {box-shadow: 0 0 0 0 rgba(215,0,24,.7);transform: scale(.95);}70% {box-shadow: 0 0 0 10px rgba(215,0,24,0);transform: scale(1);}100% {box-shadow: 0 0 0 0 rgba(215,0,24,0);transform: scale(.95);}}