/*   
Theme Name: COMPANY - Mathsoft
Theme URI: https://mathsoftvn.com
Description: Mathsoft - CO
Author: Mathsoft
Author URI: https://mathsoftvn.com
Version: 103
*/
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{line-height:1.6;font-size:14px;font-family:'Noticia Text',Arial,"Helvetica Neue",Helvetica,sans-serif;background:#fff;position:relative}
body.single-post,body.category,body.page-template-index,body.search-results,body.home{background:#f5f5f5}
body,td,th,input,textarea,select,a{outline:0 none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-size:14px}
ul,ol{list-style:none}
img{border:0;vertical-align:middle}
a,a:hover,a:focus{-webkit-transition:color 0.4s ease 0s;transition:color 0.4s ease 0s;text-decoration:none}
a{color:#3a2614;text-decoration:none}
img,video,object{max-width:100%;height:auto}
embed{max-width:100%}
a:hover{}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}
#wrapper{position:relative}
/*HEADER*/
.container-web{width:1170px;margin:0 auto}
#header{width:100%;background:linear-gradient(180deg,#3a2614 0%,#603818 100%);position:relative;box-shadow:0 4px 5px #ddd}
.title-website{position:absolute;top:-500px}
.top-header{overflow:hidden;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,0.12)}
.wrap-theader{overflow:hidden}
.contacttop{overflow:hidden}
.contacttop p{font-size:14px;color:#fff;line-height:16px;font-weight:normal;display:inline-block;float:left;padding:0 18px}
.contacttop p:first-child{border-right:1px solid #fff;padding-left:0}
.contacttop p a{display:block;color:#fff}
.bottom-header{position:relative}
.subbheader{display:flex;align-items:center}
.wrap-subbheader{}
.subbheader-inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;-ms-flex-align:center;align-items:center}
.subbheader-inner{}
.logo-web{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;text-align:center;height:110px;overflow:hidden;display:inline-block;vertical-align:top;position:relative;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;-o-transition:all ease 0.5s;width:100%;padding-right:15px;padding-left:15px}
.logo-web img{max-height:100%;max-width:100%;width:auto!important;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:5px 0}
.searchbox-form{position:relative;max-width:715px;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:100%;padding-right:15px;padding-left:15px}
.searchbox-form-inner{position:relative;max-width:520px;margin:0 auto}
.searchbox-form input[type="text"]{padding:16px 85px 16px 15px;border:1px solid #fff;font-size:14px;color:#333;border-radius:5px;height:50px;margin-bottom:0;float:left;width:100%}
.searchbox-form input[type="submit"]{background:url(images/ico_search.webp) no-repeat center center,linear-gradient(180deg,#3a2614 0%,#603818 78.65%);color:#fff;border:1px solid #3a2614;padding:20.5px 15px;cursor:pointer;width:70px;position:absolute;top:4px;right:4px;bottom:4px;border-radius:5px;height:auto;float:left}
.hotlinetop{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%;text-align:center;align-items:center;display:flex;justify-content:center;width:100%;padding-right:15px;padding-left:15px}
.hotlinetop a{color:#fff;font-weight:bold;display:inline-block;text-transform:uppercase;text-align:center}
.hotlinetop a strong{color:#fff;font-weight:bold;font-size:18px;line-height:24px;display:inline-block;text-transform:uppercase}
.hotlinetop a span{display:block;font-size:24px;line-height:30px;color:#fff;letter-spacing:3px}
.showmenu{height:54px;box-shadow:0 4px 5px #fff;clear:both;border-top:solid 1px #ebebeb}
.wrap-showmenu{}
.showmenu-inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.listpromenu{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;position:relative;width:100%;padding-right:15px;padding-left:15px}
.listpromenu-title{color:#fff;font-size:16px;font-weight:600;padding:14.3px 10px 14.1px 10px;position:relative;cursor:pointer;text-transform:uppercase}
.listpromenu-title svg{width:20px;height:20px;margin-right:10px;overflow:hidden;vertical-align:middle}
.listpromenu-title:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:15px;width:1px;background:#D9D9D9}
.listpromenu:hover>ul{display:block}
.listpromenu ul{position:absolute;top:54px;left:0;box-shadow:0 0 4px 0 rgba(0,0,0,.2);width:100%;background:#fff;z-index:999;max-width:269px;display:none}
.listpromenu ul li{border-top:solid 1px #F6F6F6;position:relative}
.listpromenu ul li a{color:#333;font-size:14px;font-weight:normal;display:block;line-height:19px;padding:7px 25px}
.listpromenu ul li.menu-item-has-children a{position:relative}
.listpromenu ul li.menu-item-has-children a:before{display:inline-block;width:0;height:0;vertical-align:middle;border-left:4px dashed;border-left:4px solid\9;border-top:4px solid transparent;border-bottom:4px solid transparent;content:"";position:absolute;right:10px;top:45%}
.listpromenu ul li a:hover{color:#ca9547}
.listpromenu ul ul{left:269px;top:0;width:220px}
.listpromenu ul ul li{position:relative}
.listpromenu ul ul li:first-child{border-top:none}
.listpromenu ul li li a:before{display:none!important}
.listpromenu ul ul li a{padding:9px 15px}
.listpromenu li:hover > ul{display:block}
.menu-main{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;position:relative;width:100%;padding-right:15px;padding-left:15px}
.menu-main ul{text-align:left}
.menu-main ul li{display:inline-block;position:relative}
.menu-main ul li.menu-item-has-children a{position:relative}
.menu-main ul li.menu-item-has-children a:before{display:inline-block;width:0;height:0;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent;content:"";position:absolute;right:3px;top:45%}
.menu-main ul li a{color:#fff;font-size:14px;font-weight:600;display:block;padding:15.8px 20px;text-transform:uppercase}
.menu-main ul li a:hover{color:#f9f9f9}
.menu-main ul li ul{text-align:left;float:none;position:absolute;width:220px;background:#fff;top:53px;opacity:0;visibility:visible!important;z-index:9999;box-shadow:0 4px 20px rgba(183,221,228,0.47);-webkit-transform:perspective(600px) rotateX(-90deg);-moz-transform:perspective(600px) rotateX(-90deg);-ms-transform:perspective(600px) rotateX(-90deg);-o-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transition:-webkit-transform 0.5s ease,opacity 0.6s ease,max-height 0.6s step-end,max-width 0.6s step-end,padding 0.6s step-end;-o-transition:-o-transform 0.5s ease,opacity 0.6s ease,max-height 0.6s step-end,max-width 0.6s step-end,padding 0.6s step-end;transition:transform 0.5s ease,opacity 0.6s ease,max-height 0.6s step-end,max-width 0.6s step-end,padding 0.6s step-end;-webkit-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;transform-origin:0% 0%}
.menu-main ul li ul li{width:100%;float:left;background:none;height:auto;border-top:1px solid #F6F6F6}
.menu-main ul li ul li.menu-item-has-children a:before{display:inline-block!important;width:0;height:0;vertical-align:middle;border-left:4px dashed;border-left:4px solid\9;border-top:4px solid transparent;border-bottom:4px solid transparent;content:"";position:absolute;right:10px;top:43%}
.menu-main ul li ul li a:before,#menu ul ul li a:before{display:none!important}
.menu-main ul li ul li a{display:block;float:none;padding:9px 15px;color:#333!important;font-size:14px;text-transform:none}
.menu-main ul li ul li a:hover{color:#3a2614!important}
.menu-main ul li ul li ul{left:219px;top:-1px}
.menu-main ul li:hover > ul{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}
.menu-main ul ul ul ul{width:245px}
.navmobile{display:none}
.sliderwebtop{clear:both;margin:15px 0 40px 0}
.slider-web{}
.slider-web .owl-carousel .owl-slide{position:relative}
.slider-web .owl-carousel .owl-slide img{width:100%;height:auto;min-height:330px}
.slider-web .owl-carousel .owl-slide .owl-slide-more{height:100%;width:100%;display:block}
.slider-web .owl-carousel .owl-dots{position:relative;margin-top:-36px}
.slider-web .owl-carousel .owl-dots .owl-dot span{background:none!important;border:1px solid #fff!important}
.slider-web .owl-carousel .owl-dots .owl-dot:hover span,.slider-web .owl-carousel .owl-dots .owl-dot.active span{background:#fff!important;border:1px solid #fff!important}
.slider-web .owl-carousel .owl-nav{}
.slider-web .owl-carousel .owl-nav .owl-next,.slider-web .owl-carousel .owl-nav .owl-prev{background:none!important;padding:0!important;position:absolute;top:50%;transform:translateY(-50%);margin:0}
.slider-web .owl-carousel .owl-nav .owl-next{right:30px}
.slider-web .owl-carousel .owl-nav .owl-prev{left:30px}
.slider-web .owl-carousel .owl-nav{}
.slider-web .owl-carousel .owl-nav svg{opacity:0.6;transition:opacity 0.3s;fill:#fff}
.slider-web .owl-carousel .owl-nav .owl-prev:hover svg,.slider-web .owl-carousel .owl-nav .owl-next:hover svg{opacity:1}
.slider-web .owl-carousel .owl-nav [class*="owl-"]:hover{background:transparent}
@media screen and (max-width:575px){.slider-web .owl-carousel .owl-nav{top:5%}.slider-web .owl-carousel .owl-nav svg{width:24px;height:24px}}
.fix-nav{z-index:9999;position:fixed!important;left:0;top:0;width:100%}
.fix-body{margin-top:50px}
.fix-nav .top-header,.fix-nav .subbheader{display:none}
/*CONTAINER*/
#container-home{clear:both}
#container{overflow:hidden;padding:30px 0}
#contents{width:76%;float:right;padding-left:30px}
#sidebar{width:24%;float:left}
.tax-news_cat #sidebar,.single-ms_news #sidebar,.page-template-default #sidebar{float:right}
.tax-news_cat #contents,.single-ms_news #contents,.page-template-default #contents{float:left;padding-right:30px;padding-left:0}
.tax-news_cat #sidebar .widget,.single-ms_news #sidebar .widget,.page-template-default #sidebar .widget{background:#F5F5F5;border-radius:10px;padding:15px}
.category .widget,.search-results .widget{box-shadow:0 4px 30px rgba(19,28,25,0.1);border-radius:4px;padding:15px}
.widget{margin-bottom:20px;overflow:hidden;background:#fff}
.widget-title{padding-bottom:5px;color:#3a2614;font-size:18px;font-weight:600;line-height:1.3em;border-bottom:1px solid #D8D5D5;position:relative;margin-bottom:10px;text-transform:uppercase}
.widget-title:before{position:absolute;bottom:0;left:0;width:68px;content:"";background:linear-gradient(180deg,#ca9547 0%,#ca9547 100%);height:2px}
.widget iframe{width:100%!important;min-height:240px}
.widget ul{}
.widget ul li{padding:4px 0;color:#000}
.widget ul li:last-child,.widget.widget_nav_menu ul li:last-child{border-bottom:none}
.widget ul li a{font-size:14px;color:#333;font-weight:500;padding:3px 0;display:block;line-height:19px}
.widget ul li a:hover{}
.widget ul li ul{margin-left:15px}
.widget ul li ul li{border-bottom:1px solid #e5e5e5}
.widget ul li ul li a{text-transform:none;font-weight:normal}
.newslistw{position:relative;padding:5px 0}
.newslistwbox{position:relative;overflow:hidden;padding:8px 0}
.newslistwbox:first-child{padding-top:0}
.newslistwbox-thumb{text-align:center;position:relative;overflow:hidden;width:80px;height:60px;float:left;border-radius:4px}
.newslistwbox-thumb img{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;object-fit:cover;width:100%;height:100%!important;object-position:50% 50%}
.newslistwboxinfo{float:left;width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);padding-left:10px}
.newslistwbox-name{overflow:hidden;position:relative}
.newslistwbox-name a{display:block;font-size:14px;font-weight:400;color:#2D2D2D;line-height:18px}
.toppro{position:relative;margin-bottom:40px;padding:0 10px}
.wrap-toppro{}
.toppro-title,.profehome-title,.prohome-title,.newshome-title{overflow:hidden;margin-bottom:20px}
.toppro-title h2,.profehome-title h2,.prohome-title h2,.newshome-title h2{display:inline-block;position:relative;color:#3a2614;font-size:24px;line-height:1.3em;font-weight:600;text-transform:uppercase}
.toppro-title h2 a,.profehome-title h2 a,.prohome-title h2 a,.newshome-title h2 a{display:block}
.toppro-details{overflow:hidden}
.topprobox{float:left;width:16.66666667%}
.topprobox:nth-child(6n+1){clear:both}
.topprobox-inner{position:relative;padding:15px;border:1px solid #e3e3e3;transition:all 0.3s ease-in-out;background:#fff}
.topprobox-inner:hover{box-shadow:inset 0 0 10px 0 #ca9547}
.topprobox-thumb{overflow:hidden;position:relative;width:100%;height:160px;text-align:center;margin-bottom:10px}
.topprobox-thumb img{-webkit-transition:all 1.7s cubic-bezier(0.230,1.000,0.320,1.000);transition:all 1.7s cubic-bezier(0.230,1.000,0.320,1.000);object-fit:cover;width:100%;height:100%!important;object-position:50% 50%}
.topproboxinfo{position:relative;text-align:center}
.topprobox-name{overflow:hidden}
.topprobox-name a{color:#444;font-size:14px;font-weight:500;line-height:19px;overflow:hidden;-webkit-line-clamp:2;position:relative;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-box-orient:vertical;height:auto;display:-webkit-box;text-transform:uppercase}
.topprobox-name a:hover,.productbox-name a:hover,.newshomebox-name a:hover,.tfwidget ul li a:hover,.newslistwbox-name a:hover{color:#ca9547}
.profehome{position:relative;padding:0 10px;margin-bottom:40px}
.wrap-profehome{}
.profehome .owl-theme .owl-dots,.productrela .owl-theme .owl-dots{margin-top:20px}
.profehome .owl-theme .owl-dots .owl-dot span,.productrela .owl-theme .owl-dots .owl-dot span{margin:5px 3px!important}
.profehome .owl-theme .owl-dots .owl-dot.active span,.productrela .owl-theme .owl-dots .owl-dot.active span{background:#ca9547;width:35px;border-radius:15px}
.profehome .owl-theme .owl-dots .owl-dot:hover span,.productrela .owl-theme .owl-dots .owl-dot:hover span,.owl-dots .owl-dot:hover span{background:#ca9547}
.profehome-details:hover .owl-nav,.wrap-productrela:hover .owl-nav{opacity:1}
.profehome-details:hover .owl-nav .owl-next,.wrap-productrela:hover .owl-nav .owl-next{right:0}
.profehome-details:hover .owl-nav .owl-prev,.wrap-productrela:hover .owl-nav .owl-prev{left:0}
.profehome-details .owl-nav,.wrap-productrela .owl-nav{margin-top:0!important;opacity:0}
.profehome .owl-nav .owl-next,.profehome .owl-nav .owl-prev,.productrela .owl-nav .owl-next,.productrela .owl-nav .owl-prev{position:absolute;top:30%;width:40px;height:40px;text-indent:-1000000px;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.profehome .owl-nav .owl-next,.productrela .owl-nav .owl-next{background:url(images/arrows_right.webp) no-repeat!important;right:-3%}
.profehome .owl-nav .owl-prev,.productrela .owl-nav .owl-prev{background:url(images/arrows_left.webp) no-repeat!important;left:-3%}
.profehome .owl-nav span,.productrela .owl-nav span{display:none}
.prohome{position:relative;padding:0 10px;margin-bottom:40px}
.wrap-prohome{}
.protabs{text-align:center}
.protabs section{display:none;clear:both;padding-top:15px}
.protabs input{display:none}
.protabs label{display:inline-block;margin:0 -2px 2px;padding:8px 15px;font-weight:600;text-align:center;color:#333;text-transform:uppercase;font-size:16px;line-height:23px;background:#f4f4f4}
.protabs label:before{}
.protabs label:hover{cursor:pointer}
.protabs input:checked + label{color:#fff;background:#ca9547;border-radius:0}
.protabs1 #tab1:checked ~ #content1,.protabs1 #tab2:checked ~ #content2,.protabs1 #tab3:checked ~ #content3,.protabs1 #tab4:checked ~ #content4,.protabs1 #tab5:checked ~ #content5,.protabs1 #tab6:checked ~ #content6,.protabs1 #tab7:checked ~ #content7,.protabs1 #tab8:checked ~ #content8,.protabs1 #tab9:checked ~ #content9,.protabs1 #tab10:checked ~ #content10,.protabs2 #tab11:checked ~ #content11,.protabs2 #tab12:checked ~ #content12,.protabs2 #tab13:checked ~ #content13,.protabs2 #tab14:checked ~ #content14,.protabs2 #tab15:checked ~ #content15,.protabs2 #tab16:checked ~ #content16,.protabs2 #tab17:checked ~ #content17,.protabs2 #tab18:checked ~ #content18,.protabs2 #tab19:checked ~ #content19,.protabs2 #tab20:checked ~ #content20{display:block}
.prohome-view{text-align:center;clear:both;margin-top:30px}
.prohome-view a{display:inline-block;color:#fff;background:linear-gradient(180deg,#3a2614 0%,#603818 100%);font-size:15px;line-height:19px;font-weight:bold;padding:8px 25px;border-radius:3px;letter-spacing:1px}
.prohome .slick-prev,.prohome .slick-next{width:38px;height:38px;top:-30px}
.prohome .slick-prev{right:45px;left:inherit}
.prohome .slick-next{right:0}
.prohome .slick-prev:before,.prohome .slick-next:before{font-size:35px;color:#ca9547}
.profehome-view,.newshome-view{float:right;display:inline-block;padding:4px 0}
.profehome-view a,.newshome-view a{color:#ca9547;font-size:14px;line-height:18px;font-weight:400}
.profehome-view svg,.newshome-view svg{width:20px;height:20px;overflow:hidden;vertical-align:middle}
.profehome-view svg path,.newshome-view svg path{fill:#ca9547}
.newshome{position:relative;padding:0 10px;margin-bottom:50px}
.wrap-newshome{}
.newshome-details{overflow:hidden;margin-left:-10px;margin-right:-10px}
.newshomebox{float:left;width:50%;padding:10px;overflow:hidden}
.newshomebox:nth-child(2n+1){clear:both}
.newshomebox-inner{position:relative}
.newshomebox-thumb{overflow:hidden;position:relative;width:100%;height:235px;text-align:center;margin-bottom:12px}
.newshomebox-thumb img{-webkit-transition:all 1.7s cubic-bezier(0.230,1.000,0.320,1.000);transition:all 1.7s cubic-bezier(0.230,1.000,0.320,1.000);object-fit:cover;width:100%;height:100%!important;object-position:50% 50%}
.newshomeboxinfo{position:relative}
.newshomebox-name{overflow:hidden;margin-bottom:6px}
.newshomebox-name a{font-size:17px;font-weight:600;color:#393939;line-height:23px;overflow:hidden;-webkit-line-clamp:2;position:relative;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-box-orient:vertical;height:auto;display:-webkit-box}
.newshomebox-desc{font-size:14px;text-align:justify;color:#4D555D;line-height:20px;overflow:hidden;display:-webkit-box;height:57px;-webkit-line-clamp:3;position:relative;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-box-orient:vertical}
.newshomebox-date{color:#7B7B7B;margin:5px 0;font-size:13px;letter-spacing:1px}
.newshomebox-date svg{width:15px;margin-right:5px;overflow:hidden;vertical-align:middle;position:relative;top:-1px}
.catnewsbox-date svg,.showpost-date svg{width:1.1em;height:1.1em;margin-right:5px;padding-top:1px}
.catnewsbox-date svg path,.catnewsbox-date svg polygon,.catnewsbox-date svg rect,.showpost-date svg path,.showpost-date svg polygon,.showpost-date svg rect{fill:#acacac}
.catnewsbox-date svg circle,.showpost-date svg circle{stroke:#acacac;stroke-width:1}
.showproduct{overflow:hidden;clear:both}
.showproduct-title,.catnews-title{color:#3a2614;font-size:24px;font-weight:500;position:relative;text-transform:uppercase;display:block;margin-bottom:10px;line-height:1.3em;border-bottom:1px solid #e6e6e6;padding-bottom:8px;clear:both}
.wrap-showproduct{overflow:hidden;margin-left:-8px;margin-right:-8px}
.productbox,.prohome .productbox{float:left;width:25%;padding:8px}
.productbox:nth-child(4n+1){clear:both}
.productbox-inner{position:relative;-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s;overflow:hidden;background:#fff;border-radius:5px;padding:10px}
.productbox-thumb{overflow:hidden;position:relative;width:100%;height:180px;text-align:center;margin-bottom:10px;perspective:1000px}
.productbox-thumb img{-webkit-transition:all 1.7s cubic-bezier(0.230,1.000,0.320,1.000);transition:all 1.7s cubic-bezier(0.230,1.000,0.320,1.000);object-fit:cover;width:100%;height:100%!important;object-position:50% 50%}
.productbox-thumb-b{position:absolute;width:100%;height:100%;transform-origin:center;transition:transform .6s}
.productbox-thumb-b.front{transform:rotateX(0)}
.productbox-thumb-b.top{transform:rotateX(90deg)}
.productbox-thumb:hover .productbox-thumb-b.front{transform:rotateX(-90deg)}
.productbox-thumb:hover .productbox-thumb-b.top{transform:rotateX(0)}
.productbox-name{overflow:hidden;margin-bottom:5px}
.productbox-name a{color:#444444;font-size:14px;font-weight:500;line-height:19px;overflow:hidden;-webkit-line-clamp:2;position:relative;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-box-orient:vertical;height:auto;display:-webkit-box;text-transform:uppercase}
.productbox-price{font-weight:600;margin-bottom:8px}
.productboxpri-default{color:#ff0000;font-size:16px;margin-right:5px}
.productboxpri-sales{color:#888;text-decoration:line-through;font-size:11px}
.product-sales{color:#fff;line-height:16px;padding:2px 8px;position:absolute;top:10px;z-index:9;left:10px;background:#4DB23D;font-size:12px;border-radius:5px;font-weight:400}
/*CATEGORY*/
.showproduct-desc,.catnews-desc{color:#333;font-size:14px;text-align:justify;padding:0!important}
.catnews-desc{padding:15px!important}
.showproduct-desc a,.catnews-desc a{color:#000}
.catnews-desc{background:#f8f8f8;padding:15px;position:relative}
.showcat-news{}
.wrap-catnews{overflow:hidden;margin-left:-15px;margin-right:-15px}
.catnewsbox{padding:15px;position:relative;overflow:hidden;float:left;width:50%}
.catnewsbox:nth-child(2n+1){clear:both}
.catnewsbox-thumb{overflow:hidden;position:relative;width:100%;height:235px;text-align:center;border-radius:10px;margin-bottom:10px}
.catnewsbox-thumb img{-webkit-transition:all 1.7s cubic-bezier(0.230,1.000,0.320,1.000);transition:all 1.7s cubic-bezier(0.230,1.000,0.320,1.000);object-fit:cover;width:100%;height:100%!important;object-position:50% 50%}
.catnewsboxinfo{}
.catnewsbox-name{margin-bottom:6px;overflow:hidden;-webkit-line-clamp:2;position:relative;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-box-orient:vertical;height:auto;display:-webkit-box}
.catnewsbox-name a{display:block;font-size:18px;font-weight:400;color:#222;line-height:24px}
.catnewsbox-date{font-size:11px;margin-bottom:5px;color:#acacac;letter-spacing:1px;font-weight:500}
.catnewsbox-desc{color:#333;font-size:14px;text-align:justify;line-height:19px;height:auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;position:relative;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;-webkit-box-orient:vertical}
.page_nav{clear:both;padding:20px 0 10px 0;overflow:hidden;text-align:center}
.page_nav .page-numbers{background:#ca9547;color:#fff;display:inline-block;width:auto;margin:4px 1px 4px 0;padding:4px 10px 4px 10px;text-decoration:none;font-weight:600;font-size:14px;border-radius:4px}
.page_nav .page-numbers:hover,.page_nav .current{background:#423338;color:#fff}
.wrap-tag{clear:both;margin:10px 0;font-weight:bold;font-style:italic;text-align:left}
/*SINGLE*/
.showpostpro{clear:both}
.postproinfo{overflow:hidden;margin-left:-10px;margin-right:-10px}
.postproinfobox{width:41%;float:left;padding:0 10px}
.postproinfobox:first-child{width:59%}
.singlepro-slide{background:#fff;padding:10px;border-radius:5px;margin-bottom:20px}
.singlepro-slide-inner{overflow:hidden;margin-left:-8px;margin-right:-8px}
.singlepro-thumb,.singlepro-co{float:left;padding:8px}
.singlepro-thumb{width:90px}
.singlepro-co{width:-webkit-calc(100% - 90px);width:-moz-calc(100% - 90px);width:calc(100% - 90px);padding-left:18px}
.singlepro-co .carousel-cell{overflow:hidden;position:relative;height:400px}
.singlepro-co .carousel-cell img{-webkit-transition:all 1.7s cubic-bezier(0.230,1.000,0.320,1.000);transition:all 1.7s cubic-bezier(0.230,1.000,0.320,1.000);object-fit:cover;width:100%;height:100%!important;object-position:50% 50%}
.singleprodetails{background:#fff;padding:20px;border-radius:5px;margin-bottom:20px}
.postpro-title{color:#212529;font-size:26px;font-weight:500;margin-bottom:12px;line-height:1.2em;position:relative;text-transform:uppercase}
.postpro-price{position:relative;overflow:hidden;margin-bottom:5px}
.postpropri-default{color:#ff5c00;font-size:30px;font-weight:400;margin-right:8px}
.postpropri-sales{color:#acacac;text-decoration:line-through;font-size:16px}
.postpro-price .product-sales{display:none}
.postpro-table{display:table;border-spacing:6px;margin-bottom:10px}
.postpro-table-row{display:table-row;width:auto}
.postpro-table-cell{color:#555;font-size:14px;line-height:19px;float:left;display:table-column;vertical-align:middle}
.postpro-table-cell strong{font-weight:bold}
.postpro-table-cell a{color:#3a2614}
.postpro-table-cell:first-child{margin-right:5px}
.postproinfo .productboxpri-default{font-size:18px}
.postpro-desc{color:#212529;font-size:13px;background:#F5F5F5;overflow:hidden;position:relative;margin:10px 0 20px 0;clear:both;padding:20px;border-radius:10px}
.postpro-desc ul{margin-left:16px;color:#222}
.postpro-desc ul li{list-style:disc}
.postpro-desc-gift{overflow:hidden;margin-bottom:13px}
.postpro-desc-gift span{font-size:16px;line-height:22px;display:inline-block;text-transform:uppercase;padding:6px 15px;border-radius:5px;font-weight:400;color:#fff;background:linear-gradient(180deg,#ee0000 0%,#cd2626 100%)}
.postpro-desc-gift svg{width:20px;height:20px;margin-right:6px;display:inline-block;top:3px;position:relative}
.postprobtn{position:relative;overflow:hidden}
.postprobtn li{width:100%;text-align:center;margin-bottom:10px}
.postprobtn li:first-child a{background:linear-gradient(180deg,#3a2614 0%,#603818 100%)}
.postprobtn li:last-child a{background:#288ad6}
.postprobtn li a{font-size:12px;line-height:17px;display:block;font-weight:400;color:#fff;background:#e00;padding:6px 15px;border-radius:10px}
.postprobtn li span{font-size:16px;font-weight:600;line-height:22px;text-transform:uppercase;display:block}
.singlepro-content{background:#fff;padding:20px;border-radius:5px;margin-bottom:20px}
.singlepro-content-subtitle{padding-bottom:5px;color:#303030;font-size:16px;font-weight:600;line-height:22px;border-bottom:1px solid #f5f6f8;position:relative;margin-bottom:10px;text-transform:uppercase}
.singlepro-content-subtitle:before{position:absolute;bottom:0;left:0;width:68px;content:"";background:#3a2614;height:2px}
.showpost-news{background:#fff}
.showpost-title{color:#333;font-size:26px;font-weight:bold;margin-bottom:6px;line-height:1.3em}
.showpage-title{text-transform:uppercase;border-bottom:1px solid #eee;padding-bottom:8px;font-weight:500}
.showpost-date{font-size:11px;color:#acacac;border-bottom:1px solid #ececec;padding-bottom:10px;letter-spacing:1px;font-weight:bold}
.entry-content{font-size:15px;line-height:1.5;color:#212529;text-align:justify;padding:10px 0;background:#fff;position:relative}
.entry-content iframe{display:block;margin:10px auto;max-width:100%;border:none}
.entry-content blockquote,blockquote{border-left:10px solid #3a2614;overflow:hidden;margin:20px;padding:0 30px 0 20px}
.entry-content blockquote p,blockquote a,blockquote{color:#666;font-size:1em;font-style:italic}
.entry-content strong em,.entry-content em strong{font-style:italic;font-weight:700}
.entry-content del{color:#aaa;text-decoration:line-through}
.entry-content pre,.entry-content code,.entry-content tt{background:#f5f5f5;color:#666;font:12px 'andale mono',monotype.com,'lucida console',monospace;line-height:20px;overflow:auto;display:block;white-space:pre;margin:1.5em 0;padding:1em}
.entry-content ins{font-weight:700;text-decoration:underline}
.entry-content em{font-style:italic}
.entry-content ul{list-style:none;padding-bottom:10px;padding-left:1px}
.entry-content ul ul,.entry-content ol ol,.entry-content ul ol,.entry-content ol ul{margin-bottom:0}
.entry-content ul li{padding:5px 0 5px 20px;position:relative;list-style:disc;list-style-position:inside}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:5px 0 10px}
.entry-content hr{background:#e6e6e6;border:none;clear:both;color:#e6e6e6;height:1px;width:100%;margin:15px 0}
.entry-content ol{list-style-type:decimal;margin:0 0 10px 25px}
.entry-content ol ol{list-style:upper-alpha}
.entry-content ol ol ol{list-style:lower-roman}
.entry-content ol ol ol ol{list-style:lower-alpha}
.entry-content ol li{font-size:12px;line-height:19px;padding:3px 0}
.entry-content p{margin:0 0 10px}
.aligncenter{display:block;margin-bottom:10px;margin-left:auto;margin-right:auto}
.alignright{float:right;margin:0 0 10px 10px}
.alignleft{float:left;margin:0 10px 10px 0}
.wp-caption{background:#F7F7F7;border:1px solid #e6e6e6;text-align:center;padding:4px 0 5px}
.wp-caption img{border:0;margin:0 0 5px;padding:0}
img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img{max-width:100%;height:auto}
img.centered,img.aligncenter{display:block;margin:2px auto;padding:0}
img.alignright{padding:4px;margin:2px 3px 3px 8px;display:inline}
img.alignleft{padding:4px;margin:2px 8px 3px 3px;display:inline}
.wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:100%!important;padding:4px;text-align:center}
.wp-caption.alignleft{margin-right:20px}
.wp-caption.alignright{margin-left:20px}
.wp-caption img{max-width:100%!important}
.wp-caption p.wp-caption-text{color:#888;margin:5px;padding:0}
.entry-content table{border:1px solid #eaeaea;background-color:#fff;width:100%!important;font-family:'Noticia Text',Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;color:#000;border-collapse:separate;border-spacing:0;max-width:100%!important;margin-bottom:10px}
.entry-content table td,.entry-content table th{border:1px solid #eaeaea;color:#000}
.entry-content table th{text-shadow:0 1px 0 #fff;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-weight:normal;padding:7px 7px 8px;text-align:left;line-height:1.3em;font-size:14px}
.entry-content table td{padding:5px 8px;vertical-align:middle}
.rank-math-breadcrumb{color:#ca9547;font-size:14px;line-height:19px;margin-bottom:22px}
.rank-math-breadcrumb a{color:#333}
.rank-math-breadcrumb a:hover{color:#ca9547}
.alert-dataupdate{color:#856404;background:#fff3cd;border:1px solid #ffeeba;border-radius:4px;padding:15px 20px;position:relative}
.productrela{background:linear-gradient(180deg,#3a2614 0%,#603818 78.65%);padding:40px 10px 50px 10px;position:relative;clear:both}
.wrap-productrela{}
.productrela-title{color:#fff;text-transform:none;font-weight:400;font-size:24px;line-height:1.3em;border-bottom:none;padding-bottom:10px;margin-bottom:20px}
.productrela-title:before{content:"";position:absolute;left:0;bottom:0;border-radius:5px;height:3px;width:115px;background:linear-gradient(180deg,#ca9547 0%,#3a2614 100%)}
.productrela .productbox{width:20%}
.productrela .productbox:nth-child(4n+1){clear:none}
.productrela .productbox:nth-child(5n+1){clear:both}
.singlepro-getcontent{position:relative}
.showcat-newsrela{margin-bottom:20px}
/*FOOTER*/
#footer{clear:both;background:#fff}
.formft{background:#3a2614;position:relative;padding:40px 10px;color:#fff}
.wrap-formft{overflow:hidden;width:960px}
.lformft,.rformft{float:left}
.lformft{width:40%}
.rformft{width:60%;padding-left:60px}
.lformft-title{font-size:24px;line-height:1.3em;color:#fff;font-weight:bold;margin-bottom:10px}
.lformft-desc{color:#fff;font-size:14px;line-height:1.4em}
.formip{position:relative;overflow:hidden;clear:both;margin-top:10px}
.formip input[type="tel"]{background:#fff;color:#000;font-size:15px!important;border-radius:4px!important;width:100%;vertical-align:middle;margin-bottom:0!important;padding:22px 65px 22px 15px!important;height:46px}
.formip input[type="submit"]{width:50px!important;position:absolute;top:5px;right:5px;bottom:5px;height:37px;padding:8px 8px!important;text-align:center;font-size:14px!important;border-radius:4px!important;background:url(images/rightarrow.webp) no-repeat center center,linear-gradient(180deg,#3a2614 0%,#603818 100%)!important;text-indent:-10000000px;background-size:22px 16px!important}
.formip .wpcf7-spinner{display:none!important}
.formft svg{overflow:hidden;vertical-align:middle;width:20px;height:20px;margin-right:5px;fill:#fff}
.formft svg path{fill:#fff}
.top-footer{position:relative;padding:45px 10px 0 10px}
.tfooter-inner{}
.wrap-tfooter{overflow:hidden;margin-left:-15px;margin-right:-15px}
.tfooterbox{width:25%;float:left;padding:15px}
.tfooterbox:first-child{}
.tfwidget{margin-bottom:18px;color:#333!important;font-size:14px;position:relative}
.tfwidget-title{color:#3a2614;font-size:18px;margin-bottom:10px;font-weight:bold;position:relative;line-height:1.3em;text-transform:uppercase}
.tfwidget a{color:#333}
.tfwidget iframe{width:100%!important;min-height:150px}
.tfwidget ul{list-style:disc;margin:0;padding:0 0 0 16px}
.tfwidget ul ul{margin-left:10px}
.tfwidget ul li{color:#333;padding:3px 0}
.tfwidget ul li a{color:#333;font-size:14px;font-weight:normal;position:relative;display:block}
.tfwidget p{margin-bottom:6px}
.bottom-footer{padding:0 10px}
.wrap-bfooter{overflow:hidden;border-top:1px solid rgba(198,198,198,0.5);padding:15px 0}
.bottom-footer p{color:#333;font-size:15px;font-weight:400;text-align:center}
.bottom-footer p a{color:#333}
input[type="text"],input[type="tel"],input[type="email"],textarea{border:1px solid #eee;font-size:14px;padding:10px 15px;width:100%;background:#fff;color:#333;outline:0;margin-bottom:10px;font-family:'Noticia Text',Arial,"Helvetica Neue",Helvetica,sans-serif;height:38px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
textarea{resize:none;height:134px;padding:10px 15px}
input[type="submit"]{cursor:pointer;padding:10px 10px;border:1px solid #3a2614;color:#fff;background:#3a2614;outline:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block;font-weight:bold;font-size:14px;text-transform:uppercase;height:38px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:'Noticia Text',Arial,"Helvetica Neue",Helvetica,sans-serif}
.wpcf7-not-valid-tip{display:none!important}
.wpcf7-not-valid{border:1px solid #f00!important}
.wpcf7-response-output{margin:3px 0 0 0!important;padding:0!important;border:0!important;text-align:center!important}
.utibot{justify-content:start;position:fixed;top:0;left:0;z-index:9999;background:linear-gradient(180deg,#3a2614 0%,#603818 100%);padding:8px 10px;flex-wrap:wrap;width:100%;align-items:center;display:none}
.utibot-menubar{position:relative}
.utibot-menubar span{color:#fff;font-size:14px;line-height:19px}
.utibot-menubar svg{width:20px;height:20px;overflow:hidden;vertical-align:middle;margin-right:5px}
.ms-row{margin-left:-15px;margin-right:-15px;overflow:hidden}
.ms-column{float:left;padding:0 15px;position:relative}
.ms-column-size-1-2{width:50%}
.ms-column-size-1-3{width:33.3333333%}
.ms-column-size-1-4{width:25%}
.ms-column-size-1-5{width:20%}
.ms-column-size-2-3{width:66.6666667%}
.ms-row .ms-row{margin-left:-5px;margin-right:-5px}
.ms-row .ms-row .ms-column{padding:0 5px!important}
.tpl-fullms .rank-math-breadcrumb{text-align:center}
.hotline-phone-ring-wrap{position:fixed;bottom:0;right:0;z-index:999999}
.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}
.hotline-phone-ring-circle{width:110px;height:110px;top:0;left:0;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #e80000;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0.5}
.hotline-phone-ring-circle-fill{width:80px;height:80px;top:16px;left:16px;position:absolute;background-color:rgba(232,0,0,0.7);border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-img-circle{background-color:#e80000;width:50px;height:50px;top:31px;left:31px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.hotline-phone-ring-img-circle .pps-btn-img img{width:33px;height:33px}
.hotline-bar{position:absolute;background:#e80000;height:45px;width:175px;line-height:40px;border-radius:3px;padding:0 10px;background-size:100%;cursor:pointer;transition:all 0.8s;-webkit-transition:all 0.8s;z-index:9;border-radius:50px!important;left:42px;bottom:31px;display:none}
.hotline-bar > a{color:#fff;text-decoration:none;font-size:16px;font-weight:bold;text-indent:32px;letter-spacing:1px;display:block;line-height:45px;font-family:'Roboto',Arial}
.hotline-bar > a:hover,.hotline-bar > a:active{color:#fff}
@-webkit-keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(0.5) skew(1deg);-webkit-opacity:0.1}30%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);-webkit-opacity:0.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:0.1}}
@-webkit-keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:0.6}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:0.6}100%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:0.6}}
@-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}
#zalo-ms{position:fixed;right:8px;bottom:100px;z-index:99999;transition:1s all;-moz-transition:1s all;-webkit-transition:1s all}
#zalo-ms .phone-ms{position:relative;visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}
#zalo-ms .phone-ms-circle-fill{width:65px;height:65px;top:12px;left:12px;position:absolute;box-shadow:0 0 0 0 #2196f3;background-color:rgba(33,150,243,.7);border-radius:50%;border:2px solid transparent;-webkit-animation:phone-vr-circle-fill 2.3s infinite ease-in-out;animation:phone-vr-circle-fill 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animuiion:zoom 1.3s infinite;animation:zoom 1.3s infinite}
#zalo-ms .phone-ms-img-circle{background-color:#2196f3;width:40px;height:40px;line-height:40px;top:25px;left:25px;position:absolute;border-radius:50%;display:flex;justify-content:center;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phone-vr-circle-fill 1s infinite ease-in-out}
#zalo-ms .phone-ms-img-circle a{display:block;line-height:37px}
#zalo-ms .phone-ms-img-circle img{max-height:25px;max-width:27px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;opacity:1;vertical-align:middle;display:inline-block;height:auto}
@-webkit-keyframes phone-ms-circle-fill{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@media (max-width:768px){.hotline-bar{display:none}}