body{font-size:16px;line-height:1.5;font-family:'DPV',Helvetica,Verdana,sans-serif;color:#333;background:#fff;overflow-x:hidden}
.home-container{background:#fff}
.container{margin:0 auto;position:relative;}
ul{padding:0;margin:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
a{color:#1e1e1e;text-decoration:none;}
a:hover{color:#E5322D;text-decoration:none}
.h1-hidden{height:0;visibility:hidden;line-height:0;margin:0;padding:0}
.text-xs-left{text-align:left}
.text-xs-right{text-align:right}
.text-xs-center{text-align:center}
.text-xs-justify{text-align:justify}
.gach:last-child .gach{height:4px;margin:0 7px 10px;display:block}
@media (min-width: 768px) {
.text-sm-left{text-align:left}
.text-sm-right{text-align:right}
.text-sm-center{text-align:center}
.text-sm-justify{text-align:justify}
}
@media (min-width: 992px) {
.text-md-left{text-align:left}
.text-md-right{text-align:right}
.text-md-center{text-align:center}
.text-md-justify{text-align:justify}
}
@media (min-width: 1200px) {
.text-lg-left{text-align:left}
.text-lg-right{text-align:right}
.text-lg-center{text-align:center}
.text-lg-justify{text-align:justify}
}
.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15{position:relative;min-height:1px;padding-right:7px;padding-left:7px}
.col-xs-15{width:20%;float:left}
.p-built{margin-bottom:5px}
@media (min-width: 768px) {
.col-sm-15{width:20%;float:left}
}
@media (min-width: 992px) {
.col-md-15{width:20%;float:left}
}
@media (min-width: 1200px) {
.col-lg-15{width:20%;float:left}
}

img{max-width:100%}
.img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
.img1 {max-height:100%;object-fit:contain;}
.img2,.img4{width:100%;height:100%}
.img2{object-fit:cover}
.img3{max-height:100%; object-fit:fill}
.img4{object-fit:contain}
.img-1x1,.img-2x1,.img-4x3,.img-3x4,.img-16x9{position:relative;display:block!important;height:0!important;padding:0!important;overflow:hidden}
.img-1x1{padding-bottom:100%!important}
.img-2x1{padding-bottom:50%!important}
.img-4x3{padding-bottom:75%!important}
.img-3x4{padding-bottom:130%!important}
.img-16x9{padding-bottom:56.25%!important}
.bg_full {
    position: relative;
}
.bg_full::before {
    content: "";
    display: block;
    background: #f5f5f5;
    z-index: -1;
    position: absolute;
    left: calc(50% - 50vw);
    right: calc(50% - 50vw);
    top: 0;
    bottom: 0;
}
.bg_db::before {
    border-bottom: 1px solid #e7e7e7;
}

.line1, .line2, .line3, .line4 {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.line2 {
    -webkit-line-clamp: 2;
}
.line3 {
    -webkit-line-clamp: 3;
}
.line4 {
    -webkit-line-clamp: 4;
}

.div_shadow{box-shadow:0 4px 5px #c4c4c4;-webkit-box-shadow:0 4px 5px #c4c4c4;-moz-box-shadow:0 4px 5px #c4c4c4}
.div_shadow_small{box-shadow:0 2px 3px #c4c4c4;-webkit-box-shadow:0 2px 3px #c4c4c4;-moz-box-shadow:0 2px 3px #c4c4c4}
.div_border{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
.border{border:1px solid #d6d6d6}
.header{padding:10px 0 13px;background:#222 url(/images/icon/pattern-brick.png) repeat top left;border-bottom:4px solid transparent;border-image:linear-gradient(0.25turn,#fff922,#d19b00,#fff922,#d19b00,#fff922);border-image-slice:1;text-align:center}
.header .logo{margin:auto;display:inline-block}
.header .logo img{max-height:45px}
.nav-main{display:block;background:#222 url(/images/icon/pattern-brick.png) repeat top left}
.menu-main{display:flex;justify-content:center}
.menu-main > li{position:relative}
.menu-main > li > a{font-size:16px;color:#fff;padding:12px;display:block;text-transform:uppercase;border-bottom:3px solid transparent}
.menu-main > li:hover > a{border-bottom:3px solid #E6D373}
.menu-main > li.home > a{padding-left:0}
.menu-main > li.search > a{padding-bottom:0}
.menu-main > li.search > a:hover path{fill:#EDD314}
.menu-main > .multi > a{padding-right:30px}
.has-sub1{display:block;width:40px;height:40px;position:absolute;top:0;right:0;cursor:pointer;text-align:center;line-height:40px}
.has-sub1 .icon--arrow-bottom{width:12px;height:8px;display:inline-block;stroke:#fff;vertical-align:middle;background:0 0;pointer-events:none;overflow:visible}
.menu-main > li ul{display:none;position:absolute;top:100%;left:0;min-width:240px;z-index:9999;background:#fff;border-top:none}
.menu-main > li ul a{color:#1e1e1e;text-transform:capitalize}
.menu-main > li ul ul{left:100%;top:0}
.menu-main > li ul li{position:relative}
.menu-main > li ul li a{display:block;padding:6px 10px 6px 25px;position:relative}
.menu-main > li ul li a:hover{color:#ea7500}
.menu-main > li ul li:first-child > a{border-top:none}
.menu-main > li ul li a:before{content:"";display:block;width:5px;height:5px;background:#ea7500;position:absolute;left:10px;top:14px}
.menu-main > li ul li a.sub2:before{width:8px;height:10px;background:url(/images/bg/bg-mt.png)no-repeat center left;top:14px}
.menu-main .has-sub{display:block;position:absolute;top:0;right:0;bottom:0;margin:auto;width:26px;background:url(/images/bg/bg-sub.png)no-repeat center left}
.menu-main > li:hover > a,.menu-main .active > a{color:#fffa2b}
.open-main{display:none}
.js-toggle-showroom{position:inherit!important}
.js-toggle-showroom a{cursor:pointer}

.slider-home {width:100%; height:0;padding-bottom:37%;overflow:hidden;margin-bottom:30px;}
.slider-home .slide-item img,
.slider-home .video-wrap video {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.video-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}

.scrollToTop {
    bottom: 50px;
    right: 25px;
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 5000;
    background: url(/images/icon/icon-top.png) no-repeat center, rgba(0, 0, 0, 0.2);
    cursor: pointer;
    border-radius:50%;
    overflow:hidden;
    display:none;
}

@media(min-width:992px) {
.menu-main li:hover > ul{display:block}
}
.time{font-size:13px;color:#999}
.album{text-align:center}
.album li span{position:absolute;z-index:1;bottom:-60px;opacity:0;left:0;right:0;padding:5px;color:#fff;font-weight:700;background:#00000080}
.album li a:hover span{bottom:0;opacity:1}
#footer{color:#ccc}
#footer::before{background:#1f1a15 url(/images/icon/pattern-brick.png);border-top:4px solid transparent;border-image:linear-gradient(0.25turn,#fff922,#d19b00,#fff922,#d19b00,#fff922);border-image-slice:1}
#footer a{color:#ccc}
#form-email{height:34px;position:relative;width:100%;padding-right:80px}
.iptEmail,.btnEmail{border:none;outline:none;height:100%;color:#333}
.iptEmail{width:100%;padding:0 10px}
.btnEmail{background:#ea7500;color:#fff;padding:0 10px;position:absolute;z-index:1;top:0;right:0;border-left:3px solid #1f1a15}
.btnEmail:hover,.btnEmail:focus,.btnEmail:active{background-color:#038139}
#form-email .validation-advice{bottom:-100%}
.social{text-align:center}
.social a{display:inline-block;position:relative;width:36px;height:36px;border:1px solid #fff;margin:5px}
.cntfoo{position:relative;width:100%;margin-top:20px;padding:15px 0;color:#ea7500}
.cntfoo *{color:#d7d7d7!important}
.copy{padding:10px 0;text-align:center}
.tit1{text-align:center;padding:10px 0;font-size:15px;color:#fff;background:#ea7500;font-weight:700;line-height:1.5}
.tit1 a{font-size:16px;color:#fff;text-transform:uppercase}
.box1{border:1px solid #ececec}
.box1 li{border-bottom:1px dashed #ededed;display:block;position:relative}
.box1 li:last-child{border-bottom:none}
.box1 li a{display:block;padding:10px;font-size:16px}
.box1 li.active > a{color:#E5322D}
.has-sub{position:absolute;right:0;top:7px;width:40px;height:31px;text-align:center;line-height:31px;cursor:pointer;background:#fff;z-index:22}
.dropdown{border-top:1px dashed #ccc;position:relative;display:none}
.dropdown.open{display:block}
.dropdown li a{text-transform:none;padding-left:30px}
.dropdown li{position:relative;border-bottom:1px dashed #ededed}
.dropdown li:before{content:'';left:15px;top:15px;height:5px;width:5px;background:#ea7500;z-index:22;position:absolute}
.albumL{border:1px solid #ea7500}
.albumL p{margin-bottom:0}
.albumL p span{position:absolute;z-index:1;left:0;bottom:0;text-align:center;right:0;padding:7px;color:#fff;font-weight:700;background:#00000080}
.iZ::before{content:"";background:url(/images/icon/icon-view2.png)no-repeat center;opacity:0;z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-box-shadow:inset 0 0 50px 0 #21a63b80;-moz-box-shadow:inset 0 0 50px 0 #21a63b80;box-shadow:inset 0 0 50px 0 #21a63b80}
.iZ:hover::before{opacity:1;z-index:1}
.slogan{color:#aaa;margin:5px 0 0;font-size:14px;line-height:1.5}
.advh img{display:block;width:100%}
.mySlides{display:none}
.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}
@-webkit-keyframes fade {
from{opacity:.4}
to{opacity:1}
}
@keyframes fade {
from{opacity:.4}
to{opacity:1}
}
.textHome p{line-height:1.8;font-size:15px}
.home-news{background:#fff}
.home-news strong{display:block;overflow:hidden;border-bottom:1px solid #eee;background:#fff;line-height:42px;margin-bottom:5px}
.home-news strong a{padding:10px 0;font-size:14px;color:#4a90e2;text-transform:uppercase;font-weight:600;line-height:40px;margin-left:10px}
.home-news ul li{display:block;border-bottom:1px solid #eee;margin-bottom:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;height:44px;overflow:hidden}
.home-news ul li a{font-size:14px}
#dot{width:10px;height:10px;background-color:#EB172C;border-radius:100%;position:absolute;left:10px;top:50%;margin-top:-5px;display:block}
#dot .ping{border:1px solid #EB172C;width:10px;height:10px;opacity:1;background-color:#ee2e2433;border-radius:100%;-moz-animation:sonar 1.25s linear infinite;-o-animation:sonar 1.25s linear infinite;-webkit-animation:sonar 1.25s linear infinite;animation:sonar 1.25s linear infinite;display:block;margin:-1px 0 0 -1px}
@-webkit-keyframes sonar {
0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(4);transform:scale(4);opacity:0}
}
@keyframes sonar {
0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(4);transform:scale(4);opacity:0}
}
@-webkit-keyframes opas {
0%{opacity:1}
50%{opacity:.2}
100%{opacity:1}
}
@-moz-keyframes opas {
0%{opacity:1}
50%{opacity:.2}
100%{opacity:1}
}
@keyframes opas {
0%{opacity:1}
50%{opacity:.2}
100%{opacity:1}
}
.cart{text-align:left;float:right;margin-right:10px;line-height:35px;font-weight:700;font-size:16px}
.cart a{color:#E5322D}
.cart i{display:inline-block;font-size:16px;color:#E5322D;margin-right:5px}
.support{width:700px}
.support li{float:left;width:30%;margin:0 1%;height:50px;background:url(/images/icon/ic_support.gif) no-repeat 0 3px;padding-left:50px}
.breadcrumbs{background:#F2F1EF;margin-bottom:20px}
.breadcrumb{border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 0;margin-bottom:0;overflow:hidden;font-size:14px;text-transform:capitalize;}
.breadcrumb li{white-space:nowrap}
.breadcrumb a{color:#22549D}
div.nav-sidebar{position:relative}
div.nav-sidebar div.border{border-top:0 solid #1b76bd}
div.nav-sidebar-h2{position:relative}
div.nav-sidebar-h2 h2{font-size:14px;text-transform:uppercase;color:#fff;background:#1b76bd;padding:8px 10px;margin:0}
div.nav-sidebar-h2 span{font-style:normal;color:#252565;width:4px;height:25px;position:absolute;left:-4px;top:4px;background:#252565}
div.nav-sidebar.active div.border{display:none;position:absolute;width:100%;background:#fff;z-index:999;box-sizing:border-box}
div.nav-sidebar.active:hover div.border{display:block}
div.fill{margin:0 0 15px}
div.fill h4{font-weight:600;margin-bottom:15px;font-size:16px;width:100%;color:#22549D}
div.fill h4 i{float:right;margin-top:6px}
div.fill ul{margin-bottom:20px;border:1px solid #ccc;padding:10px;max-height:300px;overflow-y:scroll}
div.fill ul li{margin-bottom:6px;color:#091d0c}
.ul-cat > li{display:block;position:relative;border-bottom:1px solid #ddd}
.ul-cat > li > a{display:block;padding:8px 0 8px 8px;font-weight:700}
.ul-cat i{position:absolute;top:0;right:0;width:40px;text-align:center;height:35px;line-height:35px;cursor:pointer}
.ul-cat > li ul{border-top:none;border-bottom:none;display:none;border-left:1px solid #ddd;margin-bottom:5px}
.ul-cat > li ul li{display:block;position:relative}
.ul-cat > li ul li a{display:block;padding:6px 10px;width:calc(100% - 40px)}
.ul-cat > li.active > ul{display:block}
.ul-cat > li.active > ul > li.active > ul{display:block}
.icon-plus{background:url(/images/icon/sprite.png) no-repeat -113px -19px}
.icon-minus{background:url(/images/icon/sprite.png) no-repeat -113px -48px}
.ul-cat li.active > a{color:#E5322D}
.ul-cat li.parent > a{margin-right:30px}
.ul-cat a.open{color:#E5322D}
ul.main-menu{border:1px solid #d6d6d6;border-top:0;position:absolute;top:0;left:0}
ul.main-menu > li{border-bottom:1px solid #d6d6d6;padding:9.2px 10px}
ul.main-menu > li:last-child{border:none}
ul.main-menu > li > a{color:#333;display:block;font-size:14px;font-weight:600;position:relative}
ul.main-menu > li > a > i{position:absolute;top:0;right:0;font-size:16px;color:#22549D}
ul.main-menu > li > a:hover{text-decoration:none;color:#1b76bd}
ul.main-menu li:hover .sub-menu{display:block}
div.nav-sidebar.active .border{border:1px solid #1b76bd;box-sizing:border-box}
div.nav-sidebar.active .sub-menu{width:319%;border:1px solid #1b76bd;border-left:none;border-top:none;margin-left:-15px;top:1px}
.ubrand{max-height:350px;overflow-x:scroll}
.brand > a{display:block}
.brand > a > img{display:inline-block;height:15px;vertical-align:middle;margin-right:10px}
.brand > a > span{display:inline-block}
.heading{background:#f3f3f3 linear-gradient(to bottom,#f3f3f3 0%,#dfdfdf 100%) repeat scroll 0 0;border-bottom:2px solid #E5322D;height:38px;line-height:38px;text-transform:uppercase;display:block}
.heading span{display:inline-block;height:38px;line-height:38px;padding:0 10px;font-size:15px;color:#000;border-bottom:2px solid #000;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.sub-heading{text-transform:uppercase;font-size:16px;margin-bottom:18px;font-weight:700;display:block}
.sub-heading-th{border-bottom:1px solid #ccc;padding-bottom:10px}
.h-news{height:auto;margin-bottom:10px;overflow:hidden}
.h-news img{display:block;width:70px;height:auto;float:left;margin-right:10px}
.h-news strong{display:block;line-height:18px;max-height:36px;overflow:hidden}
.box-shock{border:solid 1px #DD1015;margin-bottom:20px;padding:15px 15px 0}
.box-km-cat{background-color:#fff;border:1px solid #eee;padding:10px 5px 5px;overflow:hidden;margin-bottom:10px;border-top:2px solid #22549D}
.orderby{background:#f5f5f5;padding:10px;margin-bottom:5px;margin-right:-1px}
.orderby i{margin:0 5px 0 10px;color:red}
.orderby a{color:#288ad6}
.box-km-title{background:#f3f3f3 linear-gradient(to bottom,#f3f3f3 0%,#dfdfdf 100%) repeat scroll 0 0;border-bottom:2px solid #000;margin:-11px -11px 0;height:38px;line-height:38px;text-transform:uppercase}
.box-km-title span{display:inline-block;height:38px;line-height:38px;padding:0 15px;font-size:16px;background:#ea7500;color:#fff;border-bottom:2px solid #000;font-family:Arial,Helvetica,sans-serif;font-weight:700}
div.box-pro.tab-content{border:none;padding:0}
.sub-cate-list{float:left;margin-top:8px;margin-left:10px}
.sub-cate-list a{display:inline-block;font-size:14px;border-right:1px solid #ccc;height:20px;padding:0 10px;line-height:20px;text-align:center;color:#000}
.sub-cate-list a:hover{color:#E5322D;text-decoration:none}
.sub-cate-list a:last-child{border:none}
ul.adv_left{margin:0 0 15px}
ul.adv_left li{height:auto;overflow:hidden;margin-bottom:15px}
ul.adv_left li img{width:100%;height:auto}
.video-item{position:relative}
.video-item .name{position:absolute;bottom:10px;left:0;right:0;display:block;text-align:center;z-index:999}
.video-item .name span{display:inline-block;background-color:#fff6;color:#fff;font-weight:700;font-size:16px;padding:8px 15px}
.address .address-title{display:block;width:100%;color:#ea7500;text-transform:uppercase;padding:0;font:bold 14px/22px Arial;text-align:left}
.address-body{margin-top:10px;margin-bottom:20px}
ul.mxh{margin-bottom:10px}
ul.mxh li{display:inline-block}
ul.mxh li img{height:30px;margin-left:5px}
div.page-title h2{font-size:18px;text-transform:uppercase}
.page-nummber{position:relative;text-align:center;margin:15px 0}
.page-nummber a{border:1px solid #ea7500;color:#ea7500;padding:5px 10px;display:inline-block;font-size:13px;margin-left:2px}
.page-nummber a:first-child{margin-left:0}
.page-nummber a.active,.page-nummber a:hover{background:#ea7500;color:#fff;border:1px solid #ea7500}
div.pro-detailt{background:#fff}
div.pro-detailt h1{margin-bottom:13px;font-size:22px;margin-right:5px;color:#000;line-height:28px}
div.pro-detailt hr{margin:10px 0 15px}
div.prodt-r .table .l{min-width:150px}
div.prodt-r .table td{border:none;padding:3px 0}
div.prodt-r .pr{font-size:25px;color:#c70404;font-weight:700}
div.prodt-r .pr span{font-size:12px;color:#333;margin-left:5px}
div.prodt-r .buy a{background:#22549D;padding:6px 25px;color:#fff;font-size:20px;display:inline-block;font-weight:300;text-transform:uppercase}
.prodt-r-info{margin-bottom:15px}
.prodt-r-info li{display:block;position:relative;padding-left:12px;margin-bottom:5px}
.prodt-r-info li::before{content:'';width:5px;height:5px;background:#E5322D;border-radius:50%;position:absolute;top:7px;left:0}
.prodt-r-info.inline{border-bottom:1px solid #ddd;padding-bottom:12px}
.prodt-r-info.inline li{display:inline-block}
.prodt-r-info.inline li:first-child{margin-right:20px}
.box-price{padding-bottom:12px}
.price{font-size:18px}
.price span{text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,3px 3px 5px #333}
.price1{position:relative}
.price1 label{background:red;color:#fff;padding:0 10px;font-weight:400;margin-left:10px}
.price1 span{text-decoration:line-through;text-decoration-color:red}
.price span{font-size:30px;color:#E5322D;font-weight:600;display:inline-block;margin-bottom:12px}
.sale{color:red}
.sale strong{font-weight:400}
.img-block{-webkit-background-size:contain;background-size:contain;background-position:center;background-color:#f8f8f8;background-blend-mode:multiply;background-repeat:no-repeat;border:solid 1px #F3F3F3}
.img-block img{width:100%;visibility:hidden}
.area_order{display:block;overflow:hidden}
.area_order .buy_now{float:left;width:100%;overflow:hidden;padding:9px 0;border-radius:4px;font-size:16px;font-weight:600;line-height:normal;text-transform:uppercase;color:#fff;text-align:center;background:#fd6e1d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));background:-webkit-linear-gradient(top,#f59000,#fd6e1d);background:-moz-linear-gradient(top,#f59000,#fd6e1d);background:-ms-linear-gradient(top,#f59000,#fd6e1d);background:-o-linear-gradient(top,#f59000,#fd6e1d)}
.area_order span{display:block;font-size:12px;color:#fff;text-transform:none;font-weight:400}
.callorder{display:block;overflow:hidden;padding:0;text-align:center;font-size:12px;color:#333}
.callorder span{padding:5px 0 0;display:block}
.callorder a{color:#288ad6}
.slider-for {
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc
}
.slider-nav p{padding:5px;position:relative}
.slider-nav p.slick-current:before{content:"";display:block;width:16px;height:8px;background:url(/images/icon/bg-arrow.png)no-repeat center top;position:absolute;bottom:100%;left:0;right:0;margin:auto}
.slider-nav p span{border:2px solid #999;}
.slider-nav p.slick-current span {border-color:#ea7500;}
.product-pager{margin-top:10px}
.product-pager.slider-active{padding:0 20px}
.product-pager .bx-wrapper{border:0}
.product-pager.slider-active li{max-width:none}
.product-pager li{width:100px;display:inline-block;border:solid 1px #F3F3F3;height:100px;position:relative;padding:5px}
.product-pager li img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-height:95%!important;max-width:95%!important}
.product-hero-img .bx-controls a,.product-pager .bx-controls a{padding:0;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
.product-pager .bx-controls a.bx-next{right:-20px}
.product-pager .bx-controls a.bx-prev{left:-20px}
.product-hero-img .bx-controls i,.product-pager .bx-controls i{color:#1e1e1e}
.product-hero-img .bx-controls i{font-size:30px!important}
.product-pager .bx-controls a{margin-top:0!important}
.product-pager .bx-controls i{font-size:22px!important}
.quantity-container{position:relative;height:40px;width:100%}
.quantity-container span{display:block;float:left;line-height:40px;margin-right:10px}
.quantity-container .qtyb{float:left;position:relative;border:1px solid #ccc;height:40px}
.quantity-container .btn{width:30px;height:13px;background:url(/images/icon/TPW-icon-set.png) no-repeat;background-position-y:-88px;display:inline-block;cursor:pointer;padding:10px;transform:scale(0.6)}
.quantity-container .btn.btn-quantity-minus{background-position-x:-262px;bottom:-5px}
.quantity-container .quantity-input{display:inline-block;border:none;border-radius:0;padding:0 0 3px;box-sizing:border-box;width:80px;height:40px;top:5px;background:transparent;text-align:center;font-size:18px;outline:none}
.quantity-container .btn.btn-quantity-plus{background-position-x:-224px;top:-5px}
.tt-km{background:#fffcf3;border:1px solid #d7d7d7;padding:10px;margin-bottom:10px}
.tt-km .km{border-bottom:1px dashed #d7d7d7;padding-bottom:0;margin-bottom:8px;background:url(/images/icon/km.gif) no-repeat left top;vertical-align:middle;line-height:25px;padding-left:25px}
.tab-content{border:1px solid #d7d7d7;padding:15px}
.nav-pills{margin-bottom:20px}
.nav-pills > li > a{border-radius:4px 4px 0 0;background:#eee;font-size:15px}
.box-sp{border:1px solid #ccc;padding:10px}
.box-sp > li{display:block;border-bottom:1px dashed #ccc;padding-bottom:8px;margin-bottom:8px;background:url(/images/icon/ic_support.gif) no-repeat 0 3px;padding-left:50px}
.box-sp > li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:5px}
.box-sp > li p{display:block;font-weight:700;color:#000;font-size:15px;margin-bottom:3px}
.box-sp > li span{display:block;font-size:15px;color:red;font-weight:700}
div.images-post-slider{margin:0 0 10px;position:relative}
div.images-post-slider a.next-link,div.images-post-slider a.prev-link{position:absolute;bottom:20px;z-index:999}
div.images-post-slider a.next-link i,div.images-post-slider a.prev-link i{width:25px;height:25px;background-color:#ffffffb3;border-radius:3px;line-height:2;text-align:center}
div.images-post-slider a.next-link{right:10px}
div.images-post-slider a.prev-link{left:10px}
div.images-post-slider .image-holder{overflow:hidden;margin-bottom:10px;position:relative;text-align:center;height:290px;width:100%;border:1px solid #ededed;position:relative}
div.images-post-slider .image-holder img{position:absolute;top:0;left:0;right:0;bottom:0;max-height:100%;max-width:100%;margin:auto}
div.images-post-slider .other-products{height:73px;overflow:hidden;border:1px solid #ededed;position:relative}
div.images-post-slider .other-products img{max-width:85%;max-height:85%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.alert{padding:2px 15px;margin-left:5px;font-size:11px!important}
.box-code-km{margin:10px 0;background:#FAF9F8;padding:10px}
.box-code-km ul li{display:block;margin-bottom:5px}
div.main-info{background:#eee;padding:25px 0;margin-top:15px}
div.main-info h2{font-size:19px;text-transform:uppercase}
ul.ul-newsh{padding:10px;border:1px solid #ccc}
ul.ul-newsh li{display:block;margin-bottom:7px;padding-bottom:7px;border-bottom:1px dashed #ccc}
ul.ul-newsh li:last-child{border:none}
ul.ul-newsh li p{max-height:92px;font-size:13px;text-align:justify;overflow:hidden;font-weight:400}
ul.ul-newsh li strong a{font-size:13px;color:#333;line-height:1.35;font-weight:700}
ul.ul-prokm{padding:10px;border:1px solid #dcdcdc}
ul.ul-prokm li{display:block;margin-bottom:10px;border-bottom:1px dashed #dcdcdc}
ul.ul-prokm li:last-child{border:none}
ul.ul-prokm h4{font-size:14px;max-height:37px;overflow:hidden}
ul.ul-prokm h4 a{color:#333;line-height:18px;font-weight:700}
ul.ul-prokm .pr{font-size:14px;font-weight:700;color:#E5322D}
ul.ul-prokm .pr1{text-decoration:line-through;height:15px;color:#505050;font-size:14px}
.nav-tabs-km{border-bottom:1px solid #22549D;margin-bottom:10px}
.nav-tabs-km li{display:inline-block}
.nav-tabs-km li a{display:block;padding:8px 25px;background:#22549D;color:#fff;text-align:center;text-transform:uppercase;font-size:16px}
.nav-tabs-km li a:hover,.nav-tabs-km li a:focus,.nav-tabs-km li.active a{background:#E5322D;color:#fff}
div.tab-content{position:relative;display:block}
div.tab-content a.view-all{position:absolute;width:181px;height:38px;right:0;top:-47px;z-index:99;text-align:right;color:#fff;padding-right:10px;padding-top:4px}
div.detail-post{margin-bottom:15px}
div.detail-post .title-post p{margin:7px 0 0!important;font-size:15px}
div.detail-post .title-post h1{margin:0 0 8px;font-size:30px;color:#333;line-height:1.35}
.post-related li{padding:5px 0 5px 20px;display:block;background:url(/images/icon/bg-dli.png)no-repeat left 10px}
div.news-item{padding:10px 0}
div.news-item .thumb{width:220px;padding:2px;position:relative;float:left;margin-right:15px}
div.news-item a.alink{display:inline-block;padding:2px 10px;background:#aaa;color:#fff;font-size:12px}
div.news-item a.alink:hover,div.news-item a.alink:before,div.news-item a.alink:active{background:#ea7500;color:#fff}
div.sidebar-right{margin-bottom:15px}
div.sidebar-right h3{background:#1B76BD;color:#fff;font-size:14px;text-transform:uppercase;padding:7px 10px;margin-bottom:0}
div.sidebar-right ul{border:1px solid #d5d5d5;border-top:0;padding:10px}
div.sidebar-right ul li{border-bottom:1px dashed #d5d5d5;margin-bottom:5px;padding-bottom:5px}
div.view-content ul li{padding-bottom:7px;display:block;border-bottom:1px dashed #d5d5d5;margin-bottom:7px}
div.view-content ul li > a{font-size:14px;text-transform:uppercase;display:block;color:#333}
div.view-content ul li div{margin-top:7px}
div.view-content ul li div p{margin-bottom:3px}
div.view-content ul li div p b{color:Red;margin-right:5px}
@media (max-width:992px) {
div.siderbar-link .siderbar-link-content ul li a{width:100%}
div.home-page-top .dtop h3{font-size:18px}
}
@media (max-width:768px) {
.product .cr .pull-right{float:none!important}
.product .cr{text-align:center}
.navbar-toggle{position:absolute;left:0;margin-bottom:0;padding:0;margin-top:13px}
.navbar-toggle .icon-bar{background:#fff;height:4px;width:25px}
.nav-top > li > a{padding:8px 5px}
.nav-top > li:nth-child(2) > a{border:none!important}
.nav-top > li:last-child{display:inline-block!important}
.main-menu.mobile{max-height:350px;overflow-y:scroll}
.nav-main-container .container{padding:0 7px}
ul.main-menu{display:none;border:none!important}
ul.main-menu > li{padding:12px}
ul.main-menu > li > a{font-size:14px;text-transform:uppercase}
.sub-menu{display:block!important;position:relative!important;width:100%!important;margin:0;padding:0;left:auto!important;border:none!important;margin-top:10px}
.sub-menu > li{display:block;float:none!important;width:100%!important;text-align:left!important;border-top:1px dashed #d5d5d5;padding-left:15px;padding-bottom:8px;padding-top:8px;margin:4px 0}
div.box-pro .row{white-space:nowrap;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch}
div.box-pro .row .col-xs-6{display:inline-block!important;white-space:normal;float:none}
.mgbt-lg{margin-bottom:20px}
.mgbt-sm{margin-bottom:15px}
.mgbt-xs{margin-bottom:10px}
div.home-page-top .dtop h3{font-size:16px}
div.home-page-content{margin-top:0}
div.home-page-top{margin-top:0}
ul.nav-tabs.nav-tabs-m li{float:left;width:33.3333%;text-align:center;margin:0}
ul.nav-tabs.nav-tabs-m li a{font-size:14px;margin:0;padding:4px 15px}
div.div-responsive{width:914px;overflow:hidden}
div.main-info{padding:15px 0 0;margin-top:15px}
div.main-info h2{font-size:15px}
div.main-info .map{max-height:140px;overflow:hidden}
.nav-info > ul > li{margin:9px}
.checking-form .total-box .inner-total{width:auto;float:none}
.checking-form .total-box .inner-total .table td{padding:7px 10px}
.p-built-mobile{width:300px!important}
.video-box-container{width:100%!important;margin:0 0 10px}
.video-box-list{width:100%!important}
}
.box-km-title .sp2{font-size:16px;background:#E5322D;color:#fff;text-transform:uppercase;float:left;height:35px;line-height:35px;padding:0 15px;margin-left:-11px;margin-bottom:10px}
.video-box h2,.news-box h2{border-bottom:3px solid #e9e9e9;margin-bottom:20px}
.video-box h2 span,.news-box h2 span{font-size:20px;text-transform:uppercase;color:#1b76bd;font-weight:700;display:inline-block;background:#fff;margin-bottom:-12px;padding-right:10px}
.video-box-container{float:left;width:60%;margin-right:2%}
.video-box-list{float:right;width:38%}
.video-box-list li{display:block;margin-bottom:10px}
.video-box-list li img{display:inline-block;margin-right:10px;width:100px;height:65px;float:left}
.advFix{position:fixed;bottom:0;margin:auto;width:100%;text-align:center;z-index:999}
.advFix .container{position:relative}
.advFix img{text-align:center}
.closeA{width:20px;height:20px;font-size:20px;text-align:center;display:inline-block;position:absolute;right:-5px;top:0;background-color:#333;color:#FFF;cursor:pointer;z-index:99;line-height:20px}
.content-post a{color:#E5322D!important}
.box-km{border:1px solid #ccc;padding:15px}
.product-form{background:#f5f5f5;padding:20px;border-radius:5px;margin-bottom:20px}
.product-form input[type=text]{display:block;width:100%;padding:5px 10px}
.product-form input[type=button],.product-form .btn-order{display:block;width:100%;border:1px solid #288ad6;background:#288ad6;color:#fff;border-radius:4px;padding:10px 0}
ul.shipping li{display:block;padding:8px}
ul.shipping li:nth-child(2n + 1){background:#f5f5f5}
#boxsearch{position:relative}
.wrap-suggestion{position:absolute;top:0;background:#fff;border:1px solid #ccc;left:0;width:100%;z-index:9999;max-height:300px;overflow-y:scroll;margin:0;padding:0}
.wrap-suggestion:after,.wrap-suggestion:before{bottom:100%;left:80px;border:solid transparent;content:" ";height:0;width:0;position:absolute}
.wrap-suggestion:after{border-color:#fff0;border-bottom-color:#fff;border-width:8px;margin-left:-8px}
.wrap-suggestion:before{border-color:#dadada00;border-bottom-color:#dadada;border-width:9px;margin-left:-9px}
.wrap-suggestion li{display:block;background:#fff;overflow:hidden;list-style:none;border-bottom:1px dotted #ccc;padding-left:10px}
.wrap-suggestion li a{display:block}
.wrap-suggestion li:last-child{border-bottom:0}
.wrap-suggestion li a{display:block;overflow:hidden;padding:6px;color:#1e1e1e;font-size:12px;line-height:16px;font-weight:400}
.wrap-suggestion li a:hover{text-decoration:none}
.wrap-suggestion li a img{float:left;width:100px;height:auto;margin:0 10px 0 0}
.box_load{font-weight:700;font-size:15px;color:#000;height:200px;width:200px;margin:30px auto;text-align:center;background:url(/images/icon/loading-full.gif)no-repeat center}
.item_load{vertical-align:middle;display:table-cell;height:200px;width:200px;line-height:1.5}
.item_load span{font-size:30px;display:block;color:#d00306}
#popup{text-align:center}
#popup img{display:block;margin:auto}
#top::before{background:#eee;border-bottom:1px solid #ffffff4d}
#top{padding-top:10px;padding-bottom:10px;font-size:13px;color:#1e1e1e;text-align:left;background:#efefef}
#top .hl{display:inline-block;margin-right:10px}
#top .hl b{font-size:14px}
.showrooms{display:inline-block!important}
.fancybox-container .showrooms{max-width:1100px!important;overflow:hidden}
.showrooms:before{content:"";display:block;background:#fff;z-index:-1;position:absolute;left:calc(50% - 50vw);right:calc(50% - 50vw);top:0;height:1px}
.showrooms .title{text-align:center;text-transform:uppercase;margin-bottom:20px;border-bottom:1px solid #ccc;padding-bottom:15px;padding-top:20px;margin-top:0}
.showrooms .showroom{margin-bottom:20px}
.showrooms .showroom .titH4{line-height:28px!important;font-size:17px!important;margin-top:0}
.showrooms .showroom{margin:0 10px 20px;width:calc(100% / 5 - 20px);float:left}
.showrooms .showroom .name{line-height:28px!important;font-size:16px!important;margin-top:0;font-weight:700;margin-bottom:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.showrooms .showroom .thumbs{width:100%;margin-bottom:15px;border:2px solid #ccc}
.showrooms .showroom p{margin-bottom:5px}
.showrooms .showroom p *{font-size:14px!important}
.showrooms .showroom p:nth-child(4) strong{color:#E5322D}
.showrooms .showroom p:nth-child(5) strong{color:#E5322D}
.showrooms .showroom2{border-top:1px solid #ccc;padding-top:20px}
.showrooms .showroom2 p:nth-child(2) strong{color:#E5322D}
.showrooms .showroom2 p:nth-child(3) strong{color:#E5322D}
.showrooms .showroom .number{background:#dd1015;display:inline-block;width:25px;height:25px;color:#fff;font-size:20px;line-height:25px;text-align:center;font-weight:700;border-radius:4px;-moz-border-radius:4px;box-shadow:-3px 3px 3px 0 #ccc;float:left;margin-right:10px;vertical-align:middle}
@media (max-width:768px) {
.showrooms .showroom{width:calc(100% - 20px)}
}
.aboutHome{position:relative;overflow:hidden;background:#ea7500 url(/images/icon/bgCate.png) no-repeat top center;min-height:350px;padding-top:70px}
.aboutHome h1{font-size:22px;color:#fff;margin-bottom:20px;font-weight:700}
.aboutHome h1 b{font-size:40px;display:inline-block;margin-bottom:15px;color:#DA2128;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,3px 3px 5px #333}
.aboutHome p{font-size:16px;line-height:24px;color:#fff}
.aboutHome p b{font-size:17px;display:inline-block;color:#DA2128;text-shadow:.5px 1px 0 #fff,-.5px -1px 0 #fff,.5px -1px 0 #fff,-.5px 1px 0 #fff,3px 3px 5px #333}
@media only screen and (max-width: 1366px) {
.aboutHome{padding-top:50px}
.aboutHome h1 b{font-size:35px}
}
@media (max-width:768px) {
.header .logo{margin-bottom:8px}
.aboutHome{margin-top:0;background:#f5f5f5;padding:25px 15px}
.aboutHome h1{font-size:17px;line-height:24px;color:#1e1e1e!important}
.aboutHome h1 b{font-size:24px;margin-bottom:10px;color:#DA2128!important}
.aboutHome p{text-align:justify;font-size:14px;line-height:22px;color:#1e1e1e!important}
.aboutHome p b{color:#DA2128!important;font-size:14px!important;text-shadow:none!important}
#popup img{max-width:90%}
}
.link-all{position:absolute;right:0;color:#E5322D;font-size:14px;font-weight:400;bottom:10px}
.link-all.border{padding:3px 10px;bottom:0}
.cat-hot{border-top:1px solid #ccc;border-left:1px solid #ccc}
.cat-hot .cat-hot-lst{float:left;width:25%;padding:10px;text-align:center;border:1px solid #ccc;border-left:0;border-top:0}
.cat-hot .cat-hot-lst img{display:block;margin:0 auto 15px}
.cat-hot .cat-hot-lst h3{font-size:14px;font-weight:700}
@media only screen and (max-width: 767px) {
.intro.t-center{text-align:justify!important}
.cat-hot .cat-hot-lst{width:50%}
}
.box_p{border:1px solid #d9d7d7;margin-bottom:30px;position:relative;display:block;background:#fff;padding:10px 10px 30px}
.more_p{text-align:center;margin-top:5px;position:absolute;width:100%;bottom:-15px;left:0}
.more_p a{background:#1ca555;display:inline-block;padding:5px 12px;color:#fff;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0 5px #0d542b;-webkit-box-shadow:0 5px #0d542b;box-shadow:0 5px #0d542b;text-transform:uppercase;font-size:12px}
.more_p a:hover{color:#000;background:#ff0}
.box_p strong{height:34px;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.menu-main > li:first-child > a{padding-left:0!important}
.tab-content iframe{max-width:100%!important}
.product-info{margin-bottom:15px;margin-left:15px}
.product-info li{list-style:disc;margin-bottom:5px}
.product-info li strong{color:#ea7500}
.dDescP{font-size:16px;line-height:1.6}
.dDescP p,.dDescP p *{font-size:16px;line-height:1.6}
.dDescP img{max-width:100%;display:block;margin:15px auto}
.dDescP-title{font-size:17px;color:#E5322D;text-transform:uppercase;font-weight:700}
.dDescP h2,.dDescP h3,.dDescP h4{font-weight:700}
.dDescP h2{font-size:18px;margin:15px 0}
.dDescP h3{font-size:16px;margin:15px 0}
.dDescP h4{font-size:16px;margin:10px 0}
.dDescP a,.dDescP a *{color:#ea7500}
.dDescP ul{margin-left:20px}
.dDescP ul li{list-style:disc;margin-bottom:8px}
.dDescP img{height:auto!important}
.dDescP table,.dDescP iframe{max-width:100%!important}
.dDescP iframe{max-height:343px!important}
.dHotline strong{display:inline-block;color:#e51e26;margin-right:5px}
.dHotline p:last-child strong{color:#ea7500}
.dHotline p:last-child{margin-bottom:0}
.dHotline p:first-child{font-weight:700}
.dHotline{border-left:3px solid #e51e26;padding:15px;background:#f5f5f5;margin-top:20px;margin-bottom:20px}
@media(max-width:767px) {
.dHotline{padding:10px}
}
.hotline{float:right;font-size:15px;color:#f9f111;background:url(https://daiphucvinh.com.vn/images/icon/fuvico.png) no-repeat top left;background-size:contain}
.hotline1{margin-left:28px;border-left:0;padding-left:25px;padding-right:20px;padding-top:3px;height:50px}
.hotline p{margin:0;line-height:1.4}
.hotline a{color:#f9f111;font-weight:700}
.hotline p span{display:inline-block;font-size:16px}
.hotline p strong{display:inline-block;margin-left:4px;font-size:24px;line-height:1.1;color:#DA2128;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,3px 3px 5px #333}
.grid-img .grid-item{height:167px;overflow:hidden;border:2px solid #fff;position:relative;width:33%;cursor:pointer;display:block;float:left}
@media(min-width:481px) {
.grid-img .grid-item:nth-child(4){height:166px}
}
.grid-img .grid-item:first-child{width:calc(100% - 34%);float:left;height:500px;position:relative;overflow:hidden}
.grid-img .grid-item:first-child .zoom{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:170px;height:34px;text-align:center;background-color:#000c;color:#fff;z-index:222;padding:5px 10px}
.grid-img .grid-item:first-child .zoom i{margin-right:5px}
.grid-img .grid-item img{display:block;width:100%;height:100%;object-fit:cover}
.grid-img .grid-item:last-child .more{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;font-size:13px;width:60px;height:54px;text-align:center;background-color:#000c;color:#fff;z-index:999;padding:5px 10px}
.album{border:1px solid #ededed;padding:20px;margin-bottom:25px;box-shadow:0 10px 20px #00000030 0 6px 6px #00000038;text-align:left}
.album h3{color:#000;font-weight:700;line-height:1.6}
@media(max-width:480px) {
.album{padding:15px 10px}
.grid-img .grid-item:first-child{width:100%;height:250px}
.grid-img .grid-item{height:100px;width:25%;float:left}
.grid-img.grid-img-p .grid-item{height:100px;width:calc(100%/3)!important;float:left}
.grid-img.grid-img-p .grid-item:first-child{width:100%!important;height:auto!important}
}
.video-list{margin-bottom:15px}
.video-list .video-thumb{margin-bottom:10px;position:relative}
.video-thumb .video-img{width:100%}
.video-thumb .video-icon{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.video-search{margin-bottom:10px}
.video-title{line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:40px}
.video-time{margin-top:5px;margin-bottom:0;background:url(/images/icon/clock_16.png) no-repeat center left;padding-left:20px}
.heading1{display:block;font-size:15px;color:#fff;letter-spacing:0;padding:0 20px 5px 0;font-weight:700;line-height:150%;margin:0;padding-left:15px;background-image:linear-gradient(180deg,#e9c92e 0%,#FD9905 100%);padding-top:8px;border-radius:8px 8px 0 0;text-transform:uppercase}
.heading1>a{color:#fff}
ul.nav-sider-bar{max-height:250px;overflow-y:auto;border:1px solid #ececec;padding:8px 0}
ul.nav-sider-bar li{display:block;margin:1px 2%}
ul.nav-sider-bar > li:last-child > a{border:none}
ul.nav-sider-bar > li a{display:block;font-size:16px;padding:6px 10px 5px 12px;position:relative;color:#000}
ul.nav-sider-bar > li > .tit1{font-weight:400}
ul.nav-sider-bar > li.ac > a,ul.nav-sider-bar > li:hover > a{color:#1e1e1e!important}
ul.nav-sider-bar::-webkit-scrollbar{width:3px}
ul.nav-sider-bar::-webkit-scrollbar-track{background:#ededed}
ul.nav-sider-bar::-webkit-scrollbar-thumb{background:#777}
ul.nav-sider-bar::-webkit-scrollbar-thumb:hover{background:#b30000}
ul.sub-menu-side-bar.active{display:block}
ul.sub-menu-side-bar{background:#fff}
ul.sub-menu-side-bar li{padding-left:22px;border-bottom:1px dashed #eee}
ul.sub-menu-side-bar li:last-child{border-bottom:0}
ul.sub-menu-side-bar li a:before{content:"";width:5px;height:5px;display:block;background:#ccc;position:absolute;left:0;top:15px}
ul.sub-menu-side-bar li.ac a{color:#1e1e1e;font-weight:700}
.validation-advice{padding:3px 10px;font-size:12px;margin-bottom:0}
.m-checkbox{padding-left:33px!important}
.m-checkbox-checked{background:url(/images/icon/checkbox_unchecked.png) 10px 8px no-repeat}
.m-checkbox-checked:hover{background:url(/images/icon/checkbox_unchecked_hover.png) 10px 8px no-repeat}
.m-checkbox-unchecked{background:url(/images/icon/checkbox_checked.png) 10px 8px no-repeat}
.box-filter .filter-item{float:left;width:auto;margin-right:15px;position:relative}
.box-filter .filter-item .filter-item-title{display:inline-block;border:1px solid #ccc;border-radius:3px;padding:6px 22px 6px 15px;position:relative;cursor:pointer}
@media(max-width:667px) {
.box-filter .filter-item{width:48%;margin:2px 1% 2px 0}
.box-filter .filter-item .filter-item-title{display:block}
}
.box-filter .filter-item .filter-item-title::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #333;content:'';height:0;position:absolute;top:14px;right:8px;width:0}
.filter-item-value{background:#fff;position:absolute;display:none;z-index:999;position:absolute;min-width:180px;padding:5px 0;margin-top:2px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid #00000026;-webkit-box-shadow:0 6px 12px #0000002d;box-shadow:0 6px 12px #0000002d}
.filter-item-value > li a{display:block;font-size:14px;padding:8px 10px 7px 12px;position:relative;border-bottom:1px solid #ececec;color:#000}
.filter-item-value > li:last-child a{border-bottom:none}
.box-filter-curent{margin-top:10px}
.box-filter-curent a{display:inline-block;margin-right:10px;margin-bottom:8px;padding:4px 25px 4px 10px;background:url(/images/icon/close_atr.png) no-repeat 92%,#ea7500;border-radius:4px;color:#fff;font-size:13px}
.box-filter-curent a.remove-filter{background:url(/images/icon/close_atr.png) no-repeat 92%,#E5322D}
.grid-img .grid-item{height:167px;overflow:hidden;border:2px solid #fff;position:relative;width:26%;cursor:pointer;display:block;float:left}
@media(min-width:481px) {
.grid-img .grid-item:nth-child(4){height:166px}
}
.grid-img .grid-item:first-child{width:calc(100% - 26%);float:left;height:500px;position:relative;overflow:hidden}
.grid-img .grid-item:first-child .zoom{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:170px;height:32px;font-size:14px;text-align:center;background-color:#000c;color:#fff;z-index:222;padding:5px 10px}
.grid-img .grid-item:first-child .zoom i{margin-right:5px}
.grid-img .grid-item img{display:block;width:100%!important;height:100%!important;object-fit:cover}
.grid-img .grid-item.grid-item-3 .zoom{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;font-size:13px;width:80px;height:28px;text-align:center;background-color:#000c;color:#fff;z-index:999;padding:5px 10px}
.contact-widget{position:fixed;top:40%;right:0;z-index:111}
.contact-widget > .widget{display:block;left:0;transition:left .5s ease;border-radius:10px 0 0 10px!important;width:45px!important;height:45px!important;margin:3px!important;background-size:contain!important;position:relative;cursor:pointer;text-align:center;background-repeat:no-repeat;background-position:center left}
.contact-widget > .widget:hover{left:-72px;width:auto}
.contact-widget > .widget .text{line-height:45px!important;left:44px!important;position:absolute;white-space:nowrap;color:#fff;padding:0 8px;text-align:right}
.widget-hotline-2{border-radius:10px 0 0 10px!important;background-image:url(https://daiphucvinh.com.vn/images/icon/chat.svg),linear-gradient(179.83deg,#8ad336 .15%,#509600 92.02%)}
.widget-hotline-2 .text{background-image:linear-gradient(179.83deg,#8ad336 .15%,#509600 92.02%)}
.widget-hotline{background-image:url(https://daiphucvinh.com.vn/images/icon/widget_icon_click_to_call_square.svg),linear-gradient(179.83deg,#8ad336 .15%,#509600 92.02%)}
.widget-hotline .text{background-image:linear-gradient(179.83deg,#8ad336 .15%,#509600 92.02%)}
.widget-inbox{background-image:url(https://daiphucvinh.com.vn/images/icon/widget_icon_youtube.svg),linear-gradient(180deg,#d42428 0%,#cc202d 100%)}
.widget-inbox .text{background-image:linear-gradient(180deg,#d42428 0%,#cc202d 100%)}
.widget-message{background-image:url(https://daiphucvinh.com.vn/images/icon/widget_icon_messenger_square.svg),linear-gradient(0deg,#1d77e2 1.46%,#2cb7ff 99.03%)}
.widget-message .text{background-image:linear-gradient(0deg,#1d77e2 1.46%,#2cb7ff 99.03%)}
.widget-zalo{background-image:url(https://daiphucvinh.com.vn/images/icon/widget_icon_zalo_square.svg),linear-gradient(180deg,#3a8bff 0%,#035ada 100%)}
.widget-zalo .text{background-image:linear-gradient(180deg,#3a8bff 0%,#035ada 100%)}
.widget-address{background-image:url(https://daiphucvinh.com.vn/images/icon/widget_icon_map_square.svg),linear-gradient(180deg,#07d8f8 0%,#00a0d2 100%)}
.widget-address .text{background-image:linear-gradient(180deg,#07d8f8 0%,#00a0d2 100%)}
.contact-widget > .widget-zalo:hover{left:-43px}
.contact-widget > .widget-address:hover{left:-83px}
@media(max-width:767px) {
.contact-widget{top:initial;bottom:10px;width:100%;text-align:center}
.contact-widget > .widget{display:inline-block;border-radius:10px!important;margin:0 4px!important}
.contact-widget > .widget .text{display:none}
.contact-widget > .widget:hover{left:unset!important}
.widget-hotline-2{display:inline-block!important}
.copy{padding-bottom:70px!important}
.alo-phone,.alo-phone.alo-red{display:none!important}
}
@media(max-width:480px) {
.grid-img .grid-item:first-child{width:100%;height:250px}
}
.fancybox-slide > div{vertical-align:top!important}
.row-hotline .col-left,.row-hotline .col-right{background:#f5f5f5;padding-top:15px}
@media (min-width:1023px) {
.row-hotline .col-left{border-right:2px solid #00804A}
}
.citys{max-width:600px;margin:auto;padding:20px;background:#fff;border-radius:12px}
.citys-head{text-align:center}
.citys-head h3{margin-bottom:10px;margin-top:10px;font-size:17px;font-weight:700}
.citys-head .desc{font-size:14px;margin:0 0 15px}
.city{margin-bottom:13px}
.city-name{font-weight:700;font-size:13px;text-transform:uppercase;color:#be0000;text-align:center;margin-bottom:10px}
.city-body{display:flex;flex-direction:row;justify-content:space-between}
.city-body .call{width:calc(100% / 2 - 10px);background:#00804A;color:#fff;padding:5px;border-radius:8px;display:flex;flex-direction:row;text-decoration:none;transition:all ease .3s}
.city-body .call:hover{background:#005833}
.city-body .call .info{display:flex;flex-direction:column;margin:auto 15px;font-size:16px}
.city-body .call .avatar{width:70px;border:2px solid #ffffff80;border-radius:8px;transition:all ease .3s}
.city-body .call:hover .avatar{border:2px solid #ffffffe6}
@media(max-width:1366px) {
.city-body .call .avatar{width:55px}
.fancybox-slide > div{padding:10px!important;margin:0!important;border-radius:12px}
}
@media(max-width:480px) {
.fancybox-slide > div{vertical-align:middle!important}
.city-name{font-size:13px}
.city-body .call{border-radius:4px}
.city-body .call .info{margin:auto 10px;margin-right:0;font-size:12px}
.city-body .call .info b{font-size:14px}
.city-body .call .avatar{width:50px}
}
#pnlLH .citys-head h3{line-height:1.4!important;margin:10px 0;padding:0;font-family:'DPV2',sans-serif}
#pnlLH .citys-head h3,.titH3{text-align:center;position:relative;font-size:24px;text-transform:uppercase;padding-bottom:20px;margin-bottom:30px;font-weight:700}
#pnlLH .citys-head h3::after,.titH3::after{width:26px;height:22px;background:url(/images/icon/icon-down.png) no-repeat center;content:'';position:absolute;left:0;right:0;margin:0 auto;bottom:0}

.titH1, .titH2, .titH2a, .titH2c, .titH2b, .titH3, .titH4, .titH4b {
    line-height: 1.4 !important;
    margin: 10px 0;
    position: relative;
    font-family: 'DPV2', sans-serif;
}

.titH1 {
    font-size: 22px
}

.titH2 {
    font-size: 25px
}

.titH2a {
    font-size: 20px
}

.titH2c {
    font-size: 26px
}

.titH2b {
    font-size: 30px
}

.titH3 {
    font-size: 17px
}

.titH4 {
    font-size: 16px
}

.titH4b {
    font-size: 14px
}


.titH3_1::after{width:13px;height:22px;background:url(/images/icon/icon-down-2.png) no-repeat center}
.titH4{position:relative;font-size:18px;padding-left:20px;margin-bottom:10px;font-weight:700}
.titH4::after{width:13px;height:15px;background:url(/images/icon/icon-down-2.png) no-repeat center;background-size:contain;content:'';position:absolute;left:0;top:3px}
.feature-category-box li, .cat1, .product {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.product a{display:block; border:1px solid #ededed;padding:20px;background:#fff}
.product .code{font-family:'DPV2',Arial;font-weight:700;font-size:18px;text-align:center;position:relative;padding-bottom:8px;margin-bottom:10px;color:#444}
.product .code:after{width:16px;height:12px;background:url(/images/icon/icon-down.png) no-repeat center;background-size:contain;content:'';position:absolute;left:0;right:0;margin:0 auto;bottom:0}
.product .name{text-align:center;height:72px;overflow:hidden;font-weight:700;text-transform:uppercase;font-size:16px;}
.news{border:1px solid #ededed;padding:20px;background:#fff}
.news .pic{padding-bottom:75%;height:0;position:relative;margin-bottom:15px;width:100%}
.news .pic img{position:absolute;max-height:100%;max-width:100%;margin:auto;top:0;left:0;right:0;bottom:0}
.news .code{font-family:'DPV2',Arial;font-weight:700;font-size:18px;text-align:center;position:relative;padding-bottom:8px;margin-bottom:10px;color:#444}
.news .code:after{width:16px;height:12px;background:url(/images/icon/icon-down.png) no-repeat center;background-size:contain;content:'';position:absolute;left:0;right:0;margin:0 auto;bottom:0}
.news .name{height:50px;overflow:hidden;line-height:1.3;font-weight:700}
.page-title{font-size:25px;font-weight:700;margin-bottom:20px;font-family:'DPV2',sans-serif}
.category{background:#ededed;margin-bottom:30px}
.category .name{text-align:center;padding:10px;font-size:16px;font-weight:500;}
.prodt{background:#fff;padding:30px 0;margin-top:-20px}
#searchModal{width:800px;max-width:90%;position:relative;overflow:visible!important}
#searchModal h3{font-size:25px;font-weight:700;margin-bottom:20px;font-family:'DPV',sans-serif;text-align:center}
#searchModal input[type=text]{width:calc(100% - 75px);border-radius:6px 0 0 6px!important;display:inline-block!important;vertical-align:middle}
#searchModal .form-group{display:block;width:100%}
#searchModal .btnSear{border-radius:0 6px 6px 0!important;border-left:0}
.cat1 a{display:block; border:1px solid #ededed;border-radius:8px}
.cat1 .thumb::after{width:100%;height:25%;content:'';background-image:linear-gradient(transparent,#fff);position:absolute;bottom:0;left:0;z-index:222}
.cat1 .body{padding:25px 15px;text-align:center}
.cat1 .name{font-family:'DPV2',sans-serif;text-align:center;font-size:18px;margin-bottom:10px;line-height:1.5;}

#myTabProDtBar.sticky{position:fixed;top:0;width:1080px;z-index:9999;background:#fff;margin-bottom:0!important}
#myTabProDtBar.sticky + .padding-sticky{height:44px}
#myTabProDtBar a{display:block!important;padding:8px 15px}
.nav-pills{margin:0}
.nav-pills > li > a{border-bottom:3px solid #ccc;border-radius:0}
.nav-pills > li.active > a,.nav-pills > li.active > a:focus,.nav-pills > li.active > a:hover{background:#333;border-bottom:3px solid #ea7500}
@media (max-width:767px) {
    .nav-pills > li + li{margin-left:inherit}
    .nav-pills > li{width:calc(100% / 2 - 10px);margin:3px 5px!important}
    #myTabProDtBar.sticky{left:0;width:100%}
}
.prolq{margin-bottom:15px}
.prolq li{display:inline-block;margin:5px 8px}
.prolq li a{display:flex;padding:5px 10px;border:1px solid #ea7500;font-weight:700;border-radius:4px;flex-direction:column;align-content:center;text-align:center;max-width:150px;}
.prolq li a.active{background:#ea7500;color:#fff}
.prolq li a img{width:121px;height:100px;margin-bottom:5px;object-fit:scale-down}
.product-specification__content{margin-bottom:20px}
.product-specification__content.active{max-height:unset}
.product-specification__show{background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.91) 50%,#fff 55%);bottom:0;margin:20px auto 0;max-width:calc(100% - 30px);padding-top:50px;position:absolute;width:100%;border-radius:0 0 8px 8px}
.product-specification__show p{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 2px 0 #3c40431a 0 2px 6px 2px #3c404326;color:#212529;cursor:pointer;display:flex;font-size:14px;height:34px;justify-content:center;margin:0 auto;max-width:335px;transition:all .3s}
.product-specification__show p svg{margin-left:7px}
.product-specification__show p.btn-hide{display:none}
.product-specification__show p.btn-hide svg{transform:rotate(180deg)}
.product-specification__content.active .product-specification__show{position:relative;padding-top:0}
.product-specification__content.active p.btn-hide{display:flex}
.product-specification__content.active p.btn-show{display:none}
.mobile-menu-main{display:none}
.feature-category-box{}
.feature-category-box li {width:calc(100% / 6); float:left; text-align:center;}
.feature-categry-image{border-radius:5px;background-color:#fff;transition:all 350ms ease;border:3px solid #E1E1E1}
.feature-category-item:hover .feature-categry-image{border-color:#e86200}
.feature-categry-text{margin-top:7px;font-size:14px}

.intro{position:relative;text-align:justify}
.intro.box-shadow{padding:20px}
.intro h1,.intro h2,.intro h3,.intro h4,.intro h5,.intro h6,.intro .h1,.intro .h2,.intro .h3,.intro .h4,.intro .h5,.intro .h6{margin:0 0 10px;line-height:1.5}
.intro h2,.intro h2 *{font-size:20px}
.intro h3,.intro h3 *{font-size:18px}
.intro table{max-width:100%!important;width:auto!important}
.intro table tr th {color:#ea7500}
.intro img{max-width:100%!important;height:auto!important}
.intro iframe{max-width:100%!important}
@media (max-width: 767px) {
    .intro iframe{width:100%!important;height:75%!important;margin:15px 0;padding:0}
}

@media screen and (max-device-width: 992px) {
    .feature-category-box{display:flex;justify-content:left;align-items:flex-start;padding:3px;min-width:calc(100% / 5.2);text-decoration:none;overflow-x:auto;overflow-y:hidden}
}

.fancybox-container{z-index: 9999999999 !important;}
.product-action {
    display: flex;
    gap: 15px;
    margin: 2rem 0;
}

    .product-action .btn0 {
        background: linear-gradient(180deg, #ff2626 0%, #7f0400 100%);
    }

    .product-action .btn1 {
        background: linear-gradient(180deg, #ff8b17 0%, #bf6000 100%);
    }

    .product-action a, .product-action button {
        background: linear-gradient( 180deg,#3a8bff 0%,#035ada 100%);
        color: #fff;
        display: flex;
        padding: 5px 20px;
        border-radius: 4px;
        align-items: center;
        gap: 5px;
        height: 42px;
        white-space: nowrap;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        border:none;
    }

        .product-action a:hover {
            color: #fff;
        }

@media (min-width: 1200px) {
    #quick-order {
        width: 1024px;
    }
}

#quick-order {
    vertical-align: middle !important;
    padding: 10px 10px 20px !important;
    border-radius: 12px;
}
.titel-modal {
    text-transform: uppercase;
    background: #ea7500;
    padding: 15px;
    border-radius: 8px 8px 0 0;
    font-weight: bold;
    margin: -10px -10px 15px !important;
    color: #fff;
}
.h4 {
    font-size: 22px;
    font-weight: bold;
    line-height:1.2;
    margin-top:0;
}
.box-contact2 .form-control {
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow:none;
}
.box-contact2 .form-control[type="text"]{
    height: 36px;
}
.box-contact2 .radio-inline {
    padding-left: 25px;
    font-weight: bold;
    text-transform: uppercase;
}
.box-contact2 .radio input[type=radio], .box-contact2 .radio-inline input[type=radio]{ width:20px; height:20px;margin-top:0;margin-left:-25px;}

.box-contact2 .btn-primary {
    background: linear-gradient( 180deg,#1ff749 0%,#006b2d 100%);
    color: #fff;
    display: flex;
    font-weight: 700;
    padding: 5px 30px;
    border-radius: 4px;
    align-items: center;
    gap: 5px;
    height: 40px;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    float: left;
    border-color: #006b2d;
}
.box-contact2 .btn-default {float:right; height:40px;background-color:#eee;font-weight:bold;}
.form-group {
    position:relative;
}
.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}