@charset "UTF-8";
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline:none;margin:0}
body{font-size:14px;font-family:'Roboto',sans-serif;color:#000;font-weight:400;line-height:1.5;margin:0;background:#fff}
img{max-width:100%;height:auto;vertical-align:top}
iframe{max-width:100%}
a,input,textarea{outline:none;padding:0px;text-decoration:none}
a:hover{text-decoration:none}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.clearfix{float:none;clear:both}
.clearfix:before{content:"";display:table}
.clearfix:after{content:"";clear:both}
.table-responsive{width:100%;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}
.container{display:block;margin:0 auto;width:100%;max-width:1900px}
.container.no-index{background:#fff}
.hidden{display:none}
.hidden-seoh{visibility:hidden;height:0px;margin:0px;overflow:hidden}
.wrap-content{width:1200px;margin:0 auto;max-width:100%;position:relative}
.updating{text-align:center;font-size:14px;text-transform:uppercase;margin:10px 0}
.updating.white{color:#fff}
#info{padding:20px 0}
.noidung-info *{margin:revert}
.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;z-index:1}
#popup{display:none}
.social{list-style:none;display:flex;flex-wrap:wrap;align-items:center;position:relative;margin:10px 0 0 0}
.social label{font-size:14px;display:block;color:#fff;margin-top:5px}
.social a{display:inline-block;margin:0 0 0 10px;text-align:center}
.social a:hover img{transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transition:all 1s}
.social a:first-child{margin:0}
.flex{display:flex;flex-wrap:wrap}
.align-items-center{align-items:center}
.justify-content-around{justify-content:space-around}
.justify-content-between{justify-content:space-between}
.justify-content-center{justify-content:center}
.header{width:100%;position:relative}
.header-top{background:#f2f2f2;padding:5px 0}
.header-top marquee{width:500px;font-size:16px;color:#393939;font-weight:400;text-transform:uppercase}
.header-top ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin: 0;}
.header-top ul li a{display:block;border-left:1px solid #8F848D;border-right:1px solid #454445;line-height:1;font-size:16px;color:#393939;font-weight:400;text-transform:uppercase;padding:0 30px}
.header-top ul li:first-child a{border-left:0;padding-left:0}
.header-top ul li:last-child a{border-right:0;padding-right:0}
.header-bot{display:block;width:100%;background:#fff;position:relative}
.cart{font-size:15px;color:#626E7C;font-weight:400;background:url('../images/cart.png') no-repeat left center;padding:5px 0 5px 50px;display:block}
.hotline{font-size:15px;color:#626E7C;font-weight:400;background:url(../images/hotline.png) no-repeat left center;padding:5px 0 5px 50px;min-height:50px;margin: 0;}
.hotline span{display:block}
.cart-search p {
    margin-bottom: 0;
}
.hotline label {
    margin-bottom: 0;
}
.menu{position:relative;background:#626E7C;z-index:2}
.menu.fixed{position:fixed;top:0;left:0;z-index:9;width:100%;margin:0}
.menu > ul{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative}
.menu ul{list-style:none;padding:0}
.menu ul li{position:relative;text-align:center;flex:auto}
.menu > ul > li > a{line-height:50px;cursor:pointer;position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-transform:uppercase;position:relative;color:#ffffff;font-size:16px;font-weight:400}
.menu > ul > li > a > img{margin:0 25px 0 0}
.menu > ul > li:last-child > a{border:none}
.menu > ul > li > a.active,.menu > ul > li:hover > a{background:#00000038}
.menu ul li ul{position:absolute;min-width:230px;background:#fff;box-shadow:0 3px 11px 0 rgba(0,0,0,0.1);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s;padding:0}
.menu ul li:hover > ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all .7s}
.menu ul li ul li a{text-align:left;border-top:1px solid #33333336;color:#000;display:block;font-size:14px;padding:8px 10px;color:#000;font-weight:400;text-transform:uppercase}
.menu ul li ul li ul{top:0px;left:100%}
.menu ul li ul li:hover > a,.menu ul li ul li:hover > a{background:#690069;color:#fff}
.menu > ul > li.hotline{flex:unset;color:#fff;text-align:left;background:url(../images/hotline.png) no-repeat left center;padding:0 0 0 50px;margin:0 0 0 10px}
.menu > ul > li.hotline label{font-size:14px}
.menu > ul > li.hotline b{display:block;font-size:22px;font-weight:100;font-family:SFUMachine;line-height:20px}
.search{width:445px;position:relative;border:1px solid #626E7C;display:flex;flex-wrap:wrap;justify-content:space-between;border-radius:5px;overflow:hidden;height: 37px;}
.search input{width:calc(100% - 100px);padding:0 15px 0 50px;font-weight:400;font-family:'Roboto',sans-serif;color:#7d7d7d;font-size:13px;border:none;border-radius:80px;line-height:35px;background:#FFFFFF url(../images/search.png) no-repeat 15px center}
.search input::-webkit-input-placeholder{color:#7d7d7d}
.search input:-moz-placeholder{color:#7d7d7d}
.search input::-moz-placeholder{color:#7d7d7d}
.search input:-ms-input-placeholder{color:#7d7d7d}
.search p{background:#626E7C;cursor:pointer;width:100px;line-height:35px;text-align:center;font-size:16px;color:#ffffff;font-weight:400;margin-bottom: 0;}
.menu-res{display:none;height:50px;z-index:10;background:#0d73c3;position:sticky;top:0px;line-height:normal}
.search-res{position:relative;display:none}
.search-res .icon-search{width:40px;height:40px;cursor:pointer;margin:0;background:url(../images/search.png) no-repeat center;border-radius:50%;border:2px solid #626E7C}
.search-res .icon-search.active{color:#000}
.search-res .search-grid{position:absolute;top:40px;right:0px;width:0px;height:40px;overflow:hidden;background:#fff;border:1px solid #ddd;z-index:2;opacity:0;border-radius:25px;line-height:normal}
.search-res .search-grid p{width:40px;height:38px;cursor:pointer;outline:none;border:none;margin:0px;font-size:17px;display:block;color:#333;line-height:40px;text-align:center;position:absolute;right:0}
.search-res .search-grid input{width:100%;float:right;line-height:38px;outline:none;border:none;color:#ccc;font-weight:300;font-family:'Roboto',sans-serif;padding:0 20px;font-size:13px;font-style:italic}
.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}
.frm-timkiem{position:relative;width:280px}
.frm-timkiem input{color:#848484;padding:10px 10px;transition:opacity 0.5s,width 0.5s;outline:none;font-family:'Roboto',sans-serif;font-weight:300;font-size:14px;background:#f2f2f2;border:none}
.frm-timkiem input.show{width:100%;z-index:1;visibility:visible}
.frm-timkiem button{cursor:pointer;outline:none;border:none;display:inline-block;background:url('../images/search.png') no-repeat center;z-index:1;position:absolute;right:0;top:0;padding:20px}
.frm-timkiem input::-webkit-input-placeholder{color:#848484}
.frm-timkiem input:-moz-placeholder{color:#848484}
.frm-timkiem input::-moz-placeholder{color:#848484}
.frm-timkiem input:-ms-input-placeholder{color:#848484}
#slider{display:block;padding:20px 0}
.slick_slider{display:none;width:780px}
.slick_slider .prev{position:absolute;width:50px;height:50px;background:url(../images/arrow2.png) no-repeat center;left:20px;top:calc(50% - 25px);cursor:pointer}
.slick_slider .prev{position:absolute;width:50px;height:50px;background:url(../images/arrow2.png) no-repeat center;left:20px;top:calc(50% - 25px);cursor:pointer;z-index:1}
.slick_slider .next{position:absolute;width:50px;height:50px;background:url(../images/arrow2.png) no-repeat center;right:20px;top:calc(50% - 25px);cursor:pointer;transform:rotateZ(180deg);z-index:1}
.quangcao{display:block}
.breadCrumbs{padding:10px 0;background:#f2f2f2}
.breadCrumbs .breadcrumb{padding:0;margin:0;background-color:transparent;border-radius:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center}
.breadCrumbs .breadcrumb-item{position:relative;padding:0 15px 0 0;margin:0 10px 0 0;color:#000}
.breadCrumbs .breadcrumb-item:after{position:absolute;content:'/';right:0;bottom:0}
.breadCrumbs .breadcrumb-item:last-child{margin:0;padding:0}
.breadCrumbs .breadcrumb-item:last-child:after{display:none}
.breadCrumbs .breadcrumb-item a{color:#000;text-transform:capitalize}
.breadCrumbs .breadcrumb-item.active a{color:#d71515}
.title-product{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;border-top:4px solid #626E7C;border-bottom:1px solid #F2F2F2;padding:0 20px}
.title-product h2{font-size:20px;color:#4b4b4b;position:relative;text-transform:uppercase;padding:10px 0;cursor:pointer}
.title-product h2:after{position:absolute;content:'';width:85px;height:1px;background:#626E7C;bottom:-1px;left:0}
.title-product a.xemthem{display:block;margin:15px 0 0 0}
.tab-product{list-style:none;padding:0;display:flex;flex-wrap:wrap;flex:auto;margin:0 30px}
.tab-product li{font-size:13px;color:#4b4b4b;border:1px solid #626E7C;border-radius:20px;padding:2px 20px;margin:0 10px 0 0;cursor:pointer}
.tab-product li.active,.tab-product li:hover{background:#626E7C;color:#fff}
.tab-product li:last-child{margin:0}
.title-banchay{text-align:center;font-size:20px;color:#ffffff;font-weight:700;text-transform:uppercase;line-height:50px}
#product{position:relative;display:block;padding:30px 0}
.khung-product{margin-bottom:30px}
.khung-product:last-child{margin:0}
.product-bc{background:#626E7C;padding:0 3px 3px 3px !IMPORTANT;border-radius:10px}
.slick-product{margin:0 -1px;display:none}
.slick-product .slick-slide{margin:0 1px}
.slick-product .item-product .content-product{min-height:125px}
.box-product{display:grid;grid-template-columns:repeat(5,1fr);grid-row-gap:15px;grid-column-gap:2px}
.item-product{display:block;position:relative;transition:0.5s all;border:1px solid #F2F2F2;background:#fff;border-radius:5px;overflow:hidden}
.item-product .image{display:block;position:relative;text-align:center;box-shadow:0 0 5px 0px #00000085}
.item-product .image.new:before{position:absolute;content:'new';width:35px;line-height:35px;text-align:center;color:#fff;background:#FF0000;border-radius:50%;top:5px;left:5px;font-size:12px;z-index:1;-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}
.item-product .image[data-sale]:after{position:absolute;content:attr(data-sale);width:35px;line-height:35px;text-align:center;color:#fff;background:#FF0000;border-radius:50%;top:5px;right:5px;font-size:12px;z-index:1}
.item-product .image img{display:table;margin:0 auto}
.item-product .content-product{display:inline-block;width:100%;font-size:14px;color:#414141;font-weight:400;position:relative;padding:10px}
.item-product .content-product h3{text-align:left;margin-bottom: 0;}
.item-product .content-product h3 a{font-size:13px;color:#000000;overflow:hidden;text-overflow:ellipsis;line-height:20px;-webkit-line-clamp:2;min-height:40px;display:-webkit-box;-webkit-box-orient:vertical;font-weight:400}
.item-product .content-product .price-product{font-size:14px;color:#1a1a1a;display:flex;flex-wrap:wrap;align-items:center}
.item-product .content-product .price-product .price{color:#ff0000;font-weight:700;font-size:17px}
.item-product .content-product .price-product .price strong{font-weight:700;font-size:16px;color:#fd0000}
.item-product .content-product .price-product .price-giagoc{font-size:13px;color:#b8b5b5;text-decoration:line-through;font-weight:400;margin:0 0 0 10px}
.item-product .price-sale{font-size:13px;color:#000000;font-weight:400;margin: 0;}
.item-product .quatang{font-size:11px;color:#ff0000;background:url('../images/qua.png') no-repeat 0 0;text-indent:15px;margin:5px 0 0 0}
.item-product:hover h3 a{color:#dd1919}
.pro-detail{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.pro-detail-images{width:480px;position:relative}
.slick-photo{display:block}
.slick-photo .slick-slide img{display:table;margin:0 auto;max-width:100%}
.slick-thumb{margin:0 -2.5px;margin-top:5px}
.slick-thumb .slick-slide{margin:0 2.5px;cursor:pointer}
.pro-detail-images #Zoom-1{border:1px solid #eee;display:table;margin:0 auto;border-radius:10px;overflow:hidden}
.pro-detail-images .pro-detail-gallery{margin:0 -2px;margin-top:5px}
.pro-detail-images .pro-detail-gallery .pro-detail-gallery-thumb{margin:0 2px;border:1px solid #eee;border-radius:5px;overflow:hidden}
.pro-detail-images .pro-detail-gallery .pro-detail-gallery-thumb img{border:none;padding:0;margin:0}
.pro-detail-images .slick-track{margin:0 auto}
.pro-detail-desc{width:calc(100% - 500px)}
.pro-detail-desc .title-brand{color:#808080;font-size:18px;display:block;margin-bottom:5px}
.pro-detail-desc-title{margin:0;font-size:20px;font-weight:900;padding:0 0 10px 0;border-bottom:1px solid #eee;color:#D60C0C;text-transform:uppercase}
.pro-detail-desc-item{display:block;/*border-bottom:1px solid #0000001a;*/padding:8px 0; margin:0!important}
.pro-detail-desc-item.pro-detail-desc-item-content *{margin:revert}
.desc_products {
    border: 1px dashed #f5f5f5;
    padding: 14px;
    padding-bottom: 5px;
}
.pro-detail-desc-item.pro-detail-desc-item-content p{
    margin: 10px 0px;
}
.pro-detail-desc-item .quatang{/*background:url('../images/qua.png') no-repeat left center;*/color:#ff0000;font-size: 18px;font-weight:400;}
.pro-detail-desc-item .quatang i {
    margin-right: 7px;
}
.sluong {
    display: flex;
    align-items: center;
}
.pro-detail-desc-item b{font-size:15px;color:#D60C0C}
.pro-detail-desc-label{font-size:14px;color:#000;font-weight:400;margin-right: 10px;}
.pro-detail-desc-price{margin:0;display:inline-block}
.pro-detail-desc-price .price-new{font-size: 18px;color:#D60C0C;font-weight:700}
.pro-detail-desc-price .price-old{font-size: 16px;color:#9a9a9a;text-decoration:line-through;margin:0 0 0 10px}
.pro-detail-desc .box-flex{display:flex;flex-wrap:wrap;justify-content:space-between}
.pro-detail-desc .box-flex .pro-detail-desc-left{width:calc(100% - 280px)}
.pro-detail-desc .box-flex .pro-detail-desc-right{width:250px;text-align:center}
.pro-detail-desc .box-flex .pro-detail-desc-right label{display:block;text-align:center;text-transform:uppercase;margin-bottom:10px;color:#252525;font-weight:500}
.pro-detail-content{width:100%;margin:20px 0 0 0;display:flex;flex-wrap:wrap;justify-content:space-between}
.pro-detail-other{width:100%;margin:30px 0 0 0}
.pro-detail-content-right{width:calc(100% - 320px)}
.pro-detail-tabs{width:100%}
.pro-detail-tabs .pro-detail-ul{padding:0px;list-style:none;margin:0;display:flex;flex-wrap:wrap}
.pro-detail-tabs .pro-detail-ul li{cursor:pointer;padding:10px 20px;text-transform:uppercase;font-weight:500;color:#333;background:#fff}
.pro-detail-tabs .pro-detail-ul li.active{background:#626E7C;color:#fff}
.pro-detail-tabs .pro-detail-ul li:last-child{margin-right:0px}
.pro-detail-tabs .pro-detail-content-tabs{display:none;padding:15px;border:1px solid #eee;background:#fff}
.pro-detail-tabs .pro-detail-content-tabs.active{display:block}
.pro-detail-tabs .pro-detail-content-tabs *{margin:revert}
.pro-detail-tabs .pro-detail-content-tabs img{height:auto!important;width:auto!important}
.desc_products .pro-detail-desc-item {
    padding: 0;
}
.quantity-area{margin-top:10px;margin-bottom:10px;display:flex;flex-wrap:wrap;align-items:center}
.quantity-area input#quantity{background:#fff;font-weight: 700;height:32px;padding:0;text-align:center;width:50px;border:1px solid #f5f5f5;border-left:none;border-right:none;border-radius:1px;-webkit-appearance:none;color:#000000}
.quantity-area input.qty-btn{background:#fff;border:solid 1px #eee;cursor:pointer;font-weight:600;font-size:16px;outline:none;height:32px;width:32px;text-align:center;border-radius:0}
.pro-detail-desc-item .btn-buy a{border-radius:5px}
.pro-detail-desc-item .buy{display:inline-block;background:#626E7C;color:#fff;text-align:center;padding:10px 20px;font-size:15px;text-transform:uppercase;font-weight:100;cursor:pointer}
.pro-detail-desc-item .buynow{display:inline-block;background:#d00;color:#fff;text-align:center;padding:10px 20px;font-size:15px;text-transform:uppercase;font-weight:100;cursor:pointer}
.pro-detail-desc-item .btn-buy a:hover{background:#cc0000}
.tags a{display:inline-block;font-size:14px;color:#333;font-weight:400;padding:5px 10px;margin:2px;background:#eee;border-radius:3px}
.tags a:hover{background:#cc0000;color:#fff}
.fotorama-detail{margin:0 auto;text-align:center}
.news-content-detail{display:block;line-height:25px}
.news-content-detail *{margin:revert}
.news-content-detail  img{max-width:100%;height:auto!important}
.time-post{font-size:13px;color:#9c9c9c;margin:0 0 10px 0;font-style:italic}
.time-post i{margin-right:5px}
.box-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;margin:10px 0}
.share{line-height:normal;display:flex;flex-wrap:wrap;align-items:center;margin:20px 0 0 0;border:none}
.share label{display:block}
.othernews{margin-top:20px}
.othernews label{display:block;margin-bottom:10px;font-weight:700;text-transform:uppercase;font-size:18px}
.list-news-other{padding-left:17px;list-style:square;margin:0}
.list-news-other li{margin-bottom:2px}
.list-news-other li a{text-transform:none;color:#333333;font-size:14px}
.list-news-other li a:hover{color:#d71515;text-decoration:underline}
.box-contact{display:flex!important;flex-wrap:wrap;justify-content:space-between}
.thongtin-contact{width:50%}
.frm-contact{width:calc(50% - 30px);display:block;text-align:center}
.frm-contact.w100{width:100%;margin-top:20px}
.frm-contact .input{width:100%;padding:10px;border-radius:2px;border:1px solid #ddd;margin-bottom:10px;font-family:'Roboto',sans-serif;font-weight:400;color:#333;font-size:14px}
.frm-contact .input.w-50{width:49% !important;}
.frm-contact input[type=submit],.frm-contact input[type=reset]{display:inline-block;padding:8px 30px;font-size:14px;font-family:'Roboto',sans-serif;font-weight:400;text-transform:uppercase;border:none;color:#fff;border-radius:5px;cursor:pointer}
.frm-contact input[type=submit]{background:#000}
.frm-contact input[type=reset]{background:#ccc}
.frm-contact input[type=submit]:hover,.frm-contact input[type=reset]:hover{background:#d90000}
.frm-contact input::-webkit-input-placeholder{color:#848484}
.frm-contact input:-moz-placeholder{color:#848484}
.frm-contact input::-moz-placeholder{color:#848484}
.frm-contact input:-ms-input-placeholder{color:#848484}
.maps-contact{width:100%;margin-top:20px}
.maps-contact iframe{display:block;width:100%;max-height:60vw}
#footer{position:relative;display:block}
.title-footer{margin:0 0 15px 0;font-size:15px;font-weight:700;position:relative;text-transform:uppercase;color:#000;padding:0 0 10px 0}
.title-footer:after{position:absolute;content:'';width:40px;height:1px;background:#FFC107;bottom:0;left:0}
.footer{position:relative;padding:90px 0 40px 0;background:#EBEBEB;font-family:'Mulish',sans-serif}
.footer-content{width:500px;color:#555}
.footer-chinhsach{width:200px}
.footer-chinhsach ul{list-style:circle;padding:0 0 0 16px;color:#555}
.footer-chinhsach ul li{margin-bottom:10px}
.footer-chinhsach ul li a{font-size:14px;color:#555;display:block}
.footer-chinhsach ul li:last-child a{margin:0}
.footer-chinhsach ul li:hover a{text-decoration:underline}
.copyright{font-size:14px;width:100%;position:relative;padding:20px 0;font-weight:400;color:#fff;text-align:center;background:#626E7c;border-top:1px solid #ffffff47;font-family:'Roboto',sans-serif}
.copyright span{color:#fff;text-transform:uppercase}
.copyright p{margin-bottom: auto;}
.social-plugin{display:flex;flex-wrap:wrap;margin:5px 0 0 0}
.social-plugin .at-share-btn{margin-bottom:0px!important}
.social-plugin .zalo-share-button{margin-left:3px}
.pagination-home{display:block;margin-top:20px}
.pagination-home .pagination{list-style:none;padding:0;display:flex;flex-wrap:wrap}
.pagination-home .pagination .page-item .page-link{color:#555555;font-size:.875rem;padding:5px 10px;display:block}
.pagination-home .pagination .page-item.active .page-link{color:#ffffff;background-color:#000;border-color:#000}
.pagination-ajax{text-align:center;margin:20px 0 0 0}
.pagination-ajax a{display:inline-block;vertical-align:top;margin:3px 2px 0 2px;color:#808080;background:#E6E6E6;font-size:15px;cursor:pointer;padding:7px 10px 7px 10px;line-height:1}
.pagination-ajax a.current,.pagination-ajax a:hover{background:#D60C0C;color:#fff}
.modal-custom .modal-footer{padding:0.5rem}
.modal-custom .modal-footer .btn{font-size:14px}
#popup .modal-body{padding:0px}
.grecaptcha-badge{display:none!important;width:0px!important;height:0px!important;visibility:hidden!important;overflow:hidden}
coccocgrammar{display:none}
.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-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3}
.transition{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out}
.hover1{display:block;position:relative}
.hover1:before{z-index:1;content:"";position:absolute;left:10px;right:10px;top:10px;bottom:10px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-moz-transform:scale(0,1);-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s}
.hover1:after{z-index:1;content:"";position:absolute;left:10px;right:10px;top:10px;bottom:10px;border-left:1px solid #fff;border-right:1px solid #fff;transform:scale(1,0);-moz-transform:scale(1,0);-webkit-transform:scale(1,0);-ms-transform:scale(0,1);transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s}
.hover1:hover:before,.hover1:hover:after{transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-ms-transform:scale(1,1)}
.hover-sang{position:relative;overflow:hidden}
.hover-sang:before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);content:'';z-index:10;-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;-webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0)}
.hover-sang:hover:before{webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0)}
.scale-img{overflow:hidden;display:block}
.scale-img img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.scale-img:hover > img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.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}
}
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:10;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:#626E7C;position:relative;z-index:1;color:#fff;font-size:20px}
.btn-frame i img{vertical-align:middle}
.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 #626E7C;opacity:.1;border-color:#626E7C;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 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:#626E7C;opacity:.4}
.btn-frame .pulse{animation-name:pulse}
.btn-maps{bottom:390px}
.btn-zalo{bottom:195px}
.btn-phone{bottom:275px}
.btn-map{bottom:355px}
.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:120px;right:17px;width:56px;height:56px;text-align:center;background:#626E7C;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:150px;right:60px;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:#0d73c3}
.js-facebook-messenger-top-header{display:block;position:relative;width:220px;background:#0d73c3;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:#0d73c3}
.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-fixed{position:fixed;right:20px;bottom:390px;z-index:10;background:#0d73c3;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:#0d73c3;width:25px;height:25px;background:#fff;text-align:center;line-height:25px;font-size:11px;border-radius:100%}
.toolbar{background:#626E7C;width:100%;height:50px;bottom:0px;position:fixed;z-index:500;left:0px;display:none;padding:8px 0}
.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%;line-height:1}
.toolbar ul li a{display:inline-block;width:100%;color:#fff}
.toolbar ul li a span{font-weight:400;color:#fff;font-size:14px;display:block;margin:5px 0 0 0;text-transform:capitalize}
.toolbar ul li a img{height:15px !important;width:auto}
.toolbar ul li.actived .wrap_multiphone{display:block}
.wrap_multiphone{width:180px;display:none;position:absolute;bottom:60px;left:10px;border-radius:10px;border:1px solid #ddd;padding:5px 20px;background:#fff}
.wrap_multiphone a{color:#E8383A!important;display:block;line-height:25px!important;font-weight:700}
.element-animation{animation:animationFrames linear 1s;animation-iteration-count:infinite;transform-origin:50% 0%;animation-fill-mode:forwards;-webkit-animation:animationFrames linear 1s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 0%;-webkit-animation-fill-mode:forwards;-moz-animation:animationFrames linear 1s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 0%;-moz-animation-fill-mode:forwards;-o-animation:animationFrames linear 1s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 0%;-o-animation-fill-mode:forwards;-ms-animation:animationFrames linear 1s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 0%;-ms-animation-fill-mode:forwards}
@keyframes animationFrames{
    0%{transform:rotate(0deg)}
    20%{transformrotate(15deg)}
    40%{transformrotate(-10deg)}
    60%{transformrotate(5deg)}
    80%{transformrotate(-5deg)}
    100%{transformrotate(0deg)}
}
@-moz-keyframes animationFrames{
    0%{-moz-transform:rotate(0deg)}
    20%{-moz-transform:rotate(15deg)}
    40%{-moz-transform:rotate(-10deg)}
    60%{-moz-transform:rotate(5deg)}
    80%{-moz-transform:rotate(-5deg)}
    100%{-moz-transform:rotate(0deg)}
}
@-webkit-keyframes animationFrames{
    0%{-webkit-transform:rotate(0deg)}
    20%{-webkit-transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg)}
}
@-o-keyframes animationFrames{
    0%{-o-transform:rotate(0deg)}
    20%{-o-transform:rotate(15deg)}
    40%{-o-transform:rotate(-10deg)}
    60%{-o-transform:rotate(5deg)}
    80%{-o-transform:rotate(-5deg)}
    100%{-o-transform:rotate(0deg)}
}
@-ms-keyframes animationFrames{
    0%{-ms-transform:rotate(0deg)}
    20%{-ms-transform:rotate(15deg)}
    40%{-ms-transform:rotate(-10deg)}
    60%{-ms-transform:rotate(5deg)}
    80%{-ms-transform:rotate(-5deg)}
    100%{-ms-transform:rotate(0deg)}
}
.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}
.widget-desktop{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:9999}
.widget-desktop-items{margin-bottom:20px;position:relative;border-radius:50%;display:block}
.widget-desktop-items:before{position:absolute;content:"";width:100%;height:100%;background:rgb(0 91 180 / 35%);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-animation:scaleIn1 1s;animation:scaleIn1 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-iteration-count:infinite}
.widget-desktop-items:after{position:absolute;content:"";width:100%;height:100%;background:#005bb4;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-animation:scaleIn 1.2s;animation:scaleIn 1.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-iteration-count:infinite}
.widget-desktop-items:last-child{margin-bottom:0}
.widget-desktop-items__icon{width:50px;height:50px;border-radius:50%;position:relative;z-index:999}
@-webkit-keyframes scaleIn{
    from{transform:translate(-50%,-50%) scale(1)}
    60%{transform:translate(-50%,-50%) scale(1.2)}
}
@keyframes scaleIn{
    from{transform:translate(-50%,-50%) scale(1)}
    60%{transform:translate(-50%,-50%) scale(1.2)}
}
@-webkit-keyframes scaleIn1{
    from{transform:translate(-50%,-50%) scale(1)}
    60%{transform:translate(-50%,-50%) scale(1.4)}
}
@keyframes scaleIn1{
    from{transform:translate(-50%,-50%) scale(1)}
    60%{transform:translate(-50%,-50%) scale(1.4)}
}
.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%}
.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}
.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)}
}
.wrap-album{padding:50px 0px}
.item_content_pos{position:relative;width:100%;margin:15px auto}
.zoom_content_pos{overflow:hidden}
.zoom_content_pos img{width:100%}
.name_content_pos{position:absolute;bottom:0px;left:0px;width:100%;text-align:center}
.name_content_pos h3 a{color:#fff;font-size:26px;font-weight:900;text-transform:uppercase;transition:0.1s all ease-in-out 0.1s}
.item_content_pos:hover .name_content_pos h3 a{color:var(--color-main);transition:0.1s all ease-in-out 0.1s}
.wrap-tabs{text-align:center;margin-bottom:0px}
.list_mc{display:inline-block;list-style:none;margin:0px;padding:0px;text-align:center}
.list_mc li{position:relative;display:inline-block;line-height:35px;margin:0px 2px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px}
.list_mc li:after{}
.list_mc li:last-child{background:none}
.list_mc a{font-size:14px;color:#000000;font-weight:400;cursor:pointer;text-transform:uppercase;padding:0px 20px}
.list_mc li:hover{background:var(--color-main)}
.list_mc li:hover a{color:#fff}
li.active_list_mc{background:var(--color-main)}
li.active_list_mc a{color:#fff}
.isfixed{position:-webkit-sticky!important;position:sticky!important;top:60px}
.wrap-2{display:flex;flex-wrap:wrap;justify-content:space-between}
.wrap-left{width:270px;position:relative;z-index:2}
.wrap-right{width:calc(100% - 290px)}
.item-isfixed{display:block;margin:0 0 20px 0;background:#ffffff24;position:relative}
.item-isfixed ul{max-height:315px;overflow:auto;box-shadow:0 3px 11px 0 rgb(0 0 0 / 10%)}
.item-isfixed ul::-webkit-scrollbar{width:1px}
.item-isfixed ul::-webkit-scrollbar-track{background:#f1f1f1}
.item-isfixed ul::-webkit-scrollbar-thumb{background:#000}
.item-isfixed:last-child{margin:0}
.item-isfixed > label{display:block;font-size:20px;text-transform:uppercase;color:#fff;font-weight:700;z-index:2;position:relative;text-align:center;background:#626E7C;line-height:45px}
.box-isfixed{position:relative}
.list-product{list-style:none;padding:0;border:1px solid #f1f1f1;border-top:0}
.list-product ul{list-style:none;padding:0}
.list-product li{padding:0 10px;background:#fff}
.list-product li:last-child > a{border:none}
.list-product li a{font-size:15px;color:#393939;display:block;transition:all 0.3s;font-weight:400;padding:11px 0;border-bottom:1px dashed #ddd;text-transform:uppercase}
.list-product li a img{vertical-align:middle;display:inline-block;margin-right:10px}
.list-product li a:hover{color:#626E7C}
.list-product li:hover > ul{display:block}
.list-product > li > ul{list-style:none;padding:0 0 0 10px;width:100%}
.list-product > li ul{display:none;position:absolute;left:100%;top:0;padding:0;list-style:none}
.list-product > li > ul ul{padding-left:15px}
.title{position:relative;margin:0 0 30px 0;text-align:center;padding:0 0 15px 0;background:url(../images/title.png) no-repeat bottom center}
.title h2,.title h4{font-size:20px;color:#4b4b4b;text-transform:uppercase;font-weight:700;position:relative}
#bottom{padding:30px 0;font-family:'Mulish',sans-serif}
.bottom{width:580px}
#tintuc{display:block}
.slick-tintuc{margin:-15px 0}
.slick-tintuc .slick-slide{margin:15px 0}
.box-tintuc{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}
.tintuc{display:flex!important;flex-wrap:wrap;justify-content:space-between;align-items:center}
.tintuc .img{display:block;border-radius:10px}
.tintuc .content{width:calc(100% - 220px)}
.tintuc .content h3{margin-bottom:10px}
.tintuc .content h3 a{font-size:16px;color:#2d2d2d;font-weight:700;overflow:hidden;text-overflow:ellipsis;line-height:25px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}
.tintuc .content p{font-size:15px;color:#393939;font-weight:400;overflow:hidden;text-overflow:ellipsis;line-height:22px;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical;margin: 0;}
.tintuc:hover .content h3 a{color:#cc0000}
#video{display:block}
.video{display:none;position:relative;border-radius:10px;overflow:hidden}
.video.active{display:block}
.video:before{position:absolute;content:'';width:75px;height:75px;background:url('../images/play.png') no-repeat center;z-index:1;left:calc(50% - (75px / 2));top:calc(50% - (75px / 2))}
#video select{width:100%;font-family:'Mulish',sans-serif;font-size:14px;color:#393939;font-weight:400;padding:10px;margin-top:10px;border:1px solid #E1E1E1}
#nhantin{margin:0 0 -50px 0;position:relative;z-index:1}
.nhantin{background:#626E7C;padding:20px 50px;border-radius:10px}
.nhantin .content{color:#fff;width:500px;background:url(../images/phone.png) no-repeat left center;padding:0 0 0 50px}
.frm-nhantin{width:400px;position:relative}
.frm-nhantin h4{font-size:16px;color:#fff;font-weight:700;text-transform:uppercase;margin-bottom:5px}
.frm-nhantin form{display:block;position:relative}
.frm-nhantin input{width:100%;border:none;border-bottom:1px solid #fff;background:transparent;padding:0 20px 10px 0;font-family:Roboto,sans-serif;color:#fff;font-weight:400}
.frm-nhantin input::-webkit-input-placeholder{color:#fff}
.frm-nhantin input:-moz-placeholder{color:#fff}
.frm-nhantin input::-moz-placeholder{color:#fff}
.frm-nhantin input:-ms-input-placeholder{color:#fff}
.frm-nhantin button{border:none;padding:0;width:10px;height:10px;background:url(../images/down.png) no-repeat center;cursor:pointer;position:absolute;right:0;bottom:10px}
#visao{padding:30px 0}
.slick-visao{margin:0 calc(-35px / 2)}
.slick-visao .slick-slide{margin:0 calc(35px / 2)}
.visao{position:relative;border-radius:10px;border:1px solid #D7D7D7;padding:15px 75px 15px 10px;margin:0 0 10px 0}
.visao label{font-size:17px;color:#626E7C;font-weight:700;display:block;text-transform:uppercase;position:relative;padding:0 0 5px 0;margin:0 0 5px 0}
.visao label:after{position:absolute;content:'';width:25px;height:2px;background:#FD0000;left:0;bottom:0}
.visao p{font-size:15px;color:#282828;font-weight:500}
.visao img{position:absolute;right:10px;bottom:-10px}
.visao:hover img{transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transition:all 1s}
.product_attibute_overview{padding: 14px;border:1px solid #f0f0f0;margin:15px 0px;font-family:Arial,sans-serif}
.product_attibute_overview1{display:block;margin-bottom:20px}
.product_attibute_overview1:last-child{margin:0}
.product_attibute_overviewtd{color:#20315c;padding-bottom:5px;font-size:15px;position:relative;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}
ul.attribute-group-name.color{margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:0px}
ul.attribute-group-name.color li{list-style:none;margin:0;padding:0 5px 10px}
ul.attribute-group-name.color li label{margin:0;background:transparent;padding:8px;border-radius:4px;display:block;border:1px solid #ddd;cursor:pointer}
ul.attribute-group-name.color li label img{width:100%}
ul.attribute-group-name.color li label.active,ul.attribute-group-name.color li label:hover{border-color:rgb(134 0 134 / 100%);background:rgb(134 0 134 / 10%)}
ul.attribute-group-name.size{padding:0;margin:0;list-style:none}
ul.attribute-group-name.size li{display:inline-block;vertical-align:top;margin-right:5px;margin-bottom: 10px;}
ul.attribute-group-name.size li label{margin:0;background:transparent;padding:8px 20px;border-radius:4px;display:block;border:1px solid #ddd;cursor:pointer;font-size:15px;color:#20315c}
ul.attribute-group-name.size li label:hover,ul.attribute-group-name.size li label.active{border-color:rgb(134 0 134 / 100%);background:rgb(134 0 134 / 10%);font-weight:bold;color:rgb(134 0 134 / 100%)}
ul.attribute-group-name.doday{padding:0;margin:0;list-style:none}
ul.attribute-group-name.doday li{display:inline-block;vertical-align:top;margin-right:5px;margin-bottom: 10px;}
ul.attribute-group-name.doday li label{margin:0;background:transparent;padding:8px 20px;border-radius:4px;display:block;border:1px solid #ddd;cursor:pointer;font-size:15px;color:#20315c}
ul.attribute-group-name.doday li label:hover,ul.attribute-group-name.doday li label.active{border-color:rgb(134 0 134 / 100%);background:rgb(134 0 134 / 10%);font-weight:bold;color:rgb(134 0 134 / 100%)}
.product_attibute_overviewtd.product_attibute_overviewtd.color b{margin-left:5px!important;margin-right:auto;font-weight:400;font-size:15px;color:inherit;}
.tieuchi_details {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    border: 1px solid #eee;
    padding: 15px 10px;
    margin-top: 25px;
}
.item_tchi {
    width: calc(33.33% - 10px);
    margin: 0px 5px;
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.hinh-tchi {
    width: 45px;
}
.name-tchi {
    width: calc(100% - 50px);
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
}
.xoay_hinh{ overflow:hidden;}
.xoay_hinh img{transition:all 1s ease 0s;}
.xoay_hinh:hover img{transform:rotate(360deg);}
.slick-photo {height: 420px;border:1px solid #f7f7f7;overflow: hidden;}
.slick-thumb {height: 75px;overflow: hidden;}
.desc_pro{margin-bottom: 20px;}
.content_pro{margin-top: 20px;}
.baiviet_ft {color: #444;margin-bottom: 20px;}
.title-main {
    margin-bottom: 15px;
}
.title-main span {
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 25px;
    color: #626E7C;
}
/*.nhantin .content p {
    margin-bottom: 2px;
}
.noidung-footer p,.baiviet_ft p {
    margin-bottom: auto;
}
.noidung-footer h3 {
    font-size: 18px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-size: revert;
    margin-bottom: auto;
}
.thongtin-contact p,.content_pro p,.desc_pro p,.news-content-detail p {
    margin-bottom: auto;
}*/
.wap_commentpr{max-width: 900px;margin: 20px auto;}
/* Toc */
.mota-content-detail {
    margin-bottom: 10px;
}
.box-readmore { padding: 8px 15px; border: 1px solid #dedede; margin-bottom: 2rem; border-radius: 5px; }
.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 }
.box-readmore ul li a { color: #333333; cursor: pointer; font-weight: 600; }
.box-readmore ul li a:hover { color: #767676; }
.wrap-toc { background: rgba(128, 128, 128, 0.15); border: 1px solid #ececec; padding: 10px; position: relative; width: auto; min-width: 165px; box-shadow: 0 1px 1px rgb(0 0 0 / 5%); display: inline-block; border-radius: 7px; width: 100%; margin-bottom: 20px;cursor: pointer; }
.wrap-toc p { font-size: 17px; font-weight: bold; text-transform: uppercase; margin-bottom: 0px; }
.wrap-toc .box-readmore { padding: 0; margin: 0; background: transparent; border: 0px; }
.wrap-toc button { position: absolute; top: 10px; right: 10px; border: 1px solid #000; border-radius: 3px; background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff), to(#e0e0e0)); background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #fff 0, #e0e0e0 100%); background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%); background-repeat: repeat-x; border-color: #ccc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.wrap-toc .toc-list { margin-top: 10px; }
@media(max-width:1200px){
    .container{width:780px;margin:0 auto;max-width:100%}
    #info,.breadCrumbs{padding:10px 10px}
    .wrap-content{padding:0 10px}
    .wrap-2{display:block}
    .wrap-left{display:none}
    .wrap-right{width:100%}
    .header-bot .header_mm a{display:block;position:relative;top:0;left:0;padding:0;width:30px}
    .header-bot .header_mm a span,.header-bot .header_mm a:before,.header-bot .header_mm a:after{background:#626E7C}
    .menu{display:none}
    .header-top{padding:10px}
    .header-top marquee{width:100%}
    .header-top ul{display:none}
    .header-bot{padding:3px 10px}
    .header-bot.fixed{position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow:0 1px 5px #00000073;z-index:2}
    .header-bot .flex{flex-wrap:unset}
    .header-bot .logo{display:table;margin:0 15px;width:200px}
    .header-bot .search,.header-bot .hotline{display:none}
    .header-bot .cart p{display:none}
    .header-bot .cart{width:40px;height:40px;padding:0;margin:0 10px 0 0;background-size:100%;position:relative}
    .header-bot .cart:before{position:absolute;content:attr(data-cart);background:#626E7C;width:20px;line-height:20px;text-align:center;color:#fff;font-size:12px;border-radius:80px;top:0;right:-5px}
    .header-bot .search-res{display:block}
    .header-bot .cart-search{display:flex;width:90px}
    #slider{padding:0}
    .slick_slider{width:100%}
    .slick_slider .slick-arrow{width:30px;height:30px;background-size:100%}
    .quangcao{display:none}
}
@media(max-width:1000px){
    .wrap-content{padding:0}
    .title-product{padding:0;display:block}
    .title-product h2{width:100%;padding:5px 0;text-align:center}
    .title-product h2:after{width:100%}
    .title-product .tab-product{width:100%;margin:0;justify-content:center}
    .title-product .tab-product li{margin:3px 2px;padding:3px 5px}
    .title-product a.xemthem{display:none}
    #product{padding:30px 10px}
    .slick-dotted.slick-slider{margin-bottom:0}
    .box-product,.wrap-right .box-product{grid-template-columns:repeat(3,1fr)}
    .item-product .content-product{padding:10px}
    .item-product .content-product h3 a{-webkit-line-clamp:unset;line-height:20px;min-height:40px;font-size:14px}
    .pro-detail-images{width:100%;margin-bottom:20px}
    .pro-detail-desc{width:100%}
    .social-fix{display:none}
    #bottom{padding:20px 10px}
    #tintuc{margin-bottom:20px;width:100%}
    .slick-tintuc{margin:-5px 0}
    .slick-tintuc .slick-slide{margin:5px 0}
    #video{margin:0 auto;max-width:100%}
    #visao{padding:20px 10px}
    .slick-visao{margin:0 -5px}
    .slick-visao .slick-slide{margin:0 5px}
    #nhantin{margin:0;border-radius:0}
    #nhantin .nhantin{border-radius:0;padding:20px}
    .nhantin .content{width:100%;margin-bottom:20px;background:url(../images/phone.png) no-repeat top center;padding:50px 0 0 0;text-align:center}
    .frm-nhantin{width:100%}
    .frm-nhantin h4{text-align:center}
    .footer{padding:30px 15px}
    .copyright{padding:15px 10px;text-align:center}
    .copyright .flex{justify-content:center}
    .footer-content,.footer-chinhsach{width:100%;margin-bottom:20px}
    .copyright{margin-bottom:50px}
    .quantity-area input[value],.quantity-area .quantity-selector{color: #000 !important;outline: 0 !important;appearance: none;font-weight: 700;font-size: 16px;-webkit-text-fill-color: #000;opacity: 1;}
    .quantity-area input.qty-btn{border: 0 !important;font-weight: 700;color: #000 !important;display: flex;align-items: center;justify-content: center;background: #f3f3f3;}
    .row {
        margin-right: -10px;
        margin-left: -10px;
    }
}
@media(max-width:750px){
    img{height: auto !important;}
    .mm-listview>li a img {
        vertical-align: text-bottom;
        margin-right: 8px;
    }
    .toolbar{display:block}
    .tieuchi_details,.res_none{display:none}
    .btn-cart{display:block}
    .box-album-detail{grid-template-columns:repeat(2,1fr)}
    .thongtin-contact,.frm-contact{width:100%}
    .thongtin-contact{margin-bottom:20px}
    .box-tintuc{grid-template-columns:repeat(2,1fr)}
    .box-product,.wrap-right .box-product,.box-congtrinh{grid-template-columns:repeat(3,1fr)}
    ul.attribute-group-name.size li{margin-right: 5px;margin-bottom: 10px;}
    .item-product .content-product h3{text-align: left;}
}
@media(max-width:650px){
    ul.attribute-group-name.color{grid-template-columns: repeat(4,1fr);}
    .title h2,.title h4{font-size:25px}
    .box-product,.wrap-right .box-product{grid-template-columns:repeat(2,1fr)}
    .pro-detail-images{padding:0}
    .pro-detail-images .pro-detail-gallery{position:relative;width:100%;margin:0 -2px;margin-top:5px}
    .pro-detail-images .pro-detail-gallery .slick-slide{margin:0 2px}
    .scrollToTop{width:45px;height:45px}
    .comment-replies,.card-body{padding: 10px;}
    .form-row .col-4 {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }
}
@media(max-width:550px){
    .comment-load {
        text-align: left;
    }
    .comment-item-poster {
        text-align: left;
        flex-flow: wrap;
    }
    .comment-divdg {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
    }
    .comment-title2 {
        display: none;
    }
    .comment-point {
        font-size: 34px;
    }
    .comment-star i {
        font-size: 16px;
    }
    .frm-contact .input.w-50{width:100% !important;}
    .title-main span{font-size: 20px;}
    .slick-photo{height: 300px;}
    .tintuc .img{width:150px}
    .tintuc .content{width:calc(100% - 160px)}
    .tintuc .content p{-webkit-line-clamp:3;font-size:14px}
    .tintuc .content h3{margin:0}
    .tintuc  .content h3 a{-webkit-line-clamp:2;font-size:14px;line-height:23px}
    .box-tintuc{grid-template-columns:1fr}
}
@media(max-width:380px){
}
.height_content {
    height: 140px;
    overflow: hidden;
}
.xthem_ndungsp {
    display: table;
    margin: auto;
    border: 1px solid #333;
    padding: 10px 20px;
    margin-top: 12px;
    border-radius: 5px;
    cursor: pointer;
}
.height_content.active {
    height: auto;
}
.mm-menu.mm-theme-dark{background:#626E7C !important;}