@charset "UTF-8"; :root { --c1:#D60C0C; --c2:#B40B0B; --c3:#000000; --c4:#393939; --title:#393939; --text:#339393933; --btn:#D60C0C; --bg1:#fff; --bg2:#f8f8f8; --bg3:#fff; --fsize:14px; } 

body { font-size:var(--fsize); font-family: 'font1'; color: var(--text); background: var(--bg2); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; min-width: 1215px !important; overflow: scroll !important; width: 100% !important; top: 0 !important; } 
img { max-width:100%; height:auto; vertical-align:top; object-fit: cover; } 
a,input,textarea { outline:none; padding:0px; } 
input,button,select,textarea { font-family: 'font1', sans-serif; } 
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; } 
.w-clear:after { display:block; content:""; clear:both; } 
.hidden { display:none; } 
.clear { clear:both; } 
.none { display:none; } 
.hidden-seoh { visibility:hidden; height:0px; margin:0px; overflow:hidden; } 
.wrap-main,.wrap-content { max-width:1220px; margin: 20px auto; padding:0px 15px; } 
.wrap-home { max-width:100%; padding:0px !important; margin: 0 !important; overflow: hidden; } 
.wrap-content { margin:auto; } 
p { margin-bottom: 0.5rem; } 
a:hover { text-decoration: none; } 

.c1 { color: var(--c1) !important; } 
.c2 { color: var(--c2) !important; } 
.c3 { color: var(--c3) !important; } 
.bg1 { background-color: var(--bg) !important; } 
.bg2 { background-color: var(--bg2) !important; } 
.bg3 { background-color: var(--bg3) !important; } 

::-webkit-scrollbar { width: 8px; height: 3px; } 
::-webkit-scrollbar-button { width: 0px; height: 0px; } 
::-webkit-scrollbar-track { background-color: var(--c1); } 
::-webkit-scrollbar-track-piece { background-color: #ffffff; } 
::-webkit-scrollbar-thumb { height: 50px; background-color: var(--c1); border-radius: 0px; } 
::-webkit-scrollbar-corner { background-color: #ffffff; } 
::-webkit-resizer { background-color: #666; } 

/* General */
.title-main { margin-bottom: 1rem; text-align:center; } 
.title-main span { text-transform: uppercase; color: var(--c1); font-size: clamp(18px, 4vw, 35px); font-weight: bold; font-family: 'font2'; } 
.time-main { margin-bottom:0.75rem; color:#999999; font-size: clamp(12px, 4vw, 13px); display: flex; flex-direction: row; flex-wrap: nowrap; } 
.time-main i { vertical-align:top; margin:3px 7px 0px 0px; } 
.time-main span { vertical-align:top; display:inline-block; } 
.share { padding:17px 15px 10px 15px; line-height:normal; background:rgba(128,128,128,0.15); margin-top:15px; border-radius:5px; } 
.share b { display:block; margin-bottom:5px; } 
.control-owl { position:absolute; width:100%; z-index:2; left:0px; top:calc(50% - 45px/2); } 
.control-owl button { opacity: 0.3; top:0px; position:absolute; outline:none; border:0px; padding:0px; margin:0px; display:block; cursor:pointer; color:#ffffff; width:35px; height:45px; text-align:center; display:flex; align-items:center; justify-content:center; font-size:25px; margin:0px; background-color:var(--c1); border-radius:3px; -webkit-transition:0.3s ease-out; -moz-transition:0.3s ease-out; -o-transition:0.3s ease-out; transition:0.3s ease-out; } 
.control-owl button:hover { opacity:1; } 
.control-owl button.owl-prev { left: 15px; } 
.control-owl button.owl-next { right: 15px; } 
.form-control,.form-control-plaintext:not(textarea),.custom-select { height:calc(1em + 1.25rem + 8px); } 
.text-sm { font-size:.875rem!important; } 
.content-responsive { position: relative; max-width: 100%; overflow: hidden; } 
.content-responsive figure { width: max-content; } 
.content-responsive figure figcaption { font-size: clamp(10px, 3vw, 14px); background: #3333330d; padding: 6px 10px 5px; text-align: center; border-radius: 0 0 2.5px 2.5px; } 



/* Lazyload */
img.lazy { opacity:0; } 
img:not(.initial) { transition:opacity 1s; } 
img.initial,img.loaded,img.error { opacity:1; } 
img:not([src]) { visibility:hidden; } 

/* Mmenu */
.menu-res { display: none; height: 55px; z-index: 10; background: var(--c1); position: relative; line-height: normal; } 
.menu-bar-res { height:55px; padding:0px 15px; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; align-items:center; justify-content:space-between; } 
.mm_left { width: 25%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } 
.mm_right { width: 25%; display: flex; justify-content: flex-end; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 10px; } 
.mm_logo { display: block; } 
.mm_logo img { height: 80px; transition: all .2s ease; } 
.menu-res.scrolled .mm_logo img { height: 50px; transition: all .2s ease; } 

#menu { display:none; } 
#hamburger { display:block; width:45px; height:23px; position:relative; } 
#hamburger:before,#hamburger:after,#hamburger span { background: var(--c1); content:''; display:block; width:100%; height:3px; position:absolute; left:0px; } 
#hamburger:before { top:0px; } 
#hamburger span { top:10px; } 
#hamburger:after { top:20px; } 
#hamburger:before,#hamburger:after,#hamburger span { -webkit-transition:none 0.5s ease 0.5s; transition:none 0.5s ease 0.5s; -webkit-transition-property:transform,top,bottom,left,opacity; transition-property:transform,top,bottom,left,opacity; } 
.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after { top:10px; } 
.mm-wrapper_opening #hamburger span { left:-50px; opacity:0; } 
.mm-wrapper_opening #hamburger:before { transform:rotate(45deg); } 
.mm-wrapper_opening #hamburger:after { transform:rotate(-45deg); } 
.mm-menu_opened { display:block!important; } 

/* Search Responsive */
.search-res { position:relative; text-align: right; } 
.search-res .icon-search { width: 38px; height: 38px; cursor:pointer; text-align:center; color:#ffffff; font-size:17px; margin:0px; border-radius: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid; } 
.search-res .icon-search.active { color:var(--color-red); background:#ffffff; border-radius:100%; } 
.search-res .search-grid { position: absolute; top: 45px; right: 0px; width: 0px; height: 40px; overflow: hidden; background: #ffffff; border: 1px solid var(--c1); z-index: 2; opacity: 0; border-radius: 3px; line-height: normal; } 
.search-res .search-grid p { float:left; width: 38px; height: 38px; cursor:pointer; outline:none; border:none; margin:0px; font-size:17px; line-height:40px; text-align:center; display: flex; align-items: center; justify-content: center; } 
.search-res .search-grid input { width: calc(100% - 38px); float:right; line-height:38px; outline:none; border:none; color: #000; font-size: 13px; } 
.search-res .search-grid input::-webkit-input-placeholder { color:#ccc; } 
.search-res .search-grid input:-moz-placeholder { color:#ccc; } 
.search-res .search-grid input::-moz-placeholder { color:#ccc; } 
.search-res .search-grid input:-ms-input-placeholder { color:#ccc; } 

/* Slideshow */
.slideshow { position:relative; width: calc( 1190px - 270px - 4px ); overflow: hidden; margin: 4px 0; margin-left: auto; } 
.slideshow-item { display:block; cursor:pointer; } 
.slideshow:hover .control-slideshow { opacity:1; } 
.control-slideshow { opacity:0; } 

/* Breadcrumb */
.breadCrumbs { background-color: #eaedf080; margin-top: 0; width: 100%; overflow: hidden; } 
.breadCrumbs .wrap-content { padding: 0.5rem 15px; font-size: 14px; } 
.breadCrumbs .wrap-content .breadcrumb { padding:0; margin-bottom:0; background-color: transparent; border-radius:0; } 
.breadCrumbs .wrap-content .breadcrumb-item a { color: var(--title); font-size: clamp(10px, 3vw, 14px); transition: all 0.2s linear; } 
.breadCrumbs .wrap-content .breadcrumb-item.active a { font-weight: 500; } 
.breadCrumbs .wrap-content .breadcrumb-item:hover a { color: #000; transition: all 0.2s linear; } 

/* Video */
.video { cursor:pointer; margin-bottom:1rem; } 
.video-image { position:relative; margin-bottom:0.75rem; } 
.video-image img { object-fit: cover !important; } 
.video-image:before { content:""; position:absolute; width:50px; height:35px; top:calc(50% - 50px/2); left:calc(50% - 35px/2); z-index:1; background-repeat:no-repeat; background-image:url(../images/play.png); } 
.video-name { text-align:center; font-size:16px; color: var(--c1); margin-bottom:0px; } 

/* Album */
.album { cursor:pointer; margin-bottom:1rem; } 
.album-image { margin-bottom:0.75rem; border: 1px solid rgb(51 51 51 / 5%); } 
.album-name { margin-bottom:0px; text-align:center; } 
.album-name a { display:block; font-size:16px; color:var(--color-black); margin-bottom:0px; } 

/* Product Detail */
.grid-pro-detail { margin-bottom:3rem; } 
.left-pro-detail { position:relative; text-align:center; } 
.left-pro-detail .MagicZoom { border:1px solid #eee; padding:7px; border-radius:5px; background-color:#ffffff; z-index: 2; } 
.gallery-thumb-pro { position:relative; margin-top:10px; z-index: 1; } 
.owl-pro-detail { padding:0px 30px; } 
.control-pro-detail button { background-color:transparent; color:#222222; opacity:1; width:25px; font-size:23px; } 
.control-pro-detail button:hover { opacity:0.7; } 
.control-pro-detail button.owl-prev { left:0px; } 
.control-pro-detail button.owl-next { right:0px; } 
.thumb-pro-detail { display:block!important; border:1px solid #eee; padding: 2.5px; border-radius:3px; cursor:pointer; background-color:#ffffff; } 
.thumb-pro-detail.mz-thumb.mz-thumb-selected { border-color: #b80104ad; } 
.thumb-pro-detail img { box-shadow:none!important; filter:brightness(100%)!important; border-bottom:0px!important; padding-bottom:0px!important; } 
.title-pro-detail { text-transform:capitalize; font-size: clamp(18px, 4vw, 25px); display:block; font-weight: 900; color: var(--c1); } 
.comment-pro-detail { display:flex; align-items:center; justify-content:flex-start; } 
.social-plugin-pro-detail { margin-bottom:1rem; margin-top:0px!important; } 
.desc-pro-detail { margin-bottom:1rem; } 
.attr-pro-detail { list-style:none; padding:0px; font-size: 13px; } 
.attr-pro-detail li { margin-bottom:0.5rem; } 
.attr-label-pro-detail { margin:0px 5px 0px 0px; } 
.attr-label-pro-detail.d-block { display:block; margin:0px 0px 5px 0px; } 
.attr-content-pro-detail { display:inline-block; margin-bottom:0px; } 
.price-new-pro-detail { font-weight:700; font-size:20px; color:var(--color-red); } 
.price-old-pro-detail { font-weight:500; color:var(--color-gray); text-decoration:line-through; padding-left:10px; } 
.color-pro-detail { cursor:pointer; display:inline-block; vertical-align:top; position:relative; width:35px; height:30px; margin:0px 0px 3px 0px; border:1px solid transparent; background-repeat:no-repeat; background-size:contain; background-position:center center; } 
.size-pro-detail { cursor:pointer; border:1px solid #ccc; padding:3px 10px 4px 10px; display:inline-block; position:relative; } 
.size-pro-detail.active,.color-pro-detail.active { border-color:#e5101d; color:#e5101d; } 
.size-pro-detail.active:after,.color-pro-detail.active:after { content:''; position:absolute; bottom:0px; right:0px; width:13px; height:13px; background-repeat:no-repeat; background-image:url(../images/check-cart.png); } 
.color-pro-detail input[type=radio],.size-pro-detail input[type=radio] { display:none; } 
.quantity-pro-detail { width:100%; max-width:110px; line-height:normal; display:flex; align-items:center; justify-content:space-between; text-align:center; } 
.quantity-pro-detail span { line-height:25px; padding:0px; width:30px; height:30px; color:#5f5f5f; cursor:pointer; font-size:22px; border:1px solid #cccccc; } 
.quantity-pro-detail span.quantity-plus-pro-detail { border-left:0px; } 
.quantity-pro-detail span.quantity-minus-pro-detail { border-right:0px; } 
.quantity-pro-detail input { height:30px; border:1px solid #cccccc; width:calc(100% - 60px); text-align:center; font-size:14px; padding:5px; } 
.cart-pro-detail { margin-top: 1rem; margin-bottom: 0.25rem; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; gap: 8px; max-width: 350px; width: 100%; } 

.cart-pro-detail a { font-size:14px; color:#ffffff!important; text-transform:uppercase; border-radius: 10px !important; overflow: hidden; } 
.tags-pro-detail a i { font-size:11px; margin:5px 5px 0px 0px; } 
.cart-pro-detail .addnow { background-color: transparent; background-color: initial; border: 2px solid #ff0004; flex-direction: column; height: 55px; width: 70px; display: flex; align-items: center; justify-content: center; transition: all .3s ease; } 
.cart-pro-detail .addnow i { font-size: 23px; color: #e04040; margin-bottom: 5px; transition: all .3s ease; } 
.cart-pro-detail .addnow span { color: #e04040; font-size: 8px; font-weight: 600; margin: 0; padding: 0; text-transform: capitalize; transition: all .3s ease; line-height: normal; } 
.cart-pro-detail .addnow:hover { cursor: pointer; background: #ff0004; transition: all .3s ease; } 
.cart-pro-detail .addnow:hover i, .cart-pro-detail .addnow:hover span { color: #fff; transition: all .3s ease; } 
.cart-pro-detail .buynow { flex: 1; background: linear-gradient(#f52f32,#e11b1e); border: none; color: #fff; flex-direction: row; height: 55px; outline: none; width: calc(100% - 80px); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s ease; background-size: 300% 100%; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; background-image: linear-gradient(to right, #ff1418, #b80104, #b80104, #ff0004); } 
.cart-pro-detail .buynow i { font-size: 22px; color: #fff; margin-right: 12px; transition: all .3s ease; } 
.cart-pro-detail .buynow span { color: #fff; font-size: 16px; font-weight: bold; margin: 0; padding: 0; text-transform: capitalize; transition: all .3s ease; } 
.cart-pro-detail .buynow:hover { background-position: 100% 0; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; transition: all .3s ease; } 
.cart-pro-detail .buynow:hover i, .cart-pro-detail .buynow:hover span { color: rgb(235, 235, 7); transition: all .3s ease; } 
.tabs-pro-detail { margin-top:2rem; } 
.tabs-pro-detail .nav-tabs .nav-link { border-top-width:3px; font-size: 14px; color: #333; font-weight: bold; } 
.tabs-pro-detail .nav-tabs .nav-link.active,.tabs-pro-detail .nav-tabs .nav-item.show .nav-link { border-top-color: var(--c1); color: var(--c1); } 

#content_limit { position: relative; padding-bottom: 20px; } 

#content_limit .content_showore { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); padding: 6px 20px; align-items: center; background: #fff; border: none; border-radius: 0 0 10px 10px; box-shadow: 0 5px 2px 0 rgba(60,64,67,.1), 0 4px 6px 2px rgba(60,64,67,.05); color: #212529; cursor: pointer; display: flex; font-size: 14px; height: 40px; justify-content: center; margin-bottom: 15px; margin-left: auto; margin-right: auto; max-width: 335px; -webkit-text-decoration: none; text-decoration: none; width: 100%; transition: all .3s ease; } 

.limit-content::before { content: ''; height: 123px; background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.91) 50%,#fff 55%); border-radius: 0; bottom: -0px; display: block; left: 0; margin-bottom: 0; padding-top: 68px; position: absolute; right: 0; text-align: center; width: 100%; } 

#content_limit .content_showore:hover { font-weight: bold; color: red; transition: all .3s ease; } 

/* Comment */
.comment-title { font-size: 18px; } 
.comment-show { display: block !important; } 
.comment-point { font-size: 47px; color: #fe302e; } 
.comment-star { font-size: 0; position: relative; display: inline-block; vertical-align: top; margin-bottom: 0.5rem; } 
.comment-star span { display: block; position: absolute; top: 0; left: 0px; bottom: 0; z-index: 1; overflow: hidden; text-align: left; white-space: nowrap; } 
.comment-star i { display: inline-block; margin: 0.1rem; color: #b8b8b8; text-rendering: auto; font-size: 20px; } 
.comment-star i:nth-child(1) { margin-left: 0; } 
.comment-star span i { color: #ffc120; } 
.comment-progress { width: 100%; margin-bottom: 0.375rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } 
.comment-progress:last-child { margin-bottom: 0px; } 
.comment-progress .progress { height: 12px; margin-right: 10px; margin-left: 5px; width: calc(100% - 90px); border-radius: 10px; } 
.comment-progress .progress-bar#has-rate { background-color: #23b445; } 
.comment-progress .progress-num { font-size: 15px; width: 25px; text-align: center; color: #787878; } 
.comment-progress .progress-total { font-weight: 600; text-align: left; color: #787878; width: 50px; } 
.comment-write { display: none; } 
.review-rating-star { font-size: 0; } 
.review-rating-star-icon .fa { font-weight: 400; font-style: normal; display: inline-block; margin: 0.1rem; font-size: 21px; cursor: pointer; color: #f0c808; } 
.review-rating-star-icon .fa.star-empty { color: #dedddc; } 
.review-rating-star-icon .fa.star-not-empty { color: #f0c808; } 
.review-rating-star-icon .fa:nth-child(1) { margin-left: 0; } 
.review-fileuploader { padding: 20px 15px; text-align: center; background-color: #ffffff; cursor: pointer; border: 2px dashed #c2cdda; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.review-fileuploader .review-fileuploader-text { color: #90a0bc; } 
.review-file-uploader .fileuploader { padding: 0px; margin: 0px; background: transparent; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list { margin: 1rem -5px 0 -5px; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list:after { display: block; content: ""; clear: both; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item { padding: 0px; width: calc(100% / 7 - 10px); float: left; margin: 0 5px 5px 5px; border-bottom: 0px; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .columns { display: block; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail { width: auto; height: auto; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image { height: auto; padding: 50% 0; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-thumbnail .fileuploader-item-image img { position: absolute; top: 0px; left: 0px; max-width: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: none; transform: none; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-title { padding: 0px; margin-top: 0.5rem; text-align: center; display: none; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-actions { margin: 0px; position: absolute; top: 0px; right: -5px; } 
.review-file-uploader .fileuploader-items .fileuploader-items-list .fileuploader-item .column-infos input { border: 1px solid #dddddd; border-radius: 0.25rem; } 
.review-poster-video-avatar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } 
.review-poster-video-avatar .avatar-detail { width: 95px; height: 95px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.review-poster-video-avatar .avatar-detail img { max-width: 95px; max-height: 95px; } 
#review-content { height: 350px; } 
.carousel-comment-media .carousel-control a { opacity: 1; width: 45px; height: 45px; top: calc(50% - 45px / 2); bottom: inherit; } 
.carousel-comment-media .carousel-control a span { display: block; cursor: pointer; color: #222222; width: 45px; height: 45px; padding: 5px; text-align: center; background-color: #ffffff; -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.carousel-comment-media .carousel-control a.carousel-control-prev { left: 20px; } 
.carousel-comment-media .carousel-control a.carousel-control-prev span { padding-right: 9px; } 
.carousel-comment-media .carousel-control a.carousel-control-next { right: 20px; } 
.carousel-comment-media .carousel-control a.carousel-control-next span { padding-left: 8px; } 
.carousel-comment-media .carousel-indicators { position: static; margin: 0px 0px 0.75rem 0px; text-align: left; display: block; } 
.carousel-comment-media .carousel-indicators li { width: auto; max-width: 60px; height: auto; text-indent: inherit; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0px 0px 3px 0px; border: 2px solid transparent; opacity: 1; cursor: -webkit-zoom-in; cursor: zoom-in; } 
.carousel-comment-media .carousel-indicators li.active { border-color: #ffc120; cursor: -webkit-zoom-out; cursor: zoom-out; -webkit-transform: scale(1.05); transform: scale(1.05); } 
.carousel-comment-media .carousel-inner { max-width: 550px; -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.12); } 
.carousel-comment-media .carousel-inner .carousel-lists .carousel-comment-media-item-video #file-video { max-width: 100%; width: 100%; height: 500px; vertical-align: top; display: inline-block; background-color: #000000; } 
#form-reply { display: none; } 

.comment-item { margin-bottom: 3rem; } 

@media only screen and (min-width: 992px){
 .comment-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } 
 }
.comment-item-poster { width: 200px; margin-right: 30px; text-align: center; } 
@media only screen and (max-width: 991px){
 .comment-item-poster { width: auto; margin-right: 0px; margin-bottom: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } 
 }
.comment-item-letter { border-radius: 50%; background-color: #d3d2d3; color: #919090; width: 65px; height: 65px; text-transform: uppercase; display: inline-block; vertical-align: top; line-height: 67px; font-size: 18px; font-weight: 700; margin-bottom: 0.5rem; } 
@media only screen and (max-width: 991px){
 .comment-item-letter { width: 40px; height: 40px; line-height: 40px; font-size: 13px; margin-bottom: 0; } 
 }
.comment-item-name { margin-bottom: 0.25rem; text-transform: capitalize; } 
@media only screen and (max-width: 991px){
 .comment-item-name { margin-bottom: 0px; margin-left: 10px; margin-right: 10px; } 
 }
.comment-item-posttime { font-size: 12px; color: #999999; } 
.comment-item-information { width: calc(100% - 230px); } 
@media only screen and (max-width: 991px){
 .comment-item-information { width: 100%; } 
 }
.comment-item-star { float: left; margin-right: 10px; } 
.comment-item-star i { font-size: 17px; } 
.comment-item-title { font-size: 15px; font-weight: 500; } 
.comment-replies { position: relative; background: #f8f9fa; border: 1px solid #dfdfdf; padding: 1.75rem 1.5rem; } 
.comment-replies:after { content: ""; position: absolute; } 
.comment-replies:before { content: ""; position: absolute; z-index: 1; top: -13px; left: 10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 13px solid #f8f9fa; } 
.comment-replies:after { top: -14px; left: 9px; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 14px solid #dfdfdf; } 
.comment-replies-item { margin-bottom: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } 
.comment-replies-item:last-child { margin-bottom: 0px; } 
.comment-replies-letter { width: 45px; height: 45px; margin-right: 10px; line-height: 45px; padding-left: 1px; font-size: 14px; border-radius: 50%; background-color: #e5e3e5; color: #919090; text-transform: uppercase; display: inline-block; vertical-align: top; font-weight: 500; text-align: center; margin-top: 0.125rem; } 
.comment-replies-letter.admin { position: relative; background-color: #189eff; text-indent: 9999px; overflow: hidden; } 
.comment-replies-letter.admin:before { content: "QTV"; text-indent: 0px; color: #ffffff; font-weight: 500; text-transform: uppercase; font-size: 13px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 
.comment-replies-info { width: calc(100% - 55px); } 
.comment-replies-name { font-weight: 500; margin-bottom: 0.125rem; } 
.comment-replies [class*="btn-load-more-"] { border: 0px; outline: none; padding: 0px; background: transparent; } 
.comment-media-play { z-index: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } 
.comment-media-play svg { -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3); border-radius: 50%; background-color: rgba(255, 255, 255, 0.15); } 
.comment-media-play svg .comment-media-play-stroke-dotted { opacity: 0; stroke-dasharray: 4, 5; stroke-width: 1px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin 4s infinite linear; animation: spin 4s infinite linear; -webkit-transition: opacity 1s ease, stroke-width 1s ease; transition: opacity 1s ease, stroke-width 1s ease; } 
.comment-media-play svg .comment-media-play-stroke-solid { stroke-dashoffset: 0; stroke-dasharray: 300; stroke-width: 4px; -webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease; transition: stroke-dashoffset 1s ease, opacity 1s ease; } 
.comment-media-play svg .comment-media-play-icon { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 200ms ease-out; transition: -webkit-transform 200ms ease-out; transition: transform 200ms ease-out; transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; } 
.comment-media-play:hover svg .comment-media-play-stroke-dotted { stroke-width: 4px; opacity: 1; } 
.comment-media-play:hover svg .comment-media-play-stroke-solid { opacity: 0; stroke-dashoffset: 300; } 
.comment-media-play:hover svg .comment-media-play-icon { -webkit-transform: scale(1.05); transform: scale(1.05); } 

/* News */
.news { margin-bottom:2rem; } 
.news-name { margin-bottom:0.5rem; } 
.news-name a { color: #333; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: normal; } 
.news-name a.text-split { -webkit-line-clamp:2; } 
.news-name a:hover { color: var(--c1); } 
.news-time { color:#84878a; margin-bottom:0.25rem; } 
.news-desc { color:#333333; margin-top:5px; line-height:22px; } 
.othernews b { margin-bottom:10px; } 
.list-news-other { padding-left:17px; list-style:square; } 
.list-news-other li { margin-bottom: 5px; } 
.list-news-other li a { text-transform:none; color:#333333; } 
.list-news-other li a:hover { color:var(--color-red); } 

/* Contact */
.contact-article { margin-bottom:3rem; } 
.contact-input { position:relative; margin-bottom:15px; } 
.contact-input textarea { resize:none; height:150px; } 
.contact-input .custom-file-label::after { content:attr(title); } 
.contact-map { position:relative; height:500px; } 
.contact-map iframe { position:absolute; top:0px; left:0px; width:100%!important; height:100%!important; } 

/* Like Share */
.social-plugin { display:flex; justify-content:flex-start; margin-top:10px; margin-bottom: 1rem !important; } 
.social-plugin .at-share-btn { margin-bottom:0px!important; } 
.social-plugin .zalo-share-button { margin-left:3px; } 

/* Paging */
.pagination-home .pagination .page-item .page-link { color:#555555; font-size:.875rem; } 
.pagination-home .pagination .page-item.active .page-link { color:#ffffff; background-color:#555555; border-color:#555555; } 

/* Paging Ajax */
.pagination-ajax { text-align:center; } 
.pagination-ajax a { display:inline-block; vertical-align:top; margin:0px 3px 3px 3px; width:35px; height:35px; line-height:33px; color:#666!important; border: 1px solid #e6e6e6bd; font-size:13px; cursor:pointer; text-decoration:none!important; background-color:#ffffff; border-radius: 5px; transition: all 0.2s linear; font-weight: bold; } 
.pagination-ajax a.current, .pagination-ajax a:hover { color: #fff!important; border-color: var(--c1); background-color: var(--c1); } 
.pagination-ajax a.first,.pagination-ajax a.last,.pagination-ajax a.prev,.pagination-ajax a.next { text-indent:-9999px; position:relative; background-color:#ffffff!important; } 
.pagination-ajax a.first:before,.pagination-ajax a.last:before,.pagination-ajax a.prev:before,.pagination-ajax a.next:before { content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2; background-color:transparent; background-repeat:no-repeat; background-position:center; } 
.pagination-ajax a.first:before { background-image:url(../images/page-first.png); } 
.pagination-ajax a.last:before { background-image:url(../images/page-last.png); } 
.pagination-ajax a.prev:before { background-image:url(../images/page-prev.png); } 
.pagination-ajax a.next:before { background-image:url(../images/page-next.png); } 

/* Popup */
#popup .modal-body { padding:0px; } 

/* Hidden Google Captcha */
.grecaptcha-badge { display:none!important; width:0px!important; height:0px!important; visibility:hidden!important; overflow:hidden; } 

/* Hidden Check Grammar Coccoc */
coccocgrammar { display:none; } 

/* Scroll Top */
.scrollToTop { width:41px; height:41px; text-align:center; font-weight:bold; color:#444; text-decoration:none; position:fixed; bottom:65px; right:25px; display:none; z-index:10; cursor:pointer; } 

/* Text Hide */
.text-split-1 { overflow:hidden !important; text-overflow:ellipsis !important; white-space:normal !important; -webkit-box-orient:vertical !important; display:-webkit-box !important; -webkit-line-clamp:1 !important; } 
.text-split-2 { overflow:hidden !important; text-overflow:ellipsis !important; white-space:normal !important; -webkit-box-orient:vertical !important; display:-webkit-box !important; -webkit-line-clamp:2 !important; } 
.text-split { overflow:hidden !important; text-overflow:ellipsis !important; white-space:normal !important; -webkit-box-orient:vertical !important; display:-webkit-box !important; -webkit-line-clamp:3 !important; } 
.text-split-4 { overflow:hidden !important; text-overflow:ellipsis !important; white-space:normal !important; -webkit-box-orient:vertical !important; display:-webkit-box !important; -webkit-line-clamp:4 !important; } 
.text-split-5 { overflow:hidden !important; text-overflow:ellipsis !important; white-space:normal !important; -webkit-box-orient:vertical !important; display:-webkit-box !important; -webkit-line-clamp:5 !important; } 
.text-split-6 { overflow:hidden !important; text-overflow:ellipsis !important; white-space:normal !important; -webkit-box-orient:vertical !important; display:-webkit-box !important; -webkit-line-clamp:6 !important; } 
.text-split-7 { overflow:hidden !important; text-overflow:ellipsis !important; white-space:normal !important; -webkit-box-orient:vertical !important; display:-webkit-box !important; -webkit-line-clamp:7 !important; } 
.text-split-8 { overflow:hidden !important; text-overflow:ellipsis !important; white-space:normal !important; -webkit-box-orient:vertical !important; display:-webkit-box !important; -webkit-line-clamp:8 !important; } 
.text-split-8 { overflow:hidden !important; text-overflow:ellipsis !important; white-space:normal !important; -webkit-box-orient:vertical !important; display:-webkit-box !important; -webkit-line-clamp:8 !important; } 

/* Transition All */
.transition { -webkit-transition:0.3s ease-out; -moz-transition:0.3s ease-out; -o-transition:0.3s ease-out; transition:0.3s ease-out; } 
 
/* Images Hover */
.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); } 
.img_hover { overflow: hidden; position: relative; padding: 0; z-index: 0; } 
.img_hover:after { position: absolute; top: 0; left: 0; bottom: 0; right:0; z-index: 22; display: block; /* content: ''; */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color=#000000)"; -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2) inset; box-shadow: 0 0 15px rgba(0,0,0,0.2) inset; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#000000); } 
.img_hover:before { position: absolute; top: 0; left: -95%; z-index: 22; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } 
.img_hover:hover:before { -webkit-animation: shine .6s; animation: shine .6s; } 
@-webkit-keyframes shine { 100% { left: 125%; } 
 }
@keyframes shine { 100% { left: 125%; } 
 }
 
/* Animation Css */
.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; } 
 }
.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) } 
 }
 
/* Button Frame */ 
.tool-desktop { display: flex; position: fixed; bottom: 225px; right: 20px; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: center; z-index: 10001; gap: 30px; } 
.btn-frame { display:block; width:50px; height:50px; position: relative; z-index: 1000; 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: transparent; position:relative; z-index: 1001; } 
.btn-frame i img { vertical-align: middle; width: 100%; overflow: hidden; border-radius: 100%; } 
.btn-frame .animated.infinite { animation-iteration-count:infinite; } 
.btn-frame .kenit-alo-circle { width:60px; height:60px; top:-5px; right:-5px; position:absolute; background-color:transparent; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:2px solid rgba(7,41,103,0.8); opacity:.1; border-color:var(--btn); 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:rgba(7,41,103,0.35); opacity:.4; } 
.btn-frame .pulse { animation-name:pulse; } 

/* WRAP Giao Hàng */
div#wrap_delivery { position: fixed; left: 15px; top: 50%; z-index: 1001; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 10px; transform: translateY(-50%); } 
.delivery_items { margin-top: 0; border-radius: 100%; overflow: hidden; transition: all .3s ease; } 
.delivery_items img { width: 100%; text-align: center; filter: drop-shadow(0px 0px 3px rgb(0 0 0 / 20%)); } 
.delivery_items:hover { transform: translateX(10px) scale(1.1); transition: all .3s ease; } 

/* Messenger */
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed { display:none!important } 
.js-facebook-messenger-tooltip { bottom:97px; right:97px } 
.js-facebook-messenger-tooltip { color:#404040; background:#fff } 
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip { z-index:999 } 
.js-facebook-messenger-tooltip { display:none; position:fixed; text-align:center; border-radius:10px; overflow:hidden; font-size:12px; line-height:1; padding:10px; border:1px solid rgba(0,0,0,0.1); box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt; z-index:1.0E+30 } 
.js-facebook-messenger-close-tooltip { width:10px; height:10px; display:inline-block; cursor:pointer; margin-left:10px } 
.js-facebook-messenger-box.rubberBand { -webkit-animation-name:rubberBand; animation-name:rubberBand } 
.js-facebook-messenger-box.animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } 
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip { z-index:999 } 
.js-facebook-messenger-box { display:block; position:fixed; cursor:pointer; bottom:150px; right:17px; width:56px; height:56px; text-align:center; background:var(--btn); 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); background: rgb(6,147,252); background: -moz-linear-gradient(23deg, rgba(6,147,252,1) 0%, rgba(141,64,254,1) 50%, rgba(253,102,106,1) 100%); background: -webkit-linear-gradient(23deg, rgba(6,147,252,1) 0%, rgba(141,64,254,1) 50%, rgba(253,102,106,1) 100%); background: linear-gradient(23deg, rgba(6,147,252,1) 0%, rgba(141,64,254,1) 50%, rgba(253,102,106,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0693fc",endColorstr="#fd666a",GradientType=1); } 
.js-facebook-messenger-box.rotate svg#fb-msng-icon { transform:rotate(0deg) } 
.js-facebook-messenger-box svg#fb-msng-icon { width:32px; height:33px; position:absolute; top:13px; left:12px; opacity:1; overflow:hidden; -webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; -moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; -o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; } 
.js-facebook-messenger-box.rotate svg#close-icon { transform:rotate(-45deg) } 
.js-facebook-messenger-box svg#close-icon { opacity:0; width:19px; height:20px; position:absolute; top:19px; left:19px; -webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; -moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; -o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; transition:opacity 160ms ease-in-out,transform 160ms ease-in-out; } 
.js-facebook-messenger-container,.js-facebook-messenger-container-button { z-index:1000 } 
.js-facebook-messenger-container { position:fixed; opacity:0; transform:translateY(50px); bottom:110px; right:90px; border-radius:10px; pointer-events:none; box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16); -webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out; -moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out; -o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out; transition:transform 160ms ease-in-out,opacity 160ms ease-in-out } 
.js-facebook-messenger-top-header { width:220px } 
.js-facebook-messenger-top-header { color:#ffffff; background:var(--btn) } 
.js-facebook-messenger-top-header { display:block; position:relative; width:220px; background:var(--btn); color:#ffffff; 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:#ffffff; background:var(--btn) } 
.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 } 
.js-facebook-messenger-box svg path { fill: #fff !important; } 

/* Cart Fix */
.cart-fixed { position: relative; z-index:10; background: var(--btn); width:50px; height:50px; text-align:center; color:#fff!important; border-radius:100%; display:flex; align-items:center; justify-content:center; } 
.cart-fixed i { font-size:20px; } 
.cart-fixed span { position: absolute; top: 0px; right: -5px; color: #fff; width: 22px; height: 22px; background: darkred; text-align: center; line-height: 22px; font-size: 13px; border-radius: 100%; z-index: 1001; font-weight: bold; } 

/* Toolbar */
.toolbar { background: var(--c1); width: 100%; padding: .5rem 0 .3rem; bottom: 0px; position: fixed; z-index: 500; height: auto; left: 0px; border-radius: 1.3rem 1.3rem 0 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: 20%; } 
.toolbar ul li a { display:block; width:100%; cursor:pointer; } 
.toolbar ul li a img { height: 8vw; width:auto; /* border-radius: 100%; *//* overflow: hidden; */ } 
.toolbar ul li a span { font-weight:400; color:#ffffff; font-size: 2vw; margin-top: 3px; display: block; } 
.toolbar ul li a#giohang .count-cart { display: inline-block; width: max-content; } 

/* Fixbar */
.fixbar { bottom:0; display:block; background:#f0eff4; border-top:1px solid #ddd; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:fixed; margin:0; z-index:500; -webkit-backface-visibility:hidden; backface-visibility:hidden; height:50px; } 
.fixbar ul { margin:0px; padding:0px; list-style:none; } 
.fixbar ul li { display:inline-block; margin:0 auto 10px; text-align:center; width:25%; float:left; } 
.fixbar .icon-cart-mobile,.fixbar .icon-cart-new,.fixbar .icon-home-new,.fixbar .icon-hotdeal-new { width:20px; height:20px; display:block; margin:8px auto 0; } 
.fixbar .icon-cart-mobile { background:url(../images/cart-mobile.png) no-repeat; } 
.cart-total-header-mobile { font-size:10px; position:absolute; background:red; color:#fff!important; border-radius:50%; height:15px; width:15px; line-height:15px; top:5px; margin-left:5px; } 
.fixbar ul li a { font-size:11px; text-decoration:none; color:#333; } 
.fixbar ul li a i { font-size:20px; } 

/* Toc */
.box-readmore { padding:8px 15px; border:1px solid #dedede; margin-bottom:2rem; border-radius:5px; background-color:#eeeeee; } 
.box-readmore li ul>li { margin:0; margin-bottom:8px } 
.box-readmore li ul>li:before { content:counters(item,".") " " } 
.box-readmore ul { list-style-type:none; counter-reset:item; margin-bottom:0px; padding-left:0px!important; margin-top:8px; } 
.box-readmore ul li { display:table; counter-increment:item; margin-bottom:5px } 
.box-readmore ul li:before { content:counters(item,".") ". "; display:table-cell; padding-right:5px } 
.box-readmore ul li a { color:#333333; cursor:pointer; font-weight:600; } 
.box-readmore ul li a:hover { color:#767676; } 

/* WRAP BOOKING */
div#popup-booking { max-width: 650px; background: #fff; padding: 25px; border-radius: 8px; overflow: hidden; } 
.border_form { display: block; position: relative; } 
.booking_title { font-size: 30px; color: var(--c1); line-height: 1; margin-bottom: 24px; margin-top: 12px; text-align: center; text-transform: uppercase; font-weight: 900; } 
.booking_desc { font-size: 14px; color: #f2ecdc; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 18px; } 
.form_booking { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; gap: 16px; } 
.form_booking input { width: calc( 50% - 8px ); height: 50px; background: #fff; border: 1px solid var(--c1); color: #000; border-radius: 5px; padding: 0 12px; font-size: 14px; text-transform: capitalize; } 
.form_booking textarea { width: 100%; height: 70px; background: transparent; border: 1px solid var(--c1); color: #000; border-radius: 5px; padding: 10px; resize: none; font-size: 14px; } 
.form_booking input::-webkit-input-placeholder { color:var(--text); } 
.form_booking input:-moz-placeholder { color:var(--text); } 
.form_booking input::-moz-placeholder { color:var(--text); } 
.form_booking input:-ms-input-placeholder { color:var(--text); } 
input[type="datetime-local"] { width: 100%; position: relative; text-transform: uppercase; } 
input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: brightness(0); width: 22px; height: 22px; } 
.form_booking input[type="datetime-local"]::-webkit-calendar-picker-indicator { color-scheme: dark; cursor: pointer; } 
.form_booking input[type="submit"] { display: inline-block; width: max-content; border: none; background: var(--c1); color: #fff; font-size: 18px; text-transform: uppercase; height: unset; line-height: 1; padding: 12px 20px 10px; border-radius: 5px; margin: 0px auto; transition: all 0.2s linear; font-weight: bold; } 
.form_booking input[type="submit"]:hover { background: darkred; color: #fff !important; transition: all 0.2s linear; } 
.form-control.is-invalid, .was-validated .form-control:invalid { background-color: rgba(139, 0, 0, 0.08); } 

/* GRID PRODUCT */
.grid_product { width: 100%; display: grid; grid-template-columns: repeat(5, calc((100% + 19px) / 5 - 19px)); grid-gap: 19px; } 

/* WRAP ABOUT */
.wrap_about { width: 100%; padding: 60px 0; } 
.flex_about { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; } 
.about_content { width: 50%; } 
.about_images { width: 46%; } 
.about__wc { font-size: 15px; color: #555555; font-weight: bold; line-height: normal; margin-bottom: 8px; } 
.about__name { font-size: 25px; color: var(--c1); font-family: 'font2'; font-weight: bold; text-transform: uppercase; line-height: normal; margin-bottom: 15px; } 
.about__desc { font-size: 14px; color: #555555; line-height: 1.8; } 
.about__img { display: block; } 

/* WRAP ALBUM */
.wrap_album { width: 100%; margin: 60px 0; } 
.grid_album { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 9px; } 
.ab__item.ab1 { grid-column: 1 / 2; grid-row: 1 / 4; } 
.ab__item.ab2 { grid-column: 1 / 2; grid-row: 4 / 8; } 
.ab__item.ab3 { grid-column: 2 / 3; grid-row: 1 / 8; } 
.ab__item.ab4 { grid-column: 3 / 4; grid-row: 1 / 5; } 
.ab__item.ab5 { grid-column: 3 / 4; grid-row: 5 / 8; } 
.ab__item { display: block; border-radius: 10px; overflow: hidden; } 
.ab__img { display: block; width: 100%; height: 100%; } 
.ab__img img { display: block; width: 100%; height: 100%; object-fit: cover; } 
 
/* WRAP TEMPLATE */
.wrap_tempalte { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } 
.col_category { width: 260px; position: sticky; top: 80px; } 
.col_content { width: calc( 100% - 260px - 20px ); position: sticky; top: 80px; } 
.box_category { display: block; } 
.category_title { display: block; text-align: center; background: var(--c1); line-height: normal; color: #fff; font-weight: bold; text-transform: uppercase; padding: 10px 20px; font-size: 15px; } 
ul.category_list { display: block; position: relative; padding: 0; list-style: none; border: 1px solid #3333; border-top: none; margin: 0; } 
ul.category_list li { padding: 10px; border-bottom: 1px solid #33333314; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 5px; position: relative; } 
ul.category_list li li { padding-right: 0; } 
ul.category_list li::before { position: absolute; content: ''; left: -1px; top: 0; width: 0.1rem; height: 0; background: var(--c1); transition: all .3s ease; } 
ul.category_list ul li::before { display: none; } 
ul.category_list li.active::before { height: 100%; transition: all .2s ease; } 
ul.category_list li.active { background: #33333308; padding-bottom: 5px; } 
ul.category_list ul li.active { background: transparent; } 
ul.category_list li span { width: 15px; height: 15px; line-height: 16px; background: #3333; cursor: pointer; user-select: none; font-size: 10px; border-radius: 3px; text-align: center; transition: all .3s ease; display: none; } 
ul.category_list li a { display: block; font-size: 14px; font-weight: normal; color: #333; flex: 1; transition: all .3s ease; } 
ul.category_list ul a { font-weight: 400; } 
ul.category_list li a:hover { transform: translateX(3px); color: var(--c1); transition: all .3s ease; } 
ul.category_list li.active > a { color: var(--c1); font-weight: bold; transition: all .2s ease; } 
ul.category_list li.active > span { background: var(--c1); transition: all .3s ease; } 
ul.category_list li.active > span i { color: #fff; } 
ul.category_list li.active > span i.fa-plus:before { content: "\f068"; transition: all .3s ease; } 
ul.category_list li ul { width: 100%; display: none; padding: 0; } 
ul.category_list li:last-of-type { border-bottom: none; } 
.wrap_tempalte .grid_product { grid-template-columns: repeat(3, calc((100% + 20px) / 3 - 15px)); grid-gap: 20px; } 
 
/* WRAP HEADER */
.wrap_slogan { display: block; } 
.wrap_slogan { background: #e9e9e9; } 
.flex_top { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; height: 35px; } 
.top_left { flex-shrink: 0; } 
.top__item { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 6px; font-size: 15px; } 
.top__item span { font-size: 13px; color: #393939; } 
.top_right { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; gap: 20px; } 
.header_mxh { flex-shrink: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; gap: 10px; } 
.header_mxh a { display: block; height: 26px; } 

.header { width: 100%; position: relative; z-index: 999; background-image: url(../imgs/bg.png); } 
.flex_header { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; height: 94px; gap: 20px; } 
.h_logo { text-align: left; width: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 20px; } 
.h_logo a { display: block; text-align: left; } 
.h_logo a img { max-height: 85px; width: max-content; } 
.h_right { flex-shrink: 0; display: flex; gap: 35px; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; } 
.box_hotline { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 20px; } 
.hl__icon { flex-shrink: 0; border: 1px dashed #8f9497; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; } 
.hl__txt { display: block; } 
.hl__txt b { font-weight: bold; font-size: 15px; color: var(--c1); } 
.hl__txt span { font-size: 15px; color: #000000; line-height: normal; margin-bottom: 0; display: block; font-weight: normal; text-transform: uppercase; } 
.hl__txt p { margin: 0; font-size: 15px; color: #777777; display: flex; align-items: flex-end; flex-direction: row; } 
.hl__txt p span { display: block; color: var(--c1); margin-bottom: 2px; font-weight: 500; } 
.h_banner { flex-shrink: 0; text-align: left; max-width: 250px; } 
.banner__name { font-size: 32px; font-weight: 900; text-transform: uppercase; line-height: normal; color: var(--c1); margin-top: -3px; } 
.banner__desc { font-size: 18px; color: #393939; font-weight: bold; text-transform: uppercase; line-height: normal; overflow-wrap: anywhere; margin-bottom: 8px; font-family: 'font2'; } 
.banner__content { font-size: 17px; color: #000; line-height: normal; text-transform: uppercase; } 
.hl__lable { font-size: 15px; color: #1f2a30; } 
.h_search { display: block; width: 485px; } 
.search { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; } 
.search input { width: calc( 100% - 70px ); height: 35px; outline: none; background: transparent; font-size: 12px; color: #000; border-radius: 0; padding: 0 0 0 12px; border: 1px solid #b6b6b6; border-right: none; } 
.search p { border: none; float: left; width: 70px; height: 35px; cursor: pointer; margin: 0px; color: #000; display: flex; align-items: center; justify-content: center; background: transparent; transition: all .3s ease; background: red; color: #fff; font-size: 14px; font-weight: 500; } 
.search p:hover { background: #000; transition: all .3s ease; } 
.search input::-webkit-input-placeholder { color: #B2B0B0; } 
.search input:-moz-placeholder { color: #B2B0B0; } 
.search input::-moz-placeholder { color: #B2B0B0; } 
.search input:-ms-input-placeholder { color: #B2B0B0; } 

/* WRAP CATEGORY NAV LOOP */
.wrap_splistnb { display: block; margin: 40px 0; position: relative; } 
.splistnb_nav { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 60px; margin-bottom: 19px; border-bottom: 1px solid #b40b0b; } 
.splistnb__name { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; background: var(--c1); } 
.splistnb__icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #bd1111; border-radius: 100%; color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } 
.splistnb__icon i { font-size: 18px; } 
.splistnb__name h2 { padding: 0 50px 0 15px; font-size: 18px; color: #fff; height: 42px; line-height: 44px; margin: 0; font-weight: bold; text-transform: uppercase; width: max-content; text-wrap: nowrap; font-family: 'font2'; position: relative; } 
.splistnb__name h2::before { position: absolute; content: ''; left: 100%; bottom: 0; border-bottom: 42px solid var(--c2); border-right: 40px solid transparent; } 
.splistnb__link { display: flex; font-size: 13px; color: #575757; line-height: normal; padding: 0; text-wrap: nowrap; width: max-content; transition: all .2s ease; text-transform: uppercase; } 
.splistnb__link:hover { color: var(--c1); transition: all .2s ease; } 
.splistnb__cat { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; gap: 2px 12px; flex: 1; } 
.spcat__item { font-size: 18px; color: #393939; line-height: normal; font-weight: 600; cursor: pointer; user-select: none; transition: all .2s ease; text-transform: uppercase; font-family: 'font2'; } 
.spcat__item:hover { color: var(--c1); transition: all .2s ease; } 
.spcat__item.active { font-weight: bold; color: var(--c1); transition: all .2s ease; } 
.banner_splistnb__item { display: block; } 
.spcat_line { background: #5f5f5f; height: 15px; width: 2px; border-right: 1px solid #b0b0b0; font-size: 0; } 

/* WRAP TITLE */
.wrap_title { width: 100%; text-align: center; margin-bottom: 30px; position: relative; } 
.title_main { font-size: 25px; color: var(--title); margin: 0; font-weight: 900; text-transform: uppercase; line-height: normal; } 
.title_desc { font-size: 16px; color: var(--text); margin-bottom: 0; margin-top: 5px; } 

/* WRAP MEDIA */
.wrap_media { width: 100%; padding: 60px 0; } 
.flex_media { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; } 
.media_title { display: block; font-size: 24px; font-weight: bold; color: #393939; line-height: normal; text-transform: uppercase; } 
.media_line { display: block; width: 100px; height: 2px; margin: 10px 0 20px; background: var(--c1); } 
.media_left { width: calc( 100% - 395px - 50px ); } 
.media_right { width: 395px; } 

/* FOOTER */
.footer { width: 100%; position: relative; background: #e8eaed; } 
.footer_main { width: 100%; padding: 50px 0 40px; background-image: url(../imgs/bg_footer.webp); background-size: cover; background-position: center; } 
.flex_footer { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; } 
.footer_title { font-size: 16px; color: #fff; line-height: normal; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; } 
.ft_line { width: 40px; height: 2px; background: #fff; margin-bottom: 22px; display: block; } 
.ft_wc { font-size: 18px; color: #fff; line-height: normal; text-transform: uppercase; margin-bottom: 10px; font-weight: bold; margin-top: -15px; } 
.ft_name { font-size: clamp(18px, 4vw, 22px); color: #fff; line-height: normal; text-transform: uppercase; margin-bottom: 12px; font-weight: bold; font-family: 'font2'; margin-top: -10px; } 
.ft_desc { font-size: 35px; color: #FED700; margin-bottom: 5px; line-height: normal; text-transform: uppercase; font-weight: bold; font-family: 'font3'; } 
.ft_txt { width: 100%; font-size: clamp(13px, 4vw, 13px); color: #fff; line-height: 1.8; font-weight: normal; margin-bottom: 10px; } 
.fcol1 { width: 42%; } 
.fcol2 { width: 23%; } 
.fcol3 { width: 27%; } 
.footer-ul { list-style: none; padding: 0px; margin: 0px; padding-left: 0; padding-top: 0; } 
.footer-ul li a:hover { color: yellow !important; transition: all .3s ease; } 
.footer-ul li { margin-bottom: 8px; list-style: none; color: #fff; list-style-position: inside; } 
.footer-ul li a { transition: all .5s ease; color: #eeecec; font-size: 13px; } 
.footer-ul li a:hover { color: rgb(233, 0, 0); transition: all .5s ease; } 
.footer-ul li:last-of-type { border: none; } 
#bottom { width: 100%; background: #d71415; } 
.flex_bottom { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center; font-size: clamp(8px, 3vw, 13px); color: #fff; height: 40px; } 
.copyright span { font-weight: 500; color: #fff; } 
.ft_mxh { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; align-items: center; justify-content: flex-start; gap: 10px; } 
.ft_mxh a { display: block; margin: 0; transition: all .5s ease; } 
.ft_mxh a:hover { transform: rotate(10deg); transition: all .5s ease; } 
.fmaps { width: 100%; height: 500px; } 
.fmaps #footer-map { width: 100%; height: 100%; } 
.fmaps #footer-map iframe { width: 100%; height: 100%; } 
.thongke { display: flex; position: relative; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; } 
.tk__item { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; border-bottom: 1px solid #ffffff63; padding-bottom: 12px; margin-bottom: 12px; width: 100%; line-height: normal; gap: 10px; color: #fff; font-size: 15px; } 
.tk__item:last-of-type { border: none; margin: 0; padding: 0; } 
.ft { width: 100%; height: 170px; } 
.ft #footer-map { width: 100%; height: 100%; } 
.ft #footer-map iframe { width: 100%; height: 100%; } 
.banner_payment { display: block; margin-top: 20px; } 

/* Menu */
.menu { position: sticky; width: 100%; top: 0; z-index: 1000; transition: all 0.2s linear; background: var(--c1); } 
.flex_menu { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; height: auto; transition: all 0.2s linear; } 
.horizontal_menu { flex: 1; max-width: 100%; position: relative; } 
.horizontal_menu ul { width:100%; padding:0px; margin:auto; list-style:none; } 
.horizontal_menu ul.bg_menu { position: relative; margin: 0 !important; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; width: 100% !important; transition: all .3s ease; } 
.horizontal_menu ul li { position: relative; z-index: 99; width: auto; flex: none; } 
.horizontal_menu ul li a { display:block; position:relative; z-index:1; text-align:center; text-decoration:none!important; } 
.horizontal_menu ul li ul { position: absolute; min-width: 200px; max-width: 300px; width: max-content; background: var(--c1); 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 .3s; } 
.horizontal_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 .4s; } 
.horizontal_menu ul li ul li a { text-align:left; border-bottom:1px solid rgba(255,255,255,0.2); } 
.horizontal_menu ul li ul li:last-child > a { border-bottom:0px; } 
.horizontal_menu ul li ul li a .h2 { font-size: 14px; padding: 8px 12px; position: relative; height: unset !important; line-height: unset !important; color: #fff; font-weight: 600; margin: 0; } 
.horizontal_menu .h2 svg { width: 25px; height: 25px; margin-top: -6px; } 
.horizontal_menu ul li ul li a .h2::before { position: absolute; content: ''; width: 3px; height: 0; background-color: yellow; left: 0; top: 0; transition: height .3s ease; background-image: none; } 
.horizontal_menu ul li a .h2 { position: relative; font-size: 16px; color: #fff; margin: 0px 35px; padding: 0; height: 50px; line-height: 52px; text-transform: uppercase; font-weight: normal; transition: all .3s ease; } 
.horizontal_menu ul li:hover a .h2::after { height: 50px; transition: all .2s ease; } 
.horizontal_menu ul li a .h2::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 50px; transition: all .2s ease; z-index: -1; border-radius: 0; } 
.horizontal_menu ul li a.active .h2, .horizontal_menu ul li:hover > a .h2 { transition: all .3s ease; color: yellow; } 
.horizontal_menu ul ul li a.active .h2, .horizontal_menu ul ul li:hover > a .h2 { transition: all .3s ease; color: #fff; background: #fff !important; } 
.horizontal_menu ul ul li:hover > a .h2 { background: #fff; color: #000; } 
.horizontal_menu ul li a.active .h2::after, .horizontal_menu ul li a.active .h2::before { height: 50px; transition: all .3s ease; } 
.horizontal_menu ul li:hover a .h2::after, .horizontal_menu ul li:hover a .h2::before { width: 100%; transition: all .3s ease; } 
.horizontal_menu ul li a.active .h2::before,
.horizontal_menu ul li a:hover .h2::before,
.horizontal_menu ul li a.active .h2::after,
.horizontal_menu ul li a:hover .h2::after { transition: all .3s ease; opacity: 1; } 
.horizontal_menu ul li ul li a .h2::after { display: none; } 
.horizontal_menu ul li ul ul { left: 100%; top: 0; } 
.horizontal_menu ul ul li { margin-left: 0; } 

.vertical_menu { width: 270px; background: var(--c2); color: #fff; height: 50px; display: flex; align-items: center; justify-content: center; position: relative; margin-right: 10px; } 
.vmenu_scroll { height: 393px; width: 100%; position: absolute; left: 0; top: calc( 100% + 0px); z-index: 10; background: #ffffff; padding: 0; transition: all .2s ease; opacity: 1; visibility: visible; border: 1px solid #f6f6f6; border-top: none; box-shadow: rgba(0, 0, 0, 0.01) 0px 0px 5px; } 
.vmenu_list { max-height: 355px; width: 100%; padding: 0; position: unset !important; height: max-content; overflow: unset; margin: 0; } 
.vmenu_title { display: flex; width: 100%; height: 100%; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 0 20px; gap: 10px; color: #fff; transition: all .2s ease; } 
.vmenu_title:hover { color: #fff; transition: all .2s ease; } 
.vmenu_title span { font-size: 18px; line-height: normal; font-weight: normal; text-transform: uppercase; } 
.vmenu_title i { font-size: 16px; } 
.vertical_menu.unactive .vmenu_scroll, .vertical_menu.page .vmenu_scroll { opacity: 0; visibility: hidden; } 
.vertical_menu:hover .vmenu_scroll, .vertical_menu.unactive:hover .vmenu_scroll { opacity: 1; visibility: visible; transition: all .1s ease; } 
.vmenu_list li { list-style: none; position: unset !important; width: 100%; padding: 0; margin: 0; } 
.vmenu_list li a { font-size: 14px; color: #4e4e4e; line-height: normal; padding: 10.5px 15px 11px 15px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 10px; border-bottom: 1px solid #f6f6f6; } 
.vmenu_list ul { position: absolute; width: 100%; left: 100% !important; height: calc( 100% + 2px ); top: -1px !important; border-radius: 0; background: #fff; margin: 0; list-style: none; padding: 0; border: 1px solid #cccccc; display: none; } 

.vmenu_list ul { height: auto; min-height: calc( 100% + 2px ); } 

.vm__item { display: flex !important; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 10px; } 
.vm__item i { margin-right: -5px; color: #000; font-size: 15px; } 
.vm__item > span { flex: 1; } 
.vm__icon { width: 16px; } 
.vm_active { background: #33333311; color: var(--c1) !important; position: relative; } 
.vm_active::before { position: absolute; content: ''; left: 0; top: 0; width: 2px; height: 100%; background: var(--c1); } 
.vmenu_list.isScroll { overflow: scroll !important; } 
.vmenu_list::-webkit-scrollbar { width: 2px; height: 0; } 
.li_line { display: block; width: 1px; height: 16px; background: #ffffff; font-size: 0; } 

/* WRAP SPNB */ 
.wrap_spnb { width: 100%; margin: 50px 0 40px; } 
.btn_viewmore { display: block; margin: 25px auto 0; width: max-content; background: var(--c1); line-height: normal; padding: 10px 20px; color: #fff; border-radius: 3px; font-size: 15px; transition: all .3s ease; } 
.btn_viewmore:hover { background: #000; color: #fff; transition: all .3s ease; } 
.spnb_tab { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; gap: 7px; margin-bottom: 20px; } 
.spnb__item { display: block; border: 1px dashed #5c5c5c; transform: skewX(-15deg); height: 42px; padding: 0 20px; line-height: 42px; font-size: 18px; color: #393939; font-family: 'font2'; text-transform: uppercase; font-weight: bold; min-width: 222px; text-align: center; user-select: none; cursor: pointer; transition: all .2s ease; } 
.spnb__item span { transform: skewX(15deg); display: block; } 
.spnb__item:hover { background: var(--c1); color: #fff; border-color: var(--c1); transition: all .2s ease; } 
.spnb__item.active { background: var(--c1); color: #fff; border-color: var(--c1); transition: all .2s ease; } 
.show_spnb .control-owl button.owl-prev { left: -40px; transform: scale(0.8); } 
.show_spnb .control-owl button.owl-next { right: -40px; transform: scale(0.8); } 
 
/* WRAP SALE */
.wrap_banner_sale { width: 100%; position: relative; } 
.banner_sale__item { display: block; width: 100%; } 
.banner_sale__item img { display: block; width: 100%; } 

/* PRODUCT ITEM */
.sp__item { display: block; border: 1px solid #dfdfdf; background: #fff; } 
.sp__images { position: relative; border-radius: 0; overflow: hidden; } 
.sp__img { transition: all 0.2s linear; display: block; } 
.sp__discount { font-size: 17px; background-image: url(../imgs/bg_discount.webp); line-height: normal; color: #fff; position: absolute; right: 6px; top: 6px; z-index: 1; width: 45px; height: 45px; display: flex; font-weight: bold; align-items: center; justify-content: center; font-style: italic; background-size: contain; background-repeat: no-repeat; pointer-events: none; user-select: none; } 
.sp__txt { display: block; width: 100%; text-align: center; padding: 10px; } 
.sp__name { display: block; } 
.sp__name h3 { font-weight: normal; font-size: 16px; color: #262626; text-transform: inherit; margin-bottom: 8px; transition: all 0.2s linear; line-height: normal; text-align: left; min-height: 38px; } 
.sp__name:hover h3 { color: var(--c1); transition: all 0.2s linear; } 
.sp__bottom { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; gap: 8px; align-items: flex-end; } 
.sp__price { display: flex; font-size: 18px; color: #4D4D4D; text-transform: inherit; line-height: normal; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; } 
.sp__price_old { font-weight: 400 !important; text-decoration: line-through; font-size: 13px; color: #999999 !important; margin-top: 3px; } 
.sp__price span { font-weight: bold; color: var(--c1); } 
.sp__price_new span { vertical-align: super; font-size: 12px; margin-left: 6px; } 
.sp__addcart { display: flex; width: max-content; position: relative; text-align: center; background: var(--c1); color: #fff; padding: 5px 6px 4px; font-weight: normal; text-transform: capitalize; transition: all .3s ease; cursor: pointer; font-size: clamp(9px, 4vw, 13px); line-height: normal; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 5px; border-radius: 5px; } 
.sp__addcart:hover { background: var(--c2); transition: all .3s ease; color: yellow; } 
 
/* WRAP NEWSLETTER */
.wrap_newsletter { display: block; padding: 80px 0; background-image: url(../imgs/bg_nlt.webp); background-position: top center; background-size: cover; } 
.box_nlt { display: block; max-width: 845px; margin: 0px auto; } 
.nlt_form { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 10px; } 
.nlt_form input { border: none; width: calc( ( 100% - 20px ) / 3 ); height: 46px; padding: 0 15px; color: #fff; background: rgb(255 255 255 / 30%); border-radius: 10px; } 
.nlt_form textarea { width: 100%; height: 95px; padding: 10px 15px; color: #fff; background: rgb(255 255 255 / 30%); border: none; resize: none; border-radius: 10px; } 
.nlt_form textarea::-webkit-input-placeholder { color: #fff; } 
.nlt_form textarea:-moz-placeholder { color: #fff; } 
.nlt_form textarea::-moz-placeholder { color: #fff; } 
.nlt_form textarea:-ms-input-placeholder { color: #fff; } 
.nlt_form input::-webkit-input-placeholder { color:#fff; } 
.nlt_form input:-moz-placeholder { color:#fff; } 
.nlt_form input::-moz-placeholder { color:#fff; } 
.nlt_form input:-ms-input-placeholder { color:#fff; } 
.nlt_form input.btn_form_sm { width: max-content; margin: 0px auto; background: var(--c1); border: none; padding: 0 30px; color: #fff; text-transform: uppercase; font-weight: 900; font-size: 15px; line-height: normal; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; margin-top: 15px; transition: all .2s ease; } 
.nlt_form input.btn_form_sm:hover { background: var(--c2); color: yellow; transition: all .2s ease; } 
.n__items { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 15px; } 
.n__items.even { flex-direction: column-reverse; } 
.n__img { display: block; } 
.n__txt { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 8px; } 
.n__name { font-size: 15px; color: #2f2f2f; font-weight: bold; line-height: 1.5; margin: 0; transition: all .2s ease; } 
.n__name:hover { color: var(--c1); transition: all .2s ease; } 
.n__desc { font-size: 13px; color: #393939; line-height: 1.8; margin: 0; } 
.n__link { display: block; border: 1px solid #333; font-size: 13px; color: #393939; line-height: normal; padding: 8px 16px; text-transform: uppercase; transition: all .2s ease; } 
.n__link:hover { background: var(--c1); color: yellow; border-color: var(--c1); transition: all .2s ease; } 

.hotlinefix{background-color: #fff;border: 1px solid #f00;position: fixed;z-index:999; bottom: 1em;left: 5px;font-size: 1.5em;padding: 5px;border-radius: 5px;}
.hotlinefix span{color: #f00;}.hotlinefix img{
    height: 36px;
}