@font-face{font-family:'SegoeUI';src:url(font/segoeui.ttf) format("truetype")}
@font-face{font-family:'SegoeUI';font-weight:600;src:url(font/seguisb.ttf) format("truetype")}
@font-face{font-family:'SegoeUI';font-weight:bold;src:url(font/segoeuib.ttf) format("truetype")}
:root{--main:#F05E23;--main-light:#F68A1C;--main-dark:#EE211E;--main-focus:#F68A1C;--second:#EE211E;--second-light:#EE211E;--second-dark:#EE211E;--second-focus:#EE211E;--text:#7a7a7a;--text-dark:#543c04;--light:#F7F7F7;--border:#CFCFCF}
body{background:#fff;font-family:'SegoeUI';color:#333}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{}
.ffb{font-family:ffb}
.ffnb{font-family:ffnb}
.fftd{font-family:Exo}
.color{color:var(--main)}
.second{color:var(--second)!important}
.text{color:var(--text)}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none;color:inherit}
thead,tbody,tfoot,tr,td,th{}
td{padding:5px}
.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{}
.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{border-radius:4px}
.btnz{border-radius:20px;padding:.75rem 2rem;font-size:18px}
.btn-dark{color:#fff;background-color:#212529;border-color:#212529}
.btn-dark:hover{color:#fff;background-color:#1c1f23;border-color:#1a1e21}
.btn-outline-light:hover{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);border-radius:3px}
.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);color:var(--main);font-weight:600}
.btn-secondary:hover{background-color:var(--second-light);border-color:var(--second-light);color:var(--main)}
.btn-secondary:active:focus,.btn-secondary:active,.btn-secondary:focus{box-shadow:0 0 0 .25rem var(--second-focus)}
.form-control{}
.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: 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}
}
@media (min-width: 992px) {
.col-left{padding-left:calc(((100% - 960px) / 2) + .75rem)}
.col-right{padding-right:calc(((100% - 960px) / 2) + .75rem)}
.pb-lg-6{padding-bottom:6rem!important}
.pt-lg-6{padding-top:6rem!important}
.py-lg-6{padding-top:6rem!important;padding-bottom:6rem!important}
}
@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 (max-width: 576px) {
.btnz{font-size:15px;padding:.375rem 1.5rem}
}
.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{padding:8px 0;background:var(--bs-light)}
.breadcrumb{margin-bottom:0}
.breadcrumb-item.active{}
.breadcrumb-item+.breadcrumb-item::before{}
.center{text-align:center}
.detail{}
.detail table{width:100%}
.detail img{max-width:100%!important;cursor:zoom-in;height:auto!important}
.detail a{color:var(--main-dark);font-weight:bold}
.detail h1,.detail h2,.detail h3,.detail h4,.detail h5{font-size:1.15rem}
.detail h1{font-size:1.5rem}
.detail h2{font-size:1.25rem}
.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:90%;max-height:90%;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;object-fit:cover}
.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;object-fit:cover}
.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;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}
.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}
.pager .pagination{justify-content:center}
.bgwhite{background-color:#fff}
@media only screen
and (max-width :576px) {
.ifbv{flex-flow:wrap;row-gap:5px}
.info .fb-like{padding-left:0}
.background-white{padding:25px 0}
.boxes .contain{margin-top:15px}
.boxes+.boxes{margin-top:25px}
.breadcrumb h2{display:none}
.detail{font-size:15px}
.detail h1{font-size:24px}
.detail h2{font-size:22px}
.detail h3{font-size:20px}
.detail h4{font-size:18px}
.detail img{width:auto!important}
.pdingm{padding:25px 0!important}
.bncat h2{font-size:18px}
.bread_crumb{font-size:13px}
}
.nav-mobile{display:none}
#slideshow{position:relative;width:100%;z-index:1}
#slideshow img{width:100%;height:auto;float:left}
/*header*/
header{box-shadow:0 0 20px 0 rgba(0,0,0,0.09)}
.midhead{background:#fff}
.midhead .container{display:flex;justify-content:space-between;align-items:center}
.logo{height:52px;position:relative}
.logo img{height:100%}
.logo:before,.logo:after{content:"";position:absolute;top:50%;width:10px;height:100%;transform:translateY(-50%);background-color:rgba(255,255,255,.75);z-index:1}
.logo:before{left:-5%;animation:light-left 2.5s infinite alternate linear}
.logo:after{right:-5%;animation:light-right 2.5s infinite alternate linear}
.tencty{text-transform:uppercase;font-weight:bold;text-align:center;margin-right:auto;margin-bottom:0;margin-left:16px;color:var(--main);display:block;font-size:28px}
.midhr{display:flex}
.search-h{position:relative;margin-left:25px;z-index:2}
#showtk{display:inline-block;width:40px;height:40px;line-height:38px;font-size:16px;border-radius:50%;text-align:center;color:#333333;border:1px solid #ddd;transition:all .3s linear}
#showtk i{font-size:18px}
#showtk.close:before{content:"";position:fixed;width:100%;height:100%;z-index:8;top:0;border:0;left:0}
.searchbox{position:absolute;right:0;display:none;width:200px;z-index:9}
.searchbox .form-control{border:1px solid #a1a1a1;border-radius:50px;font-size:13px;box-shadow:none!important;background:#fff;padding:8px 15px}
.searchbox .form-control::placeholder{font-style:italic}
.searchbox .btn{position:absolute;right:0;top:0;width:36px;height:100%;font-size:14px;align-content:center}
.carthead{font-size:22px;color:#898989;text-align:center;align-content:center;margin-left:10px}
.carthead .icon{position:relative;width:40px;height:40px;line-height:38px;font-size:16px;border-radius:50%;text-align:center;background:none;color:#333333;border:1px solid #ddd;transition:all .3s linear}
.carthead .number{display:block;width:20px;height:20px;line-height:20px;text-align:center;background:var(--main);border-radius:50%;font-size:10px;font-weight:400;display:inline-block;color:#ffffff;position:absolute;top:-5px;right:-10px}
.carthead .gh{font-size:13px;font-weight:600;height:100%;align-content:center}
.phoneh{margin-left:30px;display:flex;text-align:left;align-items:center}
.phoneh .icon{height:95%;align-content:center;margin-right:10px}
.phoneh .icon i{font-size:36px;color:var(--main)}
.phoneh .name{font-size:12px;color:#898989}
.phoneh .phone{font-size:14px;font-weight:600;color:#333;letter-spacing:1px}
.phoneh .phone:hover{color:var(--main)}
.navhead{background:var(--main-light)}
.showmn{position:relative}
.showmn .td{height:64px;background:var(--second)}
.showmn i{color:var(--main)}
.mnsp{display:none;position:absolute;width:100%;z-index:2;background:var(--bs-light)}
.mnsp li{}
.mnsp li:hover{color:#fff;background:var(--main)}
.mnsp li a{padding:8px;display:block}
.bothead{}
.mnsp2{}
.mnsp2 li a{padding:8px}
.mnsp2 li:hover{background:var(--main);color:#fff}
.bnlk{display:flex;flex-direction:column;justify-content:space-between}
.menu_main{display:flex;margin:auto;height:100%;align-items:center;position:relative;z-index:3;gap:30px;font-size:16px;font-weight:600}
.mnlic1{position:relative;text-transform:capitalize;height:100%;padding:20px 0;align-content:center}
.mnliac1{display:block;position:relative;padding:10px 0;text-align:center;z-index:1}
.mnlic1:hover{color:var(--main)}
.mnlic1:before{content:"";display:block;opacity:0;height:3px;width:0;position:absolute;bottom:20px;left:50%;background-color:var(--main);transition:.3s;transform:translateX(-50%)}
.mnlic1:hover:before{opacity:1;width:100%}
.havesub.mnlic1:before{opacity:0}
.havesub .mnliac1:after{content:"\f107";font-family:fontawesome;margin-left:3px;font-weight:300;opacity:.6}
.menusub{position:absolute;left:0;top:110%;width:270px;background:#ffffff;box-shadow:0 2px 29px rgba(0,0,0,0.05);padding:20px 0;border-radius:5px;border-top:3px solid var(--main);opacity:0;z-index:99;visibility:hidden;transition:all .3s linear}
.mnlic1:hover .menusub{top:100%;visibility:visible;transition:.5s;opacity:1}
.menusub li a{padding:8px 25px;font-size:15px;font-weight:600;text-transform:capitalize;display:block;position:relative;z-index:1;color:#090d2f;transition:all .3s linear;outline:0}
.menusub li a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background:var(--main);width:10px;height:2px;opacity:0;visibility:hidden;transition:all .3s linear}
.menusub li:hover a:before{opacity:1;visibility:visible;left:15px}
.menusub li:hover a{color:var(--main);padding-left:35px}
.fix-menu{position:fixed;width:100%;top:0;z-index:1000;animation:fadeInDown 1s;box-shadow:0 .125rem .25rem rgb(0 0 0 / 8%)!important}
@media only screen and (max-width: 1200px) {
.menu_main{gap:20px}
}
@media only screen and (max-width: 992px) {
#ShowMenu{z-index:10;animation:fadeInRight 1s}
#ShowMenu.close:before{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;top:0;border:0;left:0;content:""}
#ShowMenu.navbar-dark .navbar-toggler{}
.search-h{display:none}
.midhead .container{padding-top:10px;padding-bottom:10px}
.logo{}
.lisearch{padding:10px 15px}
.lisearch .searchbox{display:block;max-width:none;width:100%;position:relative;padding:0;border:0;background:none}
.lisearch .searchbox .form-search{width:auto;height:auto}
.searchbox .form-control{font-size:14px;box-shadow:none}
.searchbox .btn{font-size:14px;position:absolute;right:0;top:0;width:36px;height:100%;font-size:14px;color:var(--main);background:none;border:none}
.phoneh{margin-right:30px;display:flex}
.phoneh-left{}
.phoneh-right{margin-left:20px}
.phoneh .icon{height:100%;align-content:center;margin-right:10px}
.phoneh .icon i{font-size:28px;color:var(--main)}
.phoneh .name{font-size:14px;text-align:center}
.phoneh .phone{font-size:16px;font-weight:600;color:red;letter-spacing:1px}
.nav_main .container{height:0}
.menu_main{position:fixed;z-index:999;overflow:auto;top:0;background:var(--main);height:100%;left:0;width:250px;display:none;gap:unset;margin:0}
.mnlic1{border-top:1px solid #ffffff2e;position:relative;height:auto;padding:0}
.mnliac1{padding:15px 0;padding-left:15px;width:calc(100% - 42.4px);color:#fff!important;text-align:left;border-radius:unset}
.lihome a{background:transparent}
.mnliac1 i{color:#fff}
.havesub.mnlic1 span:after,.mnliac1:after{display:none}
.openmn{display:block;font-style:normal;position:absolute;right:2%;top:0;height:50.8px;width:42.4px;display:flex;color:#333}
.openmn:before{content:"\f054";font-family:fontawesome;margin:auto;font-weight:500;transition:transform .3s;color:#fff}
.havesub.active .openmn:before{transform:rotate(90deg)}
.menusub{position:relative;padding:0;display:none;top:auto;visibility:visible;transition:none;opacity:1;margin:0;transform:none;border-radius:0;background:#fff}
.mnlic1:hover .menusub{transform:none;background:#fff;color:#333;transition:none;width:100%}
.menusub li+li{border-top:1px solid var(--main-dark)}
.menusub li a{padding:15px 0;padding-left:6%}
.menusub li:hover a{padding:15px 0;padding-left:6%}
.menusub li:hover a:before{display:none}
}
@media only screen and (max-width: 768px) {
.phoneh{display:none}
}
@media only screen and (max-width: 576px) {
.midhead .container{height:auto;overflow:hidden}
.phoneh{display:none}
.logo{height:50px}
.tencty{margin-right:auto;margin-left:10px;font-size:24px}
}
@media only screen and (max-width: 350px) {
.logo{height:35px}
.tencty{margin-right:auto;margin-bottom:0;margin-left:8px;font-size:18px}
}
/*header end*/
footer{background-image:linear-gradient(rgba(21,26,41,.85),rgba(21,26,41,.85)),url(../Design/bg-footer.jpg);color:#fff}
.topfoot .top{display:flex;align-items:center;gap:50px}
.logof{margin-bottom:25px}
.logof img{border-radius:10px}
.tenctyf{text-transform:uppercase;font-size:20px;margin-bottom:20px;position:relative;padding-bottom:15px}
.tenctyf:before{content:"";position:absolute;border-bottom:3px solid var(--main);bottom:0;left:0;width:137px}
.tenctyf:after{content:"";position:absolute;background:var(--main);bottom:-6.5px;left:136px;width:16px;height:16px;border-radius:30px}
.titf{font-size:22px;margin-bottom:20px;font-weight:600;position:relative;margin-bottom:20px;padding-bottom:15px}
.titf:before{content:"";position:absolute;border-bottom:3px solid var(--main);bottom:0;left:0;width:100px}
.titf:after{content:"";position:absolute;background:var(--main);bottom:-6.5px;left:99px;width:16px;height:16px;border-radius:30px}
.mnf p{margin-bottom:8px}
.mnf a:hover{color:var(--main)}
.foot .container{border-top:1px solid rgba(256,256,256,.3)}
@media only screen and (max-width: 576px) {
.tenctyf{font-size:19px;margin-bottom:20px;position:relative;padding-bottom:15px}
.titf{font-size:20px;margin-bottom:20px}
.titf:before{bottom:0;left:0;width:60px}
.titf:after{left:59px;width:12px;height:12px;bottom:-5.5px}
.iff *{font-size:16px}
.topfoot .top{text-align:center;display:block}
.dkf{display:none}
}
.slideshow{position:relative;overflow:hidden}
.tkhome{position:relative;z-index:2}
.formtk{width:100%;background:var(--main);border-radius:7px;overflow:hidden;color:#fff;padding:30px;margin-top:-50px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.formtk .title{text-transform:uppercase;font-size:21px;font-weight:bold;font-family:'Play';text-align:center;flex-shrink:0}
.formtk .title span{display:block}
.formtk .row{width:100%}
.formtk .link{margin-top:32px}
@media only screen and (max-width: 992px) {
.formtk{margin-top:0;display:block}
.formtk .title{margin-bottom:20px}
.formtk .title span{display:inline-block}
.formtk .row label{display:none}
.formtk .link{text-align:center;margin-top:24px}
}
@media only screen and (max-width: 576px) {
.tkhome{background:var(--main)}
}
.sub-tithome{align-items:center;text-align:center;margin-bottom:16px;font-size:18px;font-weight:bold;color:var(--main);text-transform:uppercase}
.tithome{align-items:center;text-align:center;position:relative;padding-bottom:40px;font-size:36px}
.title-inner-page{font-size:2rem;text-align:center;text-transform:uppercase;margin-bottom:30px}
.quote{text-align:center;color:#777;margin-bottom:25px}
.linkz{color:var(--main);font-size:18px;font-weight:bold}
.linkz a:hover{color:var(--second)}
.rowup .wow:nth-child(4n+2){animation-delay:.1s}
.rowup .wow:nth-child(4n+3){animation-delay:.2s}
.rowup .wow:nth-child(4n+4){animation-delay:.3s}
@media only screen
and (max-width :992px) {
.tithome{font-size:calc(1.325rem + .9vw)}
.title-inner-page{font-size:calc(1.325rem + .9vw)}
}
@media only screen
and (max-width :576px) {
.tithome .xemthem-tithome{font-size:14px}
.tithome .xemthem-tithome i{font-size:15px;margin-left:5px}
.sub-tithome{margin-bottom:8px;font-size:calc(0.7rem + .9vw)}
.tithome{font-size:calc(0.9rem + 1.5vw);padding-bottom:20px}
.title-inner-page{font-size:calc(0.9rem + .9vw)}
}
/*CkHome*/
/*  04 - Service CSS
/*----------------------------------------*/
.ckhome{background:#f5f5f5}
.ckhome .rowck{row-gap:30px}
.service-section .service-wrap{position:relative;z-index:5}
.service-section .service-wrap .service-item{height:100%;background:#ffffff;box-shadow:0 0 20px 0 rgba(0,0,0,0.09);padding:50px 30px 20px;border-radius:5px;overflow:hidden;position:relative;z-index:1}
@media only screen and (max-width: 1399px) {
.service-section .service-wrap .service-item{padding:50px 25px}
}
@media only screen and (max-width: 1199px) {
.service-section .service-wrap .service-item{padding:40px 20px}
}
.service-section .service-wrap .service-item::before{content:"";position:absolute;left:0;top:0;background:linear-gradient(148deg,var(--main-light) 0%,var(--main) 100%);width:100%;height:100%;z-index:-1;opacity:0;transition:all .3s linear;visibility:hidden}
.service-section .service-wrap .service-item .shape-1{width:235px;height:235px;border-radius:50%;background:rgba(255,255,255,0.1);position:absolute;top:-80px;right:-80px;opacity:0;transition:all .3s linear;visibility:hidden;z-index:-1}
.service-section .service-wrap .service-item .shape-2{position:absolute;right:-135px;bottom:55px;opacity:0;transition:all .3s linear;visibility:hidden;z-index:-1}
.service-section .service-wrap .service-item .service-content .title{font-size:24px;line-height:30px;font-weight:700;margin-top:12px;transition:all .3s linear}
.service-section .service-wrap .service-item .service-content .title a{color:#231e32}
@media only screen and (max-width: 1199px) {
.service-section .service-wrap .service-item .service-content .title{font-size:20px}
}
.service-section .service-wrap .service-item .service-content p{font-size:16px;line-height:26px;color:#4c4d56;margin-top:20px;transition:all .3s linear}
.service-section .service-wrap .service-item:hover::before{opacity:1;visibility:visible}
.service-section .service-wrap .service-item:hover .shape-1{opacity:1;visibility:visible}
.service-section .service-wrap .service-item:hover .shape-2{opacity:1;visibility:visible}
.service-section .service-wrap .service-item:hover .service-content .title a{color:#ffffff}
.service-section .service-wrap .service-item:hover .service-content p{color:#ffffff}
/*CkHome end*/

/*abouthome*/
.about-section{overflow:hidden;position:relative}
.about-section:before{top:0;left:0;content:"";width:100%;height:100%;position:absolute;overflow:hidden;background-image:url(../Design/bg-about-01.png);background-size:30%;background-repeat:no-repeat;background-position:left bottom;z-index:-2}
.about-section:after{content:"";top:0;left:0;width:100%;height:100%;position:absolute;overflow:hidden;background-image:url(../Design/bg-about-02.png);background-size:50%;background-repeat:no-repeat;background-position:right top;z-index:-2}
.about-section .about-wrap .about-thumb-wrap{position:relative;padding-right:40px}
.about-section .about-wrap .about-thumb-wrap .about-thumb-small{border-radius:5px;position:absolute;left:0;top:0}
.about-section .about-wrap .about-thumb-wrap .about-thumb-small img{border-radius:5px;width:100%}
.about-section .about-wrap .about-thumb-wrap .about-thumb-big{text-align:right;z-index:1;transform:translateY(135px) translateX(35px);max-height:389px}
.about-section .about-wrap .about-thumb-wrap .about-thumb-big img{border-radius:5px;height:100%;max-width:100%}
.about-section .about-wrap .about-thumb-wrap .about-thumb-shape{position:absolute;top:235px;left:65px;z-index:-1}
.about-section .about-wrap .about-thumb-wrap .play-btn{position:absolute;right:-55px;bottom:8px}
.about-section .about-wrap .about-thumb-wrap .play-btn a{width:105px;height:105px;line-height:105px;font-size:15px;display:inline-block;text-align:center;border-radius:50%;background:var(--main);color:#ffffff;transition:all .3s linear}
.about-section .about-wrap .about-thumb-wrap .play-btn a::before{content:"";border:2px solid #ffffff;position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:215px;height:215px;border-radius:50%;-webkit-animation:zoombig 3.25s linear infinite;animation:zoombig 3.25s linear infinite;-webkit-animation-delay:.8s;animation-delay:.8s}
.about-section .about-wrap .about-thumb-wrap .play-btn a::after{content:"";border:2px solid #ffffff;position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:215px;height:215px;border-radius:50%;-webkit-animation:zoombig 3.25s linear infinite;animation:zoombig 3.25s linear infinite;-webkit-animation-delay:0;animation-delay:0}
.about-section .about-wrap .about-thumb-wrap .play-btn a:hover{background:#ffffff;color:var(--main);box-shadow:0 0 98px 0 rgba(0,0,0,0.07)}
.about-section .about-wrap .about-content{padding-left:100px}
@media only screen and (max-width: 1399px) {
.about-section .about-wrap .about-content{padding-left:80px}
}
.about-section .about-wrap .about-content .sub-title{color:var(--main);font-size:18px}
.about-section .about-wrap .about-content .title{font-weight:bold;text-transform:uppercase}
.about-section .about-wrap .about-content p{font-size:16px;line-height:30px;font-family:"Manrope",sans-serif;font-weight:400;color:#4c4d56;margin-top:25px}
.about-section .about-wrap .about-content .about-btn-list{display:flex;padding-top:15px}
.about-section .about-wrap .about-content .about-btn-list .about-btn{position:relative;margin-right:30px}
.about-section .about-wrap .about-content .about-btn-list .about-btn::before{content:"";position:absolute;left:0;top:0;background:var(--main);height:3px;width:100%}
.about-section .about-wrap .about-content .about-btn-list .about-btn .btn{width:168px;height:55px;margin-top:40px;text-align:center;align-content:center;font-weight:bold;font-size:20px;border-radius:5px}
.about-section .about-wrap .about-content .about-btn-list .about-list{}
.about-section .about-wrap .about-content .about-btn-list .about-list ul li{font-size:16px;line-height:24px;font-weight:600;color:#090d2f}
.about-section .about-wrap .about-content .about-btn-list .about-list ul li + li{margin-top:15px}
.about-section .about-wrap .about-content .about-btn-list .about-list ul li i{color:var(--main-dark);margin-right:5px}
@media only screen and (max-width: 1199px) {
.about-section .about-wrap .about-content{padding-left:64px}
.about-section .about-wrap .about-content .about-btn-list{flex-wrap:wrap}
}
@media only screen and (max-width: 991px) {
.about-section .about-wrap .about-thumb-wrap .play-btn{right:-40px}
.about-section .about-wrap .about-thumb-wrap .play-btn a{width:80px;height:80px;line-height:80px}
.about-section .about-wrap .about-thumb-wrap .play-btn a::before{width:180px;height:180px}
.about-section .about-wrap .about-thumb-wrap .play-btn a::after{width:180px;height:180px}
.about-section .about-wrap .about-content{padding-left:0;margin-top:200px}
}
@media only screen and (max-width: 575px) {
.about-section{padding-bottom:0}
.about-section .about-wrap .about-thumb-wrap{padding-right:0}
.about-section .about-wrap .about-thumb-wrap .about-thumb-small{position:inherit;text-align:center}
.about-section .about-wrap .about-thumb-wrap .about-thumb-big{transform:translateY(30px) translateX(0px);text-align:center}
.about-section .about-wrap .about-thumb-wrap .about-thumb-shape{display:none}
.about-section .about-wrap .about-thumb-wrap .play-btn{bottom:-65px;right:130px}
.about-section .about-wrap .about-content{padding-left:0;margin-top:130px}
.about-section .about-wrap .about-content .about-btn-list{display:block}
.about-section .about-wrap .about-content .about-btn-list .about-btn{text-align:center;margin:0}
.about-section .about-wrap .about-content .about-btn-list .about-btn .btn{margin:0;margin-bottom:60px}
.about-section .about-wrap .about-content .about-btn-list .about-btn::before{left:0;right:0;width:auto;top:auto;bottom:30px}
}
@-webkit-keyframes zoombig {
0%{transform:translate(-50%,-50%) scale(0.5);opacity:1;border-width:3px}
40%{opacity:.5;border-width:3px}
65%{border-width:2px}
100%{transform:translate(-50%,-50%) scale(1);opacity:0;border-width:2px}
}
@keyframes zoombig {
0%{transform:translate(-50%,-50%) scale(0.5);opacity:1;border-width:3px}
40%{opacity:.5;border-width:3px}
65%{border-width:2px}
100%{transform:translate(-50%,-50%) scale(1);opacity:0;border-width:2px}
}

/*abouthome end*/

/*services dvhome*/
.services {
    background: url(../Design/services-bg-01.png) no-repeat, linear-gradient(rgba(52, 64, 98, .9), rgb(149, 159, 183, .9)), url(../Design/services-bg-03.jpg) no-repeat;
    background-size: cover;
    background-position: left
}
.services .sub-tithome{}
.services .tithome{text-transform:uppercase;color:#fff}
.services-row{justify-content:center}
.services-item{position:relative;margin-bottom:80px;transition:.7s}
.services-item:hover{transform:translateY(-5px)}
.services-item:hover .content h3 a{color:var(--main)}
.services-item a{display:block}
.services-item a img{transform:translateX(-50%) translateY(-50%) scale(1.1);border-radius:5px}
.services-item .imgH{border-radius:5px}
.services-item .content{display:flex;gap:12px;position:absolute;left:0;right:0;width:82%;bottom:-80px;margin-left:auto;margin-right:auto;background-color:#ffffff;box-shadow:0 0 15px rgba(0,0,0,0.05);border-radius:5px;padding:20px;margin-bottom:30px}
.services-item .content::before{content:"";position:absolute;left:0;top:0;background:linear-gradient(148deg,var(--main-light) 0%,var(--main) 100%);width:100%;height:100%;z-index:1;opacity:0;transition:all .3s linear;visibility:hidden;border-radius:5px}
.services-row .services-col:hover .services-item .content::before{opacity:1;visibility:visible}
.services-row .services-col:hover .services-item .content h3{color:#fff;z-index:2}
.services-row .services-col:hover .services-item .content h3 a{color:#fff}
.services-item .content .icon{z-index:1}
.services-item .content .icon:before{display:inline-block;width:62px;height:62px;content:"";background:url(../Design/icon-service-01.png) no-repeat;background-size:contain}
.services-row .services-col:nth-of-type(2) .services-item .content .icon:before{background-image:url(../Design/icon-service-02.png)}
.services-row .services-col:nth-of-type(3) .services-item .content .icon:before{background-image:url(../Design/icon-service-03.png)}
.services-row .services-col:nth-of-type(4) .services-item .content .icon:before{background-image:url(../Design/icon-service-04.png)}
.services-row .services-col:nth-of-type(5) .services-item .content .icon:before{background-image:url(../Design/icon-service-05.png)}
.services-row .services-col:hover .services-item .content .icon:before{display:inline-block;width:62px;height:62px;content:"";background:url(../Design/icon-service-01-hover.png) no-repeat;background-size:contain}
.services-row .services-col:nth-of-type(2):hover .services-item .content .icon:before{background-image:url(../Design/icon-service-02-hover.png)}
.services-row .services-col:nth-of-type(3):hover .services-item .content .icon:before{background-image:url(../Design/icon-service-03-hover.png)}
.services-row .services-col:nth-of-type(4):hover .services-item .content .icon:before{background-image:url(../Design/icon-service-04-hover.png)}
.services-row .services-col:nth-of-type(5):hover .services-item .content .icon:before{background-image:url(../Design/icon-service-05-hover.png)}
.services-item .content h3{font-size:18px;font-weight:600;align-content:center;color:#252525}
@media only screen and (max-width: 575px) {
.services-item .content{flex-direction:column;text-align:center;width:90%;bottom:-100px;padding:15px;margin-bottom:50px}
}

/*services dvhome end*/

/*dkhome*/
.dkhome{background:url(/Design/bg-about-02.png) right no-repeat,#f2f2f2;background-size:70%}
.dkhome .container{position:relative}
.dkhome .col-img .img-thumb{position:relative;width:100%;height:100%}
.dkhome .col-img .shape-1{position:absolute;right:0;top:0;padding:0 20px;z-index:0;max-width:100%;-webkit-animation:rotate-style 50s linear infinite;animation:rotate-style 50s linear infinite}
.dkhome .col-img .shape-1 img{width:100%}
.dkhome .img-avatar{position:absolute;bottom:-60px;right:50px;text-align:center}
.dkhome .img-avatar img{width:100%}
.dkhome .td{color:var(--main);font-size:32px;font-weight:700;margin-bottom:30px}
.form-dkh .form-label{font-size:20px;font-weight:600;color:#333}
.form-dkh .form-label .star{color:var(--second)}
.form-dkh .form-control{font-size:16px;height:45px;border-radius:5px;box-shadow:0 0 4px 2px #00000026;opacity:.7}
.form-dkh .form-control::placeholder{color:#B1B1B1}
.form-dkh .form-control:focus{border-color:#cecece;box-shadow:0 0 4px 2px rgba(0,0,0,0.35)}
.form-dkh .btn{width:100%;font-weight:bold;font-size:20px;background:var(--main);transition:.2s}
.form-dkh .btn:hover{opacity:.8}
.form-dkh .refresh{display:flex;align-items:center;gap:20px}
.btnRefresh{width:35px;height:35px;background:url(/Design/refresh.png) no-repeat;background-size:contain;border:none}
@media (max-width: 576px) {
.dkhome .td{font-size:24px;text-align:center}
}
/*dkhome end*/

/*dghome*/
.dghome{background:linear-gradient(rgba(11,17,32,0.85),rgba(11,17,32,0.85)),url(../Design/dg-home.jpg) no-repeat}
.dghome .content-left{}
.dghome .content-left .subtitle{font-size:16px;font-weight:bold;color:var(--main);margin-bottom:15px}
.dghome .content-left .title{font-size:30px;font-weight:bold;color:#fff;text-transform:capitalize;margin-bottom:20px}
.dghome .content-left .title span{color:var(--main)}
.dghome .content-left .text{font-size:16px;color:#fff}
.dghome .card-area{}
.dghome .card-area .card-slide{background:#fff;border-radius:10px}
.dghome .card-area .card-slide .owl-stage-outer{border-radius:10px}
.dghome .card-area .card-slide .item{background:#fff;padding:30px;border-radius:10px}
.dghome .card-area .card-slide .item .star i{font-size:20px;color:var(--main);margin-right:10px;margin-bottom:20px}
.dghome .card-area .card-slide .item .text{font-size:16px;color:#333;margin-bottom:30px}
.dghome .card-slide .avata-group{display:flex}
.dghome .card-slide .avata-group .imgz{height:70px;width:70px;border-radius:50%;z-index:2;border:2px solid var(--main);margin-right:20px}
.dghome .card-slide .avata-group .name-group{align-content:center}
.dghome .card-slide .avata-group .name-group .ten{color:var(--main);font-size:20px;font-weight:bold;margin-bottom:5px}
.dghome .card-slide .avata-group .name-group .job{color:#333;font-size:16px;font-weight:600}
.dghome .thumb-wrap .owl-dots{display:flex;flex-direction:column;position:relative;width:fit-content;gap:25px}
.dghome .thumb-wrap .owl-dots:before{content:"";display:block;position:absolute;width:4px;top:0;bottom:0;left:calc(50% - 2px);z-index:0;background:var(--main)}
.dghome .thumb-wrap .owl-dots .owl-dot{width:70px;height:70px;border-radius:50px;border:2px solid #fff;overflow:hidden;position:relative}
.dghome .thumb-wrap .owl-dots .owl-dot.active{width:70px;height:70px;border-radius:50px;border:2px solid var(--main)}
.dghome .thumb-wrap .owl-dots .owl-dot img{height:100%;min-width:100%;width:auto!important;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;object-fit:cover}
@media (max-width: 576px) {
.dghome .content-left{text-align:center}
.dghome .content-left .subtitle{font-size:16px;margin-bottom:10px}
.dghome .content-left .title{font-size:22px;margin-bottom:15px}
.dghome .card-area .row{flex-direction:column;gap:25px}
.dghome .thumb-wrap .owl-dots{flex-direction:row;gap:22px;margin:auto}
.dghome .thumb-wrap .owl-dots:before{width:auto;height:4px;left:0;right:0;top:calc(50% - 2px);z-index:0;background:var(--main)}
.dghome .thumb-wrap .owl-dots .owl-dot{width:60px;height:60px}
.dghome .thumb-wrap .owl-dots .owl-dot.active{width:60px;height:60px}
}

/*dthome*/
.dthome {
    background-image: linear-gradient(rgba(255, 255, 255, .95) 70%, rgba(255, 255, 255, .3)), url('../Design/bg-doitac-02.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.dthome h2{}
.dthome h3{width:fit-content;margin:auto; margin-bottom:30px;text-align:center; padding:10px 20px;font-size:20px;background:var(--main); color:#fff; border-radius:5px}
.dthome .owldt .item .sub-item:nth-of-type(2){margin-left:50%; margin-right:-50%}
.dthome .owl-carousel{margin-bottom:40px}
.dthome .owl-carousel .owl-stage{margin:auto}
.dthome .owl-carousel:last-child{margin-bottom:0px}
.rowdt .col-2{width:20%}
.dthome .item, .dthome .item img {border-radius: 10px;}
.dthome .item img {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}

@media only screen and (max-width: 576px) {
    .dthome h3{margin-bottom:10px;padding:5px 12px;font-size:16px;border-radius:5px}
    .dthome .owldt .item .sub-item:nth-of-type(2){margin-left:0; margin-right:0}
    .dthome .owl-carousel{margin-bottom:20px}
    .dthome .owl-carousel:last-child{margin-bottom:0px}
    .dthome .item, .dthome .item img {border-radius: 5px;}
}


/*sphome*/
.bghome {/*background-image: url('../Design/bg-sp-home.png');*/ }
.sphome {}
.lisp{box-shadow: 0px 0px 10px 1px #00000033;background:#fff;position: relative;height: 100%;}
.lisp .imgz{}
.lisp .nd{padding:18px; text-align:center}
.lisp .tl{font-size:13px;font-weight: 600;color: #707070;text-transform: uppercase;margin-top: 3px;}
.lisp .tl:hover{color:Var(--main)}
.lisp .td{font-size: 18px;font-weight: 600;margin-top: 5px; text-align:center}
.lisp .td:hover{color:var(--main-dark)}
.lisp .mt{font-size:14px;color:#747474}
.lisp .giasp{margin:10px 0;display:flex;gap: 15px;text-align:center; justify-content:center;align-items: flex-end;}
.lisp .new{font-weight:bold;color:red; font-size: 18px}
.lisp .old{color:#C2C2C2;font-size:14px;text-decoration: line-through;}
.col-side{width:22%;float:left;overflow:hidden;}
.col-section{width:74%;float:right;overflow:hidden;padding-top:50px;}
.nav-side {border-right:1px solid #ededed;padding:50px 0;}
.nav-side li{color:#333;font-size:16px;padding:12px 0;padding-left:20px;}
.nav-side .active{background-color:#ededed;color:var(--main-light);position:relative}
.nav-side .active:before{position:absolute;height:100%;left:0;top:0;content:"";border-left:3px solid var(--main-light)}
.title-boxes{font-size:20px;color:var(--main);background-image:url(../design/border-title.png);background-repeat:no-repeat;background-position:bottom left;
	padding:12px 0;text-transform:uppercase;margin-bottom:20px;padding-bottom:15px;position:relative;}
.title-boxes:after{border-bottom:3px solid var(--main-light); content:"";width:60px;position:absolute;left:0;bottom:0;}
.about-description{width:30%;margin-top:80px;margin-left:30px;margin-bottom:10px;}
.about-description .sologan{margin-top:10px;padding:20px 30px;position:relative;border-top:2px solid #dcdcdc;border-bottom:2px solid #dcdcdc;background-color:#f1f1f1;}
.about-description .sologan *{color:var(--main)}
.about-description .sologan:before{content:'';width:20px;height:14px;background-image:url(../Design/left-desc.png);position:absolute;background-size:100% 100%;left:10px;top:15px;}
.about-description .sologan:after{content:'';width:20px;height:14px;background-image:url(../Design/right-desc.png);position:absolute;background-size:100% 100%;right:10px;bottom:15px;}

@media only screen
and (min-width :992px){
  .rowsp .col-lg-2{width:20%}
}
@media only screen
and (max-width :576px){
  .col-side{display:none;}.col-section{width:100%;padding-top:0;}
  .lisp .tl,.lisp .mt,.lisp .link,.lisp .old{display:none}
  .lisp .nd{padding:5px}
  .lisp .td{font-size:15px;}
  .lisp .giasp{margin:0;}
  .lisp .td{font-size:13px;margin-bottom:4px;-webkit-line-clamp: 3;}
  .lisp .td2 a{height: 49.19px;display: block;}
  .lisp .new{font-weight:600;font-size:13px}
.about-description{width:100%;display:none;}
}
/*DuAn page end*/
.rowDA{}
.rowDA .item{padding:20px}
.rowDA .item .title{ font-size: 18px;padding:13px 30px; margin-bottom: 15px;text-transform:uppercase;background: linear-gradient( 90deg,#f78c21,#ef3724); color: #fff; border-radius:50px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;}
.rowDA .item .info{ font-size:16px; color:#333; margin-bottom: 10px;}
.rowDA .item .imgz{ border: 8px solid #fff; border-radius:5px; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;}
@media only screen and (max-width: 575px) {
  .rowDA .item .title{ font-size: 16px;padding:10px 25px; margin-bottom: 10px;}
  .rowDA .item .info{font-size: 15px;margin-bottom: 10px;}
}
/*DuAn page end*/


/*news page newshome*/
.rownews {
    --bs-gutter-y:2rem;
    --bs-gutter-x:2rem
}
.litt {
    height: 100%;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
}
.litt:hover {
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .25);
}
    .litt .imgz {
        border-radius: 10px;
    }
.litt .nd{position:relative;padding: 20px;}
.litt .date{display:none;position:absolute;top:-50px;right:30px;width:80px;height:80px;line-height:1.8;font-weight:bold;font-size:14px;color:#fff;background:var(--main); border-radius:5px; text-align:center; align-content:center}
.litt .td{font-size: 20px;font-weight:600;margin-bottom:12px}
.litt .td:hover{color:var(--main)}
.litt .mt{color:#707070;margin-bottom:42px }
.litt .link a{position:absolute;bottom:30px;font-size:16px;font-weight:600;color:var(--main)}
.litt .link a:hover{color:var(--main-dark)}

@media only screen and (max-width: 575px){
    .litt .nd{padding: 15px; /*padding-top:50px*/}
    .litt .date{position:absolute;top:-50px;right:30px;width:80px;height:80px;line-height:1.8;font-weight:bold;font-size:14px;color:#fff;background:var(--main); border-radius:5px; text-align:center; align-content:center}
    .litt .td{font-size: 18px; margin-bottom:8px}
    .litt .mt{margin-bottom:32px }
    .litt .link a{bottom:20px;font-size:16px;}


}
/*news page end*/


/*khac*/
.owlnav.owl-carousel .owl-nav button{border-radius:0;top:0;margin:0;height:100%;position: absolute;border:none;outline:none;transform: rotate(180deg) !important;transition: .3s;color: #333;font-size: 35px !important;opacity:0;}
.owlnav .owl-nav button span{display:none}
.owlnav .owl-nav button.owl-prev{left: 0;}
.owlnav .owl-nav button.owl-next{right:0;}
.owlnav .owl-prev:before{content:"\f104";font-family:fontawesome;}
.owlnav .owl-next:before{content:"\f105";font-family:fontawesome;}
.owlnav:hover .owl-nav button{transform:translateX(0) !important;opacity:1}
.owlnav.owl-carousel .owl-nav button:hover{color:var(--main) !important}
.owldot .owl-dots{text-align:center;margin-top:20px}
.owldot .owl-dots button{outline:0}
.owldot .owl-dots span{display: block;width: 10px;height: 10px;margin: 3px;border-radius:50%;transition:.5s;background:var(--second);opacity:.5}
.owldot .owl-dots button.active span{opacity:1;}

.inner_page{padding:30px 0;overflow: hidden;}

/*sidebar*/
.col_side .td{font-size:24px;text-transform:capitalize;margin-bottom:25px;font-weight: 600;border-bottom: 1px solid var(--main);padding-bottom: 4px;}
.boxside+.boxside{margin-top:50px}
.ulttside li{display:flex}
.ulttside li+li{margin-top:20px}
.imgside{height:70px;width:70px;margin-right:20px}
.ulttside li .nd{display:flex;width:calc(100% - 90px);height:68px}
.ulttside li .nd >div{margin:auto 0}
.ulttside li .nd h4{font-size:16px;color:#333;margin-bottom:5px}
.ulttside li .nd h4:hover{color:#1f1f1f}
.ulttside li .nd p{color:#999;font-size:12px}
.tagside a{padding:7px 26px 5px;color:#6f6f6f;background:#f5f5f5;display:inline-block;margin-right:5px;margin-bottom:10px}
.tagside a:hover{background:#1f1f1f;color:#fff}
@media only screen 
and (max-width: 576px){

}


/*bvpage*/
.bvpage{/* padding:100px 0 80px; */border-bottom:1px solid #e1e1e1;}
.titpost{font-size:1.25rem;border-bottom: 1px solid var(--bs-gray);margin-bottom: 12px;}
.tagbv{margin-bottom:10px}
.tagbv a{color:#6f6f6f}
.tagbv a+a:before{content:",";margin-right:5px;color:#6f6f6f}
.tagbv a:hover{color:#1f1f1f}
.bvothers{padding:70px 0 50px}
@media only screen 
and (max-width: 576px){
    .bvpage{padding:25px 0}
}

/*dppage*/
.dppage{/* padding-top:50px; */}
.dptop .row{/* flex-direction: row-reverse; */}
.dpsame .row{flex-direction: row}
.info_contain{}
.slider_contain {}
#slider{background:#f3f6fb;height: 500px;/* overflow: unset; */}
#slider .flex-viewport{/* overflow: hidden; */}
#slider .slides li{position:relative;/* overflow: unset; */}
#slider .slides li a{position:relative;height:100%;width:100%;display:block}
#slider .slides li .viewer-box{left: 550px !important;}
#slider .slides li a >img{position:absolute;height:auto;width:auto;max-width: 100%;max-height: 100%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
#carousel{margin-top:20px;}
#carousel .slides > li{height: 50px;background:#f3f6fb;cursor:pointer;opacity:.5}
.flex-active-slide{opacity:1 !important}
#carousel .slides > li img{max-width:90%;max-height:90%}
.titproduct{text-transform:capitalize;color: #333;}
.giadp{color: var(--main);font-size: 24px;font-weight: 600;margin-bottom: 14px;}
.giadp .priceold{color:#C2C2C2;font-size:20px;text-decoration:line-through;margin-left:10px}
.statusdp .g{color:#4CAF50}.statusdp .r{color:#F44336}
.tddp table{width:100%}
.tddp td{border-bottom: 1px solid #ececec;font-size: .9em;line-height: 1.3;padding: .5em;}
.infodp{color:#6f6f6f;margin-top:20px}
.infodp .mt{border-bottom:1px solid #d2d2d2;width: 100%;max-width: 300px;padding-bottom: 5px;margin-bottom: 5px;}
.infodp .mt strong{width: 150px;display: inline-block;}
.infodp strong{color: var(--main)}
.cartdp{overflow:hidden;margin-top:45px;display:flex;}
.cartdp .textbox{background:#f5f5f5;color:#6f6f6f}
.cartdp .tinh{cursor:pointer;width:45px;height:55px;line-height:55px;text-align:center;float:left;box-sizing:border-box;}
.cartdp .txt{width:50px;height:55px;text-align:center;float:left;outline:0;background:#f5f5f5}
.cartdp .gio-hang{margin-left:10px;height:55px;padding:0 28px;color: #fff;letter-spacing:2px;text-transform:uppercase;border: 0;background: var(--main);border-radius: 4px;font-weight: 600;}
.cartdp .gio-hang:hover{background: var(--main-light);}
.carderror{color:#1f1f1f;font-size:14px}
.phonedp{padding-top:50px;margin-top:30px;border-top:1px solid #ebebeb}
.phonedp a{display:block;text-transform:uppercase;text-align:center;background: #EDB723;color:#1f1f1f;height:55px;line-height:55px;}
.ct-dp .title{text-align:center;position: relative;}
.ct-dp .title:before{content:"";position: absolute;border-bottom: 1px dashed var(--main);width: 100%;left: 0;bottom: 15px;}
.ct-dp .title span{border: 1px solid var(--main);color:var(--main);font-size: 18px;text-transform: uppercase;padding: 4px 18px;background: #fff;display: inline-block;position: relative;}
.ultabdp{display:flex;position:relative;background: #EFEFEF;align-items: center;}
.ultabdp li{position:relative;padding: 10px 29px;font-weight: bold;border-right: 1px solid #000;cursor: pointer;transition: .3s;}
.ultabdp li.active{/* color:#495057; */background: #fff;}
.tab-over{margin-top:40px}
.fb-comments{display:block !important;width: 100% !important}
.sidesp{}
.boxssp{background:var(--bs-light);padding:10px;margin-bottom:5px;box-shadow: #f2f2f2 1px 1px 0px 0px inset, #f2f2f2 -1px -1px 0px 0px inset;border-radius: 4px;}
.boxssp .td{text-transform:uppercase;border-bottom: 1px solid #dee2e6;padding-bottom: 5px;}
.phonessp a{position: relative;margin: 15px 0;padding-left: 50px;display: block;line-height: 1.2;font-size: 15px;}
.phonessp i{color:var(--main);position: absolute;left: 0;font-size: 40px;}
.phonessp strong{display:block;color: var(--main);font-size: 18px;}
.ckssp .item{display:flex;align-items: center;margin:15px 0}
.ckssp img{width:35px;margin-right: 10px;}
.ckssp .nd{display:inline-block;line-height: .8;}
.ckssp h3{font-size:13px;text-transform:uppercase;margin: 0;}
.ckssp small{color:var(--bs-gray);font-size:13px}
.boxssp.i3{font-size: 14px;}
.boxssp.i3 .nd{max-width: 200px;margin: 10px auto;}
.boxssp.i3 a{color:red}
@media only screen 
and (max-width: 576px){
    .dppage{padding-top: 15px;}
    .dptop .row{/* flex-direction: column-reverse; */}
    .dpsame .row{flex-direction: row}
    #slider{height:380px;background:#fff}
    .cartdp{flex-flow: wrap;justify-content: space-between;}
    .cartdp .textbox{margin-bottom:10px}
    .cartdp .gio-hang{margin-left:0}
}

.zoom-left .imgz{height:500px;border: 1px solid #707070;}

#gallery_01{display:flex;gap: 10px;margin-top: 10px;}
#gallery_01 .imgH{width: 80px;height: 80px;border: 1px solid #ccc;}
#gallery_01 img {border: 2px solid white;}
#gallery_01 .active .imgH{border-color: var(--main);}


.mn-tkp{display:flex;gap: 10px;justify-content: center;font-size: 15px;}
.mn-tkp li{background-color: #fff;border: 1px solid #e0e0e0;border-radius: 4px;cursor: pointer;padding: 8px 10px;color: #333;}
.mn-tkp li:hover{background: #f4f4f4;color: #000;}
@media only screen 
and (max-width: 576px){
  .mn-tkp{font-size:13px;justify-content: normal;}
  .mn-tkp li{border:0;border-bottom:1px solid #bfbfbf;padding:0;border-radius:0}
  .zoom-left .imgz{height:300px}
}

/*photo-page*/
.photodetailp{}
#gallery .container{}
.ulctha{overflow:hidden;margin-right: -15px;margin-left: -15px;box-sizing:border-box;}
.lictha{max-width:33.33333333333%;width: 100%;padding-right: 15px;padding-left: 15px;box-sizing: border-box;}
.imgctha{margin-bottom:30px;}
.imgctha a{display:block;position:relative;}
.imgctha a:before{background: rgba(0, 0, 0, 0.5);position:absolute;position: absolute;top: 0;left: 0;bottom: 5px;right: 0;transition: all 300ms linear 0s;border-radius:10px;}
.imgctha a:after{content:"\f00e";font-size:20px;opacity:0;color:#fff;background:#ffffff42;width: 50px;height: 50px;box-sizing:border-box;padding: 12px;border:1px solid;display:inline-block;font-family:fontawesome;position:absolute;left: 0;right: 0;margin:auto;text-align:center;top:calc(40% - 20px);transition: all 300ms linear 0s;}
.imgctha:hover a:before{content:"";}
.imgctha:hover a:after{opacity:1;top:40%}
.imgctha img{width:100%;height:auto;border-radius:10px;}
@media only screen 
and (max-width: 576px){
.ulctha{margin-right:-5px;margin-left:-5px}
.lictha{max-width:50%;padding-left:5px;padding-right:5px}
}

@keyframes light-left {
0%{left:-5%;opacity:0}
50%{left:50%;opacity:1}
100%{left:105%;opacity:0}
}
@keyframes light-right {
0%{right:-5%;opacity:0}
50%{right:50%;opacity:1}
100%{right:105%;opacity:0}
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes rotate-style{
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.hotline-phone-ring-wrap{position:fixed;bottom:0;left:0;z-index:900}
.hotline-phone-ring-wrap-zl{position:fixed;bottom:90px;left:0;z-index:900}
.text-hotline{color:#fff;font-size:20px}
.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}
.hotline-phone-ring-zl{position:relative;visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;right:0;bottom:0;display:block}
.hotline-phone-ring-circle{width:90px;height:90px;top:0;left:0;position:absolute;background-color:red;border-radius:100%;border:2px solid red;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.hotline-phone-ring-circle-zl{width:90px;height:90px;top:0;right:0;position:absolute;background-color:#0182ca;border-radius:100%;border:2px solid #0182ca;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.hotline-phone-ring-circle-fill{width:65px;height:65px;top:12px;left:12px;position:absolute;background-color:red;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-circle-fill-zl{width:65px;height:65px;top:12px;right:12px;position:absolute;background-color:#0182ca;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-img-circle{background-color:red;width:40px;height:40px;top:25px;left:25px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle-zl{background-color:#0182ca;width:40px;height:40px;top:25px;right:25px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.hotline-phone-ring-img-circle .pps-btn-img img{width:33px;height:33px}
.hotline-bar{position:absolute;background:#3578e5;height:45px;width:185px;line-height:45px;border-radius:3px;padding:0 50px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;border-radius:50px!important;left:52px;bottom:31px}
.hotline-bar>a{color:#fff;text-decoration:none;font-size:16px;font-weight:700;text-indent:32px;letter-spacing:1px;display:block;line-height:45px;font-family:Arial}
.hotline-bar>a:hover,.hotline-bar>a:active{color:#fff}
@-webkit-keyframes phonering-alo-circle-anim {
0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}
30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}
100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}