@charset "utf-8";
img{max-width:100%}
.md-none{display:none!important}
.md-block{display:block!important}
.m0{margin:0}
.p0{padding:0!important}
.m-5{margin-left:-5px!important;margin-right:-5px!important}
.p5{padding-left:5px;padding-right:5px}
.m-10{margin-left:-10px;margin-right:-10px}
.p10{padding-left:10px;padding-right:10px}
body{font-family:'Roboto',sans-serif;bottom:0;position:relative}
.pagination-page{text-align:center}
.pagination-page > span,.pagination-page a{display:inline-block;width:30px;height:30px;line-height:30px;border:solid 1px #ddd;color:#000}
.pagination-page a:hover,.pagination-page > span{background:#1f5892;color:#FFF}
footer{font-size: 14px;color: #ffffff;padding-top:30px;background: #121212;background-size:cover;position:relative;margin-top: 0;}
footer .title-f{color:#fff;font-size:20px;text-transform:uppercase;position:relative;padding-bottom:10px;margin-top:20px;margin-bottom:25px;font-weight:700}
footer a{color: #ffffff;}
footer ul{list-style:none;padding:0}
footer ul li{margin-bottom:8px}
footer ul a{text-transform:initial;padding:5px 0;display:inline-block;font-size:14px}
footer ul a:before{content:"\f0da";display:inline-block;font:normal normal normal 14px/1 FontAwesome;color: #ffffff;margin-right:8px}
footer a:hover,footer a:focus{text-decoration:none}
.chantrang{color: #000;font-size:13px;padding-top:5px;padding-bottom:5px;text-align:left;margin-top: 20px;border-top:1px solid #ddd;background-color: #ffffff;line-height:30px}
.chantrang a{color: #000;}
.breadcrumb{border-bottom:none;background-color:transparent;padding:0;margin-bottom:0;padding-bottom:0;position:relative;text-align:left;margin-top:15px;margin-bottom:15px}
.breadcrumb>li a{color:#000}
.breadcrumb>li a:hover{color: #f07240;text-decoration:none}
#map iframe{height:175px}
.hc-nav-trigger.hc-nav-1{display:none!important}
iframe{max-width:100%}
#slider_danhmuc{overflow:hidden}
.navbar-default{position:inherit;background-color: #121212;top:0;transition:all .4s linear;margin-top:0}
.navbar-nav>li:nth-child(1){margin-left:-15px}
.navbar-default .logo{display:inline-block;position:absolute;z-index:10;top:-17px;margin:0 auto;text-align:center;top:50%;left:50%;margin:-50px 0 0 -100px}
.sub-nav{position:relative}
.sub-nav>a{}
.sub-nav>a .caret{position:absolute;right:15px;top:21px;transform:rotate(-90deg)}
.sub-nav ul{position:absolute;left:100%;min-width:100%;top:0;background-color:#fff;list-style:none;padding:0;display:none}
.sub-nav ul>li>a{display:block;padding:10px 15px;background-color: #ffffff;color: #000;text-transform:uppercase;white-space:nowrap}
.sub-nav ul>li>a:hover{color: #ffffff;background-color: #f07240;}
.sub-nav:hover>a{color: #f07240;background-color: #ffffff;box-shadow: 1px 1px 10px 1px #b7b7b7;overflow: hidden;}
.sub-nav:hover ul{display:block}
.navbar-nav>li:hover>a{color: #000000;background-color: #ffffff;}
.title-home{text-align:center;font-size:26px;text-transform:uppercase;color: #f07241;line-height:28px;margin-top:20px;letter-spacing:1px;font-weight:700;position:relative}
.gioithieu{padding-top: 75px;background-size:cover;padding-bottom:50px}
.gioithieu img{width:100%;border-radius:23px}
.gioithieu .content{line-height:26px;color:#565656}
.btn-gioithieu{padding:10px 30px;border:1px solid #f5c156;border-radius:40px;color:#fff;background-color:#f5c156;text-transform:uppercase}
.dichvu-home{background-position:center top;background-repeat:no-repeat;background-size:cover;text-align:center;color:#fff;padding-bottom:30px;padding-top:30px}
.dichvu-home .title-home{color:#fff}
.dichvu-home .content{}
.sanpham-home{background-repeat-x:no-repeat;background-size:cover;padding-top:30px;padding-bottom: 50px;/* background-color:#f7f7f7; */}
.item-product{padding:5px;background-color:#fff;border-radius:5px;box-shadow:0 0 10px 1px #4b494959;margin-bottom:20px}
.item-product .img{display:block;height:250px}
.item-product .img img{width:100%;height:100%;object-fit:cover}
.item-product h3{text-align:center;font-size:16px;margin-top:10px;padding-left:10px;padding-right:10px;font-weight:600}
.item-product h3 a{color:#000}
.item-product .gia-item{text-align:center;padding-bottom:10px}
.item-product .gia-item strong{font-family:'Open Sans';color:red;font-weight:400}
.item-product .gia-item i{}
.item-news-home{text-align:center;position:relative;padding-bottom:30px}
.item-news-home .img{display:block;height:230px}
.item-news-home .img img{width:100%;height:100%;object-fit:cover}
.item-news-home h4{font-weight:600;font-size:17px;margin-top:15pxx}
.item-news-home h4 a{color:#000}
.item-news-home p{font-size:15px;color:#5f5f5f}
.map iframe{height:200px}
.hotline-f{position:absolute;top:0;display:inline-block;left:0;right:0;text-align:center;width:465px;margin:0 auto;background:url(../images/br-hotline-f.png) no-repeat center top;background-size:auto;height:300px;font-family:Eurostile;font-style:italic;font-size:20px;color:#000;padding-top:5px;max-width:100%}
.head-page{height:280px;background-repeat:no-repeat;background-position:center;position:relative;margin-bottom:0;background-size:cover}
.head-page .content{position:relative}
.head-page .content .title-page{text-align:center;margin-top:90px;text-transform:uppercase;color:#fff;padding-bottom:14px;font-weight:700}
.head-page:before{position:absolute;bottom:-3vw;width:50.01%;height:8vw;background-color:#f5f5f5;z-index:1;left:0;transform:skewY(4.5deg)}
.head-page:after{position:absolute;bottom:-3vw;width:50.01%;height:8vw;background-color:#f5f5f5;z-index:1;right:0;transform:skewY(-4.5deg)}
.br-xam{background-color:#f5f5f5;padding-top:30px;position:relative;z-index:100}
.head-page>span{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#00000099}
.item-new{background-color:#fff;margin-bottom:30px;padding-bottom:20px}
.item-new .img-news{position:relative}
.item-new .img-news .link-cate{position:absolute;top:25px;left:30px;transition:all .3s;box-shadow:5px 0 0 0 #dc2d13;color:#222;background-color:#fff;transform:skewX(-17deg);padding:6px 16px;overflow:hidden;z-index:1}
.item-new .img{display:block;height:370px}
.item-new .img img{width:100%;height:100%;object-fit:cover}
.link-cate:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:50%;opacity:0;z-index:-1;transition:all .3s ease 0;transform:translateX(-50%) translateY(-50%) rotate(45deg);background-color:#dc2d13}
.link-cate span{display:block;transform:skewX(17deg);font-weight:500;text-transform:uppercase}
.link-cate:hover>span{color:#fff}
.link-cate:hover:after{height:350%;opacity:1}
.head-news{margin-top:30px;border-left:4px solid #999;padding-left:30px;padding-right:30px;margin-bottom:20px}
.head-news h4{margin-top:0;text-transform:uppercase;font-weight:700;margin-bottom:6px}
.head-news h4 a{color:#2b2b2b}
.head-news h4 a:hover{}
.head-news .ngaydang{color:#615d5d;font-style:italic}
.item-new .mota{padding-left:30px;padding-right:30px;margin-bottom:20px;color:#6c6a6a}
.f-news{padding-left:30px;padding-right:30px}
.wrap-post-btn{display:inline-block;padding-right:7px;border-left:1px solid #eee;overflow:hidden}
.wrap-post-btn .post-btn{display:block;margin-left:-8px;padding:11px 18px 10px;font-size:12px;font-weight:500;color:#dc2d13;vertical-align:top;border:1px solid #eee;background-color:#fff;transform:skewX(22deg);text-transform:uppercase;overflow:hidden}
.wrap-post-btn .post-btn span{display:block;transform:skewX(-22deg)}
.wrap-post-btn .post-btn:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:50%;opacity:0;z-index:-1;transition:all .3s ease 0;transform:translateX(-50%) translateY(-50%) rotate(45deg);background-color:#dc2d13}
.wrap-post-btn .post-btn:hover span{color:#fff}
.wrap-post-btn .post-btn:hover:after{height:350%;opacity:1}
.wrap-social-block{display:inline-block;width:190px;margin-top:29px;margin-left:-13px;padding-left:8px;vertical-align:top;overflow:hidden;margin-top:0;margin-bottom:0}
.social-block{display:block;width:210px;padding:9px 0;background-color:#383737;transform:skewX(-22deg);transform:skewX(22deg)}
.social-block__inner{display:block;width:100%;margin-left:27px;transform:skewX(-22deg)}
.social-block__title{display:inline-block;font-size:10px;font-weight:500;color:#fff;vertical-align:middle}
.social-block__list{padding-left:0;list-style:none;display:inline-block;margin-bottom:0;margin-left:0;vertical-align:middle}
.social-block__list li{display:inline-block;padding-left:5px;padding-right:0}
.social-block__list li a{font-size:14px;color: #040404;transition:all .3s}
.social-block__list li a:hover{color:#fff}
.item-new:hover{background:url(../images/texture-1.gif);box-shadow:0 0 10px 0 #000}
.br-trang{background-color:#ffff;margin-bottom:30px}
.form-search-right{position:relative}
.form-search-right input{box-shadow:none;border-radius:0;/* border: #ffffff; */border: 1px solid #d6d6d6;font-size:13px;height:45px;outline:none;border-radius: 30px;}
.form-search-right .btn-search{position:absolute;right:0;top:0;bottom:0;background-color:transparent;color:#ccc;background:url(../images/search_1.png) no-repeat center;background-size:15px;width:50px;outline:none}
.widget-title{font-size:16px;text-transform:uppercase;font-weight:600;margin-top:15px;position:relative;padding-top:5px;padding-bottom:10px;margin-bottom:15px}
.widget-title:before{}
.widget-title span{}
.widget-title span:before{content:"";position:absolute;width:39px;height:4px;background-color: #000000;transform:skewX(-45deg);bottom:0;left:0}
.widget-title span:after{content:"";position:absolute;width:19px;height:4px;background-color: #747474;transform:skewX(-45deg);bottom:0;left:43px}
.dich_vu_right{list-style:none;padding:0}
.dich_vu_right li a{display:block;position:relative;padding:10px 20px;color:#212121cc}
.dich_vu_right li a:before{content:"\f0da";display:inline-block;font:normal normal normal 14px/1 FontAwesome;position:absolute;left:5px;top:50%;transform:translateY(-50%);color:#dc2d13}
.news-left{margin-bottom:10px;border-bottom:1px dotted #d0d0d0;padding-bottom:10px}
.news-left .img{display:block;height:100px}
.news-left .img img{width:100%;height:100%;object-fit:cover}
.news-left h4{font-size:15px;margin-top:0;line-height:17px;margin-bottom:5px}
.news-left h4 a{color:#313131}
.news-left h4 a:hover{color:#dc2d13}
.news-left p{margin-bottom:0;line-height:17px;font-size:14px;color:#616060}
.chitiettin{margin-top:31px}
.news-chitiet:hover{background:#fff;box-shadow:none}
.chitiettin img{max-width:100%!important;height:auto!important}
.chitiettin h3{font-size:16px}
.widget-title2{margin-bottom:25px}
.slide-lienquan .slick-prev{left:auto;top:-41px;right:45px}
.slide-lienquan .slick-next{top:-41px;right:11px}
.nav-pro{display:block;color:#0d0c0c;background:#f7f6f4;position:relative;font-size:14px;margin-bottom:1px;font-weight:500}
.nav-pro a{color:#444;display:block;padding:10px 50px 10px 17px}
.nav-pro>a{text-transform:uppercase;color:#000}
.nav-pro span{position:absolute;right:0;top:0;height:40px;width:40px;text-align:center;display:flex;justify-content:center;align-items:center;color:#444;font-weight:600;transition:all .2s linear;cursor:pointer}
.nav-pro:hover>span{background-color:#f7f6f4;color:#ee4a3e}
.nav-pro:hover>a{color:#dc2d13}
.big_img{}
.big_img a{display:block}
.big_img a img{width:100%;height:100%;object-fit:contain;border-radius:5px}
.slide-sp{margin-left:-5px;margin-right:-5px}
.item-thumb{padding-left:5px;padding-right:5px}
.thumb-item{height:85px;display:block;border:1px solid #ddd;padding:3px;border-radius:5px}
.thumb-item img{width:100%;height:100%;object-fit:cover}
.ten-sp{margin-top:15px;font-size:18px}
.masp{color:#7e7878;border-bottom:1px dotted #ebebeb;margin-bottom:15px;padding-bottom:10px}
.masp strong{font-weight:500;color: #000000;}
.masp a{}
.mota_sp{border-top:1px dotted #ebebeb;margin-top:15px;border-bottom:1px dotted #ebebeb;margin-bottom:15px;padding-top:10px}
.mota_sp ul{list-style:none;padding:0}
.mota_sp li{padding:7px 10px;color:#4d4b4b;background-image:url(../images/green.png);background-repeat:no-repeat;background-position:10px center;padding-left:38px;background-size:14px}
.mota_sp li:nth-child(2n){}
.gia-ct{font-size:20px;font-weight:600;color:red}
.chiase-p{font-weight:600}
.chiase-p .button_share{display:inline-block;width:35px;height:35px;border:1px solid #9c9999;text-align:center;line-height:35px;color:#545454;border-radius:50%;margin-left:5px}
.btn-lienhe-pro{width:100%;background-color:#dc2d13;color:#fff;text-transform:uppercase}
.btn-lienhe-pro:hover{color:#ffff}
.title-ct-sp{margin-top:31px;font-size:20px;border-bottom:1px solid #eee;padding-bottom:5px;margin-bottom:26px;font-weight:700;text-transform:uppercase}
.navbar-default.fix{}
header{}
.logo{display:inline-block;margin-top:5px;margin-bottom:5px}
.logo img{max-height: 96px;}
.nav-top{list-style:none;padding:0;float:right;margin-bottom:0}
.nav-top li{float:left;position:relative}
.nav-top li a{display:block;padding:9px 20px;color:#fff;font-weight:400}
.form-top{position:relative;padding:0;margin-right:10px;width:100%;margin-top: 15px;margin-bottom: 15px;}
.btn-search{position:absolute;right:0;top:0;bottom:0;border-radius: 0 5px 5px 0;background-color: #ffffff;padding-left:20px;padding-right:20px;color: #000;border: 1px solid #ccc;border-left: 0;border-radius: 0 30px 30px 0;font-size: 20px;}
.nav-top li:before{content:"";position:absolute;left:0;height:15px;border-left:1px solid #cb2013;top:50%;transform:translateY(-50%)}
.nav-top li:nth-child(1):before{display:none}
.title-gioithieu{text-align:center;font-size:26px;font-weight:400;color:#e52429;margin-bottom:40px}
.gioithieu h1{margin-top:20px;font-weight:600;text-align:left;color:#ce4846;margin-bottom:20px;font-size:26px;text-transform:uppercase}
.content-gt{line-height:24px;font-size:14px;color:#222020;font-weight:400;margin-bottom:20px}
.tintuc{padding-top:30px}
footer .title-f:before{content:"";position:absolute;width:100px;height:3px;background-color:#fff;bottom:0}
.form-dk label{font-size:16px}
.form-dk input,.form-dk select{height:45px;border-radius:0;border:1px solid #eee;box-shadow:none;outline:none}
.form-dk textarea{border-radius:0;border:1px solid #eee;box-shadow:none;outline:none}
.btn-dangky{padding:8px 36px;font-size:16px;text-transform:uppercase;font-weight:600;background-color:#e71f29;color:#fff}
.form-dk{margin-bottom:50px}
.item-cate{background-position:center right;background-size:30%;background-repeat:no-repeat;background-color:#fff;padding:25px 15px;position:relative;-moz-transition:transform .25s cubic-bezier(.68,-0.55,.27,1.55);-webkit-transition:transform .25s cubic-bezier(.68,-0.55,.27,1.55);transition:transform .25s cubic-bezier(.68,-0.55,.27,1.55);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation-fill-mode:none;animation-fill-mode:none;box-shadow:0 0 20px #000;border-radius:12px;margin-bottom:15px;padding-right:25%}
.item-cate .title{margin-top:0;font-size:22px;font-weight:500}
.item-cate .mota{margin-bottom:20px}
.item-cate .link{color:#ee4a3e;text-decoration:revert}
.danhmuc{/* border:1px solid #ddd; */margin-top:25px}
.item-cate .title a{color:#141413}
.title-home span{position:absolute;width:125px;height:7px;left:0;right:0;margin:0 auto;bottom:0}
.title-home span:before{content:"";position:absolute;width:85px;height:2px;background-color:#f5c156;left:0;top:0}
.title-home span:after{content:"";position:absolute;width:85px;height:2px;background-color:#f5c156;right:0;bottom:0}
.item-sp{text-align:center;background-color:#fff;border: 1px solid #efefef;border-radius: 0;position:relative;margin-bottom:30px;transition:all .5s ease-in-out;overflow:hidden}
.item-sp .img{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}
.item-sp .img a{display:block;width:100%;height:100%;position:relative}
.item-sp .img img{
    width:100%;
    object-fit:contain;
    margin: 0px auto;
    height:30vh;
}
.item-sp .img .sale{background-color: #000000;position:absolute;right:10px;top:10px;text-transform:uppercase;color:#fff;padding:0 8px;border-radius:3px;z-index:1}
.item-sp .title{font-size:14px;margin-bottom:17px;margin-left:10px;margin-right:10px;font-weight: 500;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.item-sp .title a{color: #000000;}
.item-sp .gia{margin-bottom:15px;padding-left:5px;padding-right:5px}
.item-sp .gia strong{color: red;}
.item-sp .gia i{text-decoration:line-through;display:inline-block;margin-left:11px;color:#6e6e6e}
.item-sp:hover{/* box-shadow:0 0 15px #000; */}
.item-sp .img>a::before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background-color:rgba(255,255,255,0.5);transition:all .5s ease-in-out;-moz-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);z-index:1}
.item-sp:hover .img>a::before{-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.bounceimg{-webkit-animation:bounceimg 2s ease-in-out 0 infinite alternate;animation:bounceimg 2s ease-in-out 0 infinite alternate}
@-webkit-keyframes bounceimg {
0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
}
@keyframes bounceimg {
0%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}
}
.why{/* background-color:#fec909!important; */position:relative;padding-top: 30px;padding-bottom: 30px;}
.wave_shape{text-align:center;position:absolute;bottom:0;left:0;right:0}
.icon_box_style1 .box_icon{background-color:#fff;text-align:center;float:left;border-radius:100%;position:relative;display:flex;justify-content:center;align-items:center;/* margin-left: 20px; */margin-right: 15px;height: 50px;}
.icon_box_style1 .box_icon::before,.icon_box_style3 .box_icon::before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;border:1px solid #fff;border-radius:100%;margin:-5px}
.icon_box:after{content:"";display:block;clear:both}
.icon_box{margin-top:0;padding:15px 0;transition:all .5s ease-in-out;border-radius:10px;overflow:hidden;/* background-color: #f07240; */}
.why_choose_img{top:60px;text-align:center;position:relative;z-index:9}
.intro_desc h6{font-weight:600;font-size:16px;color: #000000;line-height: 50px;margin: 0;}
.intro_desc p{}
.product_list .product{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.product_list .product_img{max-width:100px;width:100%;height:90px}
.product_list .product_img img{padding:5px}
.product_list .rating{margin:0 0 10px}
.product_list .product_info{padding:10px;text-align:left;width:100%}
.product_list .product_action_box{top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.product_list .pr_action_btn li{margin:0 2px;float:left}
.product_list .pr_action_btn li a{width:29px;height:29px}
.product_list .pr_action_btn li a i{font-size:16px;line-height:30px}
.product_list .product_action_box li{-webkit-transform:translate(0px,15px);-ms-transform:translate(0px,15px);-o-transform:translate(0px,15px);transform:translate(0px,15px)}
.product{background-color:#fff;border-bottom:1px solid #ddd;border-radius:0;position:relative;margin-bottom:12px;transition:all .5s ease-in-out}
.product:hover{box-shadow:0 0 15px rgba(0,0,0,0.15)}
.pr_flash{background-color:#000;position:absolute;right:10px;top:10px;text-transform:uppercase;color:#fff;padding:0 8px;border-radius:3px;z-index:1}
.product_img img{width:100%;padding:10px 10px 0;height:100%;object-fit:cover;border-radius:10px}
.product_info{text-align:center;padding:20px}
.product .rating{margin:0 auto 10px}
.product_info h6{margin-bottom:10px;font-size:13px;margin-top:0}
.product_info h6 a{color:#3d3b3b}
.product_info .gia strong{color:#ce4846;font-weight:600;font-size:14px;display:inline-block;margin-right:10px}
.product_info .gia i{text-decoration:line-through;color:#6f6969;font-size:13px}
.product_action_box{position:absolute;top:10px;left:10px;z-index:2}
.pr_action_btn{display:table;margin:0 auto}
.product:hover .product_img::before{-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.product_img::before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background-color:rgba(255,255,255,0.5);transition:all .5s ease-in-out;-moz-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);z-index:1}
.product_img{position:relative}
.product_img>a{display:block;width:100%;height:100%}
.product:hover{box-shadow: 0 0 9px #a5a5a5;}
.testimonial_box{margin-bottom:20px}
.testimonial_img img{max-width:76px}
.testi_user span,.author_intro span{font-style:italic;color: #01a85c;font-size:14px}
.testi_user,.author_intro{margin-bottom:10px}
.testi_meta,.author_meta{overflow:hidden}
.testimonial_img{float:left;margin-right:15px}
.testi_desc p{font-size:14px}
.testimonial_style1 .testimonial_box{background-color:#fff;border-radius:10px;border:1px solid #eee;padding:15px;position:relative;text-align:center;margin-bottom:35px}
.testimonial_style1 .testimonial_img img{border-radius:100%}
.testimonial_style1 .testimonial_img{margin:0 auto -50px;display:table;padding:5px;position:relative}
.testimonial_style1 .testimonial_img::before{content:"";position:absolute;left:0;top:0;bottom:0;border:1px solid #f5c156;right:0;border-radius:100%}
.testi_user h5{font-weight:700}
.testimonial_style1 .testi_user{margin-top:10px}
.testimonial_style1 .testi_meta{text-align:center;position:relative;z-index:9;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:visible}
.testi_desc p:last-child,.author_desc p:last-child{margin:0}
.mota-home{margin-bottom:50px;text-align:center;font-size:16px;color:#606060}
.khach-hang{padding-top:30px;padding-bottom:50px;background-attachment:fixed;background-size:cover;background-position:center;position:relative}
.khach-hang:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#cdcdcda6}
.blog_post{margin-bottom: 25px;overflow:hidden}
.owl-carousel .blog_post{margin:0}
.blog_title{margin-bottom:15px}
.blog_img{position:relative;overflow:hidden}
.blog_img img{width:100%}
.blog_date{position:absolute;top:15px;left:15px;background-color:#f5c156;color:#fff;padding:10px;text-align:center}
.blog_date h4{color:#fff;font-weight:700;margin:0;line-height:20px}
.blog_date span{font-size:14px;line-height:normal}
.blog_date.style1{border-radius:100%;max-width:60px;width:100%;height:60px}
.blog_date.style3{border-radius:5px;padding:10px 15px 5px}
.blog_meta{display:table;width:100%;margin-bottom:10px}
.blog_meta li{display:inline-block;padding-right:10px;position:relative}
.blog_meta li:last-child{padding-right:0}
.blog_meta li i{margin-right:8px;font-size:16px}
.blog_meta li a{color:#636363;font-size:14px}
.blog_meta li a:hover{color:#07d765}
.blog_content{padding:15px 0;background-color:#f7f7f7}
.blog_content p{margin-bottom: 15px;font-size:14px;color:#525050;font-weight:300}
.blog_post .blog_img a{display:block;overflow:hidden}
.blog_img img{transition:all .5s ease-in-out;width:100%}
.blog_link{font-size:14px;color: #000000;}
.blog_link i{vertical-align:middle;margin-left:3px}
.blog_post:hover .blog_img img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
.blog_style1{border-radius:0}
.blog_style1 .blog_content,.blog_style2 .blog_content{background-color:#fff;position:relative}
.blog_style1 .blog_title{font-size:16px;font-weight:500}
.blog_style1 .blog_title a{color:#000}
.blog_date.style2::before{content:"";width:0;height:0;border-style:solid;border-width:8px 8px 0 0;border-color:#07d765 transparent transparent;position:absolute;left:0;top:100%}
.blog_list .blog_post{display:-ms-flexbox;display:flex;padding-bottom:30px;border-bottom:1px solid #ddd}
.blog_list .blog_img{-ms-flex:0 0 36%;flex:0 0 36%;max-width:36%;width:100%}
.blog_list .blog_content{padding:0 0 0 25px;background-color:#fff}
.blog_list .blog_content p{overflow:hidden;height:78px}
.blog_grid div[class*=col-]:nth-child(-n+2) .blog_post{margin-top:0}
.footer_desc{margin-top:15px;margin-bottom:20px}
.contact_info{}
.contact_info ul{}
.contact_info li{margin-bottom:10px;line-height: 25px;}
.contact_info li i{background-color:#fff;display:inline-block;margin-right:10px;font-size:16px;vertical-align:top;color: #000000;border-radius: 1px;width: 25px;height: 25px;text-align: center;line-height: 25px;border-radius: 5px;}
.contact_info li span{font-weight: 200;}
.footer_logo{
    text-align: center;
    margin-bottom: 30px;
    margin-top: 22px;
}
.footer_logo img{}
.widget_title{font-size:18px;text-transform:uppercase;color: #fff;font-weight:600;margin-bottom:20px;margin-top: 30px;}
.social_icons li{display:inline-block;padding:2px;margin:0}
.social_icons li a:before{display:none}
.social_icons li a{font-size:16px;height:30px;width:30px;line-height:30px;display:inline-block;text-align:center;vertical-align:middle;padding:0;border-radius:6px;color:#fff}
.sc_facebook{background-color:#3b5998!important;border-color:#3b5998!important}
.social_icons{margin:0}
.sc_twitter{background-color:#00acee!important;border-color:#00acee!important}
.sc_instagram{background-color:#027ba5!important;border-color:#027ba5!important}
.sc_pinterest{background-color:#c8232c!important;border-color:#c8232c!important}
.cart_extra{display:-ms-flexbox;/* display:flex; */-ms-flex-align:center;/* align-items:center; */margin-bottom:20px;}
.quantity{border:1px solid #ccc;margin-right: 10px;border-radius: 5px;display:inline-block;vertical-align:middle}
.quantity .minus,.quantity .plus{display:block;float:left;border-radius: 5px;cursor:pointer;border:0;padding:0;width:34px;height:34px;line-height:36px;text-align:center;font-size:20px;margin:4px}
.quantity .qty{float:left;width:55px;height:40px;border:0;background-color:transparent;text-align:center;padding:0}
.quantity .minus:hover,.quantity .plus:hover{background-color: #000000;color:#fff}
.btn-addtocart{background-color: #000000;border:none;border-radius: 5px;padding:10px 30px;color:#fff;text-transform:uppercase;width: 45%;margin-right: 10px;}
.giacu{font-size:16px;font-weight:400;color:#5b5b5b;margin-left:10px;text-decoration:line-through}
.top{background-color: #e6e6e6;text-align: center;padding-top: 10px;padding-bottom: 10px;color: #000;}
.top .lienhe-top{line-height:26px;padding-top:6px;padding-bottom:5px}
.top .lienhe-top span{color:#fff;margin-right:10px}
.top .lienhe-top span i{background-color:#fff;display:inline-block;margin-right:10px;font-size:16px;vertical-align:top;color:#ce4846;box-shadow:0 2px 0 #000;border-radius:50%;width:25px;height:25px;line-height:25px;padding:0;text-align:center}
.giohang{margin-top: 25px;margin-bottom: 15px;color:#121212;font-size:14px;position:relative;padding-left: 30px;background-size:34px;font-weight:500;margin-left: 22px;/* text-transform: uppercase; */}
.giohang .title{padding-top: 4px;display: inline-block;}
.giohang .icon{position: absolute;left: 0;border-radius: 50%;text-align: center;}
.giohang .icon img{height: 23px;}
.giohang .icon .num{font-size:12px;font-weight:600;color:#ee4a3e;position: absolute;border: 1px solid #fff;line-height: 16px;height: 20px;padding-left: 5px;background-color: #fffa75;text-align: center;padding-right: 5px;border-radius: 50%;line-height: 20px;/* color: #fff; */right: -8px;top: -7px;}
.giohang .text{font-weight: 700;font-size: 14px;text-transform: initial;color: red;}
.hinh-sp{border:1px solid #ccc;padding:5px;border-radius:10px;margin-bottom:10px;padding-bottom:0}
.header{padding-top: 5px;padding-bottom: 5px;}
.title-content{text-align:center;margin-bottom:30px}
.title-content .text{}
.danhmuc .banenr{border-bottom:1px solid #ddd}
.danhmuc .banenr .title{font-size:20px;text-transform:uppercase;font-weight:600;margin-left:30px;position:relative;padding-bottom:4px;margin-bottom:20px}
.danhmuc .banenr .title:before{content:"";position:absolute;width:40px;height:2px;background-color:#fecf28;bottom:0}
.danhmuc .banenr .nav-sub-pro{list-style:none;padding-left:25px;padding-right:25px}
.danhmuc .banenr .nav-sub-pro li{}
.danhmuc .banenr .nav-sub-pro li a{display:block;color:#5a5a5a;font-weight:500;border-bottom:1px dotted #ddd;padding-top:10px;padding-bottom:10px;font-size:13px}
.danhmuc .banenr .img{width:1000%;height:100%;object-fit:cover;max-height:250px}
.list_sp{margin-bottom:45px}
.list_sp .item-sp{border-top:none;border-radius:0;border-left:none;margin-bottom:0;border-right:none;position:relative;padding-top:5%;padding-bottom:5%}
.list_sp .item-sp:after{content:"";position:absolute;height:90%;border-left:1px solid #ddd;top:5%;right:0}
.list_sp .col-lg-5ths:nth-child(5n) .item-sp:after{display:none}
.item-sp:hover .title a{color: #000000;}
.sanphamtrangchu{padding-bottom:30px}
.doitac{background-color:#fff;border-radius:15px 15px 0 0;position:relative;z-index:1;padding-top:20px;padding-bottom:20px;margin-top: 30px;}
.item-doitac{display:block;height: 105px;display:flex;justify-content:center;align-items:center;padding-left:10px;padding-right:10px;border: 1px solid #eee;border-radius: 10px;padding: 10px;}
.item-doitac img{max-height:100%;max-width:100%;object-fit:cover}
.blog_content .ngaydang{}
.blog_content:after{content:"";position:absolute;width:40%;border-bottom: 1px solid #000000;bottom:24px;left:0;right:0;margin:0 auto}
.icon_box_style1 .box_icon img{max-width:100%;max-height:100%;object-fit:cover}
.banenr-page{margin-bottom:30px}
.banenr-page img{width:100%;max-height:251px;object-fit:cover}
.mota_danhmuc{margin-bottom:20px;color:#818181}
.main-page{
    padding-top: 25px;
    padding-bottom: 30px;
}
.nav-pro .sub1{list-style:none;padding:0;background-color:#fff;display:none}
.nav-pro .sub1>li{position:relative}
.nav-pro .sub1>li>a{font-weight:500;padding-left:20px;border-bottom:1px dotted #ccc}
.nav-pro .sub1>li>a:hover{}
.nav-pro .sub1>li>.sub2{list-style:none;font-weight:400;padding:0;display:none}
.nav-pro .sub1>li>.sub2>li{}
.nav-pro .sub1>li>.sub2>li>a{padding-left:30px}
.nav-pro .sub1>li>.sub2>li>a:hover{}
.nav-pro .sub1>li>.sub2>li>a:before{content:"\f105";display:inline-block;font:normal normal normal 14px/1 FontAwesome;margin-right:15px;color:#000}
.nav-pro.show1 .sub1{display:block}
.nav-pro span.active i{transform:rotate(90deg);transition:all .2s linear}
.danhmuc .list_sp{margin-bottom:0}
.chitiet_sp img{max-width:100%!important;height:auto!important}
.form-top{}
.form-top select.form-control{border-radius: 5px 0px 0px 5px;border-right: none;padding-left: 10px;font-weight: 500;}
.form-top select.form-control *{ font-size: 18px;display: block;padding: 20px;}
.form-top input.form-control{border-color: #ccc;border-radius: 30px;}
.no-search .select2-search {display:none}
.nav-product{}
.nav-product>li>a{background-repeat: no-repeat;background-position: 10px center;background-size: 21px;padding-left: 45px;transition: all 0.2s linear;}
.navbar-nav>li>a.dropdown-product{padding-right: 75px;position: relative;padding-left: 15px;padding-top: 10px;padding-bottom: 10px;margin-top: 5px;background-color: #ffff;color: #000;border-radius: 6px;}
.dropdown-product i{margin-right: 10px;}
.dropdown-product span{position: absolute;top: 8px;right: 11px;font-size: 24px;}
.navbar-default .navbar-nav.navbar-right>li>a{padding-left: 10px;padding-right: 10px;position: relative;}
.navbar-default .navbar-nav.navbar-right>li>a:before{content:"";position: absolute;height: 20px;border-left: 1px solid #ccc;top: 15px;right: 0;}
.navbar-default .navbar-nav.navbar-right>li>a.li-right:before{display: none;}
.thuonghieu{position: relative;padding-top: 30px;padding-bottom: 30px;}
.thuonghieu .br-img{position: absolute;left: 0;top: 0;width: 40%;height: 100%;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;background-position: center left;}
.item-thuonghieu{display: block;margin-bottom: 20px;border: 1px solid #eee;border-radius: 10px;padding: 10px;text-align: center;}
.item-thuonghieu span{color: #000;display: block;margin-top: 6px;}
.item-thuonghieu img{height: 62px;max-width: 100%;object-fit: cover;}
.title-thuonghieu{text-transform: uppercase;color: #01a85c;margin-bottom: 30px;font-size: 26px;font-weight: 700;}
.item-sp .img .button-group {padding: 0;position: absolute; z-index: 1000;}
.item-sp .img .left-block .cartinfo--left {left: 10px;transform: translateY(50%);bottom: 50%;}
.item-sp .img .button-group {left: 15px;}
.item-sp .img .button-group .btn-button { border: none;display: block;margin-top: 5px;padding: 0;background-color: #00a85b;border-radius: 3px;color: #fff;width: 30px;height: 30px;line-height: 30px;transform: all 0.3s ease 0s;position: relative;transition: all 0.3s ease-in-out 0s;-webkit-opacity: 0;-moz-opacity: 0;-ms-opacity: 0;-o-opacity: 0;opacity: 0;}
.item-sp .img .btn-button {-webkit-transform: translate(-50px,0);-moz-transform: translate(-50px,0);-ms-transform: translate(-50px,0);-o-transform: translate(-50px,0);transform: translate(-50px,0);}
.item-sp .img .button-group .btn-button.addToCart {transition-delay: 0.1s;}
.item-sp .img .button-group .btn-button.wishlist {transition-delay: 0.2s; margin-bottom: 5px;}
.item-sp .img .button-group .btn-button.compare {transition-delay: 0.3s; margin-bottom: 5px;}
.item-sp .img .button-group .btn-button.quickview {transition-delay: 0.3s;}
.item-sp .img .btn-button.compare { transition-delay: 0.3s;margin-bottom: 5px;}
.item-sp .img .button-group .btn-button .fa {font-size: 12px;color: #fff; height: 30px;line-height: 30px;width: 30px; text-align: center; position: absolute; top: 0;}
.item-sp .img .cartinfo--left .btn-button .fa {left: 0;}
.item-sp .img .btn-button span {color: #fff; display: inherit;font-size: 12px;font-weight: 300;height: auto;visibility: hidden;position: static; transition: all 0.15s ease-in-out 0s; white-space: nowrap;}
.item-sp:hover .img .button-group .btn-button {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); visibility: visible;}
.item-sp .img .button-group .btn-button:hover {background-color: #00a85b;width: auto; transition: all 0.15s ease-in-out 0s;}
.item-sp:hover .img .button-group .btn-button {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);visibility: visible;}
.item-sp .img .button-group .btn-button:hover span {visibility: visible; padding: 0 10px;text-indent: 20px;transform: translateX(0);}
.btn-chitiet{background-color: #f07241;display: inline-block;margin-bottom: 20px;color: #fff !important;text-transform: uppercase;font-size: 12px;border-radius: 0px;}
.baner-product{}
.baner-product img{width: 100%;height: 100%;object-fit: cover;}
.title-c{border-bottom: 2px solid #000000;margin-top: 0;margin-bottom: 30px;margin-top: 50px;}
.title-c span{display: inline-block;background-color: #000000;color: #fff;padding: 12px 30px;font-size: 16px;text-transform: uppercase;position: relative;height: 42px;}
.title-c span:after{content:"";width: 0;height: 0;border-bottom: 44px solid #000000;border-right: 55px solid transparent;left: 100%;position: absolute;top: 0;}
.col-left{padding-top: 15px;}
.nav-loc{list-style: none;padding: 0;margin-bottom: 30px;}
.nav-loc li{}
.nav-loc li label{display: block;font-size: 14px;color: #333;font-weight: 400;margin-bottom: 7px;cursor: pointer;}
.nav-loc li label input{margin-right: 5px;}
.nav-left>li>a:hover, .nav-left>li .dropdown-menu-left>li>a:hover, .nav-loc li label:hover{color: #f07240;}
.form-search2{margin-bottom: 15px;}
.form-search2 label{position: relative;font-size: 12px;font-weight: 400;display: inline-block;padding: 5px 5px 3px;background-color: #020202;color: #ffffff;margin-right: 5px;padding-right: 24px;border-radius: 3px;}
.form-search2 label:after{/* content:""; */width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 13px solid #a3cf5e;position: absolute;top: 0;left: 100%;}
.form-search2 label:before{content:"\f05c";display: inline-block;font: normal normal normal 14px/1 FontAwesome;position: absolute;right: 5px;top: 5px;}
.form-search2 input{display: none;}
.cart-product-quantity{margin-bottom: 20px;}
.ma-sp{/* margin-right: 26px; */}
.table-giohang .name-pro{font-size: 18px;font-weight: 500;color: #00a85b;}
.table-giohang .pro-cart{position: relative;}
.table-giohang .pro-cart strong{font-family: 'Trirong', sans-serif;display: inline-block;width: 100px;}
.table-giohang .txt_sl{border: none;background-color: #f1f0f0;padding: 5px;border-radius: 3px;box-shadow: inset 1px 1px 5px #d2cfcf;width: 70px !important;}
.table-giohang  .gia-cart{color: red;font-weight: 600;}
.xoa_giohang{position: absolute;right: 0;top: 0;background-color: transparent;display: inline-block;padding: 3px 13px;color: red;font-size: 17px;}
.table-giohang .tongtien{font-family: 'Trirong', sans-serif;font-size: 18px;font-weight: 500;text-transform: uppercase;}
.table-giohang .tongtieng-cart{font-weight: 600;color: red;text-transform: initial;/* font-family: 'Trirong', sans-serif; */}
.lab-thanhtoan{display: block;}
.lab-thanhtoan img{height: 27px;margin-left: 10px;}
.lab-thanhtoan span{font-size: 13px;color: #3c3b3b;}
.thanhtoan{padding-left: 30px;font-size: 13px;display: none;}
.thanhtoansub{padding-left: 20px;}
.btn-xacnhan{margin-bottom: 15px;background-color: #00a85a;color: #fff;}
.btn-huy{margin-bottom: 15px;background-color: red;color: #fff;}
.btn-login{background-color: #f07240;font-weight: 600;padding: 7px 20px;font-size: 14px;text-transform: uppercase;color: #fff;}
.page-login{background-color: #fff;box-shadow: 1px 1px 6px 1px #5d575747;border-radius: 5px;position: relative;padding: 15px;}
.btn-send-contact{background-color: #121212;border: 1px solid #121212;color: #fff;}
.head-user{margin-bottom: 30px;border-bottom: 1px dashed #1f4e78;padding-bottom: 10px;}
.head-user .img{display: inline-block;width: 50px;height: 50px;float: left;margin-right: 8px;}
.head-user .img img{
}
.head-user .content{padding-top: 10px;float: left;}
.head-user:after{content:"";display: block;clear: both;}
.head-user .content strong{
}
.head-user .content span{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nav-user{
}
.nav-user ul{list-style: none;padding: 0;}
.nav-user ul li{
}
.nav-user ul li a{display: block;padding: 15px 0px;border-bottom: 1px solid #e3e3e3;font-size: 14px;font-weight: 500;color: #404040;}
.nav-user ul li a i{width: 25px;height: 25px;border: 1px solid;border-radius: 50%;font-size: 13px;text-align: center;line-height: 25px;color: #00a85b;margin-right: 3px;}
.nav-user ul li:last-child a{border: none;}
.nav-user ul li a:hover{color: #000000;text-decoration: revert;}
.title-user{border-bottom: 1px dashed #2a6c67;position: relative;margin-bottom: 30px;}
.title-user span{font-size: 16px;text-transform: uppercase;color: #f07240;font-weight: 600;background-color: #fff;display: inline-block;padding-bottom: 4px;bottom: -8px;position: relative;padding-right: 10px;}
.form-dk{}
.form-dk .form-group{margin-bottom: 25px;position: relative;}
.form-dk input, .form-dk select{box-shadow: none;border-radius: 3px;height: 48px;border: 1px solid #ddd;padding-left: 20px;padding-right: 30px;outline: none;background-color: transparent;border-bottom: 8px solid #fff;color: #fff;}
.form-dk textarea{box-shadow: none;border: 1px solid #e0e0e0;border-radius: 20px;height: 100px;padding: 15px 20px;outline: none;}
.form-dk button.btn{background-color: #00a85b;padding: 10px 50px;border-radius: 5px;text-transform: uppercase;margin-top: 10px;font-weight: 600;color: #fff;width: 100%;background-color: #fff;color: #000;font-weight: 500;}
label.error{font-size: 13px;color: red;font-weight: 400;position: absolute;right: 20px;left: 15px;font-style: italic;margin-top: 3px;}
.swal-title{font-size: 17px;font-weight: 600;text-shadow: none;color: #000;margin-bottom: 20px;text-transform: uppercase;}
.text-login{text-align: center;margin-bottom: 30px;font-weight: 500;}
.text-login a{color: #1f4e78;text-decoration: revert;}
.nen_xem_them{display: block; content: ""; background-image: linear-gradient(180deg, hsla(0,0%,100%,0) 0,#fff);height: 80px;position: absolute;bottom: 0;left: 0; width: 100%;text-align: center;z-index: 100;}
.content-limit.limit{height: 318px;overflow: hidden;padding-bottom: 0;transition: all 0.2s linear;}
.content-limit{height: auto;padding-bottom: 80px;transition: all 0.2s linear;}
.chitiet_sp {position: relative;margin-bottom: 50px;}
.btn-xemthemnd{margin-top: 80px;background-color: transparent;text-decoration: underline;color: #44a0c9;border: 1px solid #44a0c9;padding: 7px 50px;text-decoration: none;font-size: 15px;}
.danhmuc_home_item{background-color: #121212;text-align: center;border-radius: 5px;overflow: hidden;margin-bottom: 20px;overflow: hidden;}
.danhmuc_home_item_img{width: 100%;height: 150px;object-fit: cover;}
.danhmuc_home_item_title{display: block;padding: 7px;color: #fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.title_home{text-align: center;margin-top: 30px;margin-bottom: 30px;}
.title_home_text{display: block;text-transform: uppercase;font-size: 20px;}
.title_home_head{text-transform: uppercase;font-size: 26px;font-weight: 700;margin-top: 10px;}
.danhmuc_thuonghieu{padding-top: 30px;padding-bottom: 30px;}
.col-thuonghieu{width: 10%;float: left;}
.quangcao img{width: 100%;}
.gioithieu_des{line-height: 24px;margin-bottom: 30px;}
.gioithieu_link{display: inline-block;padding: 10px 30px;color: #000;border: 1px solid;}
.blog_post_img{width: 100%;height: 150px;object-fit: cover;}
.blog_post_title{margin-top: 10px;font-size: 17px;line-height: 26px;text-transform: uppercase;}
.blog_post_title a{color: #000;}
.blog_post_des{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.tuvan{padding-top: 30px;padding-bottom: 30px;background-size: cover;background-position: center;}
.text-trang{color: #fff;}
.video-home{position: relative;}
.video-home img{width: 100%;height: 327px;object-fit: cover;}
.video-home:before{content:"\f04b";display: inline-block;font: normal normal normal 14px/1 FontAwesome;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 43px;color: #fff;border: 5px solid #fff;width: 100px;height: 100px;display: flex;justify-content: center;align-items: center;border-radius: 50%;padding-left: 10px;}
.bando-f iframe{height: 150px;}