@font-face{font-family:Roboto-Regular;src:url(../fonts/Roboto-Regular.eot);src:url(../fonts/Roboto-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Regular.woff2) format("woff2"),url(../fonts/Roboto-Regular.woff) format("woff"),url(../fonts/Roboto-Regular.ttf) format("truetype"),url(../fonts/Roboto-Regular.svg#Roboto-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Roboto-Bold;src:url(../fonts/Roboto-Bold.eot);src:url(../fonts/Roboto-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Bold.woff2) format("woff2"),url(../fonts/Roboto-Bold.woff) format("woff"),url(../fonts/Roboto-Bold.ttf) format("truetype"),url(../fonts/Roboto-Bold.svg#Roboto-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Nunito-Bold;src:url(../fonts/Nunito-Bold.eot);src:url(../fonts/Nunito-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Nunito-Bold.woff2) format("woff2"),url(../fonts/Nunito-Bold.woff) format("woff"),url(../fonts/Nunito-Bold.ttf) format("truetype"),url(../fonts/Nunito-Bold.svg#Nunito-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Nunito-Light;src:url(../fonts/Nunito-Light.eot);src:url(../fonts/Nunito-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Nunito-Light.woff2) format("woff2"),url(../fonts/Nunito-Light.woff) format("woff"),url(../fonts/Nunito-Light.ttf) format("truetype"),url(../fonts/Nunito-Light.svg#Nunito-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Nunito-Medium;src:url(../fonts/Nunito-Medium.eot);src:url(../fonts/Nunito-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Nunito-Medium.woff2) format("woff2"),url(../fonts/Nunito-Medium.woff) format("woff"),url(../fonts/Nunito-Medium.ttf) format("truetype"),url(../fonts/Nunito-Medium.svg#Nunito-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Nunito-Regular;src:url(../fonts/Nunito-Regular.eot);src:url(../fonts/Nunito-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Nunito-Regular.woff2) format("woff2"),url(../fonts/Nunito-Regular.woff) format("woff"),url(../fonts/Nunito-Regular.ttf) format("truetype"),url(../fonts/Nunito-Regular.svg#Nunito-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat-Regular;src:url(../fonts/Montserrat-Regular.eot);src:url(../fonts/Montserrat-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-Regular.woff2) format("woff2"),url(../fonts/Montserrat-Regular.woff) format("woff"),url(../fonts/Montserrat-Regular.ttf) format("truetype"),url(../fonts/Montserrat-Regular.svg#Montserrat-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Nunito-SemiBold;src:url(../fonts/Nunito-SemiBold.eot);src:url(../fonts/Nunito-SemiBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Nunito-SemiBold.woff2) format("woff2"),url(../fonts/Nunito-SemiBold.woff) format("woff"),url(../fonts/Nunito-SemiBold.ttf) format("truetype"),url(../fonts/Nunito-SemiBold.svg#Nunito-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Mulish-SemiBold;src:url(../fonts/Mulish-SemiBold.eot);src:url(../fonts/Mulish-SemiBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Mulish-SemiBold.woff2) format("woff2"),url(../fonts/Mulish-SemiBold.woff) format("woff"),url(../fonts/Mulish-SemiBold.ttf) format("truetype"),url(../fonts/Mulish-SemiBold.svg#Mulish-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat-SemiBold;src:url(../fonts/Montserrat-SemiBold.eot);src:url(../fonts/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat-SemiBold.woff2) format("woff2"),url(../fonts/Montserrat-SemiBold.woff) format("woff"),url(../fonts/Montserrat-SemiBold.ttf) format("truetype"),url(../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Nunito-ExtraLight;src:url(../fonts/Nunito-ExtraLight.eot);src:url(../fonts/Nunito-ExtraLight.eot?#iefix) format("embedded-opentype"),url(../fonts/Nunito-ExtraLight.woff2) format("woff2"),url(../fonts/Nunito-ExtraLight.woff) format("woff"),url(../fonts/Nunito-ExtraLight.ttf) format("truetype"),url(../fonts/Nunito-ExtraLight.svg#Nunito-ExtraLight) format("svg");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:Roboto-Medium;src:url(../fonts/Roboto-Medium.eot);src:url(../fonts/Roboto-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Medium.woff2) format("woff2"),url(../fonts/Roboto-Medium.woff) format("woff"),url(../fonts/Roboto-Medium.ttf) format("truetype"),url(../fonts/Roboto-Medium.svg#Roboto-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}
:root{--main-color:#eb6209;--hover-color:#FF3333}
body{font-family:Nunito-Regular;margin:0;line-height:1.5em;font-size:14px;color:#333;margin-left:auto;margin-right:auto}
@media screen and (max-width:991px){
body{font-size:13px}
}
.full{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:9}
a{color:inherit}
a:hover{text-decoration:none}
h2,h3,h4,h5,h6,p{margin-bottom:0}
figure{margin-bottom:0}
button,input,textarea{outline:0;border:none}
input[type=number]{-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.w-clear:after{display:block;content:"";clear:both}
.hidden{display:none}
.clear{clear:both}
.none{display:none}
.hidden-seoh{visibility:hidden;height:0;margin:0;overflow:hidden}
.wrapper{margin:0 auto;padding:0 15px;position:relative}
@media screen and (min-width:576px){
.wrapper{max-width:570px}
}
@media screen and (min-width:767px){
.wrapper{max-width:750px}
}
@media screen and (min-width:991px){
.wrapper{max-width:1330px}
}
img{max-width:100%;height:auto}
img:not([src]){visibility:hidden}
img.lazy{opacity:0}
img:not(.initial){transition:opacity 1s}
img.error,img.initial,img.loaded{opacity:1}
img.img-fluid,img.img-full,img.img-responsive,img.img100{width:100%!important;height:auto}
div[data-slick]{display:none}
div[data-slick].loaded{display:block}
.block-menu{background:#fff;position:relative;width:100%;left:0;top:0;z-index:999}
.block-menu.sticky{position:fixed}
.block-menu.sticky .headerBottom{border-bottom:1px solid rgba(0,0,0,.062745098)}
#fix{height:100px}
@media screen and (max-width:991px){
#fix{height:50px}
}
:root{--easeoutcubic:cubic-bezier(0.215, 0.61, 0.355, 1)}
.menu ul{width:100%;padding:0;margin:0;list-style:none}
.menu ul.primary-menu{display:flex;align-items:center;width:100%;padding:0;margin:0;list-style:none}
.menu ul.primary-menu>li>a{white-space:nowrap;font-size:16px!important;padding:39.5px 0!important;text-transform:capitalize;color:#212427!important}
.menu ul.primary-menu>li>a::before{content:"";position:absolute;width:100%;height:var(--btn-line-size,2px);display:block;bottom:0;left:0;background:currentColor;transition:transform .4s var(--easeoutcubic),opacity .4s var(--easeoutcubic);transform:scaleX(0);transform-origin:center right}
.menu ul.primary-menu>li>a.active,.menu ul.primary-menu>li>a:hover{color:var(--main-color)!important}
.menu ul.primary-menu>li>a.active::before,.menu ul.primary-menu>li>a:hover::before{transform:scaleX(1);transform-origin:center left}
.menu ul li{z-index:1}
.menu ul li a{font-family:Nunito-SemiBold;display:block;position:relative;font-size:13px;color:var(--main-color);padding:12px 12px 11px 12px;text-decoration:none!important}
.menu ul li a.has-child{padding-right:16px;margin-right:8px}
.menu ul li a.has-child::after{content:"";position:absolute;bottom:calc(50% - 2px);right:5px;width:5px;height:5px;border:1px solid #fafafa;border-top:0;border-left:0;transform:rotate(45deg);transition:all .3s ease-out}
.menu ul li ul{position:absolute;min-width:250px;margin-top:-5px;padding-top:.75rem;padding-bottom:.75rem;background-color:#fafafa;border-radius:.25rem;box-shadow:1px 1px 15px rgba(0,0,0,.15);transform:perspective(600px) rotateX(-90deg);transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s}
.menu ul li:hover>ul{transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all .7s}
.menu ul li ul li{padding-left:.75rem;padding-right:.75rem}
.menu ul li ul li a{font-weight:400;font-size:14px;text-align:left;color:#313131;border-bottom:1px solid #ececec}
.menu ul li ul li:last-child>a{border-bottom:0}
.menu ul li ul li a.has-child{margin-right:0}
.menu ul li ul li a.has-child:after{border-color:#313131;transform:rotate(-45deg)}
.menu ul li ul li a.active,.menu ul li ul li:hover>a{color:var(--hover-color)}
.menu ul li ul li a.active.has-child:after,.menu ul li ul li:hover>a.has-child:after{border-color:var(--hover-color)}
.menu ul li ul li a{padding:10px 0 9px 0;text-transform:capitalize}
.menu ul li ul li ul{top:-.75rem;left:100%;margin-top:0}
.search-res svg{width:22px;height:22px}
.search-res svg path{stroke:var(--main-color)}
.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:40px;color:var(--main-color);margin:0}
.search-res .icon-search svg:nth-child(2){display:none}
.search-res .icon-search.active{color:var(--main-color);background:var(--main-color);border-radius:100%}
.search-res .icon-search.active path{stroke:#fff}
.search-res .icon-search.active svg:nth-child(1){display:none}
.search-res .icon-search.active svg:nth-child(2){display:inline}
.search-res .search-grid{position:absolute;top:0;left:0;right:0;height:50px;overflow:hidden;z-index:2;padding:5px 15px;background:#fff;opacity:0;visibility:hidden;transition:.4s;box-shadow:0 3px 4px rgba(0,0,0,.15)}
.search-res .search-grid.active{opacity:1;visibility:visible;top:calc(100% + 5px)}
.search-res .search-grid input{width:calc(100% - 45px);line-height:38px;outline:0;border:none;padding:0 10px 0 15px;color:var(--main-color);border-radius:25px 0 0 25px}
.search-res .search-grid input::-moz-placeholder{color:var(--main-color);font-size:12px}
.search-res .search-grid input::placeholder{color:var(--main-color);font-size:12px}
.search-res .search-grid .border{border-color:var(--main-color)!important;border-radius:25px}
.search-res .search-grid button{width:45px;height:38px;cursor:pointer;outline:0;border:none;margin:0;display:block;background:var(--main-color);line-height:36px;text-align:center;color:#fff;border-radius:0 25px 25px 0}
.search-res .search-grid button svg path{stroke:#fff}
#menu{display:none}
#hamburger{display:block;width:30px;height:23px;position:relative}
#hamburger span,#hamburger::after,#hamburger::before{background:var(--main-color);content:"";display:block;width:100%;height:3px;position:absolute;left:0;transition:none .5s ease .5s;transition-property:transform,top,bottom,left,opacity}
#hamburger::before{top:0}
#hamburger span{top:10px}
#hamburger::after{top:20px}
.mm-wrapper_opening #hamburger::after,.mm-wrapper_opening #hamburger::before{top:10px}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0}
.mm-wrapper_opening #hamburger::before{transform:rotate(45deg)}
.mm-wrapper_opening #hamburger::after{transform:rotate(-45deg)}
.mobile_menu_section{padding:15px;display:block!important;text-align:left}
.mobile_menu_section p{text-transform:uppercase;margin-bottom:5px;color:#333}
.mobile_menu_section .mobile_menu_help{color:#677279;display:flex;align-items:center}
.mobile_menu_section .mobile_menu_help svg{margin-right:7px;width:20px;height:20px}
.mobile_menu_section .mobile_menu_help a{display:block;padding:7px 7px 7px 0;margin-left:7px;text-transform:uppercase;color:#333}
.mm-menu_opened{display:flex!important}
.menu-m{background:#fff}
@media screen and (max-width:991px){
.menu-m{padding:5px 0;position:relative}
}
.menu-m-inside{display:flex;justify-content:space-between;align-items:center}
.logo-res{display:block}
.logo-res img{width:auto!important;max-height:30px!important}
.menu-box{flex:0 0 54.61%;max-width:54.61%}
.control-box a,.control-box button{background-color:transparent;color:#0a1e3d;font-size:19px}
.control-owl{position:absolute;width:100%;z-index:2;left:0;top:calc(50% - 22.5px)}
.control-owl button{opacity:.5;top:0;position:absolute;outline:0;border:0;padding:0;margin:0;display:block;cursor:pointer;color:#fff;width:45px;height:45px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:25px;margin:0;background-color:#000;border-radius:3px;transition:.3s ease-out}
.control-owl button.owl-prev{left:20px}
.control-owl button.owl-next{right:20px}
.control-owl button:hover{opacity:1}
.dots-slideshow{position:absolute;z-index:9;left:50%;transform:translateX(-50%);bottom:15px;display:flex;align-items:center;justify-content:center}
.dots-slideshow .owl-dot{width:10px;height:10px;background:#f2f2f2;transition:.3s;border-radius:50%;margin:0 5px;cursor:pointer}
.dots-slideshow .owl-dot.active{background:#aaa}
.custom-select,.form-control,.form-control-plaintext:not(textarea){height:calc(1em + 1.25rem + 8px)}
.text-sm{font-size:.875rem!important}
.section-slider{margin-bottom:62px}
@media screen and (max-width:991px){
.section-slider{margin-bottom:30px}
}
.breadCrumbs{background-color:#eee}
.breadCrumbs .wrapper{padding:.75rem 15px}
.breadCrumbs .wrapper .breadcrumb{padding:0;margin-bottom:0;background-color:transparent;border-radius:0}
.breadCrumbs .wrapper .breadcrumb-item a{color:#212529}
.breadCrumbs .wrapper .breadcrumb-item.active a{color:#6c757d}
.brand-item{margin-bottom:12px;border-radius:4px;border:1px solid #e5e5ea;background:#fff;box-shadow:0 4px 12px 0 rgba(173,173,173,.1);overflow:hidden}
.brand-main{margin-bottom:62px}
.introduct-left{flex:0 0 53.84%;max-width:53.84%;padding-left:3.45%;padding-bottom:3.45%;position:relative}
.introduct-left::before{content:"";position:absolute;left:0;top:9%;right:16.5%;bottom:0;border:3px solid #fff;z-index:0}
@media screen and (max-width:991px){
.introduct-left{flex:0 0 100%;max-width:100%;margin-bottom:30px}
}
.introduct-right{flex:0 0 40%;max-width:40%}
@media screen and (max-width:991px){
.introduct-right{flex:0 0 100%;max-width:100%}
}
.introduct-right h2{font-family:Mulish-SemiBold;font-size:32px;color:#fff;position:relative;text-transform:uppercase;line-height:42px;margin-bottom:16px;padding-bottom:8px}
@media screen and (max-width:767px){
.introduct-right h2{font-size:25px;line-height:35px}
}
.introduct-right h2::before{content:"";position:absolute;left:0;bottom:0;width:180px;height:3px;background-color:#eb6209}
.introduct-right p{font-family:Nunito-Regular;font-size:16px;color:#fff;text-align:justify;line-height:26px;margin-bottom:24px}
.introduct-right .button{display:inline-block;line-height:44px;font-family:Nunito-Bold;font-size:14px;color:#fff;text-transform:uppercase;padding:0 24px;border-radius:100px;border:1px solid #fff;transition:.3s}
.introduct-right .button:hover{background-color:#fff;color:var(--main-color)}
.image-list{z-index:2}
.image-list .owl-dots{position:absolute;bottom:25px;left:15px;right:15px;text-align:center}
.image-list .owl-dots .owl-dot span{width:8px;height:8px;background-color:#fff;transition:.3s}
.image-list .owl-dots .owl-dot.active span,.image-list .owl-dots .owl-dot:hover span{width:20px;background-color:#20d0f3;border-radius:100px}
.introduct-main{padding:62px 0;background:url(../images/gioithieu-bg.png) no-repeat;background-size:cover;margin-bottom:62px}
@media screen and (max-width:991px){
.introduct-main{padding:30px 0;margin-bottom:30px}
}
.bannerlist-left{flex:0 0 49.61%;max-width:49.61%}
@media screen and (max-width:991px){
.bannerlist-left{flex:0 0 100%;max-width:100%;margin-bottom:5px}
}
.bannerlist-right{flex:0 0 49.23%;max-width:49.23%;border-radius:2px;overflow:hidden}
@media screen and (max-width:991px){
.bannerlist-right{flex:0 0 100%;max-width:100%}
}
.bannerlist-item{border-radius:2px;overflow:hidden;border:0!important;margin-bottom:15px}
.product-main{margin-bottom:52px}
@media screen and (max-width:991px){
.product-main{margin-bottom:30px}
}
@media screen and (max-width:991px){
.productnb-title__right{width:100%;justify-content:space-between}
}
.productnb-title__right .swiper-slide{width:auto}
.productnb-title__right .swiper-slide .items-list{padding:5px 0;font-family:Montserrat-Regular;font-size:14px;line-height:24px;color:#212427;text-transform:capitalize;cursor:pointer;transition:.3s;border-bottom:2px solid transparent;margin-right:10px;position:relative}
.productnb-title__right .swiper-slide .items-list::before{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);height:12px;width:1px;background-color:rgba(33,37,41,.2666666667)}
.productnb-title__right .swiper-slide .items-list.active{color:var(--main-color);border-color:var(--main-color)}
.readon-button2{display:inline-block;margin-left:10px;font-family:Montserrat-SemiBold;font-size:14px;color:#eb6209;transition:.3s;text-align:center;line-height:24px;text-transform:uppercase}
.readon-button2:hover{color:var(--hover-color);background-color:transparent}
.productnb-title-right-list{max-width:550px;overflow:hidden}
@media screen and (max-width:991px){
.productnb-title-right-list{max-width:calc(100% - 105px)}
}
.productnb-title{margin-bottom:24px}
.productnb-title__left h2{font-family:Mulish-SemiBold;font-size:24px;line-height:32px;color:#131416;text-transform:uppercase;border-bottom:2px solid #eb6209;padding-bottom:8px}
@media screen and (max-width:767px){
.productnb-title__left h2{font-size:20px;line-height:28px;margin-bottom:10px}
}
.price-box{margin:5px 0}
.price-box .price-new{font-family:Nunito-Bold;font-size:15px;color:var(--hover-color)}
.price-box .price-old{margin-left:8px;font-family:Nunito-Regular;font-size:14px;color:#8e8e93}
.price-box .price-per{position:absolute;left:15px;top:20px;padding:0 8px;background:var(--hover-color);border-radius:2px;font-size:13px;font-family:Nunito-Bold;color:#fff;line-height:24px}
.product-item__text{padding:15px}
.product-item__text h3{font-family:Nunito-Medium;font-size:16px;color:#212529;line-height:24px;height:48px;text-transform:capitalize;margin-bottom:5px}
.product-item__text h3 a{color:#212529}
.product-item__text h3 a:hover{color:var(--hover-color)}
.product-item{background-color:#fff;border-radius:4px;border:.8px solid #e9eaec;box-shadow:0 19px 5px 0 rgba(0,0,0,0),0 12px 5px 0 rgba(0,0,0,.01),0 7px 4px 0 rgba(0,0,0,.04),0 3px 3px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.08);overflow:hidden}
.add-item{position:absolute;right:16px;bottom:16px;border-radius:4px;background:#eb6209;width:32px;line-height:32px;text-align:center;font-size:18px;color:#fff;transition:.3s}
.add-item:hover{background-color:var(--hover-color);color:#fff}
.readon-button{display:inline-block;line-height:44px;padding:0 24px;font-family:Nunito-Bold;font-size:14px;color:#eb6209;text-transform:uppercase;border:1px solid #eb6209;transition:.3s;border-radius:30px}
.readon-button:hover{color:#fff;background-color:#eb6209}
.productlist-main{margin-bottom:62px}
@media screen and (max-width:991px){
.productlist-main{margin-bottom:30px}
}
.productnb2-box{margin-bottom:62px}
@media screen and (max-width:991px){
.productnb2-box{margin-bottom:30px}
}
.productnb2-left{flex:0 0 26.16%;max-width:26.16%;background-color:#fafafa;padding:24px}
@media screen and (max-width:991px){
.productnb2-left{flex:0 0 100%;max-width:100%}
}
.productnb2-right{flex:0 0 73.84%;max-width:73.84%}
@media screen and (max-width:991px){
.productnb2-right{flex:0 0 100%;max-width:100%}
}
.productnb2-title{text-align:center;margin-bottom:16px}
.productnb2-title h2{font-family:Mulish-SemiBold;font-size:24px;line-height:32px;color:#131416;text-transform:uppercase}
.productnb2-title p{font-family:Nunito-Light;font-size:14px;line-height:24px;color:#7d8082}
.productnb2-list .owl-dots{text-align:center}
.productnb2-list .owl-dots .owl-dot span{width:8px;height:8px;background-color:#d4d4d4;transition:.3s}
.productnb2-list .owl-dots .owl-dot.active span,.productnb2-list .owl-dots .owl-dot:hover span{width:20px;background-color:#20d0f3;border-radius:100px}
.feedback-main{background-color:#f7f7f7;padding:52px 0;margin-bottom:62px}
@media screen and (max-width:991px){
.feedback-main{padding:30px 0;margin-bottom:30px}
}
.feedback-title{margin-bottom:24px}
.feedback-title h2{font-family:Mulish-SemiBold;font-size:28px;line-height:52px;color:#131416;text-transform:uppercase;margin-bottom:8px}
.feedback-title p{font-family:Nunito-Light;font-size:14px;color:#6c757d;line-height:26px}
.feedback-left{flex:0 0 49.23%;max-width:49.23%}
@media screen and (max-width:991px){
.feedback-left{flex:0 0 100%;max-width:100%;margin-bottom:30px}
}
.feedback-right{flex:0 0 49.23%;max-width:49.23%}
@media screen and (max-width:991px){
.feedback-right{flex:0 0 100%;max-width:100%}
}
.feedback-item__image{flex:0 0 195px;max-width:195px}
.feedback-item__text{flex:0 0 calc(100% - 195px);max-width:calc(100% - 195px);padding-left:16px}
@media screen and (max-width:500px){
.feedback-item__image{flex:0 0 50%;max-width:50%}
.feedback-item__text{flex:0 0 50%;max-width:50%;padding-left:16px}
}
.feedback-item__text h3{font-family:Nunito-Bold;font-size:15px;color:#131416;text-transform:uppercase;border-bottom:1px solid #eb6209;padding-bottom:6px;margin-bottom:8px}
.feedback-item__text .text1{font-family:Nunito-Regular;font-size:14px;color:#8c8c8c;line-height:24px;letter-spacing:.168px;margin-bottom:16px}
.feedback-item__text .text2{font-family:Nunito-Regular;font-size:14px;color:#25292c;line-height:26px}
.feedback-item-box{border-radius:8px;background:#fff;box-shadow:0 12px 16px -4px rgba(16,24,40,.1),0 4px 6px -2px rgba(16,24,40,.05);overflow:hidden;padding:16px;position:relative}
.feedback-item-box::before{content:"";position:absolute;right:16px;bottom:10px;width:26px;height:20px;background:url(../images/kep.png)}
.feedback-item.fixed{border-bottom:0;margin-bottom:20px}
.news-main{margin-bottom:62px}
@media screen and (max-width:991px){
.news-main{margin-bottom:30px}
}
.news-item__image{border-radius:4px;overflow:hidden}
.news-item__text{padding:0 16px;position:relative;z-index:2}
.news-item__text-bg{background-color:#fff;border-radius:8px;overflow:hidden;padding:16px;margin-top:-42px;text-align:center;box-shadow:0 4px 8px -2px rgba(16,24,40,.08),0 2px 4px -2px rgba(16,24,40,.04)}
.news-item__text-bg h3{font-family:Nunito-Bold;font-size:15px;color:#212427;line-height:24px;margin-bottom:10px}
.news-item__text-bg h3 a{color:#212427}
.news-item__text-bg h3 a:hover{color:var(--hover-color)}
.news-item__text-bg .date{display:inline-block;background-color:#eb6209;border-radius:30px;padding:0 16px;line-height:24px;font-family:Nunito-Medium;font-size:14px;color:#fff;position:relative}
.news-item__text-bg .date::before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:100%;width:400px;height:2px;background-color:#eb6209}
.news-item__text-bg .date::after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:100%;width:400px;height:2px;background-color:#eb6209}
.album-main{padding:62px 0;background:rgba(250,250,250,.98)}
@media screen and (max-width:991px){
.album-main{padding:30px 0}
}
.branch-main{padding:86px 0 112px;background-color:#f9f5ee}
@media screen and (max-width:991px){
.branch-main{padding:40px 0}
}
.block-toa-do{flex:0 0 48.84%;max-width:48.84%}
@media screen and (max-width:991px){
.block-toa-do{flex:0 0 100%;max-width:100%;margin-bottom:30px}
}
.block-toa-do h2{font-family:Nunito-Bold;font-size:36px;line-height:70px;color:#252425}
@media screen and (max-width:991px){
.block-toa-do h2{font-size:30px;line-height:64px}
}
.iframe{flex:0 0 48.84%;max-width:48.84%}
.iframe iframe{width:100%;height:420px}
@media screen and (max-width:991px){
.iframe{flex:0 0 100%;max-width:100%}
}
.item-toa-do{padding:30px 0;border-bottom:1px solid rgba(0,0,0,.3764705882);cursor:pointer}
.item-toa-do .title p{font-family:Nunito-Bold;font-size:17px;line-height:22px;color:#252425;text-transform:uppercase}
.item-toa-do .desc p{font-family:Nunito-Regular;font-size:16px;line-height:22px;color:rgba(37,36,37,.5)}
.item-toa-do .status p{font-family:Nunito-Regular;font-size:14px;line-height:22px;color:rgba(37,36,37,.5)}
.item-toa-do .status p i{color:var(--main-color)}
.item-toa-do.active .title p{color:var(--main-color)}
.scroll-toa-do{padding-right:15px;overflow-y:auto;height:372px}
.scroll-toa-do::-webkit-scrollbar{width:3px}
.scroll-toa-do::-webkit-scrollbar-track{background:#f1f1f1}
.scroll-toa-do::-webkit-scrollbar-thumb{background:#888}
.scroll-toa-do::-webkit-scrollbar-thumb:hover{background:#555}
.filter-list-bg{border-right:1px solid rgba(0,0,0,.1333333333);border-left:1px solid rgba(0,0,0,.1333333333);border-bottom:1px solid rgba(0,0,0,.1333333333)}
.filter-group{border-top:1px solid rgba(0,0,0,.1333333333);padding:10px 10px 0 10px}
.filter-group:first-child{border-top:0}
.filter-group h3{font-family:Nunito-Medium;font-size:16px;color:var(--main-color);text-transform:uppercase;margin-bottom:5px}
.filter-group ul{list-style:none;padding:0;margin:0}
.filter-group ul li{font-family:Nunito-Regular;font-size:14px;color:var(--main-color);margin-bottom:10px;padding-left:25px;position:relative;cursor:pointer}
.filter-group ul li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:15px;height:15px;border:1px solid var(--main-color)}
.filter-group ul li::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:15px;height:15px;background:url(../images/i-check.svg);background-repeat:no-repeat;background-position:center}
.filter-group ul li.active::before{background-color:var(--main-color)}
.listselected{list-style:none;padding:0;margin:0}
.listselected li{font-family:Nunito-Regular;font-size:14px;color:var(--hover-color);background-color:rgba(20,96,101,.1333333333);border:1px solid var(--main-color);display:inline-block;padding:2px 5px;border-radius:8px;margin:0 3px 6px 3px}
.sort-by{border-bottom:1px solid rgba(0,0,0,.1333333333);margin-bottom:20px}
.sort-by p{font-family:Nunito-Medium;font-size:16px;color:var(--main-color);padding-right:10px}
.sort-by ul{list-style:none;padding:0;margin:0}
.sort-by ul li{display:inline-block;font-family:Nunito-Regular;color:#898989;padding-bottom:5px;font-size:16px;text-transform:capitalize;position:relative;cursor:pointer;margin:0 10px}
.sort-by ul li::after{content:"";position:absolute;width:100%;height:var(--btn-line-size,2px);display:block;bottom:0;left:0;background:currentColor;transition:transform .4s var(--easeoutcubic),opacity .4s var(--easeoutcubic);transform:scaleX(0);transform-origin:center right}
.sort-by ul li.active,.sort-by ul li:hover{color:var(--main-color)}
.sort-by ul li.active::after,.sort-by ul li:hover::after{transform:scaleX(1);transform-origin:center left}
.filter-title{font-family:Nunito-Bold;font-size:20px;color:#fff;background-color:var(--main-color);padding:10px;text-transform:capitalize}
.fillter-pc-box{position:sticky;top:120px}
.contentlist-text{margin:15px 0}
.contentlist-text p{font-family:Roboto-Regular;font-size:14px;line-height:22px;color:#000}
.info-pro-detail{border:1px solid #ddd;border-radius:5px;margin-bottom:16px;margin-top:25px}
.info-title-pro-detail{display:inline-block;vertical-align:top;margin:-15px 0 0 15px;background:red;color:#fff;padding:3px 10px 4px 5px;border-radius:30px;font-size:12px}
.info-pro-detail .desc{font-family:Nunito-Regular;font-size:14px;color:#000;padding:0 15px 10px}
.info-title-pro-detail i{width:20px;height:20px;background:#fff;border-radius:100%;text-align:center;line-height:21px;font-size:13px;padding-left:1px;color:red;vertical-align:top;margin:1px 4px 0 0}
.info-title-pro-detail span{display:inline-block;vertical-align:top;margin-top:2px}
.info-txt-pro-detail{padding:5px 15px 10px 15px;font-size:13px;line-height:23px}
.hotline-txt-pro-detail{text-align:center;font-size:16px;padding:10px;font-family:Nunito-Bold;color:#0e7ee1}
.parameter-box p{font-family:Nunito-Bold;font-size:17px;line-height:40px;color:#555;border-bottom:1px solid rgba(0,0,0,.1254901961);text-transform:uppercase}
.parameter-box table{width:100%}
.parameter-box table tr{height:40px;border-bottom:1px solid rgba(0,0,0,.1254901961)}
.parameter-box table label{margin-bottom:0}
@media screen and (max-width:576px){
.nav-link{padding:0 5px!important}
}
.submenu-box{position:absolute;left:0;top:100%;width:90%;z-index:5;min-height:400px;background-color:#fff;opacity:0;visibility:hidden;transition:.3s}
.submenu-box ul{position:relative!important;min-width:unset!important;margin-top:0!important;padding-top:0!important;padding-bottom:unset!important;background-color:unset!important;border-radius:0!important;box-shadow:unset!important;transform:unset!important;transform-origin:unset!important;opacity:unset!important;visibility:unset!important;transition:unset!important;width:40%}
.submenu-box ul li{padding:0!important}
.submenu-box ul li ul{position:absolute!important;left:100%!important;width:100%!important;top:0!important;opacity:0!important;visibility:hidden!important;transition:.3s!important}
.submenu-box ul li:hover ul{opacity:1!important;visibility:visible!important}
.menu-fixed:hover .submenu-box{visibility:visible;opacity:1}
.footerMap iframe{display:block;width:100%;height:450px}
.footerPowered{background-color:#db5a05;padding:15px 0}
.footerCopyright{text-align:center;color:#fff;font-family:Roboto-Regular;font-size:15px}
.footerCopyright span{font-family:Roboto-Bold;color:#fff}
.submenu-item:hover::before{opacity:1}
.submenu-item{position:relative}
.submenu-item::before{content:"";position:absolute;top:50%;right:15px;width:5px;height:5px;border:1px solid #313131;border-top:0;border-left:0;transform:translateY(-50%) rotate(-45deg);transition:all .3s ease-out;opacity:0}
.footerStatic{color:#fff}
@media screen and (max-width:991px){
.footerStatic{text-align:center;flex:0 0 100%;max-width:100%;margin-bottom:10px}
}
.footerStatic span{padding-right:10px;margin-right:10px}
.footerStatic span:last-child{padding-right:0;margin-right:0}
.footerArticle{padding:62px 0 45px;background-color:#eb6209}
.footerRow .title{font-family:Nunito-Bold;font-size:17px;color:#fff;text-transform:uppercase;padding-bottom:8px;margin-bottom:20px;border-bottom:2px solid #fff;display:inline-block}
.footerRow .desc{font-family:Nunito-Regular;font-size:15px;color:#fff;margin-bottom:20px}
.footerRow .desc p{padding-bottom:5px}
.footerRow .list{list-style:none;padding:0;margin:0}
.footerRow .list li{font-family:Nunito-Medium;font-size:15px;color:#fff;padding-left:20px;margin-bottom:10px;position:relative;text-transform:capitalize}
.footerRow .list li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:14px;background:url(../images/muiten.png)}
.footerRow .list li a{color:#fff}
.footerRow .list li a:hover{color:#1e1e1e}
.footerRow .text1{font-family:Nunito-Regular;font-size:15px;line-height:24px;text-transform:capitalize;color:#fff;margin-bottom:8px}
.footerRow .title2{font-family:Nunito-Bold;font-size:17px;color:#fff;text-transform:uppercase}
.social-box a{margin-right:16px}
.newsletter-input{position:relative;border-radius:4px;overflow:hidden}
.newsletter-input input{width:100%;height:44px;background-color:#fff;font-family:Nunito-Regular;font-size:15px;color:#96969c;padding:0 115px 0 15px}
.newsletter-input button{position:absolute;right:0;top:0;bottom:0;width:100px;background-color:#a5a3a3;font-family:Nunito-SemiBold;font-size:16px;color:#fff;text-transform:capitalize}
.newsletter-form{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.32)}
.footerInfo{flex:0 0 26.15%;max-width:26.15%}
@media screen and (max-width:991px){
.footerInfo{flex:0 0 100%;max-width:100%;margin-bottom:30px}
}
.footerTern{flex:0 0 16.92%;max-width:16.92%}
@media screen and (max-width:991px){
.footerTern{flex:0 0 100%;max-width:100%;margin-bottom:30px}
}
.footerNewsletter{flex:0 0 24.61%;max-width:24.61%}
@media screen and (max-width:991px){
.footerNewsletter{flex:0 0 100%;max-width:100%}
}
#show_popup{padding:0!important}
@media screen and (max-width:991px){
#show_popup{transform:scale(.8)}
}
@media screen and (max-width:767px){
#show_popup{transform:scale(.7)}
}
@media screen and (max-width:576px){
#show_popup{transform:scale(.6)}
}
@media screen and (min-width:991px){
.d-lg-list{display:list-item!important}
}
.fw-normal{font-weight:400!important}
.text-main{color:var(--main-color)}
.btn-main{color:#fff;background:var(--main-color);transition:.4s}
.btn-main:hover{background:#fff;color:var(--main-color);border:1px solid var(--main-color)}
.btn-outline-main{background:#fff;border:1px solid var(--main-color);color:var(--main-color);transition:.4s}
.btn-outline-main:hover{background:var(--main-color);color:#fff}
.share-box{padding:15px;background:#f2f2f2;border-radius:10px}
.share-box p{margin-bottom:3px}
.wow{visibility:hidden}
.article iframe,.article object{max-width:100%!important}
.article.content img{width:100%!important;height:auto!important}
.article table{width:100%}
.article :not(iframe):not(object):not(img){max-width:100%!important;height:auto!important}
.flex-box{display:flex!important;flex-wrap:wrap}
.text-split1{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:1}
.text-split2{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3}
.text-split4{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:4}
.overflow-hidden{overflow:hidden}
.cursor-pointer{cursor:pointer}
.hover-scale img{transition:.3s!important}
.hover-scale:hover img{transform:scale(1.15)}
.hover-rotateZ img{transition:.8s!important}
.hover-rotateZ:hover img{transform:rotateZ(30deg)}
.hover-rotateY img{transition:.8s!important}
.hover-rotateY:hover img{transform:rotateY(180deg)}
.bg{background-position:center center;background-repeat:no-repeat;background-size:cover}
.yt{position:relative;aspect-ratio:139/106}
.transition{transition:.3s ease-out}
.grecaptcha-badge{display:none!important;width:0!important;height:0!important;visibility:hidden!important;overflow:hidden}
coccocgrammar{display:none}
.goTop{width:41px;height:41px;text-align:center;font-weight:700;color:#444;text-decoration:none;position:fixed;bottom:65px;right:25px;display:none;z-index:10;cursor:pointer}
.modal-quickiew{max-width:1000px!important}
.fw-bold{font-weight:700}
.ft-italic{font-style:italic}
.slick-data{display:none!important}
.slick-data.loaded{display:block!important}
.slick-data.slick-dotted{margin-bottom:0}
.col-news{padding:0 10px;margin-bottom:20px}
@media screen and (max-width:767px){
.col-news{padding:0 5px;margin-bottom:10px}
}
.row-news{margin:20px -10px 0 -10px}
@media screen and (max-width:767px){
.row-news{margin:15px -5px 0 -5px}
}
.news_box{position:relative}
.news_box:hover .news__name a{color:var(--hover-color)}
.news__name{margin:15px 0 7px 0;color:#000}
.news__name a{color:inherit}
.news__name.text-split{-webkit-line-clamp:2}
.news__desc.text-split{-webkit-line-clamp:3}
.othernews.share{margin-top:20px}
.othernews.share b{margin-bottom:10px}
.list-news-other{padding-left:17px;list-style:disc;width:50%}
.list-news-other li{padding:7px 0}
.list-news-other li:not(:last-child){border-bottom:1px solid #eee}
.list-news-other li a{text-transform:none;color:#333}
.list-news-other li a:hover{color:#ec2d3f}
@media screen and (max-width:767px){
.list-news-other{width:100%}
}
.row-product{margin:25px -10px 0 -10px}
@media screen and (max-width:767px){
.row-product{margin:20px -5px 0 -5px}
}
.col-product{padding:0 10px;margin-bottom:20px}
@media screen and (max-width:767px){
.col-product{padding:0 5px;margin-bottom:10px}
}
.product_box{position:relative}
.product_box:hover .product__name a{color:var(--hover-color)}
.product__info{position:relative}
.product__name{color:#000;font-size:20px;text-align:center}
.product__name a{color:inherit}
.product__name.text-split{-webkit-line-clamp:2}
.product__price{display:flex;align-items:baseline;justify-content:center}
@media screen and (max-width:991px){
.product__price{text-align:center;flex-wrap:wrap}
}
@media screen and (max-width:991px){
.product__price .price__pro_new{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;margin-bottom:5px}
}
@media screen and (max-width:991px){
.product__price .price__pro_old{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}
}
.price__pro_new a,.price__pro_new strong{color:#c00;font:20px Roboto-Bold}
.price__pro_old del{color:#aaa;font-size:17px}
.product__price .price__pro_new+.price__pro_old{margin-left:7px}
@media screen and (max-width:991px){
.product__price .price__pro_new+.price__pro_old{margin-left:0}
}
.discount-pro-detail{background-color:#ec2d3f;border-radius:20px;font-weight:700;padding:3px 9px;color:#fff;font-size:11px}
.left-pro-detail{flex:0 0 40%;-ms-flex:0 0 40%;max-width:40%;margin-bottom:20px;padding-right:10px;position:relative;text-align:center}
.left-pro-detail .MagicZoom{background-color:#fff;position:relative;z-index:10}
@media screen and (max-width:991px){
.left-pro-detail{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;margin-bottom:20px;padding-right:0}
}
.right-pro-detail{flex:0 0 60%;-ms-flex:0 0 60%;max-width:60%;margin-bottom:20px;padding-left:10px}
@media screen and (max-width:991px){
.right-pro-detail{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;margin-bottom:20px;padding-left:0}
}
.tabs-pro-detail{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}
.grid-pro-detail{margin-bottom:3rem}
.gallery-thumb-pro{position:relative;margin-top:10px}
@media screen and (max-width:991px){
.gallery-thumb-pro{margin-top:5px}
}
.control-pro-detail{top:calc(50% - 12.5px)}
.control-pro-detail button{background-color:transparent;opacity:1;width:25px;height:25px;background:rgba(0,0,0,.4);border-radius:50%;color:#fff;font-size:23px}
.control-pro-detail button.owl-prev{left:10px}
.control-pro-detail button.owl-next{right:10px}
.title-color,.title-size{color:#4ea8cd;font-weight:400}
.thumb-pro-detail{display:block!important;border-radius:5px;cursor:pointer;background-color:#fff}
.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0!important;padding-bottom:0!important}
.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:#cecfd2}
.title-pro-detail{text-transform:capitalize;font-size:22px;font-weight:700;margin-bottom:10px}
.top-info-pro-detail{margin:0 0 10px 0;padding:0;list-style:none;display:flex;align-items:baseline}
.top-info-pro-detail li+li{border-left:1px solid #eae4e8}
.top-info-pro-detail li:first-child{padding-right:7px}
.top-info-pro-detail li:last-child{padding-left:7px}
.top-info-pro-detail li a,.top-info-pro-detail li span{font-weight:700;color:#007bff;margin-left:2px}
.comment-pro-detail{display:flex;align-items:center;justify-content:flex-start}
.social-plugin-pro-detail{margin-bottom:1rem;margin-top:0!important}
.desc-pro-detail{margin-bottom:1rem}
.attr-pro-detail{list-style:none;padding:0;margin:0}
.attr-pro-detail li{margin-bottom:15px}
.attr-pro-detail li:last-child{margin-bottom:0}
.attr-label-pro-detail{font-weight:700;color:#000;display:block;margin-bottom:6px}
.attr-content-pro-detail{margin-bottom:0}
.price-new-pro-detail{font-weight:700;font-size:20px;color:#ec2d3f}
@media screen and (max-width:767px){
.price-new-pro-detail{font-size:16px}
}
.price-old-pro-detail{color:#6c757d;font-size:16px;text-decoration:line-through;padding:0 10px}
@media screen and (max-width:767px){
.price-old-pro-detail{font-size:13px;padding:0 7px}
}
.tabs-pro-detail .nav-tabs{text-transform:uppercase}
.tabs-pro-detail .nav-tabs .nav-item .nav-link{margin-bottom:0;border:0;font-size:15px;border-bottom:2px solid transparent}
.tabs-pro-detail .nav-tabs .nav-item .nav-link.active{border-bottom-color:#555;font-weight:700}
.tabs-pro-detail .nav-tabs .nav-item .nav-link:hover{font-weight:700;color:#333}
.tabs-pro-detail .nav-tabs .nav-item.show .nav-link{font-weight:700;border-bottom-color:#555}
@media screen and (max-width:991px){
.tabs-pro-detail .nav-tabs .nav-link{font-size:13px!important}
}
@media screen and (max-width:500px){
.tabs-pro-detail .nav-tabs .nav-link{font-size:11px!important}
}
.contact-article{margin-bottom:3rem}
.contact-input{position:relative;margin-bottom:15px}
.contact-input textarea{resize:none;height:150px}
.contact-input .custom-file-label::after{content:attr(title)}
.contact-map{position:relative;height:500px}
.contact-map iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}
.video-name{font:14px Roboto-Bold;text-align:center;margin-top:10px}
.video-name.text-split{-webkit-line-clamp:2}
.col-video{padding:10px;margin-bottom:20px}
.video{cursor:pointer}
.youtube-logo{position:relative}
.youtube-logo::before{content:"";position:absolute;width:50px;height:35px;top:calc(50% - 25px);left:calc(50% - 17.5px);z-index:1;background:url(../images/play.png) no-repeat;background-size:100% 100%}
.col-photo{padding:0 10px;margin-bottom:20px}
.row-photo{margin:20px -10px 0 -10px}
.popup-cart .total-procart{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:15px 0}
.popup-cart .total-procart p:last-child{font-size:19px}
.cart-fixed i{font-size:20px;position:relative;z-index:9}
.cart-fixed .count-cart{position:absolute;top:0;right:-5px;color:#fff;width:20px;height:20px;background:#ec2d3f;text-align:center;line-height:20px;font-size:11px;border-radius:100%;z-index:10}
#popup-cart .card-cover{position:fixed;top:0;bottom:0;z-index:1010;background:0 0;right:0}
#popup-cart .cart-background{position:fixed;top:0;left:0;right:0;height:100%;z-index:-1;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.645,.045,.355,1)}
#popup-cart .price-new-cart{color:#000}
#popup-cart .cart-dialog{position:absolute;top:0;bottom:0;right:0;transform:translateX(120%);transition:transform .35s ease,right .25s ease,visibility 0s;z-index:1000;width:480px;background:#fff;transition:transform .5s;box-shadow:0 2px 12px rgba(0,0,0,.12)}
#popup-cart .wrap-cart{box-shadow:none;border-left:0;border-right:0;border-color:#e7e7e7;height:100%;position:absolute;overflow-y:scroll;left:0;top:0;width:100%;overscroll-behavior:none;padding:5px 10px}
#popup-cart .wrap-cart::-webkit-scrollbar{width:5px;height:10px;border-radius:3px}
#popup-cart .wrap-cart::-webkit-scrollbar-button{width:0;height:0}
#popup-cart .wrap-cart::-webkit-scrollbar-track{background-color:#d4d4d4}
#popup-cart .wrap-cart::-webkit-scrollbar-track-piece{background-color:#e7e7e7}
#popup-cart .wrap-cart::-webkit-scrollbar-thumb{height:60px;background-color:#d4d4d4}
#popup-cart .wrap-cart::-webkit-scrollbar-corner{background-color:#e7e7e7}
#popup-cart .wrap-cart::-webkit-resizer{background-color:#e7e7e7}
#popup-cart .info-procart{padding-right:0}
#popup-cart .link-to-cart{display:block;background:var(--main-color);color:#fff;border-radius:5px;margin-bottom:10px;padding:10px 0;border:1px solid var(--main-color);transition:.4s}
#popup-cart .link-to-cart:hover{background:#fff;color:var(--main-color)}
#popup-cart .buymore-cart{text-decoration:underline}
#popup-cart .procart{padding:15px 0}
#popup-cart .quantity-counter-procart{border-radius:0;border-color:#f9f9f9;margin-left:0}
#popup-cart .cart-header{padding:15px 10px}
#popup-cart .close-cart{width:25px;height:25px;background:0 0;outline:0;border:none;font-size:25px;color:#333}
#popup-cart .cart-title{font-size:16px;color:var(--main-color);font-weight:700}
#popup-cart .cart-footer{padding:15px 10px}
#popup-cart .cart-footer .total-procart{padding:6px 0}
#popup-cart .cart-footer .total-procart p:first-child{font-weight:400}
#popup-cart .cart-footer .total-procart p:last-child{font-size:18px}
#popup-cart .cart-body{flex-grow:1;position:relative}
#popup-cart .del-procart{color:#ec2d3f;font-size:15px;display:block;cursor:pointer;height:15px;width:15px;position:absolute;top:calc(50% - 7.5px);right:0}
#popup-cart.opened .cart-background{opacity:1;visibility:visible}
#popup-cart.opened .card-cover{left:0!important;transition-delay:0s}
#popup-cart.opened .cart-dialog{width:480px;transform:translateX(0);transition-delay:.1s;transition-duration:.3s;transition:transform .35s ease,right .25s ease,visibility 0s;right:0}
@media screen and (max-width:991px){
#popup-cart.opened .cart-dialog{width:85%}
}
.no-cart{padding:15px 10px;border-top:1px solid #f9f9f9}
.no-cart p{margin:10px 0}
.no-cart a{display:inline-block;color:#1a73e8;text-decoration:underline}
.no-cart .form-search{width:50%;margin:30px auto 0 auto;position:relative}
.no-cart input{width:100%;height:40px;outline:0;border:1px solid #ccc;padding:0 40px 0 20px}
.no-cart button{position:absolute;top:0;right:0;height:100%;width:40px;outline:0;border:1px solid #ccc;cursor:pointer}
@media screen and (max-width:991px){
.no-cart .form-search{width:100%}
}
.buymore-cart{color:var(--main-color);cursor:pointer;margin:0}
.buymore-cart i{margin-right:2px;margin-top:5px;vertical-align:top;font-size:12px}
.wrap-cart{padding:20px 15px;background:#fff;border:1px solid #d8d8d8;box-shadow:0 0 20px rgba(0,0,0,.15)}
@media screen and (max-width:991px){
.top-cart{margin-top:2rem}
}
.procart{padding:15px 10px}
.procart+.procart{border-top:1px solid #f1f1f1}
@media screen and (max-width:991px){
.procart{padding:8px 0}
.procart+.procart{border-top:1px solid #f1f1f1}
}
.top-cart .procart{padding:15px 0}
.number-pro-cart{font-size:13px}
@media screen and (min-width:991px){
.cart-sticky{position:sticky;top:60px}
}
.pic-procart{position:relative;flex:0 0 85px;-ms-flex:0 0 85px;max-width:85px}
.pic-procart .del-procart{color:#999;font-size:15px;display:block;cursor:pointer;height:15px;width:15px;position:absolute;top:-7.5px;left:-7.5px}
.pic-procart .del-procart i{display:block}
.pic-procart .del-procart:hover{color:red}
.pic-procart img{display:block;border:1px solid #ededed}
@media screen and (max-width:991px){
.pic-procart{flex:0 0 60px;-ms-flex:0 0 60px;max-width:60px}
.pic-procart .del-procart{top:0;left:0;position:static;margin:5px auto 0 auto}
}
.price-info-cart strong{margin-right:10px}
.price-info-cart del{font-size:12px;color:#8f9bb3}
.name-procart a{font-size:14px;color:#000;display:block}
.name-procart a:hover{color:#ec2d3f}
.properties-procart{display:block;font-size:13px}
.properties-procart p{display:inline-block;margin-bottom:0}
.properties-procart p:first-child{margin-right:10px}
.properties-procart p strong{font-weight:700}
.quantity-counter-procart{border:1px solid #f9f9f9;width:90px;margin-top:5px;height:25px;line-height:normal;text-align:center;display:flex;align-items:stretch;margin-left:calc(100% - 90px)}
.counter-procart{background-color:#f9f9f9;border:0;width:30%;color:#333;outline:0;cursor:pointer;font-size:10px;font-weight:700}
.counter-procart:focus,.counter-procart:hover{color:#ec2d3f}
.counter-procart:disabled,.counter-procart:disabled:hover{color:#ccc;cursor:not-allowed}
.counter-procart-minus{line-height:25px}
.counter-procart-plus{line-height:25px}
.quantity-counter-procart .quantity-procart{width:40%;box-sizing:border-box;border:0;border-right:1px solid #f9f9f9;border-left:1px solid #f9f9f9;outline:0;box-shadow:none;padding:0;color:#333;text-align:center}
.price-procart{flex:0 0 95px;-ms-flex:0 0 95px;max-width:95px;text-align:right}
.info-procart{padding:0 15px;flex-grow:1}
@media screen and (max-width:767px){
.info-procart{padding:0 10px}
}
.price-new-cart{color:#ec2d3f;margin-bottom:0;font-weight:700}
.price-old-cart{color:#999;text-decoration:line-through}
.total-procart{padding:5px 0;display:flex;align-items:baseline;justify-content:space-between}
.total-procart p{font-weight:700}
.total-procart p:last-child{color:#ec2d3f;font-size:18px}
hr.hr-md{margin:.5rem 0}
.link-to-payment{display:block;background:var(--main-color);color:#fff;text-decoration:none;text-transform:uppercase;padding:10px 5px;text-align:center;font-weight:700;border-radius:0;transition:.4s;border-radius:5px;border:1px solid var(--main-color);margin-top:15px}
.link-to-payment:hover{background:#fff;color:var(--main-color)}
.cover-list-pro{box-shadow:0 0 10px rgba(0,0,0,.15);border-radius:5px}
@media screen and (max-width:991px){
.cover-list-pro{border-radius:0;box-shadow:none}
}
.section-cart{background:#fff;border-radius:5px}
.section-cart.bot{padding:15px}
.section-cart.bot{border-radius:0 0 5px 5px}
.section-cart h4{font-size:16px;font-weight:700;padding:15px;border-bottom:1px solid #eae4e8;color:var(--main-color)}
.section-cart>p{font-size:14px;margin-bottom:15px}
.section-cart .counter-cart{font-weight:700}
.section-cart .list-procart{padding:8px;border:2px solid #eae4e8;overflow:hidden;border-radius:8px}
@media screen and (max-width:991px){
.section-cart.bot,.section-cart.top{padding:0}
.section-cart h4{font-size:15px;padding:0 0 15px 0;margin-bottom:15px}
.section-cart>p{font-size:13px;margin-bottom:5px}
.section-cart .list-procart{padding:0;border:0;border-radius:0}
}
.title-cart{font-size:16px;color:var(--main-color);font-weight:700;margin-bottom:25px;position:relative;margin-bottom:15px}
.title-cart a{font-size:14px;color:#000;font-weight:400}
@media screen and (max-width:991px){
.title-cart{font-size:15px}
}
.procart.procart-label{background:var(--main-color);font-weight:700;color:#fff;padding:10px}
.input-cart{margin-bottom:.5rem;position:relative}
.input-cart textarea{resize:none;height:100px}
.input-cart select{cursor:pointer}
.payments-cart{text-align:left;margin-bottom:5px;min-height:auto}
.payments-cart:last-child{margin-bottom:0}
.payments-cart input{top:calc(50% - .625rem)}
.payments-label{cursor:pointer;background:#eee;display:block;padding:10px 15px;border-radius:3px;margin-bottom:0;color:#313131!important}
.payments-label::after,.payments-label::before{top:calc(50% - .5rem)}
.payments-label.active{background:#ec2d3f;color:#fff!important}
.payments-info{opacity:0;visibility:hidden;height:0;overflow:hidden;background:#f5efef;border-radius:5px}
.payments-info p{margin-bottom:1em}
.payments-info.active{padding:10px 15px;margin-top:5px;opacity:1;visibility:visible;height:auto}
.btn-cart{background:var(--main-color);color:#fff;font-size:14px;border:1px solid var(--main-color);text-transform:uppercase;font-weight:700;height:40px}
.btn-cart:hover{color:var(--main-color);background:#fff}
.empty-cart{padding:25px 30px;display:block;text-align:center;color:#23527c!important;width:100%}
.empty-cart i{color:red;font-size:70px}
.empty-cart p{margin:15px 0;color:#333;font-size:18px}
.empty-cart span{display:inline-block;border:1px solid #2e9ef2;border-radius:3px;padding:10px;font-size:16px;text-transform:uppercase;width:100%;max-width:325px}
.color-pro-detail{cursor:pointer;display:inline-block;vertical-align:top;position:relative;width:30px;height:30px;margin:0 4px;border:1px solid #eee;background-repeat:no-repeat;background-size:cover;background-position:center center;border-radius:50%}
.color-pro-detail::after{content:"";position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;border-radius:50%}
.color-pro-detail.active::after{box-shadow:0 0 4px rgba(0,0,0,.5)}
.color-pro-detail:hover .color-tooltip{display:block}
.capacity-pro-detail,.origin-pro-detail,.size-pro-detail{cursor:pointer;border:1px solid #ccc;display:inline-block;position:relative;margin-bottom:0;padding:3px 10px;border-radius:4px;background:#fff;overflow:hidden}
.capacity-pro-detail+.capacity-pro-detail,.origin-pro-detail+.origin-pro-detail,.size-pro-detail+.size-pro-detail{margin-left:5px}
.capacity-pro-detail.active,.origin-pro-detail.active,.size-pro-detail.active{border-color:#000;color:#000}
.capacity-pro-detail.active::before,.origin-pro-detail.active::before,.size-pro-detail.active::before{content:"";padding:4px;font-size:10px;line-height:1;position:absolute;top:-15px;right:-13px;background:#080808;width:26px;height:24px;transform:rotate(45deg);border-radius:100%}
.capacity-pro-detail.active::after,.origin-pro-detail.active::after,.size-pro-detail.active::after{content:"";background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkCw8RJSHXzNuNAAAAfElEQVQoz7WRsQ2CYBQGLwRCaLRkDwqdwcLCSZjCmj2AgtoJXMbEUquzEAz+8Je89r675sGG59ka0ig+0ZFbJDGbgRwoAXemi/hb1QZw793ebB739cPgTdV2qvzZAFY+VL+VwB4nB59j5RLYhBVXcTBZw7NJDAN49LrFyz67GnkMHStx0wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0xMS0xNVQxNzozNzozMyswMDowMGfDTJEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMTEtMTVUMTc6Mzc6MzMrMDA6MDAWnvQtAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:contain;position:absolute;top:0;right:0;width:6px;height:6px}
.capacity-pro-detail input[type=radio],.color-pro-detail input[type=radio],.origin-pro-detail input[type=radio],.size-pro-detail input[type=radio]{display:none}
.quantity-pro-detail{width:100%;max-width:130px;line-height:normal;display:flex;align-items:center;justify-content:space-between;text-align:center}
.quantity-pro-detail span{padding:0;width:44px;height:44px;color:#a4aaaf;cursor:pointer;border:1px solid #ced4da;background:#fff}
.quantity-pro-detail span i{line-height:44px;font-size:14px;width:44px;height:44px;transition:.3s}
.quantity-pro-detail span.quantity-plus-pro-detail{border-left:0;border-radius:0 5px 5px 0}
.quantity-pro-detail span.quantity-minus-pro-detail{border-right:0;border-radius:5px 0 0 5px}
.quantity-pro-detail span:hover i{color:#000}
.quantity-pro-detail input{height:44px;border-top:1px solid #ced4da;border-bottom:1px solid #ced4da;width:calc(100% - 88px);text-align:center;font-size:14px;padding:5px}
@media screen and (max-width:991px){
.quantity-pro-detail{max-width:105px}
.quantity-pro-detail span{width:35px;height:35px}
.quantity-pro-detail span i{line-height:35px;width:35px;height:35px}
.quantity-pro-detail input{height:35px;width:calc(100% - 70px)}
}
.group-quantity-pro-detail{width:130px}
@media screen and (max-width:991px){
.group-quantity-pro-detail{width:105px}
}
.group-cart-pro-detail{flex:0 0 calc(100% - 130px);-ms-flex:0 0 calc(100% - 130px);max-width:calc(100% - 130px);padding-left:10px}
@media screen and (max-width:991px){
.group-cart-pro-detail{flex:0 0 calc(100% - 105px);-ms-flex:0 0 calc(100% - 105px);max-width:calc(100% - 105px)}
}
.cart-pro-detail a{text-transform:uppercase;display:block;text-align:center;border-radius:5px;cursor:pointer;transition:.4s;border:1px solid #000;background:#fff;font-weight:700;line-height:42px}
.cart-pro-detail a.btn-pro{background:#000;color:#fff}
.cart-pro-detail a.btn-pro:hover{color:#000;background:#fff}
.cart-pro-detail a.btn-outline-pro{color:#000}
.cart-pro-detail a.btn-outline-pro:hover{color:#fff;background:#000}
@media screen and (max-width:991px){
.cart-pro-detail a{font-size:12.5px;line-height:33px}
}
.cart-product{margin-bottom:0}
.cart-product span{cursor:pointer;width:49%;float:left;color:#fff;text-transform:capitalize;text-align:center;padding:7px 5px;border-radius:3px}
.cart-add{margin-right:2%;background-color:#ec2d3f}
.cart-add:hover{background-color:#c31829}
.cart-buy{background-color:#28a745}
.cart-buy:hover{background-color:#207d36}
.cuppon-row p{padding-left:25px;background:url(../images/coupon-icon.webp) no-repeat left center;line-height:22px}
.cuppon-row a{color:var(--main-color)}
.lb-header-cuppon svg{width:30px;margin-right:5px}
.cuppon-payment button{width:100%;height:42px;background:var(--main-color);color:#fff;border-radius:5px}
.color-tooltip{background:#000;color:#fff;position:absolute;left:50%;top:0;font-size:11px;padding:2px 8px;border-radius:5px;line-height:20px;transform:translate(-50%,calc(-100% - 10px));display:none}
.color-tooltip::after{border-style:solid;border-width:3px 2.5px 0 2.5px;border-color:#000 transparent transparent transparent;background:#333;content:"";height:8px;position:absolute;transform:rotate(45deg);width:8px;left:calc(50% - 4px);bottom:-4px}
.cupponBox{position:relative;background:#fff;filter:drop-shadow(0 0 3px rgba(0, 0, 0, .15));padding:10px;border-radius:5px;min-height:100px}
.cupponBox::before{content:"";position:absolute;top:0;left:-3px;height:100%;width:10px;color:#fff;background-clip:padding-box;background:repeating-linear-gradient(#e5e5e5,#e5e5e5 5px,transparent 0,transparent 9px,#e5e5e5 0,#e5e5e5 10px) 0/1px 100% no-repeat,radial-gradient(circle at 0 7px,transparent,transparent 2px,rgba(229,229,229,.9333333333) 0,#e5e5e5 3px,currentColor 0) 1px 0/100% 10px repeat-y}
.cuppon__slick--items{padding:7px}
.cuppon__slick{margin:0 -7px}
.cupponBox_icon{flex:0 0 90px;-ms-flex:0 0 90px;max-width:90px}
.cupponBox_info{flex:0 0 calc(100% - 90px);-ms-flex:0 0 calc(100% - 90px);max-width:calc(100% - 90px);padding-left:10px}
.cupponBox_info h3{font-size:15px;font-weight:700;color:var(--main-color);transition:.3s}
.cupponBox_info p{margin:4px 0}
.cupponBox_info button{padding:2px 15px;display:block;font-size:12px;background:var(--main-color);color:#fff;line-height:24px;height:24px;border-radius:12px}
.cupponBox_info a{text-decoration:underline}
@media screen and (max-width:991px){
.cupponBox_info h3{font-size:14px}
}
.wrap-user{margin:40px auto;border-radius:5px;max-width:500px;padding:25px}
@media screen and (max-width:991px){
.wrap-user{margin:30px auto;max-width:100%;padding:0;box-shadow:none!important}
}
.wrap-register{margin:30px;padding:25px}
.wrap-register label{font-weight:700}
@media screen and (max-width:991px){
.wrap-register{margin:30px auto;padding:0;box-shadow:none!important}
}
.title-user{margin-bottom:15px}
.title-user.login h4{color:var(--main-color);text-transform:uppercase;font-weight:700;font-size:16px;padding-bottom:10px;border-bottom:1px solid var(--main-color)}
.forgot-password-user,.login-user{width:100%;display:block;background:var(--main-color);color:#fff;border-radius:5px;height:38px;font-weight:700;transition:.4s;border:1px solid var(--main-color)}
.forgot-password-user:hover,.login-user:hover{background:#fff;color:var(--main-color)}
.activation-user,.info-user,.registration-user{width:150px;display:block;background:var(--main-color);color:#fff;border-radius:5px;height:38px;font-weight:700;transition:.4s;border:1px solid var(--main-color)}
.activation-user:hover,.info-user:hover,.registration-user:hover{background:#fff;color:var(--main-color)}
@media screen and (max-width:991px){
.activation-user,.info-user,.registration-user{margin-top:10px;width:100%}
}
.section-main{margin-top:15px;margin-bottom:25px}
.title-main{margin-bottom:1.5rem;text-align:center}
.title-main h2{text-transform:uppercase;color:var(--main-color);font-weight:700;font-size:23px}
.time-main{margin-bottom:.75rem;color:#999}
.time-main i{vertical-align:top;margin:3px 7px 0 0}
.time-main span{vertical-align:top;display:inline-block}
.header-container{text-align:center}
.header-container h2{font:28px Mulish-SemiBold;color:#131416;text-transform:uppercase;position:relative;padding-bottom:12px;margin-bottom:12px}
.header-container h2::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:62px;height:3px;background-color:#eb6209}
@media screen and (max-width:767px){
.header-container h2{font-size:25px}
}
.header-container p{font:16px Nunito-Regular;color:#6b6b6b;text-transform:capitalize}
.pagination-cus .page-item{margin:0 4px}
.pagination-cus .page-item:first-child .page-link{border-top-left-radius:0;border-bottom-left-radius:0}
.pagination-cus .page-item:last-child .page-link{border-top-right-radius:0;border-bottom-right-radius:0}
.pagination-cus .page-item.active .page-link{background:var(--main-color);color:#fff;border-color:var(--main-color)}
.pagination-cus .page-item:not(:first-child) .page-link{margin-left:0}
.pagination-cus .page-link{color:var(--main-color);padding:0;width:35px;height:35px;line-height:35px;text-align:center;border:0}
.pagination-cus .page-link:hover{z-index:2;color:#fff;background-color:var(--main-color);border-color:var(--main-color)}
.pagination-ajax{text-align:center}
.pagination-ajax a{display:inline-block;vertical-align:top;margin:0 3px 3px 3px;width:35px;height:35px;line-height:33px;color:#666!important;border:1px solid #e6e6e6;font-size:13px;cursor:pointer;text-decoration:none!important;background-color:#fff}
.pagination-ajax a.current,.pagination-ajax a:hover{color:#fff!important;border-color:var(--main-color);background-color:var(--main-color)}
.pagination-ajax a.first{text-indent:-9999px;position:relative;background-color:#fff!important}
.pagination-ajax a.first::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:transparent;background-repeat:no-repeat;background-position:center;background-image:url(../images/page-first.png)}
.pagination-ajax a.last{text-indent:-9999px;position:relative;background-color:#fff!important}
.pagination-ajax a.last::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:transparent;background-repeat:no-repeat;background-position:center;background-image:url(../images/page-last.png)}
.pagination-ajax a.prev{text-indent:-9999px;position:relative;background-color:#fff!important}
.pagination-ajax a.prev::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:transparent;background-repeat:no-repeat;background-position:center;background-image:url(../images/page-prev.png)}
.pagination-ajax a.next{text-indent:-9999px;position:relative;background-color:#fff!important}
.pagination-ajax a.next::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:transparent;background-repeat:no-repeat;background-position:center;background-image:url(../images/page-next.png)}
.block-search{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,.8);display:none;transition:.8s}
.search-wrap{position:relative;color:#fff;height:100vh}
.form-search-d{position:relative;width:0;transition:.8s}
.form-search-d.active{width:70%}
@media screen and (max-width:991px){
.form-search-d.active{width:calc(100% - 50px)}
}
.form-search-d input{width:100%;height:45px;outline:0;color:#fff;border:none;border-bottom:1px solid #fff;background:0 0;padding:0 30px 0 10px;font-size:12px}
.form-search-d input::-moz-placeholder{color:#fff;font-size:12px}
.form-search-d input::placeholder{color:#fff;font-size:12px}
.form-search-d button{position:absolute;top:0;right:0;outline:0;border:none;cursor:pointer;background:0 0;font-size:14px;height:100%;color:#fff}
.close-form-search{position:absolute;top:30px;right:0;font-size:25px;transition:.3s}
@media screen and (max-width:991px){
.close-form-search{font-size:20px}
}
.close-form-search:hover{color:red}
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background:rgba(128,128,128,.15)}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0;padding-left:0!important;margin-top:8px}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}
.box-readmore ul li a{color:#333;cursor:pointer;font-weight:600}
.box-readmore ul li a:hover{color:#767676}
.box-readmore ul li::before{content:counters(item, ".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li ul>li{margin:0;margin-bottom:8px}
.box-readmore ul li ul>li::before{content:counters(item, ".") " "}
@keyframes hueRotate{
from{filter:hue-rotate(0)}
to{filter:hue-rotate(360deg)}
}
.social_fixed{position:fixed;right:25px;bottom:110px;z-index:999999;display:flex;align-items:center;flex-direction:column;gap:20px}
.support-online a{position:relative;text-align:left;width:44px;height:44px;display:flex;justify-content:center;align-items:center;border-radius:100rem;background:#eb6209;transition:.3s}
.support-online a:not(.cart-fixed){animation:hueRotate infinite 60s}
.support-online a:hover{animation:unset;animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}
.support-online i,.support-online img{max-width:40px;max-height:40px;color:#fff;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999}
.support-online .btn-support{cursor:pointer}
.kenit-alo-circle-fill{width:60px;height:60px;top:-7.5px;right:-7.5px;position:absolute;transition:all .2s ease-in-out;border-radius:100%;border:2px solid transparent;transition:all .5s;background-color:#eb6209;opacity:.75}
.kenit-alo-circle{width:55px;height:55px;top:-5px;left:-5px;position:absolute;background-color:transparent;border-radius:100%;border:1px solid rgba(30,198,250,.4);opacity:.1;border-color:var(--main-color);opacity:.5}
.social_fixed-phone{width:100%;position:fixed;left:0;bottom:0;height:55px;line-height:45px;color:#fff;z-index:50;background:var(--main-color)}
.social_fixed-phone ul{list-style:none;margin:0;padding:0;display:flex;height:100%}
.social_fixed-phone ul li{flex:0 0 100%/4;-ms-flex:0 0 100%/4;max-width:100%/4;width:100%}
.social_fixed-phone ul li a{color:#fff;text-decoration:none;font-size:11px;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;flex-direction:column;letter-spacing:1px;line-height:2;height:100%;border-left:1px solid rgba(30,198,250,.2);padding-top:3px}
.social_fixed-phone ul li a i{font-size:19px}
.social_fixed-phone img{display:block;margin:0 auto;height:19px;max-width:100%}
@media screen and (max-width:991px){
.social_fixed-phone{display:block}
}
@media screen and (max-width:991px){
#footer{padding-bottom:55px}
}
.goTop{width:45px;height:45px;text-align:center;font-weight:700;color:#444;text-decoration:none;bottom:50px;right:25px;display:none;z-index:10;cursor:pointer;display:flex;justify-content:center;align-items:center;background:#eb6209;border-radius:100rem;transition:1s;margin:0 auto}
.goTop i{color:#fff;font-size:22px}
.goTop.hide{opacity:0;visibility:hidden}
.mobile_menu_section{flex-direction:column;padding:10px 0}
.mobile_menu_section .mobile_menu_section-title{color:#eb6209;margin-bottom:5px}
.mobile_menu_section img,.mobile_menu_section svg{max-width:14px;max-height:14px;width:14px;height:14px;margin-right:5px}
.mobile_menu_section .mobile_menu_help{display:flex;align-items:center}
.border-animation{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #eb6209;animation:squares 3s linear 0s infinite;opacity:0;border-radius:50%}
.border-animation.border-2{animation-delay:1s}
.border-animation.border-3{animation-delay:2s}
@keyframes squares{
0%{transform:scale(1);opacity:0}
20%{transform:scale(1.2);opacity:1}
100%{transform:scale(1.6);opacity:0}
}
.animated{animation-duration:1s;animation-fill-mode:both;opacity:1}
.animated.infinite{animation-iteration-count:infinite}
.zoomIn{animation-name:customzoomIn}
@keyframes customzoomIn{
0%{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.swing-vertical{animation:top-image-bounce 2s infinite ease-in-out}
@keyframes top-image-bounce{
0%{transform:translateY(-8px)}
50%{transform:translateY(12px)}
100%{transform:translateY(-8px)}
}
.vibration-icon{animation:phonering-alo-circle-img-anim 1s infinite ease-in-out}
@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)}
}
.blink_me{-webkit-animation-name:blinker;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes blinker{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@keyframes customfadeIn{
0%{opacity:0}
to{opacity:1}
}
@keyframes customfadeOut{
0%{opacity:1}
to{opacity:0}
}
@keyframes customfadeInUp{
0%{opacity:0;transform:translate3d(0,100px,0)}
to{opacity:1;transform:translateZ(0)}
}
@keyframes customfadeInDown{
0%{opacity:0;transform:translate3d(0,-100px,0)}
to{opacity:1;transform:translateZ(0)}
}
@keyframes customfadeInLeft{
0%{opacity:0;transform:translate3d(100px,0,0)}
to{opacity:1;transform:translateZ(0)}
}
@keyframes customfadeInRight{
0%{opacity:0;transform:translate3d(-100px,0,0)}
to{opacity:1;transform:translateZ(0)}
}
.text-nhapnhay{animation:my .7s infinite}
@keyframes my{
0%{color:#ffc853}
50%{color:red}
100%{color:#ffc853}
}
.rotate360{animation:rotation 2s infinite linear}
@keyframes rotation{
from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(359deg)}
}
.blink{animation-name:blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes blink{
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
.left-pro-detail a{box-shadow:0 19px 5px 0 rgba(0,0,0,0),0 12px 5px 0 rgba(0,0,0,.01),0 7px 4px 0 rgba(0,0,0,.04),0 3px 3px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.08)}
.mm-listitem__text{font-size:15px!important;text-transform:uppercase!important}
.modal-fixed{max-width:800px!important}
.demoVideo2{width:100%;height:auto}
.Construction_Works__wrapper{padding:27px 0;position:relative}
.page_construction{display:flex;flex-wrap:wrap;gap:18px}
.Construct__Works__Item{width:calc((100% - 36px)/ 3);border-radius:5px;overflow:hidden}
.list_monnb.list_construction a{border:1px solid #d9d9d9;border-radius:5px;color:#1e1e1e;font-family:Mulish-SemiBold;font-size:16px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize;padding:15px 31px;display:inline-block}
.list_monnb.list_construction.mb-3.text-center.text-2xl{margin-bottom:91px!important}
.list_monnb.list_construction a.active{background:#eb6209;color:#fff}
.page_construction .Construct__Works__Item:nth-child(2),.page_construction .Construct__Works__Item:nth-child(5){transform:translateY(-52px)}
.Construct__Works__Item--info{position:absolute;bottom:0;border-radius:0 0 5px 5px;background:rgba(0,0,0,.65);width:100%;text-align:center;padding:19px 10px}
.Construct__Works__Item{position:relative}
.Construct__Works__Item--info h3{color:#fff;text-align:center;font-family:Nunito-SemiBold;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}
.Construct__Us__btn{text-align:center;margin-top:33px}
.btn__second{border:2px solid #08091a;display:inline-flex;align-items:center;gap:10px;color:#08091a;font-family:Mulish-SemiBold;font-size:16px;font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize;padding:18px 43px;border-radius:5px}
.btn__second svg{margin-top:3px}
.Construct__Us__btn{text-align:center;margin-top:33px}
.btn__second:hover{background:#eb6209;color:#fff;border-color:#eb6209}
.btn__second:hover svg path{stroke:#fff}
.BoxProductFull{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:2rem 1rem;margin-bottom:2rem}
.Product{width:calc((100% - 2rem)/ 3)}
.dev-wrap-news{background:#f8f7fc;padding:3rem 0}
.itemNews{width:94%;margin:0 auto;background:#fff;border-bottom:6px solid #dadada;border-radius:0 0 1rem 1rem;transition:all .5s}
.picNews{position:relative}
.timeNews{position:absolute;top:10px;left:10px;background:#333;color:#f8f7fc;text-align:center;font-size:12px;font-style:normal;font-weight:700;line-height:normal}
.timeNews span{display:block;background:var(--color-green);padding:4px 10px}
.timeNews b{display:block;padding:4px 10px}
.infoNews{padding:1rem}
.infoNews a{color:#333}
.name-newshome{color:#333;font-size:20px;font-style:normal;font-weight:600;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}
.name-newshome:hover{color:var(--color-green)}
.desc-newshome{color:#888;font-size:16px;font-style:normal;font-weight:500;line-height:23px;margin-bottom:1rem}
.infoNews span{color:var(--color-green);font-size:14px;font-style:normal;font-weight:700;line-height:normal}
.infoNews span:hover{color:#333}
.infoNews span i{vertical-align:middle;margin-left:5px}
.itemNews:hover{border-bottom:6px solid var(--color-green)}
.BoxNewsFull{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:2rem 1rem;margin-bottom:2rem}
.itemNewsDetail{width:calc((100% - 2rem)/ 3);position:relative;background:#fff;border-bottom:6px solid #dadada;border-radius:0 0 1rem 1rem;transition:all .5s}
.itemNewsDetail:hover{border-bottom:6px solid var(--color-green)}
.BoxHinhanh{column-count:3;column-gap:10px;row-gap:10px;margin-bottom:2rem}
.picHa{break-inside:avoid;margin-bottom:10px;transition:all .6s;cursor:pointer}
.picProduct{box-shadow:rgba(0,0,0,.15) 2.4px 2.4px 3.2px;border-bottom:5px solid #eb6209;border-radius:20px;overflow:hidden;margin-bottom:1.5rem}
.nameProduct{margin:0;color:#333;text-align:center;font-size:18px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}
.gallery-row{margin:0 -10px}
.first-gallery{flex:0 0 50%;max-width:50%;padding:0 10px}
.other-gallery{flex:0 0 50%;max-width:50%;padding:0 10px}
.gallery-item-box{overflow:hidden;border-radius:10px}
.other-gallery-row{margin:0 -10px}
.other-gallery-item{padding:0 10px;margin-bottom:20px}
.have-many{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#000000aa;display:flex;flex-wrap:wrap-reverse;justify-content:center;align-items:center;pointer-events:none;font-family:Mulish-SemiBold;font-size:16px;color:#fff}
.information_news.information_news2{width:100%;margin-bottom:2%;border:1px solid #c3c3c3;border-radius:13px}
p.text_info2:nth-child(even){background:#000}
.text_info2:nth-child(1) .box_le{border-top-left-radius:11px}
.time-main2{margin-left:30px}
.text_info2:nth-child(8) .box_le{border-bottom-left-radius:10px}
.text_info2:nth-child(8){margin-bottom:-2px}
.box_le i{margin-right:5px}
.box_le{padding:21px 20px;flex:0 0 35%;max-width:35%;border-bottom:1px solid #fff;border-right:1px solid #c3c3c3;color:#000;font-family:Mulish-SemiBold;font-size:17px}
.box_le{margin-right:25px}
.text_info2{border-bottom:1px solid #c3c3c3}
.text_info2:last-child{border-bottom:none}
p.text_info2{padding:20px 20px}
p.text_info{padding:5px 0}
.c_vd3{padding:0 6px}
.w50{padding-right:10px}
@media screen and (max-width:991px){
.first-gallery{flex:0 0 100%;max-width:100%;margin-bottom:20px}
.other-gallery{flex:0 0 100%;max-width:100%}
.information_news.information_news2{flex:0 0 100%;max-width:100%;width:100%;margin-bottom:20px}
}
@media screen and (max-width:767px){
.news3-item__image{flex:0 0 100%;max-width:100%;margin-bottom:20px;order:1}
.news3-item__text{flex:0 0 100%;max-width:100%;order:2}
.list_monnb.list_construction.mb-3.text-center.text-2xl{display:flex;row-gap:10px;flex-wrap:wrap}
.list_monnb.list_construction a{width:calc(50% - 20px);display:flex;align-items:center;justify-content:center;font-size:14px}
.list_monnb.list_construction.mb-3.text-center.text-2xl{margin-bottom:20px!important}
.list_monnb.list_construction a:first-child{width:100%}
.Construct__Works__Item{width:calc((100% - 18px)/ 2)}
.page_construction .Construct__Works__Item:nth-child(2),.page_construction .Construct__Works__Item:nth-child(5){transform:unset}
.Construct__Works__Item--info h3{font-size:14px}
.Product{width:calc((100% - 1rem)/ 2)}
.box_le{margin-right:14px}
.box_le{padding:10px 5px;flex:0 0 44%;max-width:33%;border-bottom:1px solid #fff;border-right:1px solid #c3c3c3;color:#000;font-family:Mulish-SemiBold;font-size:12px}
}