@charset "UTF-8";
@font-face { font-family: 'FontAwesome'; font-display: block; src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
 src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
  url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
   url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
     url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
      font-weight: normal; font-style: normal }
@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/RobotoBold.eot');
    src: url('../fonts/RobotoBold.eot') format('embedded-opentype'),
         url('../fonts/RobotoBold.woff2') format('woff2'),
         url('../fonts/RobotoBold.woff') format('woff'),
         url('../fonts/RobotoBold.ttf') format('truetype'),
         url('../fonts/RobotoBold.svg#RobotoBold') format('svg');
     }
@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/RobotoLight.eot');
    src: url('../fonts/RobotoLight.eot') format('embedded-opentype'),
         url('../fonts/RobotoLight.woff2') format('woff2'),
         url('../fonts/RobotoLight.woff') format('woff'),
         url('../fonts/RobotoLight.ttf') format('truetype'),
         url('../fonts/RobotoLight.svg#RobotoLight') format('svg');
     }
@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/RobotoCondensedRegular.eot');
    src: url('../fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('../fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('../fonts/RobotoCondensedRegular.woff') format('woff'),
         url('../fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('../fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
     }
@font-face {
    font-family: 'UTMAvo';
    src: url('../fonts/UTMAvo.eot');
    src: url('../fonts/UTMAvo.eot') format('embedded-opentype'),
         url('../fonts/UTMAvo.woff2') format('woff2'),
         url('../fonts/UTMAvo.woff') format('woff'),
         url('../fonts/UTMAvo.ttf') format('truetype'),
         url('../fonts/UTMAvo.svg#UTMAvo') format('svg');
}
@font-face {
    font-family: 'UTMAvoBold';
    src: url('../fonts/UTMAvoBold.eot');
    src: url('../fonts/UTMAvoBold.eot') format('embedded-opentype'),
         url('../fonts/UTMAvoBold.woff2') format('woff2'),
         url('../fonts/UTMAvoBold.woff') format('woff'),
         url('../fonts/UTMAvoBold.ttf') format('truetype'),
         url('../fonts/UTMAvoBold.svg#UTMAvoBold') format('svg');
}
@font-face {
    font-family: 'Open-Sans';
    src: url('../fonts/OpenSansRegular.eot');
    src: url('../fonts/OpenSansRegular.eot') format('embedded-opentype'),
         url('../fonts/OpenSansRegular.woff2') format('woff2'),
         url('../fonts/OpenSansRegular.woff') format('woff'),
         url('../fonts/OpenSansRegular.ttf') format('truetype'),
         url('../fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');
}
@font-face {
    font-family: 'Open-SansBold';
    src: url('../fonts/OpenSansExtraBold.eot');
    src: url('../fonts/OpenSansExtraBold.eot') format('embedded-opentype'),
         url('../fonts/OpenSansExtraBold.woff2') format('woff2'),
         url('../fonts/OpenSansExtraBold.woff') format('woff'),
         url('../fonts/OpenSansExtraBold.ttf') format('truetype'),
         url('../fonts/OpenSansExtraBold.svg#OpenSansExtraBold') format('svg');
}
/* popup */
#popup div .modal-content{
    background: transparent;
    border: 0;
}
#popup div .modal-content .close{
    background: #fff;
    border-radius: 50%;
}
/* Main */
:root{--color-red:#ec2d3f;
    --color-medium-red:#cc2c32;
--color-dark-red:#c31829;
--color-green:#28a745;
--color-dark-green:#207d36;
--color-black:#212529;
--color-gray:#6c757d;
}
body{font-size:14px;font-family: UTMAvo;font-weight: 300;/* background: #F6F4F5; */}
img{max-width:100%;height:auto!important;vertical-align:top}
a,input,textarea{outline:none;padding:0px;}
b,strong{font-weight: bold;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.w-clear:after{display:block;/* content:""; */clear:both;}
.hidden{display:none;}
.clear{clear:both;}
.none{display:none;}
.hidden-seoh{visibility:hidden;height:0px;margin:0px;overflow:hidden;}
.wrap-main,.wrap-content{max-width: 1159px;margin: 40px auto 0px;padding: 0px 15px;position: relative;}
.wrap-home{max-width:100%;padding:0px;}
.wrap-hotdeal{margin:0px;}
.wrap-content{margin:auto;}
.w-clear{clear:both;}
.padding0{padding:0px;}
.padding0_15{padding:0px 15px 0px 0px;}
.padding15_0{padding:0px 0px 0px 15px;}
/* General */
.title-main{margin-bottom: 20px;text-align:center;display: block;float: left;width: 100%;}
.title-main span{text-transform:uppercase;color: #333333;/* font-weight: 600; */font-family: 'UTMAvoBold';font-size: calc(24vh/5);float: left;display: inline-block;/* padding-left: 30px; */}
.title-main span.tieude{
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #3E993A;
    margin-bottom: 10px;
}
.title-main span.chitiet{
    padding: 0px;
    /* margin-top: 20px; */
    color: #fff;
    font-size: 17px;
}
.title-main.detail{
    background: var(--html-bg-website);
    padding: 5px 15px;
}
.title-main .hotro{
    width: 20%;
    float: left;
    background: #3E993A;
    color: #fff;
    padding: 15px;
}
.title-main .wrap-sapxep{
    width: 78%;
    float: right;
}
.title-main .wrap-sapxep .box1{
    border-bottom: 1px solid #dddddda8;
    margin-bottom: 17px;
    text-align: left;
}
.title-main .wrap-sapxep .box1 >a{
    display: inline-block;
    width: 152px;
    height: 35px;
    padding: 5px;
    border-right: 1px solid #ddd;
    margin-bottom: 4px;
    text-align: center;
}
.title-main .wrap-sapxep .box1 img{
    height: 100%;
}
.title-main .wrap-sapxep .box2{display: flex;}
.title-main .box2 .tinhnang{
    width: 290px;
    height: 35px;
    /* display: inline-block; */
    float: left;
    font-size: 13px;
}
.title-main .box2 .sapxep{
    width: 209px;
    padding: 5px;
    height: 35px;
    /* display: inline-block; */
    float: left;
    font-size: 13px;
}
.title-main .box2 .google-search{
    width: 395px;
    /* display: inline-block; */
    /* vertical-align: top; */
    float: left;
}
.title-main .box2 .google-search .gsc-control-cse{
    padding: 0px;
}
.title-main .box2 .google-search .gsc-control-cse form.gsc-search-box{
    margin-bottom: 0px;
}
.title-main .box2 .google-search .gsc-control-cse table.gsc-search-box td.gsc-input{
    padding-right: 5px;
}
.title-main .box2 .google-search .gsc-control-cse .gsc-search-button{
    padding: 0px;
    margin: 0px;
    height: 35px;
    width: 69px;
}
.newsdetail .title-main{
    border-bottom: 1px solid #eee;
}
.newsdetail .title-main span{
    font-size: 16px;
}
.time-main{margin-bottom:0.75rem;color:#999999;}
.time-main i{vertical-align:top;margin:3px 7px 0px 0px;}
.time-main span{vertical-align:top;display:inline-block;}
.noidung-cotphai{
    overflow: hidden;
    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;border:1px solid #eee;z-index:2;background-color:#fff;color:#ccc;cursor:pointer;}
.control-carousel:hover{background-color:var(--color-red);border-color:var(--color-red);color:#fff;}
.prev-carousel{left:0px;}
.next-carousel{right:0px;}
/* Header */.header{background-color: transparent;display: block;float: left;width: 100%;position: fixed;z-index: 99;transition: all 0.3s;}
.header .header-bottom{/* overflow: hidden; */}
.header .header-bottom .logo-header {width: 31%;}
.header .wrap-content{
    display: block;
}
.logo-header{
    text-align: left;
    width: 73px;
    /* height: 44px; */
    display: block;
    float: left;
    /* margin-top: 9px; */
}
.logo-header img{
    max-height: 100%;
    float: left;
}
a.cart {position: relative;text-transform: uppercase;}
a.cart span{
    background: #fff;
    color: #000;
    padding: 0px 5px;
    border-radius: 10px;
    /* position: absolute; */
    /* top: 9px; */
    /* right: 18px; */
}
/* menu */
.menu-res{
    display: none;
}
.menuheader .buttonsearch{width: 46px;position: absolute;right: 0px;top: 3px;}
.menuheader .buttonsearch svg.blackcolor{fill:#000!important;}
.menuheader .buttonsearch svg {fill: #fff; width: 30px; }
.menuheader .buttonsearch svg{}
.menuheader{
    width: 69%;float: right;text-align: right;background: transparent;
    margin-top: 31px;
padding-right: 46px;position: relative;}
.menuheader ul{
    padding: 0px;
    list-style: none;
    width: 100%;
    margin: 0px;
    
    
    
}
.menuheader ul li.cap1{
    position: relative;
    display: inline-block;
transition: all 0.3s;}
.menuheader ul li >a{
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 10px 8px;
    font-family: utmavobold;display: block;
    text-decoration: none;
    position:relative;
    /* transition: all 0.5s; */
}
.menuheader ul li >a.blackcolor{color: #000!important;}
.menuheader ul li >a:hover{
    color:var(--html-bg-website)!important;
}
.menuheader ul li:last-child >a:before{
    content:none;
}
.menuheader ul li >a:after{
    content:"";
    position:absolute;
    width: 30px;
    height: 3px;
    border-top: 2px solid var(--html-bg-website);
    bottom:0;
    left: calc(50% - 15px);
    display:none;
}
.menuheader ul li >a:hover:after{
    display:block;
}
.menuheader ul li:hover ul.cap2{
    
display: block;}
.menuheader ul li ul.cap2{
    position: absolute;
    background: #ffffff59;left: 0;
    
    width: 200px;
    display: none;
    
    z-index: 99;
transition: all 0.3s;}
.menuheader ul li ul.cap2 li{
    display: block;
}
.menuheader ul li ul.cap2 li >a{
    font-size: 14px;
    font-family: 'UTMAvo';padding: 8px 10px;
    border-bottom: 1px solid #fff;
    text-transform: unset;
    font-weight: 400;
text-align: left;}
.menuheader ul li ul.cap2 li >a:before, .menuheader ul li ul.cap2 li >a:after{display:none;}
.menuheader ul li ul.cap2 li >a:hover{
    /* background: #fff; */
    color: var(--html-bg-website)!important;
}
/* Search */
.search{width: 382px;height: 39px;background:#fff;border-radius: 5px;float: left;margin-top: 0px;border: 1px solid #b9babc;overflow: hidden;position: absolute;right: 0;display: none;transition: all 0.3s;}
.search p{float: right;width: 63px;height: 36px;line-height: 39px;cursor:pointer;text-align:center;margin:0px;/* color: #dcdadb; */font-size:16px;position: relative;}
.search p svg{fill: #ddd;width: 24px;position: relative;/* top: -2px; */}
.search input{width: calc(100% - 75px);height: 38px;float:left;outline:none;padding:0px;border:0px;background:transparent;text-indent:10px;font-size: 14px;color: #333;}
.search input::-webkit-input-placeholder{color:#ccc;}
.search input:-moz-placeholder{color:#ccc;}
.search input::-moz-placeholder{color:#ccc;}
.search input:-ms-input-placeholder{color:#ccc;}
/* Menu RP */.menu-res{display:none;height: 45px;z-index:10;background: #FBB9C5;position:relative;line-height:normal;}
.menu-bar-res{height: 33px;padding:0px 5px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:space-between;}
#menu{display:none;background: #3E993A;}
#menu .mm-panels, .mm-navbar_sticky{
    background: var(--html-bg-website);
}
#menu .mm-listview, .mm-panels>.mm-panel{
    background: var(--html-bg-website);
}
.mm-menu a{
    color: #fff!important;
    text-transform: capitalize;
}
#menu .lienhemenu{position: absolute;z-index: 99;bottom: 10px;padding: 10px; text-align: center;    width: 100%;}
#hamburger{display:block;width: 55px;height: 23px;position:relative;}
#hamburger:before,#hamburger:after,#hamburger span{background:#fff;content:'';display:block;width: 29px;height: 2px;position:absolute;left:0px;}
#hamburger:before{top:0px;}
#hamburger span{top:10px;}
#hamburger:after{top:20px;}
#hamburger:before,#hamburger:after,#hamburger span{-webkit-transition:none 0.5s ease 0.5s;transition:none 0.5s ease 0.5s;-webkit-transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity;}
.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after{top:10px;}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0;}
.mm-wrapper_opening #hamburger:before{transform:rotate(45deg);}
.mm-wrapper_opening #hamburger:after{transform:rotate(-45deg);}
.mm-menu_opened{display:block!important;}

/* Search RP */.search-res{position:relative;}
.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:#fff;font-size:17px;margin:0px;}
.search-res .icon-search.active{color:var(--color-red);background:#fff;border-radius:100%;}
.search-res .search-grid{position:absolute;top:50px;right:0px;width:0px;height:40px;overflow:hidden;background:#fff;border:1px solid var(--color-red);z-index:2;opacity:0;border-radius:25px;line-height:normal;}
.search-res .search-grid p{float:left;width:35px;height:38px;cursor:pointer;outline:none;border:none;margin:0px;font-size:17px;display:block;color:var(--color-red);line-height:40px;text-align:center;}
.search-res .search-grid input{width:calc(100% - 35px);float:right;line-height:38px;outline:none;border:none;color:var(--color-red);}
.search-res .search-grid input::-webkit-input-placeholder{color:#ccc;}
.search-res .search-grid input:-moz-placeholder{color:#ccc;}
.search-res .search-grid input::-moz-placeholder{color:#ccc;}
.search-res .search-grid input:-ms-input-placeholder{color:#ccc;}
/* Slideshow */
#wowslider-container1 .ws_images ul a{position: relative;}
#wowslider-container1 .ws_images ul li>a:before{content: '';position: absolute;}
#wowslider-container1 .ws_images:before{content: '';position: absolute;z-index: 99;width: 100%;height: 100%;background: #00000036;}
#wowslider-container1 .ws-title-wrapper{z-index: 991;}
#wowslider-container1 .ws_controls{z-index: 991;}
#wowslider-container1 .ws-title{bottom: unset;top: 37%;width: 100%;text-align: center;}
#wowslider-container1 .ws-title span {font-size: calc(12vw/6);background: transparent;color: #fff;padding: 10px;}
#wowslider-container1 .ws-title div {width:70%;font-size: calc(12vw/5);line-height:35px;font-family:Open-SansBold;background: transparent;color: #fff;padding: 10px;margin-top: 5px;}
.doitac{background: #fff;padding: 40px 0px;}
.doitac .slidedoitac {position: relative;/* padding: 0px 15px; *//* max-height: 73px; */overflow: hidden;}

.doitac .slidedoitac div>a {display: block;padding: 2px 5px;}

.doitac .slidedoitac div>a img {border: 1px solid #ddd;}
.doitac .slidedoitac .owl-controls{margin: 0px;}
.doitac .slidedoitac .owl-buttons div.owl-prev {background: url(../images/bg_prev.png) no-repeat #9b9b9bed;background-size: 100% 100%;width: 17px;height: 30px;top: 22px;left: 0px;}
.doitac .slidedoitac .owl-buttons div.owl-next {background: url(../images/bg_next.png) no-repeat #9b9b9bed;background-size: 100% 100%;width: 17px;height: 30px;top: 22px;right: 0px;}
.box_slider {margin: auto;position: relative;display: block;/* margin-top: 10px; */margin-bottom: 20px;float: left;width: 100%;}
.box_slider .bottomslide {text-align: center;position: absolute;z-index: 91;width: 100%;bottom: -41px;}
.box_slider .bottomslide img {width: calc(5% - 36px);}
div#slider {
    /* width: 78%; */
    /* float: right; */
}
.box_slider .bottomslide span {
    position: absolute;
    width: 1%;
    height: 4px;
    background: var(--html-bg-website);
    top: 47%;
    left: 0;
    transition: all 2s;
}
.box_slider .bottomslide span.width100{
    display: block;
    width: 100%;
}
.box_slider .bottomslide span.width0{
    display: none;
    width: 0%;
}
.box_slider .bottomslide span.width1{
    display: block;
    width: 1%;
}
.slideshow{position:relative;/* width: calc(100% - 300px); */}
.slider_r {    width: 288px;}
.slideshow a{display:block;cursor:pointer;}
.slideshow a img{width:100%;}
.slideshow:hover .control-slideshow{opacity:0.3;}
.slideshow .control-slideshow:hover{opacity:0.8;}
.control-slideshow{opacity:0;position:absolute;z-index:2;top:calc(50% - 50px/2);width:35px;height:50px;text-align:center;line-height:50px;font-size:25px;cursor:pointer;margin:0px;background-color:#000000;border-radius:3px;}
.control-slideshow i{color:#ffffff;}
.prev-slideshow{left:20px;padding-right:3px;}
.next-slideshow{right:20px;padding-left:3px;}
/* Partner */.wrap-partner{padding:0px 10px;}
.wrap-partner .wrap-content{max-width:1200px;padding:0px;position:relative;}
.owl-partner{    background: #eee;}
.owl-partner .owl-nav{    position: absolute;    top: 20%;    margin: 0px;    height: 0px;    width: 100%;}
.owl-partner .owl-nav button.owl-prev{    position: absolute;    left: -3px;    background: #0000008c;    color: #fff;    width: 20px;    height: 20px;    border-radius: 50%;    font-size: 20px;    overflow: hidden;}
.owl-partner .owl-nav button.owl-next{    position: absolute;    right: 0px;    background: #0000008c;    color: #fff;    width: 20px;    height: 20px;    border-radius: 50%;    font-size: 20px;}
.owl-partner .owl-nav button span{top: -7px;position: relative;}
.partner{display:block;padding: 5px;}
.partner img{width:100%;height: 50px;}
/* Breadcrumb */.breadCrumbs{background-color: var(--html-bg-website);clear: both;overflow: hidden;margin-top: 111px;margin-bottom: 15px;float: left;width: 100%;}
.breadCrumbs .wrap-content{/* padding:0.75rem 10px; */max-width: 1159px;}
.breadCrumbs .wrap-content .breadcrumb{padding: 14px 0px;margin-bottom:0;background-color:transparent;border-radius:0;float: left;width: 100%;}
.breadCrumbs .wrap-content .breadcrumb-item a{color: #fff;}
.breadCrumbs .wrap-content .breadcrumb-item.active a{color: #fff;}
/* Intro */.wrap-intro{margin-bottom: 0px;}
.video-main{position:relative;height: 290px;}
.video-main iframe{position:absolute;width:100%;height:100%;top:0px;left:0px;}
.listvideos{width:100%;height:40px;padding:0px 10px;border:1px solid #ccc;color:var(--color-black);margin-top:10px;cursor:pointer;}
p.name_yk {    color: #333333;    font-size: 17px;    font-weight: bold;    margin-bottom: 5px;}
p.mt_yk {    color: #666666;    font-size: 14px;}
.yk-normal:hover p.pic-yk-normal:before{    top:100%;    transition: all 1s;}
p.pic-yk-normal:before {    position: absolute;    content: '';    top: 0;    left: 0;    right: 0;    bottom: 0;    background: rgb(38 38 38 / 44%) url(../images/quote.png) no-repeat center;    z-index: 1;    pointer-events: none;     transition: all 1s;}
/* Video */
.video{float:left;width: 100%;/* margin:0 2% 2% 0; *//* text-align:center; */cursor:pointer;}
.video:nth-child(4n+1){clear:both;}
.video:nth-child(4n){margin-right:0px;}
.pic-video{position:relative;}
.pic-video:before{content:"";position:absolute;width:50px;height:35px;top:calc(50% - 50px/2);left:calc(50% - 35px/2);z-index:1;background-repeat:no-repeat;background-image:url(../images/play.png);}
.pic-video img{width:100%;}
.name-video{font-size:16px;color:var(--color-black);margin-bottom:0px;}
.dknt {    background: #666666;    padding: 40px 20px;    color: #fff;    margin-bottom: -70px;    position: relative;}
.info_dk {    width: 32%;}
form.form-newsletter.validation-newsletter {    /* width: 65%; */    flex-wrap: wrap;    display: flex;    justify-content: space-between;    align-items: center;}
h2.title-dk {    color: #fff;    font-size: 18px;    text-transform: uppercase;    font-weight: bold;}
/* Brand */
.itemdm {/* text-align: center; */padding: 8px;border: 1px solid #ddd;margin-right: -1px;}
.dm_photo {display: inline-block;vertical-align: top;width: 100%;/* margin-bottom: 10px; *//* padding: 6px; */}
.dm_photo:hover .xemchitiet, .dm_photo:hover .cart-add, .dm_photo:hover .cart-buy{
    transform:translate(0px);
}
.name_dm a {color: #333;height: 41px;overflow: hidden;font-size: 14px;/* font-weight: bold; */text-transform: uppercase;text-align: left;display: block;}
.name_dm a:hover{color: #3E993A;}
.itemdm.timkiem, .itemdm.detail{
    border: 0px;
    width: calc(100% / 4);
    float: left;
    padding: 0px;
    /* margin-bottom: 30px; */
    position: relative;
}
.itemdm.timkiem .box, .itemdm.detail .box{
    /* box-shadow: 0px 0px 3px 0px #ddd; */
    padding: 9px;
    border: 1px solid #ddd;
}
.itemdm.timkiem .box div >a.brand, .itemdm.detail .box div >a.brand{display: block;width: 100%;height: 182px;text-align: center;overflow: hidden;}
.itemdm.timkiem .box div >a.brand img, .itemdm.detail .box div >a.brand img{
    height: 100%;
    transition: all 0.5s;
}
.itemdm.timkiem .box div >a.brand:hover img, .itemdm.detail .box div >a.brand:hover img{transform:scale(1.1);}
.itemdm.detail .box .danhgiasao, .itemdm.detail .box .spdaban{font-size: 14px;}
.itemdm.detail .cart-product{
    margin: 0px 30px;
}
.itemdm.detail .cart-product:hover .xemchitiet,
 .itemdm.detail .cart-product:hover .cart-add,
  .itemdm.detail .cart-product:hover .cart-buy{
      transform:translate(0px);
  }
  .itemdm.danhmuc{
    width: calc(100% / 4);
    float: left;
    /* display: inline-block; */
    vertical-align: top;
    margin-bottom: -1px!important;
    padding: 0px 0px;
    /* border: 0px; */
}
.itemdm.danhmuc .box{
    padding: 5px;
    border: 1px solid #fff;
    transition: all 1s;
}
.itemdm.danhmuc .dm_photo{
    position: relative;
    max-height: 182px;
}
.itemdm.danhmuc .dm_photo >a.brand{
    height: 182px;
    overflow: hidden;
    display: block;
    padding: 0px 15px;
    position: relative;
}
.itemdm.danhmuc .dm_photo >a.brand img{
    height: 100%;
    transition: all 0.5s;
}
.itemdm.danhmuc .dm_photo >a.brand:hover img{
    transform:scale(1.1);
}
.itemdm.danhmuc .dm_photo:hover .hinhspcon{
    display:block;
    position: absolute;
    bottom: 4px;
    border-bottom: 1px solid #fbb9c5;
}
.itemdm.danhmuc .hinhspcon{
    padding-left: 4px;
    height: 57px;
    width: 100%;
    overflow-y: scroll;
    display: none;
}
.itemdm.danhmuc .hinhspcon::-webkit-scrollbar{
    width:5px;
    background-color: #fbb9c5;
}
.itemdm.danhmuc .hinhspcon::-webkit-scrollbar-thumb{
    background: #000;
}
.itemdm.danhmuc .hinhspcon img{
    width: calc(100% /3);
    margin-bottom: 5px;
    padding: 3px;
    margin-left: -4px;
}
/* left menu page */
.leftpage{
    width: 22%;
    float: right;
}
.fix-left-detail {
    position: fixed;
    z-index: 999;
    top: 80px;
    right: 90px;
    width: 248px;
}
.leftpage .wrap-box{
    /* border: 1px solid #FBB9C5; */
    /* margin-bottom: 30px; */
}
.leftpage .wrap-box h2{
    background: var(--html-bg-website);
    padding: 7px;
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.leftpage .wrap-box h2.new{
    /* text-align: center; */
}
.leftpage .wrap-box h2 i{
    font-size: 16px;
    float: right;
    margin-top: 4px;
    cursor: pointer;
}
.leftpage .wrap-box h2 i.fa-minus{
}
.leftpage .wrap-box h2 i.fa-plus{
    display: none;
}
.leftpage .wrap-box .box{
    padding: 10px 0px;
}
.leftpage .wrap-box .box * img{
    height: auto!important;
}
.leftpage .wrap-box .box.new{
    /* padding: 10px; */
}
.leftpage .wrap-box .box.new >a{
    display: block;
    border-bottom: 1px solid #ddd;
    color: #000;
    text-decoration: none;
    padding-top: 5px;
}
.leftpage .wrap-box .box.new >a h3{
    font-size: 14px;
    display: inline-block;
}
.leftpage .wrap-box .box.new >a h3{font-family: 'RobotoLight';}
.leftpage .wrap-box .box.new >a h3:hover{color:#f00;}
.leftpage .wrap-box .box.new >a h4{
    font-size: 14px;
    color: #3E993A;
}
.leftpage .wrap-box .box.product{
    width: 100%;
    margin: 0px;
}
.leftpage .wrap-box .box.product .wrappro{
    text-decoration: none;
    color: #000;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    text-align: left;
}
.leftpage .wrap-box .box.product .wrappro .hinh{position:relative;width: 30%;float: left;border: 2px solid #a6c1f7;}
.leftpage .wrap-box .box.product .wrappro .hinh:before{content:'';position: absolute;z-index: 99;left: 0;width: 100%;height: 100%;background: #00000012;display: none;}
.leftpage .wrap-box .box.product .wrappro .hinh:hover:before{display:block;}
.leftpage .wrap-box .box.product .wrappro .hinh img{}
.leftpage .wrap-box .box.product .wrappro .noidung{
    width: 68%;
    float: right;
}
.leftpage .wrap-box .box.product .wrappro .noidung h5{
    font-size: 13px;
    font-family: 'Roboto';
    height: 32px;
    overflow: hidden;
}
.leftpage .wrap-box .box.product .wrappro .noidung h5:hover{
    color:var(--html-bg-website);
}
.leftpage .wrap-box .box.product .wrappro .noidung .gia{
    color: #f00;
}
.leftpage .wrap-box .box .item{
    text-align: left;
    padding: 0px 20px;
}
.leftpage .wrap-box .box .item input{
    width: 18px;
    height: 18px;
    vertical-align: top;
    margin-right: 4px;
}
.leftpage .wrap-box .box ul{
    padding: 0px;
    list-style: none;
    margin-bottom: 0px;
}
.leftpage .wrap-box .box ul li.cap1{}
.leftpage .wrap-box .box ul li.cap1 >a{
    /* display: block; */
    text-decoration: none;
    padding: 2px 14px;
    font-size: 18px;
    font-family: 'RobotoBold';
    color: #222;
    transition: all 0.5s;
}
.leftpage .wrap-box .box ul li.cap1 >a:hover{
    color: #fbb9c5;
}
.leftpage .wrap-box .box ul li ul li.cap2{}
.leftpage .wrap-box .box ul li ul li.cap2 >a{
    color: #333;
    font-size: 17px;
    text-transform: capitalize;
    margin-left: 30px;
    /* display: block; */
    text-decoration: none;
    position:relative;
    transition:all 0.5s;
    font-family: 'RobotoLight';
}
.leftpage .wrap-box .box ul li ul li.cap2 >a:hover{
    color: #fbb9c5;
}
.leftpage .wrap-box .box ul li ul li.cap2 >a:after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    border-top:1px solid #fbb9c5;
    width:0px;
    transition: all 1s;
}
.leftpage .wrap-box .box ul li ul li.cap2 >a:hover:after{
    width:100%;
}
/* right menu page */
.rightpage{
    width: 100%;
    float: right;
}
.rightpage.detail{
    float: left;
    width: 76%;
}
.rightpage.newsdetail{
    width: 76%;
    float: left;
}
.rightpage.detail * img {
    border: 3px solid #ff0;
}
/* index */
.gioithieu{margin-top: 28px;}

.gioithieu .left {width: 45%;float: left;}

.gioithieu .left .hinh {/* margin-bottom: 15px; */}

.gioithieu .left h3 {font-family: 'UTMAvoBold';color: var(--html-bg-website);}

.gioithieu .left .mota {}

.gioithieu .left .xemthem {text-align: left;}

.gioithieu .left .xemthem >a {display: inline-block;border: 1px solid #ddd;padding: 8px 21px;color: #000;text-transform: capitalize;transition: all 0.3s;text-decoration: none;margin-top: 25px;}

.gioithieu .left .xemthem >a:hover {background: var(--html-bg-website);color: #fff;}

.gioithieu .right {width: 45%;float: right;}

.gioithieu .right .hinh1 {}

.gioithieu .right .hinh2 {}

.dichvu{margin-top: 40px;}

.dichvu .wrap {}
.dichvu .slidedv button {width: 30px;overflow: hidden;}
.dichvu .slidedv button.slick-prev{
    left: -36px;
    background: none;
}
.dichvu .slidedv button.slick-next {
    right: -36px;
    background: none;
}
.dichvu .wrap .box {width: 50%;float: left;position: relative;border: 1px solid #fff;overflow: hidden;}

.dichvu .wrap .box .hinh {position: relative;}

.dichvu .wrap .box .hinh:after {content: '';position: absolute;z-index: 8;width: 50px;height: 200%;top: -50%;left: -50%;background: #ffffff47;transform: rotate(45deg);transition: all 0.3s;}

.dichvu .wrap .box .hinh:hover:after {left: 150%;}

.dichvu .wrap .box .hinh img {}

.dichvu .wrap .box .hinh span {position: absolute;top: 0;left: 0;display: block;padding: 24px 48px;width: 100%;background: url(../images/bg-tieude.png) 10px 15px no-repeat;color: #fff;}

.dichvu .wrap .box:hover .noidung{
    transform:translateX(0px);
}
.dichvu .wrap .box .noidung {position: absolute;z-index: 9;bottom: 0px;transform: translateX(-100%);transition: all 0.3s;}

.dichvu .wrap .box .noidung h3 {background: #fff;font-size: 137%;text-transform: uppercase;padding: 15px 10px 8px;line-height: 25px;border-top: 2px solid var(--html-bg-website);margin-bottom: 0px;}

.dichvu .wrap .box .noidung >a {display: block;background: var(--html-bg-website-mo);padding: 11px 20px;text-align: center;color: #000;font-size: 100%;text-decoration: none;text-transform: uppercase;transition: all 0.3s;}

.dichvu .wrap .box .noidung >a:hover {background: var(--html-bg-website);}

.sanpham{background: #F4F4F4;margin-top: 50px;overflow: hidden;}

.sanpham h2 {text-transform: uppercase;font-size: 25px;text-align: center;line-height: 39px;margin-top: 36px;margin-bottom: 30px;float: left;width: 100%;position: relative;}

.sanpham h2:before {position: absolute;left: calc(50% - 176px);top: 15px;content: '';height: 2px;width: 100px;border-top: 2px solid #000;}
.sanpham h2:after {position: absolute;right: calc(50% - 176px);top: 15px;content: '';height: 2px;width: 100px;border-top: 2px solid #000;}

.sanpham .wrapsp {margin: 0px -8px;}

.sanpham .wrapsp .box {text-decoration: none;color: #000;width: calc((100% / 3) - 17px);float: left;margin: 0px 8px 20px;}

.sanpham .wrapsp .box .hinh {overflow: hidden;position: relative;}

.sanpham .wrapsp .box .hinh:before {content: '';position: absolute;z-index: 9;top: -50%;width: 200px;height: 200%;background: #fff3;transform: rotate(45deg);left: -117%;transition: all 0.3s;}

.sanpham .wrapsp .box .hinh:hover:before {left: 150%;}

.sanpham .wrapsp .box .hinh img {}

.sanpham .wrapsp .box h3 {font-size: 20px;padding: 10px 5px 0px;transition: all 0.3s;text-transform: capitalize;}

.sanpham .wrapsp .box h3:hover {color: #f00;}

.sanpham .xemthem{text-align: center;margin-bottom: 20px;}

.sanpham .xemthem >a {display: inline-block;color: #000;text-decoration: none;text-transform: capitalize;padding: 5px 20px;background: #ddd;line-height: 25px;transition: all 0.3s;}

.sanpham .xemthem >a:hover {background: var(--html-bg-website);color: #fff;}

.quatrinhthicong{background: url(../images/bg-doi-ngu.jpg);overflow: hidden;padding-bottom: 30px;}

.quatrinhthicong h2 {margin: 60px 0px 20px;text-align: center;padding-top: 20px;font-family: 'UTMAvoBold';/*background-image: url(../images/bg-tieudethicong.png);*/font-size: 3.5rem;text-transform: uppercase;font-weight: 900;background-position: 50% 50%;background-repeat: no-repeat;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation-name: masked-animation;animation-name: masked-animation;-webkit-animation-duration: 10s;animation-duration: 10s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;}

@-webkit-keyframes masked-animation {

    0%,
    100% {
        background-position: 50% 35%
    }

    50% {
        background-position: 50% 65%
    }
}

@keyframes masked-animation {

    0%,
    100% {
        background-position: 50% 35%
    }

    50% {
        background-position: 50% 65%
    }
}

.quatrinhthicong .wrap {margin: 0px -15px;}

.quatrinhthicong .wrap .box {width: calc((100% / 3) - 30px);float: left;margin: 0px 15px 20px;border-radius: 7px 8px 0px 0px;box-shadow: inset 0px 4px 5px rgb(0 0 0 / 50%);padding: 16px 21px;}

.quatrinhthicong .wrap .box img {display: inline-block;vertical-align: middle;margin-right: 10px;}

.quatrinhthicong .wrap .box h3 {display: inline-block;font-size: 16px;margin-bottom: 0px;vertical-align: middle;}
.quatrinhthicong .wrap .box h3:hover{color: var(--html-bg-website);}
.tintuc{background: #f4f4f4;}
.tintuc h2 {text-transform: uppercase;font-size: 25px;text-align: center;line-height: 39px;margin-top: 36px;margin-bottom: 30px;float: left;width: 100%;position: relative;}

.tintuc h2:before {position: absolute;left: calc(50% - 176px);top: 15px;content: '';height: 2px;width: 100px;border-top: 2px solid #000;}
.tintuc h2:after {position: absolute;right: calc(50% - 176px);top: 15px;content: '';height: 2px;width: 100px;border-top: 2px solid #000;}
.tintuc .slidetintuc{}
.tintuc .slidetintuc button {width: 30px;overflow: hidden;}
.tintuc .slidetintuc button.slick-prev{
    left: -36px;
    background: none;
}
.tintuc .slidetintuc button.slick-next {
    right: -36px;
    background: none;
}
.tintuc .slidetintuc .box{padding: 0px 8px;text-decoration: none;margin-bottom: 30px;}

.tintuc .slidetintuc .box .wrap {border: 1px solid #d7d7d7;padding-bottom: 10px;}

.tintuc .slidetintuc .box .hinh {position: relative;overflow: hidden;}

.tintuc .slidetintuc .box .hinh img {}
.tintuc .slidetintuc .box .hinh:hover .ngaythang{opacity:1;}
.tintuc .slidetintuc .box .hinh .ngaythang {position: absolute;top: 40%;text-align: center;width: 100%;opacity: 0;transition:0.3s}

.tintuc .slidetintuc .box .hinh .ngaythang span:nth-child(1) {display: block;width: 50%;background: #ffffffc7;margin: auto;padding: 11px 0px 5px;color: #000;font-size: 100%;}

.tintuc .slidetintuc .box .hinh .ngaythang span:nth-child(2) {display: block;
    width: 50%;
    background: var(--html-bg-website);
    margin: auto;
    padding: 11px 0px 5px;
    color: #fff;
    font-size: 100%;/* transition: all 0.3s; */}

.tintuc .slidetintuc .box .hinh .ngaythang span:nth-child(2):hover {color: #000;}

.tintuc .slidetintuc .box h3 {font-size: 14px;font-family: 'UTMAvoBold';color: #000;line-height: 20px;padding: 17px 15px 0px;height: 57px;overflow: hidden;}
.tintuc .slidetintuc .box h3:hover{color: var(--html-bg-website);}
.tintuc .slidetintuc .box h4 {font-size: 13px;padding: 0px 15px;color: #666;height: 62px;overflow: hidden;}
/*khác ngoài index */
/* Sản Phẩm */.grid-page {font-size: 0;/* margin: 0 -10px; */}

.wrapspdaxem.khungsp .box{width: calc((100% / 4) - 30px);}
.khungsp .box {width: calc((100% / 3) - 30px);display: inline-block;vertical-align: top;margin: 0px 15px 30px;padding-bottom: 10px;/* background: #DFDFDF; */}

.khungsp .box .chitietsp {position: relative;}

.khungsp .box .chitietsp .hinh {display: block;position: relative;text-align: center;overflow: hidden;}

.khungsp .box .chitietsp h3 {padding: 0px 10px;margin-top: 20px;}

.khungsp .box .chitietsp h3 >a {font-size: 15px;color: #333;display: block;text-decoration: none;text-transform: uppercase;max-height: 40px;overflow: hidden;}

.khungsp .box .chitietsp h3 >a:hover {color: #e40f13;}

.khungsp .box .chitietsp .price-product {overflow: hidden;margin: 0px 7px;}

.khungsp .box .chitietsp .price-product .price-new {display: block;}

.khungsp .box .chitietsp .price-product .price-new i {font-style: normal;color: #e40f13;}

.khungsp .box .chitietsp >a.addnow {display: inline-block;
    background: #0252c2;
    padding: 4px 10px 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    right: 7px;
    bottom: 5px;}

.khungsp .box .chitietsp .price-product .price-old {display: block;float: left;padding: 0px;color: #666;}

.khungsp .box .chitietsp .hinh span {display: none;}

.khungsp .box .chitietsp .hinh img {/* height: 175px; */transition: all 0.8s;}

.khungsp .box .chitietsp .hinh img:hover {transform: scale(1.3);}

.khungsp {}

.slide_dm {    width: calc(100%/2 - 20px);    margin: 0 10px;    display: inline-block;    vertical-align: top;}
.wap_pro .slide_dm{}
.wap_pro .product:nth-child(4n) {}
.wap_pro .product:nth-child(3){}
.slide_dm img{width: 100%}
.product {}
.product{display: inline-block;width: calc(100%/4 - 20px);margin: 0 10px 10px 10px;vertical-align: top;text-align: center;position: relative;}
.product:nth-child(4n+1){clear:both;}
.product:nth-child(4n){}
.box-product{position:relative;display:block;margin-bottom: 0;}
.pic-product{background:#fff;position: relative;}
.pic-product img{width:100%;}
.item {    text-align: center;    position: relative;}
.msp{    color: #666666;    margin-bottom: 5px;    font-size: 15px;}
.name-product a{font-size: 15px;color: #333333;text-transform: capitalize;font-weight: bold;display: block;line-height: 22px;}
.name-product.text-split{-webkit-line-clamp:1;}
 .item:hover .name-product a {color: #cc0000;}
 .item:hover .cart-product, .pic-product:hover .cart-product, .product:hover .cart-product{transition: all 1s;opacity: 1;}
 .price-product{margin-bottom: 5px;padding: 0px 1px;}
.price-product span{/* font-weight:700; */}
.price-new{font-size: 13px;font-weight: bold;/* color: #e00c15; */}
.price-old{padding-left:10px;font-size: 11px;color: #b3b3b3;/* font-weight: 600; */text-decoration: line-through;float: right;}
.price-per{position:absolute;top: 5px;right: 20px;color:#fff;background: #D30000;font-size: 13px;/* border-radius: 50%; */width: 54px;height: 34px;text-align:center;line-height: 36px;font-weight: 400 !important;}
p.views_all {    width: 135px;    height: 38px;    text-align: center;    line-height: 38px;    margin: auto;    position: relative;    background: #333333;    margin-top: 20px;}
p.views_all a {    color: #fff;    display: block;    position: relative;    z-index: 1;}
p.views_all:before {    position: absolute;    content: '';    top: 0;    left: 0;    bottom: 0;    width: 0;    transition: all 1s;    background: #cf0d0d;}
p.views_all:hover:before {     width: 100%;    transition: all 1s;}
.itemct {    display: inline-block;    vertical-align: top;    width: calc(100%/4 - 20px);    margin: 0 10px 20px 10px;    position: relative;    border: solid 1px #E4E4E4;    font-size: 14px;    text-align: center;}
.itemct:hover {    box-shadow: 0px 0px 12px #ccc;}
.pic-ct-normal {    position: relative;}
.pic-ct-normal img{width: 100%}
.info-ct-normal {    position: absolute;    bottom: 0;    left: 0;    right: 0;    padding: 20px;    top: 0;    background: rgb(0 0 0 / 37%);    display: flex;    align-items: flex-start;    flex-flow: column;    justify-content: flex-end;    text-align: left;}
.itemct a.ct-normal{    display: grid;}
.itemct:nth-child(2n) .desc-ct {    order: 1;    margin-top: 1rem;}
.itemct:nth-child(2n) .pic-ct-normal {    order: 2;    margin-bottom: 0;}
p.desc-ct {    color: #666666;    font-size: 14px;    padding: 0 10px;    -webkit-line-clamp: 2;}
h3.name-ct {    color: #fff;    font-size: 17px;    text-transform: capitalize;}
  .dc {    font-size: 16px;    color: #fff;}
  .dc i {    margin-right: 6px;}
/* Sản Phẩm Detail */.grid-pro-detail{/* margin-bottom:50px; */}
.left-pro-detail{position:relative;float:left;width: 45%;text-align:center;/* margin-right:2%; */margin-bottom: 15px;background:white;}
.left-pro-detail .MagicZoom{border:1px solid #eee;padding:7px;border-radius:5px;width: 100%;}

.left-pro-detail .MagicZoom figure.mz-figure {width: 100%;}
.left-pro-detail .tagschitiet{
    margin: 10px 0px 20px;
    text-align: left;
}
.left-pro-detail .tagschitiet span{
    background: #eee;
    padding: 5px;
}
.left-pro-detail .tagschitiet span i{
    margin-right: 3px;
}
.right-pro-detail{width: 53%;float: right;/* margin-right: 30px; */}
.gallery-thumb-pro{position:relative;margin-top:10px;}
.owl-thumb-pro{padding:0px 40px;}
.thumb-pro-detail{display:block!important;border:1px solid #eee;padding:5px;border-radius:3px;cursor:pointer;}
.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:#cecfd2;}
.thumb-pro-detail img{box-shadow:none!important;filter:brightness(100%)!important;border-bottom:0px!important;padding-bottom:0px!important;}
.title-pro-detail{text-transform:capitalize;font-size: 18px;display:block;/* font-weight:700; */margin-bottom: 8px;}
.social-plugin-pro-detail{margin-bottom: 5px;margin-top:0px!important;}
.desc-pro-detail{/* margin-bottom:1rem; */}
.attr-pro-detail{list-style:none;padding:0px;}
.attr-pro-detail li{padding: 7px 0px;/* margin-bottom:0.5rem; */border-top: 1px solid #eee;overflow: hidden;}
.attr-pro-detail li:nth-child(1) .attr-content-pro-detail{
    margin-left:30px;
    margin-bottom:10px;
}
.attr-pro-detail li:nth-child(2){
    /*display: flex;
    align-items: center !important;
    justify-content: space-between !important;*/
}
.attr-pro-detail li:nth-child(1) span.masp{
    background: #3E993A;
    padding: 5px 20px;
    border-radius: 0px 8px;
    color: #fff;
}
.attr-pro-detail li:nth-child(2) a.addcart{
    float: left;
    display: block;
    width: 150px;
    text-align: center;
    border-radius: 5px;
    margin-left: 30px;
    padding: 5px;
    color: #fff;
    cursor:pointer;
    background: #fd6e1d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd6e1d), to(#f59000));
    background: -webkit-linear-gradient(top, #f59000, #fd6e1d);
    background: -o-linear-gradient(top, #f59000, #fd6e1d);
}
.attr-pro-detail li:nth-child(2) a.addcart:hover{
    background: #f53800;
}
.attr-pro-detail li .motachitiet * img, .noidungcontent * img{
    max-width:100%;
    height:auto!important;
}
.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;float: left;}
.attr-content-pro-detail span.masp{}
.chonmau-pro-detail{
    border: 1px solid #ddd;
    padding: 3px 10px;
    display: inline-block;
}
.price-new-pro-detail{/* font-weight:700; */display: block;font-size: 17px;color:var(--color-red);float: left;}
.price-old-pro-detail{font-weight:500;color:var(--color-gray);text-decoration:line-through;padding-left:10px;}
.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-checked{
    box-shadow: 0px 0px 6px 1px #FCC9D9;
}
.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;}
.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:0px;width:30px;height:30px;color:#5f5f5f;cursor:pointer;font-size:22px;border:1px solid #cccccc;}
.quantity-pro-detail span.quantity-plus-pro-detail{border-left:0px;}
.quantity-pro-detail span.quantity-minus-pro-detail{border-right:0px;}
.quantity-pro-detail input{height:30px;border:1px solid #cccccc;width:calc(100% - 60px);text-align:center;font-size:14px;padding:5px;}
.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;padding:8px 15px;text-transform:uppercase;border-radius:3px;}
.cart-pro-detail a.addnow{margin-right:10px;background: #e65e89;cursor: pointer;}
.cart-pro-detail a.addnow:hover{color:#fff;background: #FBB9C5;}
.cart-pro-detail a.buynow{background-color: #666666;cursor: pointer;}
.cart-pro-detail a.buynow:hover{background-color: #333333;color: #fff;}
.cart-pro-detail a i{vertical-align:top;margin-top:3px;margin-right:8px;}
.tags-pro-detail{margin:1rem 0px 2rem 0px;}
.tags-pro-detail a{float:left;font-size:12px;color: #666;padding:5px 10px 7px 10px;margin-right:5px;margin-bottom:5px;border: solid 1px #e9e9e9;border-radius:3px;}
.tags-pro-detail a:hover{border: solid 1px #666;}
.tags-pro-detail a i{font-size:10px;float:left;margin:5px 5px 0px 0px;}
.grid-pro-detail .tabs-pro-detail .ul-tabs-pro-detail{padding:0px;list-style:none;margin-bottom:1rem;border-bottom: 1px solid #fcc9d9;overflow: hidden;}
.grid-pro-detail .tabs-pro-detail .ul-tabs-pro-detail li{cursor:pointer;float:left;margin-right:5px;margin-bottom:5px;background: #fcc9d9;padding: 10px 20px;text-transform: capitalize;color: #fff;}
.grid-pro-detail .tabs-pro-detail .ul-tabs-pro-detail li.active{background: #e65e89;color:#fafafa;}
.grid-pro-detail .tabs-pro-detail .ul-tabs-pro-detail li:last-child{margin-right:0px;}
.grid-pro-detail .tabs-pro-detail .content-tabs-pro-detail{display:none;}
.grid-pro-detail .tabs-pro-detail .content-tabs-pro-detail.active{display:block;}
/* Toc */
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:1rem;border-radius:5px;background-color:#eeeeee;}
.box-readmore li ul>li{margin:0;margin-bottom:8px}
.box-readmore li ul>li:before{content:counters(item,".") " "}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0px;padding-left:0px!important;margin-top:8px;}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}
.box-readmore ul li:before{content:counters(item,".") ". ";display:table-cell;padding-right:5px;font-size: calc(1rem - 3px);}
.box-readmore ul li a{color:#333333;cursor:pointer;font-weight:600;font-size: calc(1rem - 3px);}
.box-readmore ul li a:hover{color:#767676;}
/* Bài viết */.news{width: 100%;float:left;margin-bottom:25px;display:block;padding: 0px 0px 0px 0px;}
.pic-news >a{
    display: block;
    height: 100%;
    text-align: center;
    position:relative;
}
.news:hover .pic-news >a:before{
    display:block;
}
.pic-news >a:before{
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000021;
    left: 0;
    display:none;
}
blockquote{margin: revert;}
.pic-news img{height: 100%;}
.info-news{float: right;width: calc(100% - 228px);}
.name-news a{color:var(--html-bg-website);font-size:16px;display:block;line-height:normal;margin-bottom:5px;}
.name-news:hover a{color: #3E993A;}
.time-news{color:var(--color-gray);margin-bottom:0.25rem;font-size: 12px;font-family: 'RobotoLight';font-style: italic;}
.desc-news{color:#333333;margin-top:5px;line-height:22px;}
.share{padding:17px 10px 10px 10px;line-height:normal;background: #fff;margin-top:15px;border-radius:5px;}
.share b{display:block;margin-bottom:5px;}
.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;margin-bottom: 9px;display: inline-block;}
.list-news-other li a:hover{color:var(--color-red);}
/* Contact */.top-contact{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:30px;}
.top-contact .article-contact{width:48%;}
.form-contact{width:47%;}
.input-contact{position:relative;margin-bottom:15px;}
.input-contact input,.input-contact textarea{width:100%;padding:0px;outline:none;font-size:14px;}
.input-contact input{text-indent:10px;}
.input-contact textarea{resize:none;height:150px;padding:10px;}
.input-contact .custom-file-label::after{content:attr(title);}
.bottom-contact{position:relative;height:500px;}
.bottom-contact iframe{position:absolute;top:0px;left:0px;width:100%!important;height:100%!important;}
/* hotdeal */
.hotdealpage{}
.hotdealpage .clock{
    text-align: center;
}
.hotdealpage .clock .timehotdeal{}
.hotdealpage .clock .timehotdeal div{display:inline-block;margin:0px 5px;}
.hotdealpage .clock .timehotdeal div span:nth-child(1){display:inline-block;background:#fff;padding:5px;font-size:20px;border-radius:5px}
.hotdealpage .clock .timehotdeal div span:nth-child(2){display:inline-block;font-size:20px;margin-left:5px;color:#fff;}
.hotdealpage .title-hotdeal{
    text-align: center;
    color: #fff;
    font-size: 22px;
    margin-top: 9px;
}
.hotdealpage .sloganhotdel{
    text-align: center;
    color: #fff;
    font-size: 25px;
    margin: 5px 0px 20px;
}
.hotdealpage .itemdm{
    margin-bottom: 30px;
    width: calc(100% /5);
    padding: 0px 15px;
    position: relative;
    border: 0px;
}
.hotdealpage .itemdm .box{
    background: #fff;
    padding: 6px;
    text-align: left;
    box-shadow: 0px 0px 7px 1px #ddd;
}
.hotdealpage .itemdm .box .cart-product{margin-top: 5px;}
.hotdealpage .itemdm .box .cart-product span{
    width: 100%;
    padding: 8px;
    /* margin-bottom: 8px; */
    background: #f3b0c2;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #f3b0c2;
}
.hotdealpage .itemdm .box .cart-product span:hover{
    background:#fff;
    color: #f3b0c2!important;
    border-color:#f3b0c2;
}
/* Footer */
.footer {/*background: url(../images/bg-footer.png);*/background-size: 100%;color: #fff;padding-top: 50px;border-top: 1px solid #ddd;}
.footer-article{}
.footer-article .wrap-content, .footer-article1 .wrap-content{/* padding: 35px 0px; */}

.wrap-content.one {padding-top: 20px;padding-bottom: 30px;/* border-top: 1px solid #eeeeee3d; */}
.footer-article .wrap-content .footer-news .box i{
    font-size: 16px;
    margin-right: 5px;
}
.footer-article1{    background: #fff;    padding: 15px 0px;}
.footer-article1 div >a{}
.footer-article1 div >a img{}
.title-footer{font-size: 15px;margin-bottom: 15px;color: #fff;/* font-weight: 400; */text-transform: uppercase;}
.footer-ul{list-style:none;padding: 0px!important;margin:0px;padding-left: 18px;}
.footer-ul li{margin-bottom: 6px;list-style-type: none;display: block;}
.footer-ul li:last-child{margin-bottom:0px;}
.footer-ul li a{color: #000;font-size: 12px;}
.footer-ul li a i{    font-size: 11px;    margin-right: 8px;}
.footer-ul li a:hover{color:#00a7db;}
.slogan-newsletter{color: #fff;margin-bottom: 0;}
.newsletter-input{position:relative;/* width: calc(100% - 140px); */width: 100%;display: flex;/* justify-content: space-between; */flex-wrap: wrap;align-items: center;background: url(../images/thoi-trang_167.png) no-repeat;/* padding-left: 143px; */background-size: 128px;height: 44px;}
.newsletter-input .input_newsletter {    /* width: calc(100%/3 - 5px); */    width: 61%;    margin-right: 10px;text-align: center;    position: relative;}
.newsletter-input .input_newsletter #email-newsletter{}
.newsletter-input input{padding: 0px 10px;height: 45px;font-size: 17px;text-indent:10px;border-radius: 7px;width: 100%;background: #000;/* border-radius: 20px; */border: 1px solid #666;}
.newsletter-input input.dangkyemail{    width: 101px;    line-height: 28px;height: 42px;text-indent: unset;    padding: 9px;    border: 0px;    background: #000;    color: #fff;}
.newsletter-button{margin-top: 0;width: 130px;}
.newsletter-button input[type=submit]{border:0px;background-color: #CC0000;color:#fff;display:inline-block;text-transform:uppercase;font-weight:500;cursor:pointer;width: 100%;height: 38px;border-radius: 25px;}
.footer-tags{background:#eee;}
.footer-tags .wrap-content{padding:30px 10px;}
.label-tags{font-weight:600;font-size:15px;}
.list-tags{list-style:none;padding: 0px!important;margin:0px;padding-left: 18px;}
.list-tags li{/* float:left; */margin: 0px 30px 8px 0px;list-style-type: none;display: block;}
.list-tags li a{display:block;color: #fff;font-size: 12px;}
.list-tags li a i{    font-size: 10px;    margin-right: 8px;}
.list-tags li a:hover{    color: #00a7db;}
.footer-powered{/* color:#fff; */font-size: 12px;background: var(--html-bg-website);/*margin-top: 20px;*/}
.footer-powered .wrap-content{padding: 12px 10px;/* border-top: solid 1px #858585; */text-align: center;overflow: hidden;}
.footer-news:nth-child(6){
    text-align: center;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #ddd;
    font-size: 12px;
}
.footer-news >a{color: #fff;display: block;font-size: 13px;line-height: 22px;margin-bottom: 5px;}

.footer-news >a i {margin-right: 5px;}

.footer-news .bocongthuong img {}
.footer-news img{margin-right: 5px;vertical-align: middle;}

.footer-news .row1 {margin-bottom: 8px;}
.footer-news{font-size: 13px;}

.footer-news img {display: inline-block;vertical-align: middle;}

.footer-news span {display: inline-block;vertical-align: middle;}

.footer-news h2.form {padding-left: 20%;}

.footer-news h3 {font-size: 13px;}

 .footer .linefooter{text-align: center;margin: 46px 0px;position: relative;}

.footer .linefooter:before {position: absolute;content: '';width: calc(50% - 85px);height: 2px;border-top: 1px solid #949494;left: 0;top: 30px;}
.footer .linefooter:after {position: absolute;content: '';width: calc(50% - 86px);height: 2px;border-top: 1px solid #949494;right: 0;top: 30px;}
.footer .linefooter img{}

.footer-news form {}

.footer-news .mangxh {margin-top: 14px;}

.footer-news .bocongthuong img {max-width: 126px;margin-top: 15px;}

.footer-news .mangxh >a img {max-width: 26px;filter: grayscale(1);}
.copyright{margin-bottom:0px;width: 100%;float: left;color: #000;text-align: center;}
.copyright >a{color:#fff;}
.floatsodt{
    position: fixed;
    top: 160px;
    z-index: 9999;
    /* background: #1182fc; */
    right: 25px;
    padding: 4px 8px 4px 28px;
    color: #fff;
    font-size: 20px;
    border-radius: 0px 20px 22px 0px;
}

.statistic{margin-bottom:0px;width: 50%;float: right;text-align: right;}
.statistic span{/* padding-right:10px; */padding: 0 5px;}
.statistic span:last-child{padding-right:0px;}
#footer-map{position:relative;height:500px;}
#footer-map iframe{position:absolute!important;width:100%!important;height:100%!important;top:0px!important;left:0px!important;}
.footer-article div div .footer-news:nth-child(4) .fb_iframe_widget, .footer-article div div .footer-news:nth-child(4) .fb_iframe_widget span,  .footer-article div div .footer-news:nth-child(4) .fb_iframe_widget iframe{    width: 100%!important;  }
/* Like Share */.social-plugin{display:flex;justify-content:flex-start;margin-top:10px;}
.social-plugin .at-share-btn{margin-bottom:0px!important;}
.social-plugin .zalo-share-button{margin-left:3px;}
.social.social-left{    position: fixed;    z-index: 999;    left: 10px;    top: 29%;}
.social.social-left >a{    display: block;    margin-bottom: 10px; width: 40px;}
/* Phân Trang */.pagination-home .pagination .page-item .page-link{color:#555555;font-size:.875rem;}
.pagination-home .pagination .page-item.active .page-link{color:#ffffff;background-color:#555555;border-color:#555555;}
/* Phân Trang Ajax */.pagination-ajax{text-align:center;}
.pagination-ajax a{display:inline-block;vertical-align:top;margin:0px 2px 3px 2px;color:#333;background:#eee;border:1px solid rgba(161,161,161,0.4);font-size:12px;cursor:pointer;padding:3px 10px 5px 10px;border-radius:2px;}
.pagination-ajax a.current,.pagination-ajax a:hover{background: #666666;color:#fff;border-color: #666666;}
/* Popup custom */.modal-custom .modal-footer{padding:0.5rem;}
.modal-custom .modal-footer .btn{font-size:14px;}
/* Popup */#popup .modal-body{padding:0px;}
/* Hidden Google Captcha */.grecaptcha-badge{display:none!important;width:0px!important;height:0px!important;visibility:hidden!important;overflow:hidden;}
/* Hidden Check Grammar Coccoc */coccocgrammar{display:none;}
/* Scroll Top */.scrollToTop{width:41px;height:41px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:65px;right:25px;display:none;z-index:10;cursor:pointer;}
/* Text Hide */.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;font-family: 'RobotoLight';}
/* Transition All */.transition{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;}
/* Scale IMG */.scale-img{overflow:hidden;display:block;margin-bottom: 0px;/* width: 205px; *//* height: 116px; */float: left;border: 2px solid #98b5ef;}
/* Blink */.blink{-webkit-animation-name:blink;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blink;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
@-moz-keyframes blink{  0%{opacity:1.0;}
    50%{opacity:0.0;}
    100%{opacity:1.0;}
}
@-webkit-keyframes blink{   0%{opacity:1.0;}
    50%{opacity:0.0;}
    100%{opacity:1.0;}
}
@keyframes blink{   0%{opacity:1.0;}
    50%{opacity:0.0;}
    100%{opacity:1.0;}
}
.footer-news .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe{max-width: 100%;}
/* Button Frame */.btn-frame{display:block;width: 40px;height: 40px;position:fixed;right: 26px;z-index:10;cursor:pointer;}
.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;-ms-flex-align:center;width: 40px;height: 40px;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: 50px;height: 50px;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:1;}
.btn-frame .zoomIn{animation-name:zoomIn;}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width: 60px;height: 60px;top:-10px;right:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.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;}
/* Zalo */.btn-zalo{bottom:225px;}
/* Phone */.btn-phone{/*bottom:230px;display: none;*/}
.btn-phone .hotline {
    width: 219px;
    position: absolute;
    top: -10px;
    right: -250px;
    background: #fff;
    color: #000;
    border: 2px solid #f00;
    border-radius: 8px;
    padding: 10px;
    transition: all 0.3s;
}
.btn-phone .hotline div {
    margin-bottom: 8px;
}
.btn-phone .hotline div span i {
    background: transparent;
    color: #f00;
    display: inline-block;
    width: 30px;
    height: 25px;
}
.btn-phone .hotline div span >a {
    color: #f00;
    font-weight: 600;
}
.btn-phone .hotline div span:nth-child(1) {
    font-size: calc(2vw - 7px);
    display: block;
}
.btn-phone .hotline div span:nth-child(2) {
    display: block;
}
/* Messenger */.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-tooltip{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: 22px;width: 46px;height: 46px;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: 22px;height: 23px;position:absolute;top: 11px;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: 14px;left:14px;-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}
.js-facebook-messenger-top-header{color:#fff;background:#1182FC}
.js-facebook-messenger-top-header{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}
/* Cart fix */.cart-fixed{position:fixed;right:20px;bottom:390px;z-index:10;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:0px;right:-5px;color:#fff;width:25px;height:25px;background:var(--color-red);text-align:center;line-height:25px;font-size:11px;border-radius:100%;}
/* Toolbar */.toolbar{background: #1182fc;width:100%;padding:3vw;bottom:0px;position:fixed;z-index:500;height:auto;left:0px;display: none;}
.toolbar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0px;margin:0px;}
.toolbar ul li{text-align:center;width:25%;}
.toolbar ul li a{display:block;width:100%;cursor:pointer;}
.toolbar ul li a img{height:6vw;width:auto;}
.toolbar ul li a span{font-weight:400;color:#fff;font-size:3.5vw;display:none;}
/* Fixbar */.fixbar{bottom:0;display:block;background:#f0eff4;border-top:1px solid #ddd;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:fixed;margin:0;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:50px;}
.fixbar ul{margin:0px;padding:0px;list-style:none;}
.fixbar ul li{display:inline-block;margin:0 auto 10px;text-align:center;width:25%;float:left;}
.fixbar .icon-cart-mobile,.fixbar .icon-cart-new,.fixbar .icon-home-new,.fixbar .icon-hotdeal-new{width:20px;height:20px;display:block;margin:8px auto 0;}
.fixbar .icon-cart-mobile{background:url(../images/cart-mobile.png) no-repeat;}
.cart-total-header-mobile{font-size:10px;position:absolute;background:red;color:#fff!important;border-radius:50%;height:15px;width:15px;line-height:15px;top:5px;margin-left:5px;}
.fixbar ul li a{font-size:11px;text-decoration:none;color:#333;}
.fixbar ul li a i{font-size:20px;}
/* Plugbar */.plugbar{position:fixed;bottom:0;left:0;border-top:1px solid #eae6e6;width:100%;right:0;max-width:767px;margin:0 auto;background:#fff;padding:9px 10px 10px 7px;z-index:10;}
.plugbar ul{list-style:none;padding:0;margin:0px;display:-webkit-flex;display:-moz-flex;display:flex;justify-content:space-between;align-items:center;}
.plugbar ul li{width:20%;float:left;}
.plugbar ul li a{display:block;color:#696969;font-size:12px;text-align:center;position:relative;}
.plugbar ul li a i{font-size:20px;color:#696969;}
.plugbar ul li a span{position:absolute;width:50px;height:50px;top:-40px;left:calc(50% - 50px/2);font-size:14px;display:block;border:1px solid rgba(234,230,230,0.5);border-radius:100%;}
/* Combo Phone */.support-online{position:fixed;z-index:999;left:10px;bottom:0px;}
.support-online a{position:relative;margin:20px 10px;text-align:left;width:40px;height:40px;}
.support-online i{width:40px;height:40px;background:#43a1f3;color:#fff;border-radius:100%;font-size:20px;text-align:center;line-height:1.9;position:relative;z-index:999;}
.support-online a span{border-radius:2px;text-align:center;background:rgb(103,182,52);padding:9px;display:none;width:180px;margin-left:10px;position:absolute;color:#ffffff;z-index:999;top:0px;left:40px;transition:all 0.2s ease-in-out 0s;-moz-animation:headerAnimation 0.7s 1;-webkit-animation:headerAnimation 0.7s 1;-o-animation:headerAnimation 0.7s 1;animation:headerAnimation 0.7s 1;}
.support-online a:hover span{display:block;}
.support-online a{display:block;}
.support-online a span:before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent  rgb(103,182,52) transparent transparent;position:absolute;left:-10px;top:10px;}
.support-online .kenit-alo-circle-fill{width:60px;height:60px;top:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.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(0,175,242,0.5);opacity:.75;right:-10px;}
.support-online .kenit-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:.1;border-color:#0089B9;opacity:.5;}
.support-online .support-online .btn-support{cursor:pointer;}
.support-online .mes i{background:orange;}
.support-online .sms i{background:red;}
.support-online .call-now i{background:green;}
/* Phone Switch */.widget-mobile{position:fixed;left:50%;transform:translateX(-50%);bottom:10px;z-index:9999999;}
#my-phone-circle{position:relative;width:50px!important;height:50px!important;}
.wcircle-open .wcircle-icon i:before{content:'\f00d';}
.wcircle-icon{background:#1282fc;border-radius:50%;display:flex!important;display:-ms-flex!important;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative!important;}
.wcircle-icon:before{position:absolute;content:'';width:60px;height:60px;background:rgba(18,130,252,.5);border:1px solid #fff;border-radius:50%;left:-5px;top:-5px;-webkit-animation:pulse 1s infinite ease-in-out;-moz-animation:pulse 1s infinite ease-in-out;-ms-animation:pulse 1s infinite ease-in-out;-o-animation:pulse 1s infinite ease-in-out;animation:pulse 1s infinite ease-in-out;}
.wcircle-icon:after{position:absolute;content:'';width:80px;height:80px;background:rgba(18,130,252,.5);border-radius:50%;left:-15px;top:-15px;-webkit-animation:zoomIn 2s infinite ease-in-out;-moz-animation:zoomIn 2s infinite ease-in-out;-ms-animation:zoomIn 2s infinite ease-in-out;-o-animation:zoomIn 2s infinite ease-in-out;animation:zoomIn 2s infinite ease-in-out;}
.wcircle-menu{position:absolute!important;left:0;top:0;display:none;}
.wcircle-menu-item{width:50px;height:50px;background:#1282fc;border-radius:50%;display:flex;display:-ms-flex;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.wcircle-menu-item img{width:50px;height:50px;display:block;border-radius:50%;}
.wcircle-menu-item i,.wcircle-icon i{font-size:25px;color:#fff;position:relative;z-index:9999;}
.shake-anim{-webkit-animation:shake-anim 1s infinite ease-in-out;-moz-animation:shake-anim 1s infinite ease-in-out;-ms-animation:shake-anim 1s infinite ease-in-out;-o-animation:shake-anim 1s infinite ease-in-out;animation:shake-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
@-moz-keyframes shake-anim{ 0%{transform:rotate(0) scale(1) skew(1deg)}
    10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
    20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
    100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes shake-anim{  0%,100%,50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
    10%,30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
    20%,40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
}
@-o-keyframes shake-anim{   0%,100%,50%{-o-transform:rotate(0) scale(1) skew(1deg)}
    10%,30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
    20%,40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
}
/* Responsive */
@media(min-width:1366px){
    .wrap-main{
        width: 100%;
        max-width: unset;
    }
    .wrap-content, .breadCrumbs .wrap-content, .content-main{width: 90%;max-width: unset;margin: auto;}
    .box_slider .bottomslide img{
        width: 30px;
    }
    .input-contact input, .input-contact textarea,a{font-size: calc(100vw/93);}
    h1,h2,h3,h4,h5,h6{font-size: 2rem;}
    .gioithieu .left .mota {font-size: 1.2rem;}
    .gioithieu .right img{width: 100%;}
    .dichvu .wrap .box .hinh span{font-size: 1.2rem; background-position: 11px 23px;}
    .dichvu .wrap .box .hinh img, .sanpham .wrapsp .box .hinh img{width: 100%;}
    .quatrinhthicong h2{text-align: center;}
    .quatrinhthicong .wrap .box h3{font-size: 1.2rem;}
    .video1 img, .tintuc .slidetintuc .box .hinh img{width: 100%;}
    .tintuc .slidetintuc .box h3{font-size: 1.2rem;line-height: 1.4rem;height: 60px;}
    .tintuc .slidetintuc .box h4{font-size: 1.2rem;height: 68px;}
    .doitac .slidedoitac div>a img{width: 100%;}
    .box-readmore ul li:before, .box-readmore ul li a{font-size: calc(1.5rem - 5px);}
    .footer-news span, .footer-news h2.form, .title-footer, .title-main, .content-main *, .share b {font-size: 1.2rem;}
    .footer-news >a,.footer-powered{font-size: 1.1rem;}
    .footer-news .mangxh >a img{max-width: 30px;}
    .khungsp .box .chitietsp .hinh img{width: 100%;}
    .khungsp .box .chitietsp h3 >a{font-size: 1.2rem;}
    .title-pro-detail{font-size: 1.2rem;}
    .price-new-pro-detail, .motachitiet{font-size: 1.2rem;}
    .price-old-pro-detail{font-size: 1.1rem;}
    .newsdetail .title-main span, .leftpage .wrap-box h2{font-size: 1.3rem;}
    .fix-left-detail{
        width: calc(20vw - 17px);
        right: calc(6vw);
    }
    .leftpage .wrap-box .box.product .wrappro .noidung h5{font-size: 1.1rem;height: 42px;}
}
@media(max-width:1200px){    ul.social.social-header{display: none}
    div#slider img {        height: 345px;        object-fit: cover;    }
    .itemtk p.count{font-size: 50px}
}
@media(max-width:1024px){     
    ul.menu_top{display: none}
     .menucon{margin:0px;}
    .menucon >a.danhmuccon{/* display: none!important; */padding: 8px;}
    .menu-res{
    display: block;
    z-index: 999;
    width: 40px;
    height: 34px;
    position: fixed;
    right: 10px;
    top: 17px;
    background: var(--html-bg-website);
}
    .search-res{
    display: none;
}
    .owl-slideshow .owl-stage-outer{    width: 100%;}
    div#slider{
    /* width: 66%; */
}
    .box_slider{
        width: 100%;
        height: auto;
        display: block;
        float: left;
        margin-bottom: 30px;
    }
	.tintuc .slidetintuc button.slick-prev{
		left: 0px;
	}
	.tintuc .slidetintuc button.slick-next{
		right: 0px;
	}
}
@media(max-width:1001px){   .menu{display:none;}
    .logo-header img{max-width: 169px;}
    .menu-res{display:block;}
    .menuheader{display: none;}
    .box_slider{padding-left: 0}
    .box_slider .bottomslide{display: none;}
    .search{/* display: none */}
    a.logo-header{width: 50%}
    div#slider{padding: 10px;}
    .breadCrumbs{margin-top: 10px;}
    .itemtk p.count{font-size: 48px}
    .itemtk{padding: 20px}
    .quatrinhthicong .wrap .box h3{font-size: 14px;width: calc(100% - 82px);}
}
@media(max-width:850px){    
    #wowslider-container1 .ws-title div {line-height: 25px;}
    .search{margin: 5px;}
    .news{/* width:100%; *//* float:none!important; */padding: 0px 5px;}
    .box_slider .wrap-content{
    padding: 0px;
}
    .tintuc-right{display: none;}
    .leftpage{
    display: none;width: 100%;
    margin-top: 20px;
}
    .itemdm.danhmuc .dm_photo >a.brand{
    max-height: 140px;
    padding: 15px;
}
    .khungsp .box{width: calc((100% / 4) - 30px);}
   
    .title-main .wrap-sapxep .box2{
    display: block;
    align-items: unset!important;
    justify-content: unset!important;
}
    .title-main .box2 .tinhnang{
    width: 48%;
    margin-right: 2%;
}
    .title-main .box2 .sapxep{
    width: 50%;
}
    .title-main .box2 .google-search{
    width: 100%;
    margin-top: 5px;
}
    .itemdm.timkiem .box div >a.brand, .itemdm.detail .box div >a.brand{
    height: 140px;
}
    .rightpage.newsdetail{
    width: 100%;
}
    .show_menu.index{display: none;}
    #menu .mm-panels>.mm-panel, .mm-navbar_sticky{
    /* background: #fbb9c5!important; */
}
    .itemdm.timkiem, .itemdm.detail{
    width: calc(100% /4);
    padding: 0px 0px;
    vertical-align: top;
}
    .slideshow{width: 100%}
    .box_slider{
    /* margin-top: 61px; */
}
    div#slider img{height: auto;}
    div#slider{padding:0;width: 100%;}
    .slide_dm{display: none}
    .product { width: calc(100%/3 - 20px);}
    .leftpage.sanpham{
    display: none;
}
    .rightpage{
    width: 100%;
}
    .rightpage.detail{
    width: 100%;
}
    .itemdm.danhmuc{
    padding: 0px;
}
    .title-main span{
    padding: 0px;
}
    .left-pro-detail{
    width: 49%;
    margin-right: 0px;
}
    .right-pro-detail{
    width: 50%;
    float: right;
    margin-right: 0px;
}
    .itemtk{width: calc(100%/2)}
    .itemct {         width: calc(100%/2 - 20px);     }
    .left-intro, .center-intro,.right-intro{width: 100%;margin-bottom: 15px;}
    .left-intro .newshome-scroll{height: 645px}
    .newshome-normal .noidung h3{    height: 38px;    overflow: hidden;}
    .newshome-normal .noidung h4{    max-height: 65px;    overflow: hidden;}
    .wrap-hinhthuc .box{    display: block;    text-align: center;    padding: 0px 5px;}
    .info_dk{width: 100%;margin-bottom: 10px;}
    form.form-newsletter.validation-newsletter{width: 100%}
    .footer-article .wrap-content{flex-wrap: wrap;}
    .footer .footer-news{    flex: unset;    max-width: 50%;    margin-bottom: 15px;}
    .footer-article1 .left, .footer-article1 .right{    flex: unset;    max-width: 100%;}
    .footer{margin-bottom: 49px;}
    .toolbar{display: block;}
    a.cart{display: none}
    .hotdealpage .itemdm{
    padding: 0px 5px;
}
}
@media(max-width:769px){    .top-contact{flex-wrap:wrap;}
    #wowslider-container1 .ws-title span{font-size: 15px;}
    #wowslider-container1 .ws-title div{font-size: 16px;}
    .doitac{display: none;}
    .khungsp .box, .wrapspdaxem.khungsp .box{width: calc((100% / 2) - 30px);}

.khungsp .box .chitietsp .hinh img {max-height: 200px;height: unset;}
.khungsp .box .chitietsp .hinh {background: #fff;}
    .left-pro-detail,.right-pro-detail,.top-contact .form-contact,.top-contact .article-contact{width:100%;margin:0px;}
    .left-pro-detail,.top-contact .article-contact{margin-bottom:30px;}
    .footer .footer-news{/* width: 100% !important */}
    .copyright,.statistic{width: 100%;margin: 5px 0;text-align: center;}
    .left-intro .newshome-scroll {        height: 500px;    }
    a.logo-header{width: 100px;text-align: center;}
    .hotline-header{/* display: none */}
    .title-dm ul.list_c2{/* width: 100%; *//* width: 1000px; *//* overflow-x: scroll; */}
    .product {        width: calc(100%/2 - 20px);    }
}
@media(max-width:600px){    
    .header{position: relative;}
    .header .header-bottom .logo-header{width: 100%;text-align: center;}

.header .header-bottom .logo-header img {float: unset;}

.search {width: 100%;margin: 10px 0px;}
    .col-tt{        max-width: 50%;        -ms-flex: 0 0 50%;        flex: 0 0 50%;    }
    .title-dm ul li{
    display: inline-block;
}
    .title-main .hotro{
    width: 100%;
    margin-bottom: 10px;
}
    .title-main .wrap-sapxep{width:100%;}
    .itemdm.danhmuc{width: 50%;}
    .news{
    width: 100%;
}
    .itemdm.timkiem, .itemdm.detail{
    width: 50%;
    float: left;
}
    .title-dm{
    width: 100%;
    margin-right: 15px;
    border-bottom: 0px;
    /* border-right: 2px solid #fbb9c5; */
    overflow: hidden;
}
    .gioithieu .left, .gioithieu .right{width: 100%;}
    .gioithieu .right{text-align: center;}
    .dichvu .wrap .box .noidung h3{font-size: 100%;}
    .dichvu .slidedv button.slick-prev{left: 0;}
    .dichvu .slidedv button.slick-next{right: 0;}
    .sanpham .wrapsp .box h3{font-size: 100%;height: 44px;}
    .quatrinhthicong h2{font-size: 2rem;}
    .quatrinhthicong .wrap .box img{display: block;max-width: 50px;margin: 0px auto 5px;}
    .quatrinhthicong .wrap .box h3{
        width: 100%;
        text-align: center;
        line-height: 19px;
        margin-top: 10px;
    }
    .info-news{width: calc(100% - 178px);}
    .social.social-left{    top: 40%;}
    .hotdealpage .itemdm{
    width: calc(100% / 3);
}
    .footer-article .footer-news{width: 100%!important;max-width: unset;text-align: center;}

    .footer-article .footer-news:nth-child(2) {}

    .footer-article .footer-news:nth-child(2) h2 {padding: 0px;margin-top: 20px;}
    .newsletter-input .input_newsletter{width: calc(100% - 111px);}
}
@media(max-width:480px){    
    .btn-zalo, .btn-phone{display: none;}
    #messages-facebook{display: none;}
    
 .newshome-normal .noidung h4{max-height: 44px;}
    .title-main .wrap-sapxep{
    float: left;
}
    .itemdm.danhmuc{
    width: calc((100% /2) - 2px);
}
    .itemdm.timkiem, .itemdm.detail{
    width: calc(100% /2);
}
.dichvu .wrap .box .hinh span{display: none;}
.dichvu .wrap .box .noidung {
    position: relative;
    transform: translate(0);
    margin-bottom: 10px;
}
    .dichvu .wrap .box .noidung h3{font-size: 13px;height: 57px;overflow: hidden;padding: 6px 10px 4px;}
    .dichvu .wrap .box .noidung >a{font-size: 12px;padding: 6px 20px;}
    .sanpham .wrapsp .box{width: calc(50% - 16px);}
    .quatrinhthicong .wrap .box{width: calc(50% - 30px);}
    .news{
    width: calc(100% /2);
}
    .newshome-normal .hinh{    max-width: 50%;}
    .newshome-normal .hinh span{    top: 7px;}
    .newshome-normal .noidung{        width: 50%;    }
    .wrap-intro .right-intro .box .right{    padding: 0px 15px;    display: flex;    overflow-x: scroll;}
    .wrap-intro .right-intro .box .right .item{    margin-right: 5px;}
    .wrap-intro .right-intro .box .right .item img{    height: 86px;}
    .footer .footer-news{    max-width: 100%;}
    .newsletter-input{    background: unset;    padding: 0px;}
    .hotdealpage .itemdm{
        width: calc(100% / 2);
    }
}
@media(max-width:460px){    
    a.logo-header{
    width: 70px;
}
    .search{
    /* width: calc(100% - 129px); */
}
    .itemdm.timkiem .box div >a.brand, .itemdm.detail .box div >a.brand{
        padding: 15px;
    }
    .title-dm{
    border-radius: 0px!important;
    margin-bottom: 10px;
}
    .khungsp .box .chitietsp >a.addnow{position: relative!important;display: block!important;left: 0;margin: 10px 8px 6px;text-align: center;}
    .pic-news,.info-news{display:block;width:100%;float:none;text-align: left;margin:0px;}
    .info-news{margin-top:15px;}
    .top-contact .form-contact .button-contact .file-contact span b{max-width:105px;}
    .pro_option .tabs-pro-detail .ul-tabs-pro-detail li{width: 100%}
    .pro_option .tabs-pro-detail .ul-tabs-pro-detail{flex-wrap: wrap;}
    .left-intro .newshome-scroll {        height: 380px;    }
    .box_slider{
    margin-bottom: 20px;
}
    .itemdm{
    width: calc(100% - 1px);
    /* margin-right: -9px; */
}
    .name_dm a{
    font-size: 13px;
    font-weight: 400;
}
    .itemdm.detail .cart-product{
    margin: 0px 15px;
}
}
@media(max-width:369px){    .cart-pro-detail{flex-wrap:wrap;}
    .cart-pro-detail a{width:100%;text-align:center;margin:0px!important;font-size:12px;}
    .cart-pro-detail a:first-child{margin-bottom:5px!important;}
    .cart-pro-detail a i{display:none;}
}