.border-radius{border-radius: 15px;}
.container1x{background: #f3f3f3; padding: 20px 0px;}
.content1x{max-width: 1000px; margin: auto;}
.viewsAll{background: var(--color-hover);font-size: 15px;color: #000;padding: 11px 25px;transition: all 0.5s ease;border-radius: 25px;display: inline-block;}
.viewsAll:hover{background: var(--color-red);}
.effect{position: relative;overflow: hidden;display: block;}
.effect:before{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
    content: "";
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 2;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,-150%,0);}
.effect:hover:before{-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,-45deg) translate3d(0,150%,0);}
.banner{position: relative;border-radius: 0px 0px 50px 50px;overflow: hidden;}
.banner .title_site{position:absolute;bottom: 9%;left: 0px;width: 100%;color: #fff;text-transform: uppercase;font-size: 26px;}
.banner .title_site h1, .banner .title_site span{font-weight: 600;font-size: 30px;display: block;color: #fff;position: relative;text-align: left;}
.banner .title_site h1:before{content:'';width: 100px;height: 1.3px;background: #a1a1a1;position: absolute;bottom: -5px;left: 0px;}
.wrap-top-local{background: url(../images/bg_about_detail.jpg) no-repeat center; background-size: cover; color:#fff; }
.wrap-top-local .content{position: relative;color:#fff;padding-left: 120px;}
.wrap-top-local .content:before{content:'“';font-size: 240px;position: absolute;top: 40px;left: 0px;line-height: 140px;}
.content1000{max-width: 1000px;background: url(../images/ic_cmt.png) no-repeat left top;padding-left: 80px;font-size: 20px;}
.wrap-product-sale .title_index{background: url(../images/bg_product_slae.png) no-repeat top center;padding-top: 63px;}
.wrap-why {position: relative;z-index: 1;}
.wrap-why .title-main{position: relative;text-align: center;color: var(--color-main);}
.box_why{position: relative;}
.wrap-why .why-item {position: relative;background: #fff;padding: 15px 0px;border-radius: 10px;max-width: 144px;}
.wrap-why .why-item .images{margin: auto;width: 100px;height: 100px;}
.wrap-why .why-item .why-item_text{padding: 20px;position: relative;background: #fff;}
.wrap-why .why-item .why-item_text h3 {font-size: 18px;margin-bottom: 10px;color: #464545;}
.wrap-why .why-item .why-item_text .number{display: inline-block;width: 30px;height: 30px;text-align: center;line-height: 30px;background: var(--color-main);color: #fff;border-radius: 50%;margin-right: 10px;}
.wrap-why .why-item .why-item_text p {margin: 0px;font-size: 14px;}
.bg-black{background: #0d0d0c; color:#fff;}
.item_bst{position: relative;background:#f8f7f5;color: #343434;border-radius: 20px;overflow: hidden;}
.item_bst .name{position:absolute;bottom: 0px;width: 100%;text-align: center;color: #fff;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.9));padding: 10px 0px;}
.item_bst a{transition: all 0.5s ease;padding: 5px 0px;display: inline-block;border-radius: 25px;color: #fff;}
.item_bst a:hover{color: var(--color-hover);}
.item_link{position: relative;}
.item_link .info{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
.item_link .info .name{color:#fff;font-size: 31px;font-weight: 600;}
.item_link .info a svg{width: 70px;color: #fff;height: 70px;}
.item_link .info a{display: inline-block;}
.item_link .info a:hover{}
.wrap-view-more{position:relative;}
.wrap-view-more .after, .wrap-view-more .before {
    fill: none;
    stroke-dasharray: 570;
    stroke-dashoffset: 570;
    transform-origin: 50% 50%;
}
.wrap-view-more .after {
    stroke: var(--color-white-zero);
    stroke-width: 1;
}
.wrap-view-more svg::before {
    content: '';
    width: 70%;
    height: 70%;
    position: absolute;
    left: 15%;
    top: 15%;
    border-radius: 50%;
    transition: all 0.5s ease;
    z-index: -1;
}
.wrap-view-more:hover svg:before{background:var(--color-hover);}
.wrap-view-more:hover .before {
    stroke-width: 0;
}
.wrap-view-more:hover .after {
    animation-name: Show100;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    stroke: var(--color-hover);
}
.wrap-view-more .before {
    animation-name: Show100;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
.item_hv{position: relative;}
.item_hv .name{background:#ffffff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.5s ease;color: #343434;font-size: 18px;padding: 5px 28px;border-radius: 25px;}
.item_hv .name:hover{background: var(--color-hover);}
.control-hv.control-owl button.owl-prev, .control-hv.control-owl button.owl-next{position: relative;background: none;border: solid 1px #787878;border-radius: 50%;}
.control-hv.control-owl button.owl-prev{left: -40px;}
.control-hv.control-owl button.owl-next{right: -40px;}
.control-hv.control-owl button svg{stroke: #3c3c3c;height: 28px;}
.control-hv:before{content:'';width: 60px;border-bottom: solid 1px #ddd;top: 50%;left: 50%;position: absolute;transform: translate(-50%, -50%);}
.item_list{border-radius: 10px;overflow: hidden;margin-bottom: 20px;}
.item_list .box-text{padding: .8em 1em 1em;color: #000;text-align: center;position: absolute;bottom: 0px;width: 100%;}
.item_list .box-text h3{font-size: 18px;text-transform: uppercase;margin-bottom: 10px;}
.item_list .box-text p{}
.itemList .name{color:#cd8b02;font-weight: 500;font-size: 30px;text-transform: uppercase;border-bottom: solid 1px #ddd;}
.itemList{line-height: 1.8;font-size: 16px;color: #2c2c2c;}
.wrap-productCat{background:#fcf6e9;border-radius: 50px;}
.wrap-productCat ul{padding: 0px;margin: 0px;}
.wrap-productCat ul li{list-style: none;}
.wrap-productCat ul li a{color:#5f5f5e;padding: 0px 12px;font-weight: 600;transition: all 0.5s ease;}
.wrap-productCat ul li a:hover{color: var(--color-hover);}
.wrap-productCat .filterSort .dropdown-toggle{background: none;border: none;color: #6a6968;font-size: 14px;}
.productPage{background:#464946;}
.wrap-feedback{background:#fafafa;position: relative;}
.wrap-feedback:before{content:'';width: 50%;height: 100%;background: url(../images/bg_feedback.png) no-repeat top center;background-size: cover;position: absolute;top: 0px;left: 0px;}
.wrap-feedback .title_form{font-size: 20px;margin-bottom: 20px;}
.wrap-feedback .title_form b{color: var(--color-hover);}
.feedback{
    margin: 0px;
    padding: 20px;
}
.feedback p{
    color: #464646;
    text-align: left;
    -webkit-line-clamp: 5;
    min-height: 95px;
}
.feedback .star{color: var(--color-main);}
.feedback .images{position: relative;background: url(../images/ic_cmt.png) no-repeat left top;text-align: center;}
.feedback .images >img{border-radius: 50%;max-width: 100px;margin: auto;}
.feedback .title{font-size: 24px; font-weight: 600; margin-bottom: 10px;}
.feedback .content{color: #707070;}
.feedback .info{
    text-align: left;
    position: relative;
    font-size: 13px;
}
.feedback .name{
    font-weight: bold;
    font-size: 17px;
    color: #707070;
}
.feedback .star{color: var(--color-hover);}
.control-owl.control-feedback{bottom: 90px;top: inherit;width: 100px;left: inherit;right: 0px;}
.control-owl.control-feedback button.owl-prev{bottom: 0px;left: inherit;right: 70px;border-radius: 0px;opacity: 1;}
.control-owl.control-feedback button.owl-next{top:0px;border-radius: 0px;opacity: 1;}
.control-owl.control-feedback button.owl-next svg, .control-owl.control-feedback button.owl-prev svg{stroke: #fff;}
.wrap-project .title, .wrap-why .title{font-size: 3rem;color: var(--color-main);margin-bottom: 3rem;font-family: "Playfair Display", serif;line-height: 56px;position: relative;padding-bottom: 20px;}
.wrap-why .title:before{content:'';background: var(--color-hover);position: absolute;width: 100px;height: 2px;bottom: 0px;left: 0px;}
.wrap-project .title span b, .wrap-why .title span b{font-weight: 900;}
.control-project{position:absolute;top: 55px;right: 0px;}
.control-project button{border-radius: 50%;border: solid 2px #fff;background: none;width: 50px;height: 50px;text-align: center;margin-right: 15px;}
.control-project button svg{stroke: #fff;width: 36px;}
.wrap-newsnb{/* background:#0d0d0c; */position: relative;}
.wrap-newsnb:after{content:'';background: #faf8f8;width: 53%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: -1;}
.control-news.control-owl button.owl-prev, .control-news.control-owl button.owl-next{position: relative;background: none;border: solid 1px #ffffff;border-radius: 50%;opacity: 1;}
.control-news.control-owl button.owl-prev{left: -40px;}
.control-news.control-owl button.owl-next{right: -40px;}
.control-news.control-owl button svg{stroke: #ffffff;height: 28px;}
.control-news:before{content:'';width: 60px;border-bottom: solid 1px #ffffff;top: 50%;left: 50%;position: absolute;transform: translate(-50%, -50%);}
.listNews{list-style: none; padding: 0px; max-width: 700px;}
.listNews a{font-weight: bold;color:#595959;text-transform: uppercase;position: relative;padding: 5px 0px;font-size: 16px;}
.listNews a:after{content:''; background:#595959; width: 0px; height: 1px; position: absolute; bottom: 0px; left: 0px; transition: all 0.5s ease;}
.listNews a:hover, .listNews a.active{color: var(--color-hover);}
.listNews a:hover:after, .listNews a.active:after{width: 80px;}
.item_news{position: relative;transition: all 300ms;border-radius: 3px;overflow: hidden;margin-bottom: 15px;}
.item_news_nb{background:#f3f3f3; border-radius: 25px; padding: 10px;}
.item_news .images{position: relative;border-radius: 15px;overflow: hidden;}
.item_news .images img{border-radius: 20px;}
.item_news .date{font-weight: 500;color: var(--color-hover);margin: 14px 0px;}
.item_news .date span{display: block;font-weight: bold;font-size: 25px;}
.views_news{color: var(--color-hover);}
.views_news i{width: 25px;height: 25px;border-radius: 50%;border: solid 1px var(--color-hover);text-align: center;line-height: 25px;}
.views_news:hover, .views_news:hover i{color: #f00; border-color:#f00;}
.item_news h3{color: #575757;font-weight: 700;font-size: 18px;transition: all 0.5s ease;}
.item_news h3:hover, .item_ct h3:hover{color:var(--color-hover);}
.item_news .views{color: var(--color-hover);font-weight: 500;transition: all 0.5s ease;padding: 5px 0px;display: inline-block;margin-top: 10px;}
.item_news .views:hover{color:var(--color-red); padding-left: 15px;}
.item_news.news_nb h3{font-weight: bold;font-size: 18px;}
.item_news p{color: #575757;}
.item_ct img{border-radius: 20px;}
.item_ct h3{color: #373636;font-size: 16px;font-weight: bold;}
.item_ct p{color:#a1a0a0;}
.item_inst .icon{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.group_camket{border-left: solid 1px #ddd;}
.item_why h3{font-size: 16px; }
.item_why p{color: #777777; font-size: 13px;}
.product_detail .contact{background:#ecf3ff;padding: 20px 35px;border-left: solid 8px #000000;}
.product_detail .contact a{color: var(--color-hover);font-weight: bold;font-size: 18px;}
.product_detail .contact .btn-contact{background: #000 url(../images/ic_phone_ct.png) no-repeat left center;text-align: center;display: block;border-radius: 20px;color: #ffff;margin-top: 10px;font-weight: 400;font-size: 16px;padding-left: 50px;}
.product_detail .contact .btn-contact:hover{color:#ff0;}
.item_faq{color:#000;padding: 15px 0px;border-bottom: solid 1px #c7c7c7;}
.item_faq .name{position: relative;cursor: pointer;padding-right: 20px;font-weight: 600;font-size: 17px;}
.item_faq .name i{position:absolute;right: 10px;transition: all 0.5s ease;}
.item_faq .name.active i.fa-plus{display: none;}
.item_faq .content{display: none;margin-top: 30px;}
@keyframes Show100 {
    from {
        stroke-dashoffset: 570
    }

    to {
        stroke-dashoffset: 0
    }
}
.navClick{background:#f0efef;}
.navClick ul{list-style: none; padding: 0px;}
.navClick ul li{display: inline-block;font-weight: bold;color: #605f5e;padding: 10px 20px;cursor: pointer;transition: all 0.5s ease;}
.navClick ul li:hover{color: var(--color-hover);}
.wrap-about-content{background: url(../images/ic_cmt.png) no-repeat left top;padding-left: 80px;}
#partner{background: #f6f6f5;}
.title-bottom{font-size: 60px;font-weight: 600;color:#d98028;text-align: center;}
.footer.footer-about{background:#f3f3f3; color:#454545;}
.footer.footer-about a{color:#454545;}
.pageLocalBrand{position: relative; padding-top: 190px;}
.pageLocalBrand:before, .pageLocalBrand:after{content:'';background: #0d0d0c;width: 50%;height: 70%;position: absolute;top: 0px;z-index: -1;}
.pageLocalBrand:before{border-radius: 0px 0px 80px 0px;left: 0px;}
.pageLocalBrand:after{border-radius: 0px 0px 0px 80px;right: 0px;}
.pageLocalBrand .content{font-size: 22px;color: #fff;}
.item_video a{display: block; position: relative;}
.item_video img, .pageLocalBrand .owl-page img, .item_local img{border-radius: 50px;}
.item_video a:before{content:'';width: 90px;height: 90px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: url(../images/ic_video.png);}
.control-local.control-owl button.owl-prev, .control-local.control-owl button.owl-next{position: relative;background: none;border: solid 1px #787878;border-radius: 50%;}
.control-local.control-owl button.owl-prev{left: 0px;}
.control-local.control-owl button.owl-next{right: -10px;}
.control-local.control-owl button svg{stroke: #3c3c3c;height: 28px;}
.pageLocalBrand .title{font-weight: 600; color:#636363; font-size: 36px;}
.endLocal{background:#f8f8f8;}
.item_local h3{color:#636363; font-size: 25px; font-weight: 600; margin-bottom: 15px;}
.item_local h3:hover{color: var(--color-hover);}
.item_local p{color:#636363; font-size: 16px;}
.item_local .views{font-size: 16px; border: solid 1px var(--color-hover); color: var(--color-hover); display: inline-block; padding:5px 20px; border-radius: 25px; transition: all 0.5s ease }
.item_local .views:hover{background: var(--color-hover); color:#000;}
.newsOthers{background: #f2f2f2;}
.product_top{background:#f4f4f4;padding: 30px 0px;}
.product_top .title{background: var(--color-hover);color: #fff;display: inline-block;font-size: 18px;font-weight: 600;text-transform: uppercase;padding: 5px 30px;border-radius: 25px;}
.product_top .item{position: relative;overflow: hidden;border-radius: 20px;}
.product_top .item .info{color:#fff;position: absolute;bottom: 20px;width: 100%;z-index: 10;}
.product_top .item .info h3{font-weight: 600;text-transform: uppercase;font-size: 18px;}
.product_top .item:after{content:'';background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.9));width: 100%;height: 100%;position: absolute;bottom: 0px;z-index: 1;left: 0px;}
.topProduct a{color:#292929; transition: all 0.5s ease;}
.topProduct a:hover, .product_top .item:hover h3{color:var(--color-hover);}

.nav_left{position: relative;z-index: 10001;color: #fff;}
.navigation{position:fixed;display:flex;justify-content:flex-start;width:100%;height:100%;left:0;top:0;pointer-events:none;padding-left:5vw;transform:translateY(100%);z-index:100}
.navigation.show{transform:none}
.navi{position:relative;width:auto;height:100vh;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;z-index:30}
.main-menu,.main-menu li{position:relative;height:auto;display:flex;}
.main-menu{width:35vw;flex-direction:column;counter-reset:section;margin:3rem 0 0;pointer-events:none;}
.main-menu.show,.navigation.show{pointer-events:auto}
.main-menu li{width:100%;align-items:center;text-align:left;opacity: 0;transition: opacity .5s 
ease-in-out;animation-name: fadeIn;animation-duration: 1s;animation-delay: .5s;animation-fill-mode: forwards;}
.main-menu li.show{opacity:1;}
.main-menu li::before,.nav-item{color:var(--color-white);z-index:5}
.navi .nav-item{position:relative;width:100%;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;font-size:var(--titleMin);height:auto;text-transform:uppercase;overflow:hidden;font-weight:400;}
.main-menu a:hover, .main-menu li.active > a{color:var(--color-hover);}
.main-menu li::before{counter-increment:section;content:"0" counter(section) ".";display:inline-block;font-weight:700;font-size:.6rem;padding:0 1.8rem;opacity: 0;transition:opacity .3s ease-in-out}
.main-menu li:hover::before, .main-menu li.active::before { opacity: 1; transition: opacity .4s ease-in-out .2s;}
.main-menu li::after{content:'';position:absolute;width:3rem;height:1px;top:50%;left:-3rem;background-color:var(--color-white-alpha-05);transform:scaleX(0);transition:all .3s ease-in-out 0s;transform-origin:left}
.main-menu li.active::after,  .main-menu li:hover::after{transform: none;}
.main-menu li:not(.has-sub).current{pointer-events:none}
.has-sub .nav-item.active,.item-menu-second.current>a::before,.main-menu li.active-color .nav-item,.main-menu li.current .nav-item,.main-menu li.has-sub.current{color:var(--color-highlight)}
.main-menu li.has-sub.current::before{opacity:1}
.main-menu li.has-sub.current::after{transform:none}
.main-menu li.has-sub.current .nav-drop::before{transform:scale3d(1,1,1)}
.nav-drop,.sub-menu-drop{opacity:0;pointer-events:none}
.nav-drop{width:2rem;height:2rem;display:inline-block;position:relative}
.main-menu li.has-sub:hover .nav-drop, .main-menu li.has-sub.active .nav-drop{animation-name:fadeIn;animation-duration:1s;animation-delay:.5s;animation-fill-mode:forwards}
.nav-drop::after,.nav-drop::before{content:'';position:absolute;transition:all .3s ease-in-out}
.nav-drop::after{width:0;border-style:solid;border-width:.5rem 0 .5rem .5rem;border-color:transparent transparent transparent var(--color-white);top:calc(50% - .5rem);right:0;height:0}
.nav-drop::before{width:25vw;height:1px;background-color:var(--color-white-alpha);top:50%;left:100%;overflow:hidden;transform-origin:left center;transform:scale3d(0,1,1)}
.main-menu li .nav-item.active .nav-drop::after, .main-menu li .nav-item:hover .nav-drop::after{opacity:0}
.main-menu li .nav-item.active .nav-drop::before, .main-menu li .nav-item:hover .nav-drop::before{transform:scale3d(1,1,1)}
.sub-menu-drop{position: fixed;left:40vw;top: 0 !important;width:60vw;height:100vh;padding:0 5vw;overflow:hidden;display:flex;flex-direction:column;justify-content:center;transform:translateX(1rem);counter-reset:section;z-index:5}
.main-menu li.active .sub-menu-drop, .main-menu li:hover .sub-menu-drop{opacity: 1;top: 0;pointer-events: auto;transform: none;transition: all .5s 
ease-in-out;}
.item-menu-second{width:100%;height:auto;position:relative;display:block;margin:0;text-align:left}
.item-menu-second>a{position:relative;display:inline-flex;align-items:center;padding:0;margin:1vh 0;white-space:nowrap;color:var(--color-black);font-size:var(--titleSmall);font-weight:400;line-height:1.4;z-index:2}
.item-menu-second>a .inner{display:inline-block}
.item-menu-second>a::before{counter-increment:section;content:"0" counter(section) ".";display:inline-block;font-weight:700;font-size:.6rem;color:var(--color-black-alpha-05);padding:0 1rem}
.item-menu-second.current{pointer-events:none}
.breadcrumb li.current,.breadcrumb-second li.current,.item-menu-second.current>a{pointer-events:none;color:var(--color-highlight)}
.item-menu-second.active>a,.item-menu-second.active>a::before{color:var(--color-highlight)}
.sub-menu-drop.active{opacity:1;top:0;pointer-events:auto;transform:none;transition:all .5s ease-in-out}
.nav-item .inner{display:inline-block}
.overlay-menu,.overlay-menu::after{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none}
.overlay-menu{overflow:hidden;z-index:5}
.overlay-menu::after{content:'';transition:clip-path .6s cubic-bezier(.83,.31,.2,.9);clip-path:circle(0 at 0 0)}
.logo-menu{position:absolute;width:30vw;height:30vw;top:calc(50% - 15vw);right:20vw;opacity:.5;pointer-events:none;transition:all .3s ease-in-out;z-index:3}
.logo-menu.mix{width:26vw;height:26vw;top:calc(50% - 13vw);right:5vw;opacity:1}
.circle-text,.logo-menu::after{opacity:0;transition:opacity .5s ease-in-out}
.logo-menu.show::after{opacity:1}
.overlay-menu.show::after{clip-path:circle(200% at 100% 100%);pointer-events:auto}
.overlay-menu.show{pointer-events:auto}
.circle-text{position:absolute;width:62vw;height:62vw;top:calc(50% - 31vw);right:19vw;pointer-events:none;z-index:2}
.circle-text.show{animation:Rotate 25s linear infinite;opacity:1}
.right-bg-menu{position:absolute;width:40vw;height:100vh;top:0;left:0;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;z-index:3}
.right-bg-menu.show{opacity: 1;transition: all .3s ease-in-out;}
.logo-menu::after,.right-bg-menu::after,.right-bg-menu::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0}
.right-bg-menu::before{mix-blend-mode:multiply;background-color:var(--color-black-alpha)}
.right-bg-menu::after{background-color:var(--color-black-alpha-03);-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);opacity:0;transition:opacity 1s ease-in-out}
.right-bg-menu.show::after{opacity:1}
.overlay-menu::after{
    background-image: url(../images/bg.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes toLeft{0%{opacity:0;left:-100%}100%{opacity:1;left:0}}@keyframes toRight{0%{opacity:0;right:-100%}100%{opacity:1;right:0}}@keyframes goLeft{0%{opacity:0;transform:translate3d(20rem,0,0)}100%{opacity:1;transform:none}}@keyframes goRight{0%{opacity:0;transform:translate3d(-20rem,0,0)}100%{opacity:1;transform:none}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-5rem,0)}100%{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,5rem,0)}100%{opacity:1;transform:none}}