@import '../addons/owlcarousel/dist/assets/owl.carousel.min.css';

@import '../addons/owlcarousel/dist/assets/owl.theme.default.min.css';

:root{--color:#918a56;--hcolor:#fb9728;}

::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}

::-webkit-scrollbar{width:10px;background-color:#F5F5F5;}

::-webkit-scrollbar-thumb{background-color:#0abd5a;}

body{font-size:14px;font-family:"Roboto", sans-serif;font-display: swap;position:relative;background:#f3f3f3;}

@media (max-width:768px){

    body{font-size:3.4666666667vw;}

}

a:hover{text-decoration:none;}

a:focus{box-shadow:none!important;}

.show-pc{display:block;}

@media (max-width:768px){

    .show-pc{display:none;}

}

@media (min-width:769px){

    .show-sp{display:none!important;}

}

.not-click{pointer-events:none;}

.btn-primary{background-color:var(--color);border-color:var(--color);}

.visit_hidden{visibility:hidden;height:0;opacity:0;position:absolute;}

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

.btn-outline-primary{color:var(--color);border-color:var(--color);}

.pagination{flex-wrap:wrap;}

.fz24{font-size:24px!important;}

#map_canvas iframe{max-width:100%;max-height:500px;width:100%;}

#captcha-wrap{float:left;transform:scale(.8);transform-origin:0 0;}

.widget-toc{display:table;border:1px solid #a2a9b1;background-color:#f8f9fa;padding-right:1rem;font-size:95%;margin:1em 1em 1em;}

.widget-toc  ol{padding-right:0px;counter-reset:item;}

.widget-toc ol li{display:block;position:relative;}

.widget-toc  ol li:before{content:counters(item,".");counter-increment:item;position:absolute;margin-right:100%;right:0.5rem;}

.toc-title{text-align:center;font-weight:700;margin:0;padding:0;}

#backtop{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMA99gbPBiflmLzZzQNA+rbtKVRSD8kY8I1gAAAAGFJREFUSMftzjcSwCAMRFFhgrFxDtz/qMZqaCVKZn+1hd6MCCGEOsqHIzWoIefJaZUtip1Wccap1TmzU6qwErtHqpadVVnxd0nIrnI8Ehd5yrJbPY3G3OIv37q9J4QQ6qIP17gEq6dBVWMAAAAASUVORK5CYII=) no-repeat center center var(--color);border:0;border-radius:100%;bottom:0px;cursor:pointer;height:50px;opacity:0;position:fixed;right:12px;-webkit-transition:all .6s ease;transition:all .3s ease 0s;transition:all .6s ease;visibility:hidden;width:50px;z-index:9999;}

#backtop.show{bottom:100px;opacity:1;visibility:visible;}

#backtop:hover{border-color:var(--color);}

ul.pagination{font-size:15px;text-align:center;width:100%;display:inline-block;margin-top:30px;}

ul.pagination li{display:inline;padding:0 3px;}

ul.pagination a{display:inline-block;padding:0px 10px 2px 10px;border:1px solid #D4D4D4;}

ul.pagination a:hover,ul.pagination a.current{background-color:var(--color);color:white;}

@media (max-width:768px){

    .head-menu{margin-top:4vw;flex-direction:row;flex-wrap:wrap;border:1px solid #f1f1f1;border-bottom:0;border-radius:3px;margin-bottom:8vw;display:none;}

}

.head-menu__item{text-align:center;}

@media (max-width:768px){

    .head-menu__item{flex-basis:33.333333%;padding:2.6666666667vw;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}

    .head-menu__item:nth-child(3n){border-right:0;}

}

.head-menu__item--link{color:#fff!important;text-transform:uppercase;padding:0 0.5555555556vw!important;font-size:0.8333333333vw;transition:color 0.1s ease-in-out;}

@media (max-width:768px){

    .head-menu__item--link{font-size:3.2vw;}

}

@media (min-width:1441px){

    .head-menu__item--link{padding:0 8px!important;font-size:12px;}

}

.head-menu__item--link:hover{color:var(--hcolor)!important;}

.head-menu__item--link .fa{font-size:1.5277777778vw;width:4.1666666667vw;height:2.7777777778vw;display:flex;justify-content:center;align-items:center;border-radius:5px;margin:0 auto;}

@media (max-width:768px){

    .head-menu__item--link .fa{width:auto;height:auto;font-size:4.8vw;margin-bottom:1.3333333333vw;}

}

@media (min-width:1441px){

    .head-menu__item--link .fa{font-size:22px;width:60px;height:40px;}

}

.site-logo{max-width:220px;width:100%;}

.copyright{font-size:12px;}

@media (max-width:768px){

    .site-logo{width:56vw;}

}

@media (min-width:1441px){

    .site-logo{width:210px;}

}

.bg-gradient{background:linear-gradient(131.58deg,var(--color) 5.23%,#0abd5a 68.31%,#03e669 133.4%);}

.bg-black-blue{background-color:var(--color);}

.navbar-dark .navbar-toggler{color:#fff;font-size:5.8666666667vw;border:1px solid #fff;}

.block-title{font-size:1.25vw;margin-bottom:0;text-transform:uppercase;color:#fff;}

.block-title > a{text-transform:uppercase;color:#fff;}

@media (max-width:768px){

    .block-title{font-size:4.2666666667vw;font-weight:600;}

}

@media (min-width:1441px){

    .block-title{font-size:18px;}

}

.bg-mercury{background:#e5e5e5;}

.bg-picton-blue{background:var(--color);}

.readmore{font-size:14px;font-weight:400;border:1px solid #020202;width:120px;height:30px;text-transform:none;color:#020202;border-radius:3px;display:flex;align-items:center;justify-content:center;}

.readmore i{margin-right:0.5rem;}

@media (min-width:1441px){

    .main-menu{width:1440px;margin:0 auto;}

}

.pagination{text-align:center;justify-content:center;}

.cart .list-sp__item--buy{display:none;}

.cat-list-img{height:5.5555555556vw;-o-object-fit:contain;object-fit:contain;}

@media (min-width:1441px){

    .cat-list-img{height:80px;}

}

@media (max-width:768px){

    .cat-list-img{height:16vw;display:block;margin:auto;}

}

.sb-product-img{height:8.3333333333vw;}

@media (min-width:1441px){

    .sb-product-img{height:120px;}

}

@media (max-width:768px){

    .sb-product-img{height:21.3333333333vw;}

}

.cats-title{background:#e9ecef!important;}

.cats-title a{color:#0b908c!important;}

.text-blue-chill{color:#0b908c!important;}

.text-picton-blue{color:var(--color);}

.product__content .mw-auto{max-width:initial!important;}

.home-banner{display:flex;flex-wrap:wrap;}

@media (min-width:1441px){

    .home-banner{width:1440px;margin:auto;}

}

@media (min-width:1441px){

    .block{width:1440px;margin:auto;}

}

.list-sp{display:flex;flex-wrap:wrap;}

.list-sp__item{border:0 solid #f1f1f1;position:relative;background:#fff;padding-bottom:3.4722222222vw;border-bottom-width:5px;border-right-width:5px;}

.list-sp__item .khuyen-mai-icon{z-index:999;}

.list-sp__item.sidebar{border-bottom-width:7px;border-right-width:0!important;}

.list-sp__item:nth-child(6n){border-right-width:0;}

@media (max-width:768px){

    .list-sp__item{padding-bottom:13.3333333333vw;}

    .list-sp__item:nth-child(6n){border-right-width:5px;}

    .list-sp__item:nth-child(2n){border-right-width:0;}

}

@media (min-width:1441px){

    .list-sp__item{padding-bottom:50px;}

}

.list-sp__item:hover .list-sp__item--buy{opacity:1;}

.list-sp__item--title{font-size:0.9722222222vw;font-weight:600;text-align:center;padding:1.0416666667vw;}

.list-sp__item--title a{color:#023040;}

.list-sp__item--title a:hover{color:var(--color);}

@media (max-width:768px){

    .list-sp__item--title{font-size:3.7333333333vw;padding:4vw;}

}

@media (min-width:1441px){

    .list-sp__item--title{font-size:14px;padding:15px;}

}

.list-sp__item--img{width:13.8888888889vw;height:13.8888888889vw;-o-object-fit:contain;object-fit:contain;display:block;transition:all .5s;margin:1.0416666667vw auto;}

.list-sp__item--img:hover{opacity:.7;}

@media (max-width:768px){

    .list-sp__item--img{width:42.6666666667vw;height:42.6666666667vw;margin:4vw auto;}

}

@media (min-width:1441px){

    .list-sp__item--img{width:160px;height:120px;margin:15px auto;}

}

.list-sp__item hr{margin:0 0.3472222222vw;background:var(--color);height:0.2083333333vw;}

@media (max-width:768px){

    .list-sp__item hr{margin:0 1.3333333333vw;height:0.8vw;}

}

@media (min-width:1441px){

    .list-sp__item hr{margin:0 5px;height:3px;}

}

.list-sp__item--price{font-size:0.9722222222vw;font-weight:600;display:flex;flex-wrap:wrap;position:absolute;left:0;bottom:0;border-top:1px solid #e5e5e5;width:100%;height:3.4722222222vw;}

@media (max-width:768px){

    .list-sp__item--price{font-size:3.7333333333vw;height:13.3333333333vw;}

}

@media (min-width:1441px){

    .list-sp__item--price{font-size:16px;height:50px;}

}

.list-sp__item--price span{flex:0 0 50%;max-width:50%;padding:1.0416666667vw 1.0416666667vw;}

@media (max-width:768px){

    .list-sp__item--price span{flex:0 0 100%;max-width:100%;padding:1.3333333333vw 4vw;}

}

@media (min-width:1441px){

    .list-sp__item--price span{padding:15px 15px;}

}

.list-sp__item--price span:first-child{color:#ca0000;}

.list-sp__item--price span:nth-child(2){color:#cacaca;text-decoration:line-through;text-align:right;}

@media (max-width:768px){

    .list-sp__item--price span:nth-child(2){text-align:left;order:-1;padding-bottom:0;line-height:1;}

}

.list-sp__item--buy{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.6);opacity:0;transition:opacity 0.4s ease-in-out;}

.list-sp__item--buy a{position:absolute;display:block;width:9.4444444444vw;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;border:1px solid #f1f1f1;color:#fff;text-transform:uppercase;line-height:3;font-weight:600;transition:color 0.4s ease-in-out;}

@media (max-width:768px){

    .list-sp__item--buy a{width:32vw;font-size:3.2vw;}

}

@media (min-width:1441px){

    .list-sp__item--buy a{width:136px;}

}

.list-sp__item--buy a:hover{background:#ca0000;}

.list-sp__item--gift{height:1rem;font-weight:600;text-transform:uppercase;padding:1.0416666667vw;text-align:center;font-size:0.9722222222vw;color:#ff4c4c;}

@media (max-width:768px){

    .list-sp__item--gift{padding:4vw;font-size:3.7333333333vw;}

}

@media (min-width:1441px){

    .list-sp__item--gift{padding:15px;font-size:14px;}

}

.newslist:hover .newslist__title{color:#ff4c4c;}

.address-container .col-lg-4 .address{background:#fff;border:0 solid #f1f1f1;border-bottom-width:3px;border-right-width:3px;}

.address-container .col-lg-4:nth-child(3n) .address{border-right-width:0;}

@media (max-width:768px){

    .address-container .col-lg-4 .address{border-right-width:0;}

}

.address{display:flex;border:1px solid #cacaca;border-right-width:0;}

.address__img{flex:0 0 30%;}

.address__img > img{height:8.3333333333vw;-o-object-fit:cover;object-fit:cover;}

@media (min-width:1441px){

    .address__img > img{height:120px;}

}

@media (max-width:768px){

    .address__img > img{height:32vw;}

}

.address__right{flex:0 0 70%;padding-left:1.0416666667vw;}

@media (min-width:1441px){

    .address__right{padding-left:15px;}

}

@media (max-width:768px){

    .address__right{padding-left:4vw;}

}

.address__right--title{font-size:0.9722222222vw;font-weight:bold;display:flex;width:100%;}

@media (min-width:1441px){

    .address__right--title{font-size:14px;}

}

@media (max-width:768px){

    .address__right--title{font-size:3.7333333333vw;display:block;}

}

.address__right--title a{display:inline-block;margin-left:auto;}

@media (max-width:768px){

    .address__right--title a{display:block;}

}

.address__right--sub{margin-bottom:0.3472222222vw;}

@media (min-width:1441px){

    .address__right--sub{margin-bottom:5px;}

}

@media (max-width:768px){

    .address__right--sub{font-size:3.2vw;margin-bottom:1.3333333333vw;}

}

.address__right--phone{margin-bottom:0;font-size:0.9722222222vw;font-weight:600;color:#ff4c4c;}

@media (min-width:1441px){

    .address__right--phone{font-size:14px;}

}

@media (max-width:768px){

    .address__right--phone{font-size:3.2vw;}

}

.menumodal{display:flex;flex-wrap:nowrap;position:relative;}

.menumodal--title{font-size:3.7333333333vw;padding:4vw;text-transform:uppercase;color:#fff;border-bottom:1px solid #fff;border-top:1px solid #fff;text-align:center;}

@media (max-width:768px){

    .menumodal{display:none;background:#fff;border-bottom:1px solid #fff;}

}

.menumodal__item{display:flex;align-items:center;padding:0.6944444444vw;}

@media (min-width:769px){

    .menumodal__item{background:transparent!important;}

}

@media (min-width:1441px){

    .menumodal__item{padding:10px 0;}

}

@media (max-width:768px){

    .menumodal__item{flex:0 0 100%;padding:4vw 0;position:relative;line-height:1.5;width:100%;flex-wrap:wrap;border-bottom:1px solid #f1f1f1;}

    .menumodal__item:last-child{border-bottom:0;}

}

.menumodal__item:first-child{margin-left:0.5555555556vw;}

@media (min-width:1441px){

    .menumodal__item:first-child{margin-left:8px;}

}

@media (max-width:768px){

    .menumodal__item:first-child{margin-left:0;}

}

.menumodal__item:first-child > a{border-left-width:0;}

.menumodal__item > a{display:block;color:#fff;font-size:0.9722222222vw;text-transform:uppercase;line-height:1;padding:0 0.5555555556vw;}

@media (min-width:1441px){

    .menumodal__item > a{font-size:14px;padding:0 8px;}

}

@media (max-width:768px){

    .menumodal__item > a{color:#020202;font-size:3.7333333333vw;border-left-width:0;padding:0;display:inline-block;font-weight:600;text-transform:unset;padding-left:4vw;}

}

.menumodal__item > i{color:#fff;margin-left:auto;}

@media (max-width:768px){

    .menumodal__item > i{font-weight:600;color:#020202;padding-right:4vw;}

}

.menumodal__item > ul{position:absolute;display:flex;flex-wrap:wrap;opacity:0;visibility:hidden;top:100%;left:0;width:100%;background:#fff;border:1px solid #f1f1f1;border-bottom:3px solid var(--color);transition:opacity 0.4s ease-in-out;height:0;z-index:999;}

@media (max-width:768px){

    .menumodal__item > ul{opacity:1;visibility:visible;height:auto;display:none;flex:0 0 100%;position:initial;background:#f1f1f1;padding:0 20px;border:0;}

}

.menumodal__item > ul img{width:4.1666666667vw;height:4.1666666667vw;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin-right:0.3472222222vw;}

@media (min-width:1441px){

    .menumodal__item > ul img{width:60px;height:60px;margin-right:5px;}

}

@media (max-width:768px){

    .menumodal__item > ul img{display:none;}

}

.menumodal__item > ul > li{flex:0 0 20%;border-bottom:1px solid #f1f1f1;border-right:1px solid #f1f1f1;text-align:left;padding:1.0416666667vw 0.3472222222vw;}

.menumodal__item > ul > li:nth-child(5n){border-right:0;}

@media (min-width:1441px){

    .menumodal__item > ul > li{padding:15px 5px;}

}

@media (max-width:768px){

    .menumodal__item > ul > li{border:0;padding:0;}

    .menumodal__item > ul > li:last-child{border-bottom:0;}

}

.menumodal__item > ul > li:hover > a{text-decoration:underline;}

.menumodal__item > ul > li > a{
    display:flex;align-items:start;text-transform:uppercase;font-size:0.8333333333vw;color:var(--color);
    padding:10px 0;
}

@media (min-width:1441px){

    .menumodal__item > ul > li > a{font-size:12px;}

}

@media (max-width:768px){

    .menumodal__item > ul > li > a{font-size:3.7333333333vw;color:#020202;text-transform:unset;}

    .menumodal__item > ul > li > a:before{font-family:"fontawesome",sans-serif;font-display: swap; content:"\F0DA";display:inline-block;margin-right:0.5rem;}

}

.menumodal__item:hover > ul{opacity:1;visibility:visible;height:auto;}

.product__title{font-size:1.1111111111vw;margin-bottom:0;text-transform:uppercase;font-weight:600;}

@media (min-width:1441px){

    .product__title{font-size:16px;}

}

@media (max-width:768px){

    .product__title{font-size:4.2666666667vw;margin-top:8vw;}

}

.product__price{font-size:1.25vw;}

@media (min-width:1441px){

    .product__price{font-size:18px;}

}

@media (max-width:768px){

    .product__price{font-size:4.2666666667vw;font-weight:600;margin-bottom:4vw;}

}

.product__price--old{color:#cacaca;text-decoration:line-through;}

.product__description p{margin-bottom:0;line-height:1.8;}

.product__address{height:29.1666666667vw;overflow-y:scroll;}

@media (min-width:1441px){

    .product__address{height:420px;}

}

@media (max-width:768px){

    .product__address{height:106.6666666667vw;}

}

.product__content *{max-width:100%!important;}
.product__content table{width: 100% !important; margin: 0 auto;border-right: 1px solid rgba(208, 208 ,208 ,0.6);
    border-bottom: 1px solid rgba(208, 208 ,208 ,0.6);}
.product__content table td{
    border-left: 1px solid rgba(208, 208 ,208 ,0.6);
    border-top: 1px solid rgba(208, 208 ,208 ,0.6);
    padding: 10px;
}
.product__content h2{position: relative;
    font-size: 16px;
    color: #a68c6f;
    padding-left: 33px;
    border-bottom: 2px solid #a68c6f;
    line-height: 25px;}

.product__content h2:before{content: '';
    width: 23px;
    height: 21px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../Upload/hinhanh/favicon-1092_64x64.jpg) no-repeat center center;
	background-size:contain;
}
.product__content img{-o-object-fit:contain;object-fit:contain;  height: auto!important;}

@media (max-width:768px){

    .product__content img{max-height:80vw;  }

}

.ftitle{font-size:1.1111111111vw;font-weight:600;text-transform:uppercase;position:relative;line-height:1.5;color:var(--color)}

@media (min-width:1441px){

    .ftitle{font-size:22px;}

}

@media (max-width:768px){

    .ftitle{font-size:4.2666666667vw;}

}

.ftitle:after{height:1px;width:3vw;content:"";display:none;position:absolute;left:0;top:100%;background:var(--color);}

@media (min-width:1441px){

    .ftitle:after{width:120px;}

}

@media (max-width:768px){

    .ftitle:after{width:16vw;}

}

.list-sp__item--price span:first-child{color:#ff4200;font-size:16px;}

.text-danger{color:#ff4200!important;}

.product__price{font-size:20px;}

.product__title{background:#e9ecef!important;color:#0b908c!important;}

.list-sp__item--price span:nth-child(2){color:#7d7b7b;text-decoration:line-through;text-align:right;font-size:15px;font-weight:normal;}

@media (max-width:768px){

    .list-sp__item--price span:first-child{color:#ff4200;font-size:15px;}

    .list-sp__item--price span:nth-child(2){text-align:left;}

    .product__price{font-size:20px;}

}