@charset "UTF-8";

@font-face{font-display:block;font-family:'Roboto-Regular';src:url(../fonts/Roboto-Regular.woff2) format("woff2"),url(../fonts/Roboto-Regular.woff) format("woff");font-weight:normal;font-style:normal}

@font-face{font-display:block;font-family:'Roboto-Bold';src:url(../fonts/Roboto-Bold.woff2) format("woff2"),url(../fonts/Roboto-Bold.woff) format("woff");font-weight:bold;font-style:normal}

@font-face{font-display:block;font-family:'Muli-Regular';src:url(../fonts/Muli-Regular.woff2) format("woff2"),url(../fonts/Muli-Regular.woff) format("woff");font-weight:normal;font-style:normal}

@font-face{font-display:block;font-family:'Muli-Bold';src:url(../fonts/Muli-Bold.woff2) format("woff2"),url(../fonts/Muli-Bold.woff) format("woff");font-weight:bold;font-style:normal}

@font-face{font-display:block;font-family:'Oswald-Bold';src:url(../fonts/Oswald-Bold.woff2) format("woff2"),url(../fonts/Oswald-Bold.woff) format("woff");font-weight:bold;font-style:normal}

@font-face{font-display:block;font-family:'MTDPridaBold';src:url(../fonts/MTD.woff2) format("woff2"),url(../fonts/MTD.woff) format("woff");font-weight:900;font-style:normal}

html{-webkit-text-size-adjust:100%}

h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:inherit}

*{box-sizing:border-box}

img{max-width:100%}

:root{--font-regular:Muli-Regular;--font-bold:Muli-Bold;--color-red:#ec2d3f;--color-medium-red:#cc2c32;--color-dark-red:#c31829;--color-green:#28a745;--color-dark-green:#207d36;--color-black:#212529;--color-gray:#6c757d;--z-index-hover:1000;--z-index-menu:999;--z-index:99}

body{margin:0;font-family:var(--font-regular);line-height:1.5;font-size:14px;background-color:#fff;color:#333}

.container{margin:0 auto;overflow:hidden;position:relative;z-index:2}

.inherit{max-width:1200px;margin:0 auto}

.breadCrumbs{background-color:#e9ecef;margin-bottom:30px}

.breadcrumb{margin-bottom:0;padding:10px;display:block}

.breadcrumb-item{display:inline}

.alert-warning-w{margin-top:30px}

.slick-slider *,.slick-slide,input,textarea,select,button{outline:none}

.flipster{overflow:hidden!important}

.ckeditor{overflow-x:auto}

.ckeditor:after{content:'';clear:both;display:block}

.ckeditor :not(iframe){max-width:100%!important;height:auto!important}

.ckeditor iframe{max-width:100%!important}

.clear:after{content:'';clear:both;display:block}

.fb_iframe_widget_fluid_desktop iframe{width:100%!important}

.spinner{display:block;margin:0 auto;max-height:100px}

.lazy{opacity:0}

.lazy.loaded{opacity:1}

.hidden-seoh,.hidden{display:none}

h3.seo,h2.seo{margin:0;font-size:inherit}

@-webkit-keyframes slide-right {

0%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}

100%{-webkit-transform:translateX(0px);transform:translateX(0px)}

}

@keyframes slide-right {

0%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}

100%{-webkit-transform:translateX(0px);transform:translateX(0px)}

}

.slide-right{-webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both}

.h-a:hover{color:#ea1100!important}

.h-a-line:hover{text-decoration:underline!important}

.img-scale:hover .img-scale-e{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

.hvr-float{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}

.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}

.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}

.centery,.centery-after:after,.centery-before:before{-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}

.centerx,.centerx-after:after,.centerx-before:before{-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);transform:translateX(-50%)}

.centerxy,.centerxy-after:after,.centerxy-before:before{-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

.table-resp{overflow:auto}

.table-resp table{min-width:555px}

.grecaptcha-badge{display:none!important}

a{text-decoration:none!important;color:inherit}

.wow{visibility:hidden}

.fotorama__wrap{margin:15px auto 0}

input[type="date"]::-webkit-inner-spin-button{display:none}

.singletext{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.doubletext{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}

#gallery{margin:0 auto}

.mess-update{text-align:center}

.flex-space-between{display:flex;justify-content:space-between;flex-wrap:wrap}

.flex-space-between-1{display:flex;justify-content:space-between}

.flex-space-left{display:flex;justify-content:flex-start;flex-wrap:wrap}

.flex-space-right{display:flex;justify-content:flex-end;flex-wrap:wrap}

.flex-space-center{display:flex;justify-content:center;flex-wrap:wrap}

@-webkit-keyframes scale-up-ver-top {

0%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4);-webkit-transform-origin:100% 0;transform-origin:100% 0}

100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 0;transform-origin:100% 0}

}

@keyframes scale-up-ver-top {

0%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4);-webkit-transform-origin:100% 0;transform-origin:100% 0}

100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 0;transform-origin:100% 0}

}

@-webkit-keyframes scale-up-ver-bottom {

0%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4);-webkit-transform-origin:0 100%;transform-origin:0 100%}

100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 100%;transform-origin:0 100%}

}

@keyframes scale-up-ver-bottom {

0%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4);-webkit-transform-origin:0 100%;transform-origin:0 100%}

100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 100%;transform-origin:0 100%}

}

.fixed{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-menu);-webkit-animation:scale-up-ver-top .4s cubic-bezier(0.390,0.575,0.565,1.000) both;animation:scale-up-ver-top .4s cubic-bezier(0.390,0.575,0.565,1.000) both}

.ease-in{-webkit-transition:all 500ms ease-in;-moz-transition:all 500ms ease-in;-ms-transition:all 500ms ease-in;-o-transition:all 500ms ease-in;transition:all 500ms ease-in}

.ease-in-200{-webkit-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;-ms-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;transition:all 200ms ease-in}

.ease-in-400{-webkit-transition:all 400ms ease-in;-moz-transition:all 400ms ease-in;-ms-transition:all 400ms ease-in;-o-transition:all 400ms ease-in;transition:all 400ms ease-in}

.linear-400{transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-webkit-transition:all .4s linear;-ms-transition:all .4s linear}

.logo img{}

.scrollToTop{position:fixed;z-index:var(--z-index);bottom:35px;right:18px;width:48px;height:48px;background:url(../images/top.png);cursor:pointer}

.btnsearch{display:block;cursor:pointer;text-align:center;width:40px;height:40px;line-height:40px;background:#6dbe45;color:#fff!important;font-size:22px}

.fsearch-but{display:none;position:absolute;z-index:var(--z-index-hover);margin-top:15px;top:100%;right:0;width:330px;background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 0 5px #333}

.fsearch-but form{border-radius:50px;border:1px solid #e6e6e6}

.fsearch-but input[type="search"]{border:none;box-sizing:border-box;font-size:14px;font-family:var(--font-regular);height:50px;float:left;background-color:transparent;padding:0 5px 0 15px;width:calc(100% - 49px);width:-moz-calc(100% - 49px);width:-webkit-calc(100% - 49px)}

.fsearch-but button{border:none;border-radius:50%;margin-right:4px;width:45px;height:45px;background:#ffa426;color:#fff;font-size:18px}

.fsearch-but.active{display:block;animation:fadeInUp 1s}

.fsearch-show{width:300px;height:47px;background-color:#fff;border-radius:50px;border:1px solid #ccc;overflow:hidden}

.fsearch-show input[type="search"],.fsearch-show button{border:none;height:100%;background:none}

.fsearch-show input[type="search"]{padding:0 15px;width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px)}

.fsearch-show button{width:40px;padding:0;text-align:left;font-size:22px;color:#459c27}

.fsearch-show:focus-within{border-color:#579c27}

.chansearch::-webkit-input-placeholder{color:#7d7d7d}

.chansearch:-moz-placeholder{color:#7d7d7d}

.chansearch::-moz-placeholder{color:#7d7d7d}

.chansearch:-ms-input-placehold{color:#7d7d7d}

.chanmail::-webkit-input-placeholder{color:#333}

.chanmail:-moz-placeholder{color:#333}

.chanmail::-moz-placeholder{color:#333}

.chanmail:-ms-input-placehold{color:#333}

.menu{text-align:center;color:#fff;background-color:#e22121;font-family:'Muli-Bold'}

.menu ul{list-style:none;margin:0;padding:0}

.menu ul ul{background-color:#008c41;display:none;position:absolute;width:100%;min-width:200px;height:auto;left:0;top:100%;z-index:var(--z-index-hover);text-align:left;box-shadow:3px 3px 3px #0000004d;-moz-box-shadow:3px 3px 3px #0000004d;-o-box-shadow:3px 3px 3px #0000004d;-webkit-box-shadow:3px 3px 3px #0000004d;-ms-box-shadow:3px 3px 3px #0000004d}

.menu ul ul ul{left:100%;top:0}

.menu ul > li{display:inline-block;position:relative}

.menu > ul > li{vertical-align:middle}

.menu > ul > li:not(:last-child){margin-right:40px}

.menu li.active > a,.menu li:hover > a:not(.btnsearch){color:#ecc800}

.menu li a{display:block}

.menu > ul > li > a:not(.btnsearch){position:relative;padding:11.5px 0;text-transform:uppercase}

.menu ul ul a{padding:10px}

.menu ul > li:hover > ul{display:block}

.menu ul ul li{display:block;position:relative}

.menu ul ul li:not(:last-child){border-bottom:1px solid #00000014}

.menu ul ul > li:hover{background-color:#00000014}

.menu > ul > li > ul{opacity:0}

.menu ul li:hover > ul{-webkit-animation:scale-in-ver-top .5s cubic-bezier(0.165,0.840,0.440,1.000) both;animation:scale-in-ver-top .5s cubic-bezier(0.165,0.840,0.440,1.000) both}

@-webkit-keyframes scale-in-ver-top {

0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:100% 0;transform-origin:100% 0;opacity:1}

100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 0;transform-origin:100% 0;opacity:1}

}

@keyframes scale-in-ver-top {

0%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:100% 0;transform-origin:100% 0;opacity:1}

100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:100% 0;transform-origin:100% 0;opacity:1}

}

.main:after{content:'';display:block;clear:both}

.main-left{width:22%;float:left}

.main-right{box-sizing:border-box;margin-top:55px;padding-left:30px;width:78%;float:right}

.main-item{margin-top:56px;position:relative;border-radius:5px;background:url(../images/bgmain.html);background-size:100% 100%;padding:10px 5px 5px}

.main-item:after{content:'';position:absolute;left:0;right:0;bottom:100%;margin-bottom:-2px;height:56px;background:url(../images/line-main.html) no-repeat center bottom;background-size:contain}

.main-title{margin-bottom:5px;font-family:'Oswald-Bold';font-size:20px;text-transform:uppercase;text-align:center;color:#fff}

.contact{margin-top:15px}

.contact .col{box-sizing:border-box;width:49%;margin-top:25px}

.contact .col.col-1{background-color:#fff;box-shadow:0 0 5px #00000042;padding:20px}

.contact .col.col-2 h3{margin:0 0 25px;font-family:var(--font-bold);font-size:35px;text-transform:uppercase}

.contact .col.col-2 .td{box-sizing:border-box;float:left;margin-bottom:15px}

.contact .col.col-2 .td1{margin-right:15px;width:calc(((100% + 15px) / 2 - 15px));width:-moz-calc(((100% + 15px) / 2 - 15px));width:-o-calc(((100% + 15px) / 2 - 15px));width:-webkit-calc(((100% + 15px) / 2 - 15px));width:-ms-calc(((100% + 15px) / 2 - 15px))}

.contact .col.col-2 .td1:nth-child(2n){margin-right:0}

.contact .col.col-2 .td2{width:100%}

.contact .col.col-2 label{display:block;font-family:var(--font-bold);margin-bottom:12px}

.contact .col.col-2 textarea,.contact .col.col-2 .txtcontact,.contact .col.col-2 select{box-sizing:border-box;width:100%;border:1px solid #e4e4e4;padding:0 15px;font-family:var(--font-regular);border-radius:5px}

.contact .col.col-2 .txtcontact,.contact .col.col-2 select{height:50px}

.contact .col.col-2 textarea{padding:15px;height:150px}

.contact .col.col-2 button,.contact .col.col-2 input[type="submit"]{float:left;border:3px solid #ededed;padding:15px 25px;margin-right:15px;background-color:#ecc800;font-family:var(--font-bold);font-size:18px;text-transform:uppercase;border-radius:50px;cursor:pointer}

.contact .col.col-2 button:hover,.contact .col.col-2 input[type="submit"]:hover{background-color:#000;color:#ecc800}

.pro-detail-left{width:40%;float:left;text-align:center}

.pro-detail-right{list-style:none;margin:0;padding:0;box-sizing:border-box;padding-left:30px;width:60%;float:right}

.gallery-thumb-pro{margin:15px 20px 0 15px}

.owl-thumb-pro a{display:block;border:1px solid #ccc;border-radius:5px;padding:5px}

.owl-thumb-pro img{display:block;margin:auto;border-radius:5px}

.owl-thumb-pro .owl-prev,.owl-thumb-pro .owl-next{position:absolute;border:none;background-color:transparent!important;color:#333!important;top:0;bottom:0;font-size:25px!important}

.owl-thumb-pro .owl-next{left:100%}

.owl-thumb-pro .owl-prev{right:100%}

.pro-detail-right li{margin-bottom:15px}

.pro-detail-right li:last-child{margin-bottom:0}

.pro-detail-right label{font-family:var(--font-bold);margin-right:5px}

.pro-detail-right a.check-cart{position:relative;cursor:pointer;text-align:center;display:inline-block;min-width:100px;padding:8px;margin:2px 4px 2px 0;text-transform:uppercase;background-color:#f5f5f5;border:1px solid transparent}

.pro-detail-right a.check-cart.fix-bx{min-width:40px;height:40px;box-shadow: 0px 0px 2px #00000026}

.pro-detail-right a.check-cart i{display:none;position:absolute;font-size:11px;padding:7px 2px 0 7px;right:-1px;bottom:0;clip-path:polygon(100% 0,100% 0,100% 100%,0% 100%);background-color:#fab0b8;color:#fff}

.pro-detail-right a.check-cart.active{border-color:#fab0b8}

.pro-detail-right a.check-cart.active i{display:block}

.title-pro-detail{font-family:var(--font-bold);font-size:27px;display:block}

.price-new-pro-detail{font-family:var(--font-bold);font-size:25px;color:var(--color-red)}

.price-old-pro-detail{margin-left:15px;font-size:18px;color:var(--color-gray);text-decoration:line-through}

.cart-pro-detail{margin-bottom:1rem;display:flex;align-items:stretch;justify-content:flex-start}

.cart-pro-detail a{width:auto;text-align:center;color:#fff!important;cursor:pointer;padding:8px 15px;text-transform:uppercase;border-radius:3px;cursor:pointer}

.cart-pro-detail a.addnow{margin-right:10px;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)}

.cart-pro-detail a.buynow{background-color:var(--color-green)}

.cart-pro-detail a.buynow:hover{background-color:var(--color-dark-green)}

.cart-pro-detail a i{vertical-align:top;margin-top:3px;margin-right:8px}

.tabs-pro-detail{margin:35px 0}

.tabs-pro-detail .ul-tabs-pro-detail{padding:0;list-style:none;margin-bottom:15px;border-bottom:1px solid #e7e7e7}

.tabs-pro-detail .ul-tabs-pro-detail li{cursor:pointer;float:left;margin-right:5px;margin-bottom:5px;background:#eee;padding:5px 10px}

.tabs-pro-detail .ul-tabs-pro-detail li.active{background:#333;color:#fafafa}

.tabs-pro-detail .ul-tabs-pro-detail li:last-child{margin-right:0}

.tabs-pro-detail .content-tabs-pro-detail{display:none}

.tabs-pro-detail .content-tabs-pro-detail.active{display:block}

.quantity-pro{display:inline-block}

.quantity-pro-detail{width:100%;max-width:110px;line-height:normal;display:flex;align-items:center;justify-content:space-between;text-align:center}

.quantity-pro-detail span{line-height:25px;padding:0;width:30px;height:30px;color:#5f5f5f;cursor:pointer;font-size:22px;border:1px solid #ccc}

.quantity-pro-detail span.quantity-plus-pro-detail{border-left:0}

.quantity-pro-detail span.quantity-minus-pro-detail{border-right:0}

.quantity-pro-detail input{height:30px;border:1px solid #ccc;width:calc(100% - 60px);text-align:center;font-size:14px;padding:5px}

.quantity-pro-detail input::-webkit-outer-spin-button,.quantity-pro-detail input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

.quantity-pro-detail input[type=number]{-moz-appearance:textfield}

.addthis_inline_share_toolbox_qj48,.zalo-share-button{display:inline-block;vertical-align:middle}

.zalo-share-button{margin-bottom:5px}

.title-in{font-family:var(--font-bold);font-size:27px}

.time-in{margin-top:5px;color:#999}

.time-in i{vertical-align:top;margin:3px 7px 0 0}

.time-in span{vertical-align:top;display:inline-block}

.content-in{margin:5px 0}

.post-more{list-style:none;padding:0;margin:0}

.post-more i{font-size:5px;margin-right:5px;vertical-align:middle}

.post-more li{margin-bottom:5px}

.flienquan{margin-top:30px}

.title-lienquan{text-transform:uppercase;font-size:17px;font-family:var(--font-bold);color:#3e3e3e;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px}

.alert-warning-w{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb;text-align:center;padding:15px 25px;border-radius:5px}

.pagination-ajax,.pagination1{list-style:none;margin:0;padding:0;text-align:center;color:#444}

.pagination-ajax li,.pagination1 li{display:inline-block}

.pagination-ajax a,.pagination1 a{cursor:pointer;display:inline-block;margin:2px 4px 2px 0;padding:10px 14px;background-color:#f2f2f2;line-height:1}

.pagination-ajax .current,.pagination-ajax a:hover,.pagination1 a:hover,.pagination1 .active a{background-color:#eb1010;color:#fff;text-decoration:underline!important}

.pagination-ajax{margin-top:15px}

#popup .fancybox-close-small{border-radius:50%;right:-17px;top:-17px}

#popup{padding:0!important;display:none}

#popup img{display:block}

#btnpopup{position:fixed;z-index:var(--z-index);bottom:25%;left:0;cursor:pointer;color:#fff;text-align:center}

#btnpopup i{position:relative;z-index:1;width:50px;height:50px;background-color:#eaa500;font-size:33px;line-height:50px;border-bottom-right-radius:5px;border-top-right-radius:5px}

#btnpopup span{position:absolute;display:none;border-bottom-right-radius:5px;border-top-right-radius:5px;padding:0 20px 0 0;top:0;bottom:0;left:100%;white-space:nowrap;background-color:#eaa500;font-family:'UTMAlexander';font-size:18px;line-height:50px}

#btnpopup:hover span{display:block;-webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both}

#btnpopup:hover i{border-bottom-right-radius:0;border-top-right-radius:0}

.plogo{display:block;margin:5px auto}

#fpopup{max-width:400px;width:100%;box-sizing:border-box;padding:0 0 30px;border-radius:5px}

#fpopup .title{background-color:#caa966;color:#fff;text-transform:uppercase;text-align:center;text-transform:uppercase;font-family:'Roboto-Bold';font-size:25px;padding:6px 20px}

#fpopup{padding:20px}

#fpopup select,#fpopup .txtnhanmail{border:none;display:block;width:100%;height:40px;background-color:#e7e7e7;margin-bottom:10px;padding:0 15px;font-size:16px}

#fpopup input[type="submit"]{font-size:16px;margin-top:25px;display:block;width:100%;height:48px;text-transform:uppercase;color:#fff;background:linear-gradient(200deg,rgba(227,196,127,1) 0%,rgba(147,109,48,1) 100%);border:none;cursor:pointer}

.title-danhmucleft{background-color:#e22121;color:#fff;text-transform:uppercase;font-family:'Roboto-Bold';font-size:17px;padding:9px 25px;border-radius:5px}

.title-danhmucleft img,.title-danhmucleft span{vertical-align:middle}

.title-danhmucleft img{margin-right:15px}

.content-danhmucleft{position:relative;height:calc(100% - 84px);height:-moz-calc(100% - 84px);height:-webkit-calc(100% - 84px)}

.scroll-danhmucleft{height:100%;padding:0 12px;overflow:auto}

.more-danhmucleft{background-color:#e22121;color:#fff;position:absolute;bottom:0;left:0;right:0;padding:9.5px 30px 9.5px 17px}

.more-danhmucleft span{float:right}

ul.danhmucleft,ul.danhmucleft ul{margin:0;padding:0;list-style:none;font-size:15px;background-color:#fff}

ul.danhmucleft .list-type,ul.danhmucleft span{vertical-align:middle}

ul.danhmucleft .list-type{margin-right:15px}

ul.danhmucleft li a{display:block;padding:10px 0;border-bottom:1px dashed #e6e6e6}

ul.danhmucleft ul{display:none;box-shadow:0 0 3px #00000026;position:absolute;z-index:var(--z-index-hover);top:0;bottom:0;left:calc(100% - 16px);width:100%;padding:0 12px;overflow:auto}

ul.danhmucleft li:hover > ul{display:block;-webkit-animation:scale-up-ver-bottom .4s cubic-bezier(0.390,0.575,0.565,1.000) both;animation:scale-up-ver-bottom .4s cubic-bezier(0.390,0.575,0.565,1.000) both}

.scrollbar::-webkit-scrollbar{width:7px}

.scrollbar::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:2px}

.scrollbar::-webkit-scrollbar-thumb{background:red;border-radius:2px}

.bgtinvi .col{box-sizing:border-box}

.bgtinvi .col-1{width:64%;float:left}

.bgtinvi .col-2{width:33%;float:right}

.ftintuc{width:47%;float:left}

.ftintuc .thumb{display:block;position:relative;overflow:hidden}

.ftintuc .tieude{-webkit-line-clamp:2;font-family:'Roboto-Bold';font-size:15px;margin-top:15px;text-transform:uppercase}

.ftintuc .desc{-webkit-line-clamp:2;line-height:2;margin:5px 0 25px}

.ftintuc .lk{display:inline-block;font-family:'Roboto-Bold';text-transform:uppercase;font-size:13px;padding:15px;border:2px solid #333}

ul.tintuc{padding:0;margin:0;list-style:none}

ul.tintuc li.bt{float:left;margin:20px 40px 20px 0;width:calc((100% + 40px) / 2 - 40px);width:-moz-calc((100% + 40px) / 2 - 40px);width:-webkit-calc((100% + 40px) / 2 - 40px)}

ul.tintuc li.bt:nth-child(2n){margin-right:0}

ul.tintuc li.bt:nth-child(2n+1){clear:both}

ul.tintuc .thumb{width:51%;overflow:hidden}

ul.tintuc .thumb img{display:block;width:100%}

ul.tintuc .content{position:relative;z-index:1;width:67%;padding:40px 30px;margin-left:-18%;background-color:#fff}

ul.tintuc .tieude{-webkit-line-clamp:2;font-family:var(--font-bold);font-size:18px;text-align:left}

ul.tintuc .date{font-size:13px;color:#a9a9a9;margin-top:5px}

ul.tintuc .desc{-webkit-line-clamp:4;margin-top:5px}

ul.tintuc .lk{display:inline-block;margin-top:15px;padding:7px 20px;color:#fff;background-color:#d71010}

.video-main{height:267px}

.video-main iframe{display:block;width:100%;height:100%}

.subvideo{margin-top:10px}

.subvideo img{display:block}

.asubvideo{cursor:pointer;position:relative}

.asubvideo:after{content:'';position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;background:url(../images/icon-youtube.png) no-repeat center}

.listVideo{width:100%;margin-top:20px;height:48px;border:none;padding:0 25px;background-color:#fe92ab;color:#fff}

.box-pro:after{display:block;clear:both;content:''}

.box-pro .box{position:relative;text-align:center}

.box-pro .box.bt{float:left;margin:15px 28px 15px 0;width:calc((100% + 28px) / 4 - 28px);width:-moz-calc((100% + 28px) / 4 - 28px);width:-webkit-calc((100% + 28px) / 4 - 28px)}

.box-pro .box.bt:nth-child(4n){margin-right:0}

.box-pro .box.bt:nth-child(4n+1){clear:both}

.box-pro .thumb{position:relative;overflow:hidden;display:block}

.box-pro .tieude{margin-top:10px;font-family:var(--font-bold);text-transform:capitalize;-webkit-line-clamp:2;color:#000}

.box-pro .giaban,.box-pro .giacu{display:inline-block;margin-top:2px;font-size:15px}

.box-pro .giacu{margin-left:3px;color:#c9c9c9;text-decoration:line-through}

.box-pro .giaban{color:#e22121}

.box-pro .km{position:absolute;padding-left: 2px;left:0;top:5%;width:40px;height:39px;line-height:39px;font-size:12px;background:url(../images/km.png);color:#fff}

.box-pro .icon-new{ display: inline-block;text-align:center;width:45px;height:45px;background-color:#d71010;border-radius:50%;font-size:13px;color:#fff;line-height:45px}

.box-pro .tool-km { position:absolute;z-index:1;right:18px;top:18px;}

.box-pro-1:after{display:block;clear:both;content:''}

.box-pro-1 .box{position:relative}

.box-pro-1 .box.bt{margin-bottom:20px}

.box-pro-1 .thumb{position:relative;overflow:hidden;width:34.3%}

.box-pro-1 .content{width:65.7%;padding-left:20px}

.box-pro-1 .tieude{margin-top:10px;font-size:16px;text-transform:capitalize;-webkit-line-clamp:2;color:#000}

.box-pro-1 .giaban,.box-pro-1 .giacu{display:inline-block;margin-top:2px;font-size:15px}

.box-pro-1 .giacu{margin-left:3px;color:#c9c9c9;text-decoration:line-through}

.box-pro-1 .giaban{color:#e22121}

.box-pro-1 .tool-km { position:absolute;z-index:1;right:5px;top:5px;}

.box-pro-1 .km{position: absolute;
    left: 0;
    top: 2%;
    padding-left: 2px;
    width: 30px;
    height: 30px;
    line-height: 31px;
    font-size: 10px;
    background: url(../images/km.png);
    color: #fff;
    background-size: cover;
}
.box-pro-1 .clear{
    margin-top: 20px;
}

.box-pro-1 .icon-new{ display: inline-block;text-align:center;width:25px;height:25px;background-color:#d71010;border-radius:50%;font-size:9px;color:#fff;line-height:25px}

.box-pro-1 .lk{display:inline-block;margin-top:6px;padding:7px 20px;color:#fff;background-color:#d71010}

.box-pro-1{height:410px}

.box-pro-1 .lk:hover,ul.tintuc .lk:hover,.bannerquangcao .lk:hover,.more-danhmucleft:hover{background-color:#f56363}

.box-photobox:after{display:block;clear:both;content:''}

.box-photobox a{float:left;overflow:hidden;position:relative;background-color:#000}

.box-photobox a.bt{margin:5px 10px 5px 0;border-radius:5px;width:calc((100% + 10px) / 4 - 10px);width:-moz-calc((100% + 10px) / 4 - 10px);width:-webkit-calc((100% + 10px) / 4 - 10px)}

.box-photobox a.bt:nth-child(4n){margin-right:0}

.box-photobox a.bt:nth-child(4n+1){clear:both}

.box-photobox a:hover img{opacity:.6}

.box-photobox .icon{position:absolute;display:none;font-size:40px;top:50%;left:50%;color:#fff}

.box-photobox a:after{content:'';display:none;position:absolute;top:15px;bottom:15px;left:15px;right:15px;border:1px solid #fff;border-radius:5px}

.box-photobox a:hover .icon,.box-photobox a:hover:after{display:block}

.box-news:after{display:block;clear:both;content:''}

.box-news .box{position:relative;text-align:center}

.box-news .box.bt{float:left;margin:15px 30px 15px 0;width:calc((100% + 30px) / 3 - 30px);width:-moz-calc((100% + 30px) / 3 - 30px);width:-webkit-calc((100% + 30px) / 3 - 30px)}

.box-news .box.bt:nth-child(3n){margin-right:0}

.box-news .box.bt:nth-child(3n+1){clear:both}

.box-news .thumb{position:relative;overflow:hidden;display:block}

.box-news .tieude{font-family:'SVN-ProductSans';font-size:20px;text-transform:capitalize;-webkit-line-clamp:2;color:#333;margin-top:12px}

.box-news .desc{margin-top:5px;line-height:2;-webkit-line-clamp:3;font-size:13px}

.box-camnhan:after{display:block;clear:both;content:''}

.box-camnhan .box{position:relative;text-align:center}

.box-camnhan .box.bt{margin:15px 30px 15px 0;width:calc((100% + 30px) / 3 - 30px);width:-moz-calc((100% + 30px) / 3 - 30px);width:-webkit-calc((100% + 30px) / 3 - 30px)}

.box-camnhan .box.bt:nth-child(3n){margin-right:0}

.box-camnhan .box.bt:nth-child(3n+1){clear:both}

.box-camnhan .thumb{position:relative;display:inline-block;border:10px solid #ffa426;border-radius:50%}

.box-camnhan .thumb:before{content:'';position:absolute;top:-8px;bottom:-1px;left:-7px;right:-2px;background-color:#fff;border-radius:50%}

.box-camnhan .hid{position:relative;z-index:3;border-radius:50%;overflow:hidden}

.box-camnhan .tieude{font-family:'SVN-ProductSans';font-size:20px;text-transform:capitalize;-webkit-line-clamp:2;color:#1a1a1a;margin-top:12px}

.box-camnhan .desc{margin-top:15px;line-height:2;-webkit-line-clamp:3}

.box-video:after{display:block;clear:both;content:''}

.box-video .box{position:relative;box-sizing:border-box;text-align:center;color:#393939}

.box-video .box.bt{float:left;margin:15px 30px 15px 0;width:calc((100% + 30px) / 3 - 30px);width:-moz-calc((100% + 30px) / 3 - 30px);width:-webkit-calc((100% + 30px) / 3 - 30px)}

.box-video .box.bt:nth-child(3n){margin-right:0}

.box-video .box.bt:nth-child(3n+1){clear:both}

.box-video .thumb{position:relative;overflow:hidden;display:block}

.box-video .thumb img{display:block;width:100%}

.box-video i{position:absolute;z-index:1;top:50%;left:50%;color:#fff;font-size:70px;opacity:.6}

.box-video .box:hover i{opacity:1;color:red}

.box-video .box:hover i:before{position:relative;z-index:1}

.box-video .box:hover i:after{content:'';position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;width:50%;height:50%;background-color:#fff}

.box-video .tieude{margin-top:10px;font-family:'Roboto-Bold';font-size:16px;text-transform:uppercase;-webkit-line-clamp:2}

.box-album:after{display:block;clear:both;content:''}

.box-album .box{position:relative;box-sizing:border-box;text-align:center;background-color:#000;overflow:hidden}

.box-album .box.bt{float:left;margin:15px 30px 15px 0;width:calc((100% + 30px) / 3 - 30px);width:-moz-calc((100% + 30px) / 3 - 30px);width:-webkit-calc((100% + 30px) / 3 - 30px)}

.box-album .box.bt:nth-child(3n){margin-right:0}

.box-album .box.bt:nth-child(3n+1){clear:both}

.box-album .box img{display:block;width:100%}

.box-album .tieude{display:none;position:absolute;bottom:15px;left:10px;right:10px;color:#fff;font-family:'Roboto-Bold';font-size:18px;text-transform:uppercase;-webkit-line-clamp:2}

.box-album .box:hover img{opacity:.6}

.box-album .box:hover .tieude{display:block;-webkit-animation:tracking-in-expand-fwd .8s cubic-bezier(0.215,0.610,0.355,1.000) both;animation:tracking-in-expand-fwd .8s cubic-bezier(0.215,0.610,0.355,1.000) both}

@-webkit-keyframes tracking-in-expand-fwd {

0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}

40%{opacity:.6}

100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}

}

@keyframes tracking-in-expand-fwd {

0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}

40%{opacity:.6}

100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}

}

.related .title-related{background-color:#e71818;color:#fff;padding:7px 15px;text-transform:uppercase;font-family:var(--font-bold)}

.related ul{margin:0;padding:0 0 0 25px;background:#f9f9f9}

.related li a{padding:6px 0;display:block}

.related span{-webkit-line-clamp:1}

.related li{padding-left:15px}

.related li:not(:last-child){border-bottom:1px solid #dee4ea80}

.box-doitac{padding:0 50px}

.box-doitac .box img{display:block;margin:auto;border:1px solid #e5e5e5;border-radius:5px}

.title-big{font-family:'MTDPridaBold';font-size:33px;color:#e22121;text-transform:uppercase;text-align:center;line-height:1.2}

.title-small{font-family:'MTDPridaBold';font-size:25px;text-transform:uppercase;text-align:center;padding-bottom:12px;border-bottom:1px solid #d7d7d7}

.sub-big{font-size:16px;color:#333;text-align:center}

.marb30{margin-bottom:30px}

.marb20{margin-bottom:20px}

.marb15{margin-bottom:15px!important}

.bgtop{margin-top:60px}

.owl-nav-def.owl-theme .owl-nav{margin-top:0}

.owl-nav-def.owl-theme .owl-nav [class*='owl-']{position:absolute;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}

.owl-nav-def.owl-carousel .owl-nav button.owl-next{left:100%;margin-left:15px}

.owl-nav-def.owl-carousel .owl-nav button.owl-prev{right:100%;margin-right:15px}

.owl-nav-def.owl-theme .owl-nav [class*='owl-']:hover{background-color:transparent}

.bgheadertop{background-color:#f3f3f3;font-size:13px;padding:11.5px 0}

.menu-top{list-style:none;padding:0;margin:0;text-transform:uppercase}

.menu-top li{display:inline-block}

.menu-top li:not(:last-child){margin-right:30px}

.bgdiachi{background:url(../images/icon-hotline.png) no-repeat left center;padding-left:23px}

.hotline{padding-right:33px;margin-right:33px;}

.hotline img{border:1px solid #d2d2d2;border-radius:50%}

.hotline .content{padding-left:10px}

.hotline label{color:#14c93b}

.hotline span{color:#e22121;font-size:17px;font-family:var(--font-bold);display:block}

.cart img{border:1px solid #d2d2d2;border-radius:50%}

.cart .content{padding-left:10px}

.cart .title{color:#e22121}

.cart label{color:#14c93b}

.bgheaderbot .cart{display:none}

.bgheader > .inherit{position:relative;padding:27px 0}

.bgheaderbot .col-1{width:305px;position:relative}

.bgheaderbot .col-2{width:calc(100% - 305px);width:-moz-calc(100% - 305px);width:-webkit-calc(100% - 305px)}

.bgheaderbot .col-3{width:20%}

.bannerquangcao{overflow:hidden}

.bannerquangcao .content{font-family:'Oswald-Bold';color:#fff}

.bannerquangcao p{margin:0}

.bannerquangcao .lk{display:inline-block;background-color:#d71010;color:#fff;font-family:var(--font-bold);text-transform:uppercase;padding:8.5px 35px;margin-top:15px}

.bannerquangcaos{margin-top:45px}

.bannerquangcaos .box{float:left;margin-right:10px;width:calc(50% - 5px);width:-moz-calc(50% - 5px);width:-webkit-calc(50% - 5px)}

.bannerquangcaos .box:nth-child(2n){margin-right:0}

.tabs{list-style:none;padding:0;margin:0;text-align:center}

.tabs li{display:inline-block}

.tabs .item{display:block;padding:8px 20px;cursor:pointer}

.tabs .item.active{background-color:#d71010;color:#fff}

.bgsp{padding:45px 0}

.bgspcl{background-color:#fdfdfd}

.bgsale .col{margin-right:30px;float:left;width:calc((100% + 30px) / 3 - 30px);width:-moz-calc((100% + 30px) / 3 - 30px);width:-webkit-calc((100% + 30px) / 3 - 30px)}

.bgsale .col:nth-child(3n){margin-right:0}

.bgsale .col-sale{padding:0 15px}

.bgtintuc{background:url(../images/bgtintuc.jpg);background-size:100% 100%;padding:65px 0}

.bgdoitac{padding:50px 0 160px;background:url(../images/bgdoitac.jpg);background-size:cover}

.bgfooter{color:#fff;background:url(../images/bgfooter.jpg);background-size:cover;padding:50px 0}

.bgfooter .title{font-family:'MTDPridaBold';font-size:20px;text-transform:uppercase;margin-bottom:20px}

.bgfooter .desc{font-size:15px;-webkit-line-clamp:4;margin-top:15px}

.bgfooter .col{box-sizing:border-box}

.bgfooter .col-1{max-width:32%}

.bgfooter .col-2{max-width:30%;text-align:center}

.bgfooter .col-3{width:32%;overflow:hidden}

.bgcopy{position:relative;padding:15px 0;background-color:#d71010;color:#fff;font-size:13px}

.copyright{float:left}

.mxh{margin-top:30px}

.mxh img{display:inline-block;vertical-align:middle;padding:2px}

.thongke{float:right;margin:0;padding:0}

.thongke li{display:inline-block;margin-right:15px}

.thongke li:after{content:'|';display:inline-block;margin-left:15px}

.thongke li:last-child{margin-right:0}

.thongke li:last-child:after{display:none}

#footer-map iframe{display:block;width:100%!important;height:300px!important}

.company{text-transform:uppercase;font-size:25px;font-family:'MTDPridaBold';padding:0;margin-bottom:10px}

ul.thongtincongty{margin:0;padding:0;list-style:none}

ul.thongtincongty li{display:block;box-sizing:border-box;padding-left:30px;margin-bottom:10px}

ul.thongtincongty li:last-child{margin-bottom:0}

ul.thongtincongty img{vertical-align:middle;margin-right:5px}

ul.thongtincongty .title-info{margin-bottom:5px}

.sitemap{list-style:none;margin:0;padding:0}

.sitemap li{margin-bottom:15px}

.sitemap li:last-child{margin-bottom:0}

.sitemap li a{display:block}

.cart-fixed{position:fixed;right:20px;bottom:390px;z-index:var(--z-index);background:#4b4f56;width:50px;height:50px;text-align:center;color:#fff!important;border-radius:100%;display:flex;align-items:center;justify-content:center}

.cart-fixed i{font-size:20px}

.cart-fixed span{position:absolute;top:0;right:-5px;color:#fff;width:25px;height:25px;background:var(--color-red);text-align:center;line-height:25px;font-size:11px;border-radius:100%}

.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:var(--z-index);cursor:pointer}

.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;-ms-flex-align:center;width:50px;height:50px;border-radius:50%;background:#1182FC;position:relative;z-index:1}

.btn-frame i img{vertical-align:middle;width:70%}

.btn-frame .animated.infinite{animation-iteration-count:infinite}

.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:.1;border-color:#1182FC;opacity:.5}

.btn-frame .zoomIn{animation-name:zoomIn}

.btn-frame .animated{animation-duration:1s;animation-fill-mode:both}

.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(7,41,103,0.35);opacity:.4}

.btn-frame .pulse{animation-name:pulse}

.btn-zalo{bottom:315px}

.app{position: fixed; right: 20px;width: 50px;z-index: 999;bottom: 375px;}
.app a{display: block;margin-bottom: 20px;border-radius: 50%;}
.app a img{display: block;width: 100%;border-radius: 50%;}

.btn-phone{bottom:230px}

.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}

.js-facebook-messenger-tooltip{bottom:97px;right:97px;color:#404040;background:#fff}

.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}

.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1.0E+30}

.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}

.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}

.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}

.js-facebook-messenger-box{display:block;position:fixed;cursor:pointer;bottom:150px;right:17px;width:56px;height:56px;text-align:center;background:#1182FC;border-radius:100%;overflow:hidden;z-index:99;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3)}

.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}

.js-facebook-messenger-box svg#fb-msng-icon{width:32px;height:33px;position:absolute;top:13px;left:12px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out}

.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}

.js-facebook-messenger-box svg#close-icon{opacity:0;width:19px;height:20px;position:absolute;top:19px;left:19px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out}

.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}

.js-facebook-messenger-container{position:fixed;opacity:0;transform:translateY(50px);bottom:110px;right:90px;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}

.js-facebook-messenger-top-header{width:220px;color:#fff;background:#1182FC;display:block;position:relative;width:220px;background:#1182FC;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}

.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}

.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}

.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}

.js-facebook-messenger-top-header{color:#fff;background:#1182FC}

.js-facebook-messenger-top-header{width:220px}

.js-facebook-messenger-tooltip{color:#404040;background:#fff}

.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all}

.js-facebook-messenger-tooltip{bottom:97px;right:97px}

.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}

.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}

.js-facebook-messenger-box.open svg#close-icon{opacity:1}

.share{padding:17px 10px 10px 10px;line-height:normal;background:rgba(128,128,128,0.15);margin-top:15px;border-radius:5px; margin-bottom: 10px;}
.share b{display:block;margin-bottom:5px;}

.pagination-home{
    margin-bottom: 15px;
}
.pagination-home .pagination .page-item .page-link{color:#555555;font-size:.875rem;}
.pagination-home .pagination .page-item.active .page-link{color:#ffffff;background-color:#d71010;border-color:#d71010;}

/* Product Detail */
.grid-pro-detail {margin-bottom: 3rem;}
.left-pro-detail {position: relative;text-align: center;}
.left-pro-detail .MagicZoom {border: 1px solid #eee;padding: 7px;border-radius: 5px;background-color: #ffffff;}
.owl-pro-detail {padding: 0px 30px;}
.control-pro-detail button {background-color: transparent;color: #222222;opacity: 1;width: 25px;font-size: 23px;}
.control-pro-detail button:hover {opacity: 0.7;}
.control-pro-detail button.owl-prev {left: 0px;}
.control-pro-detail button.owl-next {right: 0px;}
.thumb-pro-detail {display: block !important;border: 1px solid #eee;padding: 5px;border-radius: 3px;cursor: pointer;background-color: #ffffff;}
.thumb-pro-detail.mz-thumb.mz-thumb-selected {border-color: #cecfd2;}
.thumb-pro-detail img {-webkit-box-shadow: none !important;box-shadow: none !important;-webkit-filter: brightness(100%) !important;filter: brightness(100%) !important;border-bottom: 0px !important;padding-bottom: 0px !important;}
.title-pro-detail {text-transform: capitalize;font-size: 20px;display: block;font-family: var(--fonttd);font-weight: normal;line-height: 1.5;}
.comment-pro-detail {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.social-plugin-pro-detail {margin-bottom: 1rem;margin-top: 0px !important;}
.desc-pro-detail {margin-bottom: 1rem;}
.attr-pro-detail {list-style: none;padding: 0px;}
.attr-pro-detail li {margin-bottom: 0.5rem;}
.attr-label-pro-detail {margin: 0px 5px 0px 0px;}
.attr-label-pro-detail.d-block {display: block;margin: 0px 0px 5px 0px;}
.attr-content-pro-detail {display: inline-block;margin-bottom: 0px;}
.price-new-pro-detail {font-size: 20px;color: red;font-family: var(--fonttd);}
.price-old-pro-detail {color: #6c757d;text-decoration: line-through;padding-left: 10px;}
.tags-pro-detail a {float: left;font-size: 14px;padding-bottom: 0.375rem;margin: 0px 5px 5px 0px;}
.tags-pro-detail a i {font-size: 11px;margin: 5px 5px 0px 0px;}
.tabs-pro-detail {margin-top: 2rem;}
.tabs-pro-detail .nav-tabs .nav-link {border-top-width: 3px;font-size: 14px;color: #000;}
.tabs-pro-detail .nav-tabs .nav-link.active {border-top-color: var(--maincl);}
.tabs-pro-detail .nav-tabs .nav-item.show .nav-link {border-top-color: #555555;}
.othernews b {margin-bottom: 10px;}
.list-news-other {padding-left: 17px;list-style: square;}
.list-news-other li {margin-bottom: 2px;}
.list-news-other li a {text-transform: none;color: #333333;}
.list-news-other li a:hover {color: #ec2d3f;}

/* Product Detail */
.grid-pro-detail {
    margin-bottom: 3rem;
  }
  
  .left-pro-detail {
    position: relative;
    text-align: center;
  }
  
  .left-pro-detail .MagicZoom {
    border: 1px solid #eee;
    padding: 7px;
    border-radius: 5px;
    background-color: #ffffff;
  }
  
  
  .owl-pro-detail {
    padding: 0px 30px;
  }
  
  .control-pro-detail button {
    background-color: transparent;
    color: #222222;
    opacity: 1;
    width: 25px;
    font-size: 23px;
  }
  
  .control-pro-detail button:hover {
    opacity: 0.7;
  }
  
  .control-pro-detail button.owl-prev {
    left: 0px;
  }
  
  .control-pro-detail button.owl-next {
    right: 0px;
  }
  
  .thumb-pro-detail {
    display: block !important;
    border: 1px solid #eee;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #ffffff;
  }
  
  .thumb-pro-detail.mz-thumb.mz-thumb-selected {
    border-color: #cecfd2;
  }
  
  .thumb-pro-detail img {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-filter: brightness(100%) !important;
    filter: brightness(100%) !important;
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
  }
  
  .danhmucleft .h-a:hover {
    color: #ecc800 !important;
}
.form-cart{
  margin-bottom: 30px
}


.gallery-thumb-pro {
  position: relative;
  margin-top: 20px;
}

.control-carousel {
  position: absolute;
  top: calc(50% - 30px/2);
  margin-bottom: 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  z-index: 2;
  background-color: #ffffffa8;
  color: #000;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 1px 1px 3px grey;
}

.control-carousel:hover {
  background-color: #fff;
  opacity: 1;
}

.prev-carousel {
  left: 0px;
}

.next-carousel {
  right: 0px;
}


.color-pro-detail {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 35px;
  height: 30px;
  margin: 0px 0px 3px 0px;
  border: 1px solid transparent;
}

.size-pro-detail {
  border: 1px solid #ccc;
  padding: 3px 10px 4px 10px;
  display: inline-block;
  position: relative;
}

.size-pro-detail.active, .color-pro-detail.active {
  border-color: #e5101d;
  color: #e5101d;
}

.color-pro-detail.active:before, .size-pro-detail.active:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
  z-index: 1;
  /* background-image: url(../images/check-cart.png); */
  background-repeat: no-repeat;
  background-position: bottom right;
}

.color-pro-detail input[type=radio], .size-pro-detail input[type=radio] {
  outline: none;
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  border: 0px;
  top: 0px;
  left: 0px;
}

/* ẩn nút tăng giảm trong input number*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.menu-top,.bgdiachi{
  color: #fff;
}
.menu-top a:hover{
  color: #ecc800;
}
.bgheadertop{
  background: #e22121;
}