@font-face{font-family:boschsans;font-weight:400;src:url(/static/fonts/boschsans_regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:boschsans;font-weight:700;src:url(/static/fonts/boschsans_bold.woff2) format("woff2");font-display:swap}
@font-face{font-family:boschsans;font-weight:400;src:url(/static/fonts/boschsans_regularitalic.woff2) format("woff2");font-display:swap;font-style:italic}
@font-face{font-family:boschsans;font-weight:700;src:url(/static/fonts/boschsans_bolditalic.woff2) format("woff2");font-display:swap;font-style:italic}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:700}
#backgroundPopup{display:none;position:fixed;height:100%!important;width:100%;top:0;left:0;background:#000;border:1px solid #cecece;z-index:999999}
#popupContact{display:none;position:fixed;border:0 solid #666;z-index:9999992;padding:7px;font-size:13px;text-align:center}
#popupContact div{text-align:right}
#popupContact h1{text-align:left;color:#096;font-size:18px;font-weight:700;border-bottom:1px dotted #ccc;padding-bottom:2px;margin-bottom:20px}
#popupContactClose{font-size:12px;line-height:16px;right:6px;top:4px;color:#fff;font-weight:700}
#button{text-align:center;margin:100px}
#popupContact .popupText{color:#fff;font-size:36px;font-weight:700;line-height:57px;padding:150px 10px 0;text-align:center;z-index:9999}
#popupContact .popupLink{text-align:center}
#popupContact .popupLink a{text-decoration:none;color:#999}
#popupContact .popupLink a:hover{color:#fff}
#popupContact img{max-height:500px;max-width:90%}
body{font-family:boschsans,Helvetica Neue,Helvetica,Arial,sans-serif;background:#fff}
.line-clamp-1{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box!important;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-2{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box!important;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box!important;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-4{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box!important;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-5{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:5;display:-webkit-box!important;-webkit-box-orient:vertical;overflow:hidden}
.btn{font-size:1em}
.bold{font-weight:700}
a{color:#333}
a:hover{color:#f60!important;text-decoration:none}
.text-25{font-size:25px}
.bg-grey{background:#f5f5f5;padding:10px}
.summary{text-align:justify}
.global-container{overflow-x:hidden}
.text-warning{color:#ffb507!important}
.form-control{font-size:1em}
.btn-primary{color:#fff;background-color:#ff9310;border-color:#ff9310}
.btn-primary:hover{color:#fff;background-color:#2f2f2f;border-color:#2f2f2f}
.text-20{font-size:20px}
.red{color:#e00}
.black{color:#333}
.img-container{display:block;position:relative;padding-top:70%;overflow:hidden}
.news-page .img-container{padding-top:60%}
.img-container img{display:block;width:100%;min-height:100%;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}
@media (min-width:1200px){
  .container{max-width:1180px}
}
.container{padding:0 10px!important}
.row{margin:0 -10px}
.form-group{margin-bottom:1rem}
[class*=col-]{padding:0 20px}
img{max-width:100%;height:auto}
#top{height:24px;background:#ff9310;color:#fff;font-size:12px;line-height:24px;position:relative;z-index:9}
#top a{color:#fff}
.top-left .item{float:left;margin-right:15px}
.cart-top{float:right;margin-left:30px;background:url(../images/bg_cart_top.png);height:31px;width:117px;text-align:center;line-height:31px;position:absolute;right:0}
header .logo{float:left;margin-top:15px;margin-right:50px}
header{height:86px;-webkit-box-shadow:2px 2px 3px 0 #ececec;box-shadow:2px 2px 3px 0 #ececec}
header .container{position:relative}
.top-right{position:relative;padding-right:140px}
nav>.item>a{line-height:86px;color:#333;text-transform:uppercase;font-size:15px;font-weight:700;display:block;padding:0 16px;position:relative}
nav>.item{float:left}
nav>.item:hover .sub-nav,nav>.item:hover .sub-nav-small{display:block}
.sub-nav-small{position:absolute;z-index:99;background:#f5f5f5;width:200px;display:none}
.sub-nav-small a{display:block;padding:5px 15px}
.main-search{position:absolute;right:0;top:77px;z-index:999;display:none}
.main-search #text-search{border:solid 1px #ddd;padding-left:10px;width:290px;position:absolute;right:93px;height:45px;outline:0;top:10px}
.main-search .search-btn{border:1px solid transparent;background:0 0;font-size:21px;height:45px;outline:0;background-color:#ff9310;color:#fff;margin-top:10px;font-size:14px;position:absolute;left:-93px}
.main-search .search-btn i{font-size:20px;margin-right:5px}
.autocomplete-suggestions{position:absolute;width:100%;min-width:328px;border:solid 1px #ddd;top:53px;right:55px;margin-top:2px;max-height:300px;overflow:auto;display:none;background:#fff;z-index:99}
.autocomplete-suggestions a{display:block;padding:10px;overflow:hidden}
.autocomplete-suggestions a img{width:60px;float:left}
.autocomplete-suggestions a .info{display:block;margin-left:65px}
.autocomplete-suggestions a .info .name{display:block;color:#333}
.autocomplete-suggestions a .info .price{color:#e00}
.autocomplete-suggestions a:hover{background-color:#f5f5f5}
#about-home .h-title{text-transform:uppercase;font-size:26px;position:relative;border-bottom:solid 1px #ccc;height:24px;margin:10px 0 25px;font-weight:700}
#about-home .text{text-align:justify}
#about-home .h-title span{display:block;line-height:34px;background:#fff;float:left;padding-right:5px}
#about-home{padding:50px 0}
#about-home .viewmore{text-transform:uppercase;color:#fff;margin-top:20px;padding:10px 30px;font-weight:500}
.h-title-center{text-transform:uppercase;text-align:center;margin-bottom:30px;position:relative}
.h-title-center h2{margin:0;font-size:26px;font-weight:700}
.h-title-center:after,.h-title-center:before{content:'';display:block;position:absolute;height:1px;width:calc(50% - 220px);background:#ccc;bottom:10px}
.h-title-center:after{right:0}
#catalogue{padding:50px 0}
#catalogue .img img{display:block;width:100%}
#catalogue .item{-webkit-box-shadow:0 0 5px 0 #ccc;box-shadow:0 0 5px 0 #ccc;display:block;margin-bottom:20px}
#catalogue .name{text-transform:uppercase;color:#333;font-weight:700;padding:13px 10px;display:block;font-size:16px;text-align:center}
#contact-us{background:url(../images/bg_contact_us.jpg) center center no-repeat;background-size:cover;overflow:hidden;color:#fff;padding:50px 0}
#contact-us p{margin-bottom:12px}
#contact-us h3{font-size:18px;margin-bottom:20px}
#contact-us form .form-control{margin-bottom:10px}
#contact-us form .btn{display:block;width:100%;text-transform:uppercase;color:#fff;font-weight:700}
.article-list .list-item .img{float:left;width:40%}
.article-list .list-item .item{overflow:hidden;display:block;padding:10px 0;color:#333}
.article-list .list-item .item.first-item .name{font-size:18px}
.article-list .list-item .info{margin-left:40%;padding-left:20px}
.article-list .list-item .name{display:block;color:#333;font-weight:700;font-size:1em}
.article-list .list-item .time{color:#888;display:block;margin-bottom:5px}
.article-list .list-item .summary{margin:5px 0;display:block;text-align:justify}
.article-list .first-item .img{width:100%;float:none}
.article-list .first-item .info{margin:10px 0;padding:0}
#partner-home{background:#f2f2f2;overflow:hidden;padding:50px 0}
.owl-nav button{position:absolute;top:50%;outline:0;opacity:.4;margin-top:-25px}
.owl-nav button:hover{opacity:1}
.owl-nav button span{font-size:30px;display:block;background:#eee!important;width:50px;height:50px;text-align:center;line-height:50px;border-radius:100%}
.owl-nav button.owl-prev{left:-60px}
.owl-nav button.owl-next{right:-60px}
#services-home{overflow:hidden;padding:50px 0}
#services-home .img{background:#ff9310;width:170px;height:170px;line-height:175px;text-align:center;border-radius:50%;position:relative;display:inline-block;margin-top:15px}
#services-home .img img{width:111px}
#services-home .img:after{content:'';width:190px;height:190px;display:block;border:solid 1px #ff9310;border-radius:50%;position:absolute;top:-10px;left:-10px}
#services-home .item{text-align:center;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#services-home .item:hover .img:after{border:solid 1px #e05a00}
#services-home .item:hover .img{background:#f18400}
#services-home .name{display:block;color:#333;font-weight:700;margin-top:30px}
#services-home .summary{color:#333}
#services-home .info{padding:0 20px}
#solution-home{background:#f2f2f2;overflow:hidden;padding:50px 0}
#solution-home .item{width:100%}
#solution-home .item .info{margin:-40px 15px 0;background:#fff;color:#333;padding:15px;position:relative;-webkit-box-shadow:0 0 10px 0 #ccc;box-shadow:0 0 10px 0 #ccc}
#solution-home .name{font-weight:700;display:block;margin-bottom:8px;font-size:16px}
#solution-home .more{color:#ff9310;display:block;text-align:right;text-decoration:underline;margin-top:20px}
#solution-home .more .fa{font-weight:700}
#statistic-home{background:url(../images/bg_statistic.jpg) center center fixed no-repeat;background-size:cover;overflow:hidden;text-align:center;color:#fff;padding:80px 0}
#statistic-home .item{text-transform:uppercase;font-size:18px;width:20%;float:left}
#statistic-home .item b{font-size:60px;font-weight:700;display:block}
#top-category{background:url(../images/bg_top_category.jpg) center center no-repeat fixed;background-size:cover;overflow:hidden;padding:50px 0}
#top-category .item{background:#fff;width:100%;border-bottom:solid 3px #ff9310}
#top-category .item a{color:#333;text-decoration:none}
#top-category .item .name{text-transform:uppercase;display:block;font-weight:700;font-size:16px;text-align:center;margin-bottom:10px}
#top-category .item .info{padding:15px 10px}
#top-category .item .summary{height:105;line-height:21px}
#top-category .item .more{color:#ff9310;display:block;text-align:center;text-decoration:underline;margin-top:20px}
#top-category .item .more:hover{color:#dd5b00}
.owl-nav button{position:absolute;top:50%;outline:0;opacity:.4}
.owl-nav button:hover{opacity:1}
.owl-nav button span{font-size:30px;display:block;background:#eee!important;width:50px;height:50px;text-align:center;line-height:50px;border-radius:100%}
.owl-nav button.owl-prev{left:-60px}
.owl-nav button.owl-next{right:-60px}
footer{background:#12131b;padding-top:20px}
footer .payment-accept{background:#fff}
footer .payment-accept b{float:left;text-transform:uppercase;height:44px;line-height:44px;padding:0 0 0 10px}
footer .payment-accept img{max-width:100%}
footer .payment-accept span{display:block;margin-left:165px}
footer .col-info{float:left;overflow:hidden;width:17%;color:#fff;padding:20px 0}
footer .col-info h3{font-size:14px;position:relative}
footer .col-info h3 .fa{display:none}
footer .col-info a{color:#fff;display:block;font-size:13px;margin-bottom:5px;font-weight:300}
footer .col-info.contact-info{width:30%;font-size:12px;line-height:1.6}
footer .col-info:nth-child(4){width:15%}
footer .col-info:nth-child(2){width:19%}
footer .bottom .left{float:left;background:#ff9310;padding:0 10px;position:relative}
footer .bottom{overflow:hidden;height:38px;line-height:38px;background:#005695;color:#fff}
footer .bottom .left a{color:#fff}
footer .bottom .left:after{content:'';display:block;border:solid 40px transparent;border-left-color:#ff9310;position:absolute;top:0;right:-66px;-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg)}
footer .bottom .right{margin-left:329px}
#news-home{padding:50px 0}
#toTop{position:fixed;right:0;bottom:0;z-index:99;cursor:pointer;background:#ccc;color:#fff;padding:3px 10px;font-size:22px;opacity:.5}
#toTop:hover{opacity:1}
nav .sub-nav{position:absolute;background:#f5f5f5;left:0;width:100%;font-size:15px;display:none;z-index:99}
nav .wrap-nav{position:relative}
nav .sub-nav .box-cate{float:left;width:25%;padding:15px 10px}
nav .sub-nav .box-cate:nth-child(4n+1){clear:both}
nav .sub-nav .box-cate a{display:block;margin-bottom:3px}
nav .sub-nav .sub1{font-weight:700;margin-bottom:5px;color:#ff9310}
nav .item:hover .sub-nav{display:block}
nav .item:hover{background:#ff9310;color:#fff}
nav .item:hover .root{color:#fff!important}
nav .item:hover>a{color:#fff}
#breadcrumb{margin-bottom:16px;border-bottom:solid 1px #eee}
#breadcrumb.border-none{border:none}
#breadcrumb>div{display:inline-block;padding:10px 0}
#breadcrumb h1{margin:0;display:inline-block;font-size:inherit;color:#333}
.content-text{position:relative;overflow:hidden}
.content-text.content-collapse:after{content:'';background:-o-linear-gradient(rgba(255,255,255,0),#fff);background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));background:linear-gradient(rgba(255,255,255,0),#fff);height:40%;display:block;position:absolute;bottom:0;width:100%}
.wrap-text .more{border:solid 1px #ff9310;display:inline-block;color:#ff9310;padding:4px 10px}
.wrap-text .more:hover{border-color:#d00;color:#d00}
.bg-banner-category{background:#f1f1f1;margin-bottom:15px;padding:10px}
.bg-banner-category .title{text-transform:uppercase;font-weight:700;font-size:16px;line-height:40px;padding:0 10px;color:#fff;border-bottom:solid 1px #ccc}
.banner-table-price{margin-bottom:10px;background:#111}
.banner-catalogue{background:#555}
.bg-banner-category>div{border-radius:3px}
.bg-banner-category .list{padding:5px;overflow:hidden}
.bg-banner-category .item{display:block;float:left;padding:5px}
@media (min-width:1200px){
  .bg-banner-category .item{width:16.667%}
}
@media (max-width:1199px){
  .bg-banner-category .item{width:20%}
}
@media (max-width:767px){
  .bg-banner-category .item{width:25%}
  #about-home{padding:10px 0}
}
@media (max-width:576px){
  .bg-banner-category .item{width:50%}
}
.banner-table-price .img{position:relative;height:70px;display:block;float:left;margin-right:5px}
.banner-table-price .img img{height:100%}
.bg-banner-category .item a{display:table;height:100%;background:#fff;width:100%;vertical-align:middle;border-radius:4px;overflow:hidden}
.banner-table-price .name{display:table-cell;height:70px;vertical-align:middle;font-weight:500;font-size:14px}
.bg-banner-category .item img{display:inline-block}
.banner-catalogue a{display:table-cell!important;height:70px!important;padding:0 10px}
.page-title h1{font-size:26px;font-weight:700;display:inline-block}
.product-list-tools{background:#f5f5f5;padding:5px;height:42px;margin-bottom:10px}
.product-list-tools p{float:left;margin:6px 0}
.sort-product-list{float:right}
.sort-product-list select{height:32px;width:173px;border:solid 1px #ccc}
.checkbox,.radio{display:inline-block}
.checkbox .icon,.radio .icon{height:15px;width:15px;background:#ddd;display:inline-block;border-radius:3px;vertical-align:middle;margin-right:4px;position:relative;margin-top:-2px}
.checkbox input:checked~.icon,.radio input:checked~.icon{font-family:FontAwesome}
.radio .icon{border-radius:50%!important;background:#ddd;overflow:hidden}
.checkbox input:checked~.icon:before,.radio input:checked~.icon:before{content:"\f00c";display:inline-block;line-height:15px;height:15px;position:absolute;font-size:13px;color:#ce0707;left:1px}
.radio input:checked~.icon:before{color:#fff}
.checkbox input,.radio input{display:none}
.p-container{padding:10px}
.p-img{display:block;position:relative;padding-top:90%;margin-bottom:5px}
.p-img img{position:absolute;max-width:100%;max-height:100%;left:0;top:0;right:0;bottom:0;display:block;margin:auto}
.p-item{overflow:hidden;border:solid 1px #dedede;margin-bottom:20px;text-align:center;border-radius:3px}
.p-item:hover{border-color:#ff9310}
.p-item label{display:block;font-size:14px;margin-bottom:0}
.p-price{font-weight:700;color:#ff9310;font-size:16px}
.p-name{color:#333;display:block;line-height:20px;height:40px;overflow:hidden;margin:8px 0;font-size:15px}
.p-old-price{text-decoration:line-through;color:#888}
.paging{margin:6px 0;float:right;margin-top:8px}
.paging a{display:block;padding:8px 10px;float:left;line-height:10px;margin-left:5px;border:solid 1px #ddd;text-decoration:none;border-radius:3px}
.paging a.current,.paging a:hover{background:#ff9310;color:#fff}
.filter-left .category .item .fa{font-size:7px;vertical-align:middle}
.filter-left .category .item{margin-bottom:5px}
.filter-left{max-width:300px}
.col-left.col-filter{border:solid 1px #dedede}
.filter-left a,.filter-left label{color:#5184b9;cursor:pointer}
.filter-left .title{font-weight:700;margin:15px 0 10px;font-size:16px}
.box-common>.title{background:#f3f3f3;line-height:42px;text-transform:uppercase;font-weight:700;font-size:18px;padding:0 10px}
.box-common .content{border:solid 1px #ddd;padding:10px}
.product-right .p-img{width:120px;padding:0;float:left}
.product-right .p-name{font-size:14px}
.product-right .p-info-right{margin-left:130px!important}
.product-right .product-list{border:none}
.product-right .content{padding:0!important}
.product-right .p-item{border:none;border-bottom:solid 1px #eee;text-align:left}
.product-right .p-discount{width:50px;height:50px;line-height:50px;font-size:14px;left:0;right:auto;top:0}
.product-right .p-img img{position:relative}
.product-right .p-item:last-child{border:none}
#compare_area_home{position:fixed;bottom:0;left:0;background:#fff;border:solid 1px #ccc;display:none;z-index:999;-webkit-box-shadow:0 0 10px 0 #ccc;box-shadow:0 0 10px 0 #ccc}
#compare_area_home span{display:block;font-size:15px;background:#ff9310;line-height:25px;padding:0 10px;color:#fff}
#compare_area_home .compare_area{padding:10px}
.compare_area .item{float:left;position:relative;height:38px;border:solid 1px #ddd;border-radius:5px;margin-right:5px}
.compare_area .item .fa{position:absolute;color:#e00;z-index:9;right:5px;top:5px}
.compare_area .item img{height:100%}
.article-related-category .title{overflow:hidden;margin-bottom:15px;border-bottom:solid 1px}
.article-related-category .title h2,.article-related-category .title h4{margin:0;text-transform:uppercase;font-size:20px;color:#fff;background:#333;float:left;line-height:40px;padding:0 10px;position:relative}
.article-related-category .title h2:after,.article-related-category .title h4:after{content:'';display:block;width:0;border:solid 40px transparent;border-left-color:#333;position:absolute;top:0;right:-80px}
.article-related-category .b-item{padding:10px;border:1px solid #f2f2f2;position:relative;overflow:hidden;position:relative}
.article-related-category .item{margin-bottom:16px;display:block}
.article-related-category .name{font-weight:700;margin-top:8px;font-size:1em}
.article-related-category .b-item .b-read-detail{color:#d00;text-align:right;font-size:12px;position:absolute;bottom:10px;right:10px}
.article-related-category .b-item .name{font-size:15px;overflow:hidden}
@media(max-width:991px){
  .article-related-category .item:nth-child(odd){clear:both}
}
.icon-star{background-image:url(../images/star_sprite.png);width:92px;height:17px;vertical-align:sub;display:inline-block;background-repeat:no-repeat}
.icon-star.star0{background-position:0 -109px}
.icon-star.star1{background-position:0 -88px}
.icon-star.star2{background-position:0 -67px}
.icon-star.star3{background-position:0 -43px}
.icon-star.star4{background-position:0 -22px}
.icon-star.star5{background-position:0 0}
#product-shop .product-name{font-size:24px}
#product-shop{margin-top:20px}
.grey{color:#999}
#img-large img{max-width:100%}
#img-large{margin-bottom:10px}
#img-thumbs{padding:0 40px}
#img-thumbs .owl-nav button{position:absolute;top:45%;margin:0!important;margin-top:-18px!important;opacity:.3;outline:0}
#img-thumbs .owl-nav button .fa{font-size:26px}
#img-thumbs .owl-nav .owl-prev{left:-40px}
#img-thumbs .owl-nav .owl-next{right:-40px}
#img-thumbs .owl-nav button:hover{background:0 0!important;opacity:1;color:#333}
#img-thumbs .item a{display:block;position:relative;padding-top:100%;border:solid 1px #eee;border-radius:5px;overflow:hidden}
#img-thumbs .item img{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;max-height:100%;display:block;margin:auto}
#overview-info{font-size:12px}
#overview-info .summary .title{text-transform:uppercase;font-weight:700;font-size:15px;background:#f5f5f5;line-height:34px;padding:0 10px}
#overview-info .summary{margin-bottom:20px;border:solid 1px #eee}
#overview-info .link-bottom{margin-bottom:20px}
#overview-info .link-bottom a{display:block;margin-bottom:5px}
#overview-info .link-bottom a .fa{color:#999;margin-right:5px;font-size:15px}
.special-offer{margin-bottom:30px}
.special-offer .title{text-transform:uppercase;font-weight:700;margin-bottom:5px}
.special-offer p{margin:5px 0;background:#fff}
.special-offer p .fa{font-size:7px;color:#ff9310;vertical-align:middle}
.warehouse-status{font-weight:500;color:#0c6}
.product-detail-action .btn b{display:block;text-transform:uppercase;font-size:20px}
.product-detail-action .btn{display:block;font-size:13px}
#product-note{background:#f3f3f3;margin-top:10px;color:#212529;padding:10px;font-weight:400}
#product-note h2{font-size:18px;margin-top:25px}
#product-note .fa{color:#ff9310}
.content-text h1{display:block;font-size:2em;-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:700;margin:.67em 0}
.content-text h2{display:block;font-size:1.5em;-webkit-margin-before:.83em;-webkit-margin-after:.83em;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:700;margin:.83em 0}
.content-text h3{display:block;font-size:1.17em;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:700}
.content-text h4{display:block;-webkit-margin-before:1.33em;-webkit-margin-after:1.33em;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:700;font-size:1em}
.content-text ul{padding-left:40px!important;margin:1em 0;list-style:initial}
.content-text ol li,.content-text ul li{list-style:initial!important}
.content-text ol{padding-left:40px!important;margin:1em 0;list-style:decimal!important}
.content-text ol li{list-style-type:decimal!important}
.content-text p{margin:1em 0}
.content-text table{border-collapse:collapse}
.content-text table td,.content-text table th{border:solid 1px #ddd;padding:5px}
.content-text a{color:#0056b3}
.content-text{line-height:1.45;font-size:16px}
.content-text table td img{max-width:9999px}
.rating-selection{display:inline-block}
.rating-selection .title{float:right;margin-right:10px}
.rating-selection label{float:right}
.rating-selection input{opacity:0}
.rating-selection label{position:relative;float:right;display:block;width:17px;height:17px;background:url(../images/star_rating.png) 0 -28px;margin:0 3px}
.rating-selection label.active,.rating-selection label.active~label{background-position:0 18px}
.rating-selection label:hover,.rating-selection label:hover~label{background-position:0 0!important}
.comment{width:100%}
.comment-form .img-avatar{float:left;width:40px}
.comment-list .comment-form form{margin-left:50px;overflow:hidden}
.comment-form-input{width:100%;display:block!important}
.comment-form-input .note{font-size:12px;margin-bottom:5px;text-align:right}
#product-comment .comment{border:solid 1px #ddd;border-radius:3px;padding:10px;background:#f5f5f5}
.comment-form-input input[type=button]{float:right;clear:both}
.comment-form-input .close{display:none!important}
.comment-list .item{padding:15px 0;border-top:solid 1px #eee}
.comment .relative{position:relative;z-index:9;overflow:hidden}
.comment-list .item .comment-left img{width:40px;float:left}
.comment-list .item .comment-right{margin-left:50px}
.comment-list .item .reply-comment{display:none}
.info-feeback .time{float:left;color:#999}
.info-feeback .right{float:right}
.info-feeback{overflow:hidden;padding-bottom:10px}
.comment-list .item .comment-name span{font-weight:700;margin-right:2px}
.comment-list .item .comment-name .note{text-transform:uppercase;margin-right:10px;color:#000;font-weight:400;font-size:10px;background:#eebc49;padding:2px 6px;border-radius:3px;line-height:18px;height:18px;margin-left:5px;font-style:normal}
.comment form .form-control{margin-bottom:5px}
#product-comment .title-box{font-size:18px;text-transform:uppercase;background:#f3f3f3;line-height:42px;padding:0 10px;font-weight:700}
#product-comment h3{font-size:16px;font-weight:700}
#rating-statistic .icon-star{float:left}
#rating-statistic .percent-text{float:right;font-size:14px}
#rating-statistic .item{overflow:hidden;margin-top:5px}
#rating-statistic .percent-line{height:9px;background:#eee;margin-left:100px;margin-right:42px;margin-top:5px}
#rating-statistic .percent-line .percent{width:0;display:block;background:#ff9310;height:100%}
.news-category a{display:inline-block;line-height:25px;height:27px;font-weight:700;padding:0;margin-right:35px;float:left;color:#333;font-size:17px;text-transform:uppercase;margin-bottom:10px}
.news-category a.active,.news-category a:hover{color:#ff9310;border-bottom:solid 2px}
.news-category{margin:10px 0 20px;overflow:hidden;position:relative}
.news-right .item{padding:10px 0!important}
.news-right img{width:160px!important}
.news-right .no{font-size:18px;font-weight:700;width:35px;height:35px;background:#eee;display:block;float:left;text-align:center;line-height:35px;border-radius:100%;color:#999}
.news-right .info{margin-left:36px!important;padding-left:10px!important}
.news-right .info .name{font-weight:400!important}
.news-right .info .time{display:none}
.article-list.home-other-news .item .info{margin-left:52%}
.top-home-news{color:#333!important;display:block;text-align:justify;margin-bottom:20px}
.top-home-news:hover .name{color:#d00306}
.top-home-news .name{display:block;font-size:16px;font-weight:700;margin:5px 0}
.top-home-news .detail{background:#ccc;display:inline-block;padding:5px 10px}
.top-home-news .detail:hover{background:#999}
.top-home-news img{width:100%}
.top-home-news .info .summary{margin-bottom:0}
.article-list-new .name{font-size:14px!important}
.article-list-new .info{padding-left:10px!important}
.article-list-new .item:first-child{margin-top:0;padding-top:0}
.news-right .item:first-child .no{background-color:#f25630;color:#fff}
.news-right .item:nth-child(2) .no{background-color:#cc7935;color:#fff}
.news-right .item:nth-child(3) .no{background-color:#ccb135;color:#fff}
.list-item-news-page .name{font-size:16px}
.box-news-right .title{font-weight:700;font-size:18px;border-bottom:solid 1px #ddd;padding-bottom:3px;margin-bottom:10px}
.article-new-right .item{padding:0!important;margin:10px 0}
.article-new-right .item:first-child{margin-top:0}
.article-new-right .img{width:100%!important;position:relative}
.article-new-right .img .img-container{padding-top:70%}
.article-new-right .name{position:absolute;bottom:0;z-index:99;background:rgba(0,0,0,.7);width:100%;padding:10px;color:#fff!important}
.title-news-page{text-transform:uppercase;font-size:24px;margin:20px 0 0;font-weight:700}
#register-form .title-box{background:#eee;line-height:45px;font-weight:700;padding:0 10px;text-transform:uppercase;font-size:18px;margin-bottom:20px}
.block{display:block;width:100%}
.uppercase{text-transform:uppercase}
#main-menu{position:fixed;top:0;left:-260px;width:260px;background:#fff;z-index:99;height:100vh;overflow:auto;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
#main-menu.active{left:0}
#main-menu .head{height:50px;line-height:30px;padding:10px;background:#ddd}
#main-menu .head i{float:left;font-size:30px}
#main-menu .head .text{margin-left:50px;background:#fff;border-radius:20px;text-align:center}
#main-menu .list .item>a{display:block;padding:8px 10px}
#main-menu .list .item>a .icon{font-size:20px;padding-right:10px;vertical-align:middle;display:inline-block;width:30px}
#main-menu .line{border-top:solid 1px #ddd}
.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.6);z-index:99;display:none}
.overlay.active{display:block}
body.active{overflow:hidden}
#category-menu{position:fixed;background:#fff;top:0;left:-100%;z-index:99;width:100%;height:100vh;overflow:auto;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
#category-menu.active{left:0}
#category-menu .head{height:50px;background:#eee;padding:10px}
#category-menu .head .back i{font-size:24px}
#category-menu .head .back{float:left}
#category-menu .head .search{margin-left:32px;position:relative}
#category-menu .head .search button{position:absolute;right:5px;top:0;background:0 0;border:none;font-size:18px}
#category-menu .head .search input{height:25px;background:0 0;border:none;outline:0;width:100%}
#category-menu .list .item a{display:block}
#category-menu .list .item a.lv1{line-height:40px;border-bottom:solid 1px #dddd;padding:0 10px}
#category-menu .list .item i{position:absolute;right:0;top:1px;line-height:39px;width:40px;text-align:center;font-size:11px}
#category-menu .list .item.active i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
#category-menu .list .item{position:relative}
#category-menu .list .item .sub{background:#eee;display:none}
#category-menu .list .item .sub a{line-height:35px;padding:0 10px 0 30px;border-bottom:solid 1px #fff}
body.active{overflow:hidden}
#menu-mobile{color:#fff}
#menu-mobile span{display:block;width:27px;height:4px;background:#333;margin:3px auto}
.select .title{background:#eee;display:inline-block;border-radius:2px;padding:5px 15px}
.select .list{position:absolute;display:none;width:100%;background:#f3f3f3;z-index:99;padding:10px;margin-top:5px;left:0}
.select{float:left;margin-right:5px;margin-bottom:5px}
.select .list .item{float:left;width:50%}
.select .list .attr-name{font-weight:700;margin-bottom:5px;font-size:15px}
.select .list .item-attribute{overflow:hidden;border-bottom:solid 1px #ddd;margin-bottom:10px}
.select .list .item-attribute:last-child{border:none;margin:0}
.relative{position:relative}
.table-shopping-cart{width:100%}
.table-shopping-cart td{border:solid 1px #ddd;padding:5px}
.shopping-cart-first-row{background:#eee;font-weight:700}
.cartInfo-img{float:left;width:130px}
.cartInfo-name{margin-left:140px}
#cart-step-2 .title-box{background:#ff9310;text-transform:uppercase;color:#fff;font-weight:700;padding:5px 10px;margin-bottom:10px}
#cart-step-2 .form-group{margin-bottom:10px}
#cart-step-2 .form-group label{margin-bottom:2px}
.tbl-confirm{width:100%}
.tbl-confirm td{padding:5px;border-bottom:solid 1px #eee;text-align:right}
.col_sub_item_menu{width:25%;float:left;padding:10px}
.col_sub_item_menu a{display:block;margin-bottom:5px}
.ducdt_pd-zalo{text-align:center;margin-top:16px}
.ducdt_pd-zalo a{color:#fff;background:#ff6a00;float:left;width:100%;padding:5px 27px;border-radius:4px;text-align:center;border:0}
.ducdt_pd-zalo a:hover{background:#28aae1;color:#fff}
.ducdt_pd-zalo::after{content:'';clear:both;display:block}
.banner-catalogue .name{line-height:18px;height:36px;display:block;margin:5px 0;text-align:center;overflow:hidden}
.view-more-article-related{color:#d00;text-align:center;margin-bottom:20px;cursor:pointer}
.view-more-article-related:hover{color:#222}
.li-hide{display:none}
#load-more-article{background:#eee;text-align:center}
#load-more-article a{color:#e00;display:block;padding:7px 0}
#load-more-article:hover{background:#ddd}
#overview-info .summary table{width:100%}
#overview-info .summary table td{font-size:14px;border-bottom:solid 1px #eee;padding:5px}
#overview-info .summary table tr:last-child td{border:none}
.nd h1{display:block;font-size:2em;-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:700;margin:.67em 0}
.nd h2{display:block;font-size:1.5em;-webkit-margin-before:.83em;-webkit-margin-after:.83em;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:700;margin:.83em 0}
.nd h3{display:block;font-size:1.17em;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:700}
.nd h4{display:block;-webkit-margin-before:1.33em;-webkit-margin-after:1.33em;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:700;font-size:1em}
.nd ul{padding-left:40px!important;margin:1em 0;list-style:initial}
.nd ol li,.nd ul li{list-style:initial!important}
.nd ol{padding-left:40px!important;margin:1em 0;list-style:decimal!important}
.nd ol li{list-style-type:decimal!important}
.nd p{margin:1em 0;font-size:16px}
.nd table{border-collapse:collapse}
.nd table td,.nd table th{border:solid 1px #ddd;padding:5px}
.nd a{font-size:initial;color:#0056b3}
.nd{line-height:1.45}
.nd table td img{max-width:9999px}
#search-news{margin-bottom:10px;border:solid 1px #ccc;position:relative}
#search-news input{height:30px;border:none;width:100%;padding:0 8px}
#search-news button{position:absolute;right:0;top:0;border:none;background:0 0;margin:4px}
.load-more-product{padding:8px 10px;line-height:10px;margin-left:5px;border:solid 1px #ddd;text-decoration:none;border-radius:3px}
.contentvv.content-collapse{max-height:340px;overflow:hidden;position:relative}
.contentvv.content-collapse:after{content:'';background:-o-linear-gradient(rgba(255,255,255,0),#f3ede1);background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#f3ede1));background:linear-gradient(rgba(255,255,255,0),#f3ede1);height:40%;display:block;position:absolute;bottom:0;width:100%}
#static_html .more{color:#ff9310;font-size:14px;padding:7px;margin-top:15px}
#static_html .more.active i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
#static_html .more i{display:inline-block;width:0;border:solid 4px transparent;border-top-color:#ff9310}
#breadcrumb ol{flex-wrap:wrap;width:100%;display:block;font-size:15px;margin:0;padding:0;list-style:none}
#breadcrumb ol li{float:left;line-height:40px}
#breadcrumb ol li:last-child a{font-weight:500}
#breadcrumb ol li:last-child span.bre-chia{display:none}
.box-question-cat{width:100%;float:left;padding:50px 0}
.box-question-cat .title{width:100%;float:left;margin-bottom:15px;font-size:18px;font-weight:400}
.box-question-cat #accordion{width:100%;float:left}
.box-question-cat #accordion .card{width:100%;float:left;margin-bottom:8px;border-radius:8px}
.box-question-cat #accordion .card .card-header{width:100%;float:left;padding:0}
.box-question-cat #accordion .card .card-header button{width:100%;float:left;border:none;background:0 0;border:none;position:relative;padding:0 30px;font-size:16px;text-align:left;line-height:35px;text-decoration:none}
.box-question-cat #accordion .card .card-header button::after{content:'\f139';font-family:FontAwesome;position:absolute;left:10px;z-index:1;top:1px;line-height:35px;float:left}
.box-question-cat #accordion .card .card-header button.collapsed::after{content:'\f13a'}
.box-question-cat #accordion .card .collapse{width:100%;float:left;font-size:16px;line-height:1.5;color:#333}
.article-list .click-more{text-align:center;border:1px solid;padding:5px 10px;margin:0 auto;display:block}
@-webkit-keyframes tada{
  0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
  10%,20%{-webkit-transform:scale(.9) rotate(-8deg);-ms-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}
  30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);-ms-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}
  40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);-ms-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}
  100%,80%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
@keyframes tada{
  0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
  10%,20%{-webkit-transform:scale(.9) rotate(-8deg);-ms-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}
  30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);-ms-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}
  40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);-ms-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}
  100%,80%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
#icon-fixed-right .youtobe,#toTop{display:block;width:40px;height:40px;text-align:center;line-height:35px;background:#aaa;border-radius:50%;margin:4px 0;color:#fff;font-size:18px;position:relative;margin:0 auto}
#icon-fixed-right .icon-list-chat:hover .notify{display:none!important}
#icon-fixed-right a i{position:relative;z-index:9}
#icon-fixed-right a:hover i{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}
#icon-fixed-right .icon-img{display:block;width:100px;height:40px;text-align:center;line-height:40px;border-radius:50%;margin:4px 0;color:#fff;font-size:18px;position:relative}
#icon-fixed-right{position:fixed;left:5px;bottom:95px;z-index:999}
#icon-fixed-toTop{position:fixed;right:50px;bottom:140px;z-index:999}
.fixed-icon{position:fixed;right:5px;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);z-index:999}
.fixed-icon .hidden-mobile{display:block;width:40px;height:40px;text-align:center;line-height:40px;background:#aaa;border-radius:50%;margin:4px 0;color:#fff;font-size:18px;position:relative;margin:10px auto}
.popup-support-local{width:640px;max-width:calc(100% - 20px);padding:20px;text-align:center;display:none;background:#fff}
.popup-support-local h3{font-weight:600;font-size:16px;text-transform:uppercase;color:#ff6a00;margin-bottom:0}
.popup-support-local ul li{display:block;width:100%;margin-bottom:10px}
.popup-support-local ul li a:active,.popup-support-local ul li a:hover{outline:0}
.popup-support-local ul li a{width:100%;display:inline-block;background-color:#ff6a00;color:#fff;text-transform:uppercase;line-height:1.3;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-box-shadow:0 0 3px 3px#ccc;box-shadow:0 0 3px 3px #ccc;padding:10px;text-decoration:none;outline:0}
.popup-support-local ul li a span{display:block;width:100%;font-style:italic;font-size:.7em;text-transform:capitalize;margin-top:5px}
.popup-support-local ul li a.group-2{background-color:#093}
.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:0;background:0 0;z-index:10;cursor:pointer}
.popup-support-local ul{padding:0;margin:0 auto}
.content-text{font-weight:400!important}
.pop-crm{float:left;position:fixed;top:50%;left:50%;z-index:99999999;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
header .click-search-show{float:right;border:1px solid transparent;border-radius:6px;background:0 0;font-size:21px;height:45px;outline:0;background-color:#ff9310;color:#fff;margin-top:20px;font-size:14px;position:relative}
.main-search.active{-webkit-transition:.3s all;-o-transition:.3s all;transition:.3s all;display:block}
.list-footer-fixed{display:none;width:100%;position:fixed;bottom:0;left:0;background-color:#fff;z-index:99;border-top:1px solid #ccc;padding:0;margin:0 auto}
.list-footer-fixed li{float:left;width:25%;list-style:none}
.list-footer-fixed li a{display:block;width:100%;height:60px;line-height:15px;color:#6b7177;border-right:1px solid #fff;text-align:center;font-size:12px;padding:5px;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.list-footer-fixed li a span{display:block;width:100%;text-align:center;margin-top:4px}
.list-footer-fixed li a img{height:30px;display:inline-block;vertical-align:middle;margin-right:3px}
.popup-support-local{width:640px;max-width:calc(100% - 20px);padding:20px;text-align:center;display:none;background:#fff;padding:10px!important}
.popup-support-local h3{font-weight:600;font-size:16px;text-transform:uppercase;color:#ff6a00;margin-bottom:0}
.popup-support-local ul li{display:block;width:100%;margin-bottom:10px}
.popup-support-local ul li a:active,.popup-support-local ul li a:hover{outline:0}
.popup-support-local ul li a{width:100%;display:inline-block;background-color:#ff6a00;color:#fff;text-transform:uppercase;line-height:1.3;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-box-shadow:0 0 3px 3px#ccc;box-shadow:0 0 3px 3px #ccc;padding:10px;text-decoration:none;outline:0}
.popup-support-local ul li a span{display:block;width:100%;font-style:italic;font-size:.7em;text-transform:capitalize;margin-top:5px}
.popup-support-local ul li a.group-2{background-color:#093}
.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:0;background:0 0;z-index:10;cursor:pointer}
.popup-support-local ul{padding:0;margin:0 auto}
@media (max-width:640px){
  #icon-fixed-right{display:none}
  #scroll_go_top{bottom:60px}
  .list-footer-fixed{display:block}
  .article-related-category .b-item .name{height:52px}
}
.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}
.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.container{max-width:1240px;margin:0 auto;padding:0 10px}
.align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.justify-content-end{-ms-flex-pack:end!important;-webkit-box-pack:end!important;justify-content:flex-end!important}
.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.justify-content-around{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-around}
.flex-around{-ms-flex-pack:distribute;justify-content:space-around}
.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.flex-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-wrap:row;flex-wrap:wrap}
.box-tag-article a{color:#616161;background:#f5f5f5;display:inline-block;letter-spacing:1px;line-height:normal;padding:4px 10px;margin:0 6px 10px 0}
.box-tag-article a:hover{background:#f60!important;color:#fff!important}
blockquote{margin:20px 0;padding:24px 20px;background:#f3fbf5}
.box-social-artile{gap:10px;margin:12px 0}
.box-social-artile .list-social-article{gap:6px}
.box-social-artile .title{font-size:16px;font-weight:700;margin:0}
.box-grey{gap:12px}
.box-grey p{margin:0;position:relative}
.box-grey a{font-weight:700}
.box-grey p::before{color:#ccc;content:"•";display:inline-block;font-size:20px;margin-right:8px;vertical-align:middle}
.archor-text-group{display:inline-block;background:#dbedf9;border-radius:10px;padding:15px;margin-bottom:15px}
.archor-text-group .toc_title{display:inline-block;cursor:pointer;font-size:16px}
.archor-text-group ul{padding:0!important;margin:0!important}
.archor-text-group a{color:#2f80ed}
.archor-text-group li *{font-size:14px!important;font-weight:700}
.archor-text-group a:hover{color:red}
.archor-text-group a p{margin-bottom:0}
.archor-text-group ol{margin-bottom:0;list-style:none;padding:0}
.archor-text-group ol li{margin-top:4px}
#js-outp li{display:table;counter-increment:item;margin-bottom:4px}
#js-outp ol{list-style-type:none;counter-reset:item;margin:0;padding:0!important;font-weight:400}
#js-outp li:before{width:28px;content:counters(item, ".") ". ";display:table-cell;font-weight:700;color:#2f80ed!important}
.title-toggle{color:#000!important}