:root{--main_color:#F2AD09;--main_color_light:#ffb607;--red_color:#b52121;--gray_color:#f2f2f7;--gold_color:#F2AD09;--success_color:#219C90;--warning_color:#FACE15;--danger_color:#D83F31;--icon_color:rgba(255,255,255,.15);--icon_border_color:rgba(255,255,255,.15);--icon_bg:rgba(0,0,0,.18);--icon_hover:rgba(255,255,255,.6);--icon_bg_hover:rgba(255,255,255,.1);--text_color:#111;--text_font:"Noto Sans",sans-serif;--title_font:"Roboto Slab",serif;--font_xl:20px;--font_lg:18px;--font_md:16px;--font_sm:14px;--clamp:3}
@media only screen and (max-width: 600px) {
:root{--font_xl:18px;--font_lg:16px;--font_md:14px;--font_sm:13px;--clamp:2}
}
*{padding:0;margin:0}
ol,li{list-style:none}
template{display:none;visibility:hidden}
blockquote *{margin:0!important;padding:0!important}
ul,ol{padding:0!important;margin:0!important}
a{text-decoration:none!important;text-transform:capitalize;color:#2b5db9}
.list_seper a,.breadcrumb a,nav a,h1 a,h2 a,h3 a,h4 a,h5 a{color:#000}
a:hover{color:#0a58ca;text-decoration:underline!important}
body{overflow:auto;overflow-x:hidden}
h1,h2,h3,h4,h5,a,.h1,.h2,.h3,.h4,.h5,.title{font-family:var(--title_font);font-weight:600!important;text-transform:capitalize!important}
head,main,footer{transition:all .5 ease-in-out}
h1,.h1{font-size:calc(var(--font_xl) + 4px)!important}
h2,.h2{font-size:var(--font_xl)!important}
h3,.h3{font-size:var(--font_lg)!important}
h4,.h4{font-size:var(--font_md)!important}
h5,.h5{font-size:var(--font_sm)!important}
h6,.h6{font-size:calc(var(--font_sm) - 4px)!important}
.font_xl{font-size:var(--font_xl)!important}
.font_lg{font-size:var(--font_lg)!important}
.font_md{font-size:var(--font_md)!important}
.font_sm{font-size:var(--font_sm)!important}
svg,svg path{fill:var(--main_color)}
img,iframe{max-width:100%}
input.form-control{border-radius:2px;-webkit-border-radius:2px}
.modal{z-index:99999999}
.modal-backdrop{background:unset;backdrop-filter:blur(5px) brightness(.5);-webkit-backdrop-filter:blur(5px) brightness(.5);z-index:99999998}
.modal-backdrop.show{opacity:1}
.btn-close{position:absolute;padding:unset;opacity:1;z-index:1;top:-12px;right:-12px;display:flex;border-radius:50%;width:35px;height:35px;background:#b52121;align-items:center;justify-content:center;cursor:pointer;font-weight:700;color:#FFF}
.form-control:focus,.accordion-button:focus{background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 1px rgba(13,110,253,.25)}
.btn-close:hover{color:#000;opacity:1!important}
.overflow_h{overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important}
.cursor_p{cursor:pointer}
::-webkit-scrollbar{width:8px;cursor:pointer}
::-webkit-scrollbar-track{background:var(--gray_color)}
::-webkit-scrollbar-thumb{border-radius:1px;-webkit-border-radius:1px;background:#CCC}
::-webkit-scrollbar-thumb:hover{background:var(--main_color)}
.bg_primary{background:var(--main_color);background:linear-gradient(100deg,var(--main_color),var(--main_color_light));transition:transform .2s cubic-bezier(.4,0,.2,1)}
.bg_gray{background:var(--gray_color)}
.bg_gray_gdown{background:#FFFF;background-image:linear-gradient(var(--gray_color),#FFF)}
.bg_white{background:#FFF}
.bg_light{background:#F1F1F1}
.bg_pattern{background:url(../img/pattern_slash.png) repeat}
.border_gray{border:solid 1px var(--gray_color);border-radius:1px}
.thumb img{max-width:100%;height:var(--h);object-fit:cover;border-radius:1px;-webkit-border-radius:1px}
.text_line{overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--clamp);-webkit-box-orient:vertical}
a[more_text]:after{content:attr(more_text);font-size:var(--font_sm);margin-left:10px;color:#b52121}
.sticky{position:-webkit-sticky;position:sticky;top:10px}
.description{font-size:var(--font_sm);font-style:italic;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--clamp);-webkit-box-orient:vertical}
.price{font-family:var(--title_font);font-weight:600;font-size:calc(var(--font_md) - 2px);position:relative;padding-right:10px;white-space:nowrap;color:#b52121}
.price:after{content:attr(unit);font-size:calc(var(--font_xl) - 10px);position:absolute}
.price[old_price]:before{content:attr(old_price);font-size:calc(var(--font_xl) - 6px);text-decoration:line-through;margin-right:10px;color:#777;font-weight:300}
.label_success{border-left:solid 5px var(--success_color);background:#F1F1F1;padding:2px 2px 2px 6px!important;border-radius:1px;-webkit-border-radius:1px}
.label_warning{border-left:solid 5px var(--warning_color);background:#F1F1F1;padding:2px 2px 2px 6px!important;border-radius:1px;-webkit-border-radius:1px}
.label_danger{border-left:solid 5px var(--danger_color);background:#F1F1F1;padding:2px 2px 2px 6px!important;border-radius:1px;-webkit-border-radius:1px}
[open_modal]{cursor:pointer}
.tmp{min-height:unset}
body{color:var(--text_color);font-family:var(--text_font);font-size:var(--font_md);overscroll-behavior:contain;direction:ltr;-webkit-font-smoothing:antialiased}
.search_box{display:flex}
.search_box form{display:flex;height:30px;outline:solid var(--main_color) 1px;justify-content:space-between}
.search_box input{width:calc(100% - 30px)}
.search_box select{width:calc(40% - 40px)}
.search_box input,.search_box select{border:none;padding:2px 5px}
.search_box select{border-left:solid 2px var(--gray_color)}
.search_box input:focus-visible,.search_box select:focus-visible{outline:none}
.search_box button{border:none;height:30px;width:30px;background:var(--main_color);outline:solid 1px var(--main_color)}
.search_box button svg{width:auto;height:25px;color:#fff}
.search_box button svg path{fill:#fff}
.main_menu{position:relative;z-index:99;background:var(--gray_color);box-shadow:0 2px 6px rgba(0,0,0,0.3);border-top:solid 3px var(--main_color)}
.main_menu .container{left:-5%;transition:left .2s ease-in-out}
.main_menu nav ul li{cursor:pointer;position:relative}
.main_menu nav ul li:hover{background:rgba(0,0,0,.1)}
.main_menu nav > ul{display:flex;flex-wrap:wrap}
.main_menu nav > ul > li{padding:0 2px;height:45px;display:flex;align-items:center}
.main_menu nav ul li *{font-size:var(--font_lg);font-weight:700!important;display:block}
.main_menu nav ul li a{padding:0 10px}
.main_menu nav > ul ul{position:absolute;top:100%;left:0;background:var(--gray_color);z-index:1;border:solid 1px #bbb;box-shadow:0 0 2px rgba(0,0,0,0.2);border-radius:0 0 3px 3px;display:none}
.main_menu nav > ul ul li{padding:3px 20px 3px 10px;min-width:200px}
.main_menu nav > ul ul li *{white-space:nowrap;font-size:calc(var(--font_lg) - 2px)}
.main_menu nav > ul li.sub:hover ul{display:block}
.main_menu nav > ul li.sub span{display:flex;align-items:center;font-family:var(--title_font);padding:0 12px}
.main_menu nav > ul li.sub span:after{content:"";width:0;height:0;margin-left:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--text_color)}
.main_menu .bottom{display:none}
.logo-box{position:relative}
.btn_open_menu{width:35px;height:35px;border:none;display:flex;background:#FFF;align-items:center;justify-content:center;border-radius:5px;border:solid 1px #bbb}
.btn_open_menu_fix{width:45px;height:45px}
.btn_open_menu svg{width:25px;height:25px}
.btn_open_menu svg path{fill:var(--text_color)}
.close-mobile-menu{display:none;height:45px;width:45px;background:rgba(255,255,255,0.2);border:solid 1px rgba(255,255,255,0.3);border-radius:50%;position:absolute;top:10px;right:10px}
.close-mobile-menu:hover{background:rgba(255,255,255,0.3);border:solid 1px rgba(255,255,255,0.4)}
.close-mobile-menu:before,.close-mobile-menu:after{content:"";width:5px;height:22px;position:absolute;top:10px;left:19px;background:rgba(255,255,255,1);border-radius:5px}
.close-mobile-menu:before{transform:rotate(45deg)}
.close-mobile-menu:after{transform:rotate(-45deg)}
.nav-mobile-active .bottom{display:block}
.nav-mobile-active nav{display:block!important}
.nav-mobile-active .close-mobile-menu{display:block}
.nav-mobile-active .btn_open_menu,.nav-mobile-active .btn_open_menu_fix{display:none}
.nav-mobile-active{overflow:hidden}
.nav-mobile-active .main_menu{display:block!important}
.nav-mobile-active .main_menu{position:fixed;backdrop-filter:blur(5px) brightness(0.5);-webkit-backdrop-filter:blur(5px) brightness(0.5);background:unset;top:0;left:0;width:100%;height:100%}
.nav-mobile-active .main_menu .container{position:absolute;height:100%;background:#FFF;width:auto;max-width:70%;min-width:50%;box-shadow:0 4px 10px rgba(0,0,0,0.9);display:flex;flex-direction:column;justify-content:space-between;padding:20px 10px;left:0}
.nav-mobile-active .main_menu .container *{color:var(--text_color)}
.nav-mobile-active .main_menu nav > ul > li{border-top:solid 1px #CCC}
.nav-mobile-active .main_menu nav ul li{display:block;height:auto;padding:5px}
.nav-mobile-active .main_menu nav ul li *{white-space:normal}
.nav-mobile-active .main_menu nav ul li:hover{background:var(--gray_color)}
.nav-mobile-active .main_menu nav ul{display:flex;flex-direction:column}
.nav-mobile-active .main_menu nav ul ul{background:unset;position:relative;display:none;border:none;box-shadow:unset}
.nav-mobile-active .main_menu nav > ul li.sub:hover ul{display:none}
.nav-mobile-active .main_menu nav > ul li.sub.active span{margin-bottom:10px}
.nav-mobile-active .main_menu nav > ul li.sub.active ul{display:block}
.nav-mobile-active .main_menu nav ul ul li:hover{background:#FFF}
.nav-mobile-active .main_menu nav > ul li.sub span{display:flex;align-items:center}
.nav-mobile-active .main_menu nav > ul li.sub span:after{content:"";width:0;height:0;margin-left:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--text_color)}
.nav-mobile-active .main_menu.fixed{padding:0!important}
.nav-mobile-active .logo-box{justify-content:center!important;margin-bottom:20px}
.breadcrumb-item+.breadcrumb-item{padding-left:5px}
.breadcrumb-item+.breadcrumb-item::before{padding-right:5px}
.breadcrumb-item+.breadcrumb-item::before{color:var(--red_color);font-weight:700}
.main_menu.fixed{position:fixed!important;top:0;left:0;width:100%;margin:0!important}
.topic,.topic_s{border-left:solid 5px var(--main_color);position:relative}
.topic_s{padding-left:10px}
.topic:before{background-color:#e6e6ea;content:"";display:inline-block;height:1px;left:0;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
.topic a,.topic span{font-family:var(--title_font);display:inline-block;position:relative;background:#fff;padding:2px 20px 2px 10px;z-index:2;transition:all .2s ease-in-out}
.topic_c{text-align:center;margin-bottom:20px}
.topic_c a[more_text]{position:relative}
.topic_c a[more_text]:after{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);white-space:nowrap}
.product_list{--tag_color:var(--main_color)}
.product_list .box{border-radius:2px;border:solid 1px rgba(0,0,0,0.1)}
.product_list .item .frame{border:1px solid;border-image-slice:1;border-image-source:linear-gradient(45deg,#F1F1F1,#666,#F1F1F1,#888,#CCC);position:relative;text-align:center;background:var(--gray_color);overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.product_list .item img{width:100%;height:auto;object-fit:cover;transition:all .2s ease-in-out;top:0;left:0;display:none;visibility:hidden;transition:all .3s ease}
.product_list .item img.active{display:block;visibility:visible}
.product_list .item:hover img{transform:scale(1.05)}
.product_list .item:hover .frame{animation:#ffd700 2s ease infinite}
.product_list .item:hover .frame{animation:#ffd700 2s ease infinite}
.product_list .item .frame .label{--label_color:var(--gold_color);position:absolute;top:0;left:0;background:var(--label_color);margin-top:5px;font-size:calc(var(--font_sm) - 2px);line-height:var(--font_sm);padding:3px 6px;color:var(--gray_color);font-weight:700;border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;font-style:italic}
.meta_light{overflow:hidden;position:relative}
.meta_light:before{content:"";opacity:0;height:100%;width:1px;opacity:.7;background:#fff;box-shadow:0 0 8px 4px #fff;transform:rotate(45deg);position:absolute;top:0;left:-100%;transition:all .5s ease-in-out}
.meta_light:hover:before{opacity:1;left:150%}
.product_list .item:hover .frame .label:before{opacity:1;left:150%}
.product_list .item .frame .btn_video{background:var(--main_color);border:none;width:22px;height:22px;border-radius:50%;position:absolute;top:5px;right:5px;display:flex;border:solid .5px #F1F1F1;justify-content:center;align-items:center;transition:all .1s ease}
.product_list .item .frame .btn_video:before{content:"";width:0;height:0;border:5px solid transparent;border-left:10px solid #FFF;position:absolute;top:5px;left:7px}
.product_list .item .frame .btn_video:after{content:"";border-radius:50%;position:absolute;width:20px;height:20px;top:50%;left:50%;box-shadow:0 0 2px #FFF;transform:translateX(-50%) translateY(-50%);border:solid .5px var(--main_color);animation:play_btn 2s ease-in infinite}
.product_option{--color:#FFF;display:flex}
.product_option input{display:none}
.product_option .label{width:18px;height:18px;border-radius:2px;margin-right:5px;cursor:pointer;position:relative;transition:all .2s ease;background-size:cover}
.product_option .label:last-child{margin-right:0}
.product_option .label:after{content:attr(description);position:absolute;white-space:nowrap;background:#F1F1F1F1;color:var(--text_color);font-size:12px;font-weight:700;border:solid 1px #ccc;border-radius:2px;-webkit-border-radius:2px;padding:1px 3px;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);display:none}
.product_option .label:before{position:absolute;content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:3px solid #ccc;top:-3px;left:50%;transform:translateX(-50%);display:none}
.product_option .label:hover:after,.product_option .label:hover:before{display:block}
.product_option input:checked + .label{content:"";padding:2px;border:solid 2px var(--main_color);transform:scale(1.2)}
.product_list .item .title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:calc(var(--font_lg) - 2px)!important}
.product_list .item.owl-item .title{min-height:39px}
.product_list .item .description{font-size:var(--font_sm);font-style:italic;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.product_list .gallery-nav{position:absolute;bottom:5px;display:flex;width:100%;justify-content:center}
.product_list .gallery-nav li{background:var(--red_color);width:4px;height:4px;border-radius:4px;margin:0 2px}
.product_list .gallery-nav li.active{width:12px}
.product_list .gallery-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:solid 1px var(--icon_border_color);width:30px;height:30px;border-radius:30px;-webkit-border-radius:30px;cursor:pointer;transition:left 1.1s ease-in-out,background .2s ease-in-out,opacity .2s ease-in-out;left:5px;display:flex;justify-content:center;align-items:center;opacity:0}
.product_list .item:hover .gallery-btn{opacity:1}
.product_list .item:hover .gallery-btn.disabled{opacity:.1!important}
.product_list .gallery-btn svg{height:15px!important}
.product_list .gallery-btn:hover{background:rgba(0,0,0,.6)}
.product_list .gallery-btn.next{right:5px;left:unset}
.product_list .gallery-btn svg path{fill:#FFF}
.collection .item{position:relative;margin-top:10px;margin-bottom:10px}
.collection .item img{width:100%;height:auto;object-fit:cover;border-radius:2px;-webkit-border-radius:2px;position:relative}
.collection .item .thumb{overflow:hidden;position:relative;transition:all 1s ease-in-out}
.collection .item .thumb:after{content:"";height:200%;width:15px;position:absolute;background:linear-gradient(180deg,transparent,rgba(255,255,255,0.5),transparent);box-shadow:0 0 10px rgba(255,255,255,0.6);transform:rotate(45deg);top:-200%;right:50%;transition:all 1s ease-in-out}
.collection .item:hover .thumb:after{top:100%;width:30px}
.collection .item .title{font-size:14px;position:absolute;padding:5px;border-radius:2px;-webkit-border-radius:2px;background:var(--main_color);color:#FFF;bottom:-20px;left:50%;transform:translateX(-50%);white-space:nowrap}
.collection .item .title a{color:#FFF}
.post_list .item .thumb{position:relative}
.post_list .item .thumb time{position:absolute;background:var(--main_color);font-size:12px;color:#000;bottom:1px;right:1px;padding:1px 5px}
.post_list .item .title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.post_list .item img{width:100%;height:170px;object-fit:cover}
.post_detail .dx{font-size:var(--font_sm);display:flex}
.post_detail .dx *{margin-left:5px}
.post_detail .dx :before{content:"/";margin-right:5px;color:var(--text_color);font-weight:700}
.post_detail .dx :first-child{margin-left:0}
.post_detail .dx :first-child:before{content:unset}
.post_detail .description{background:#F1F1F1;padding:10px;border-radius:10px}
.post_detail .content img{max-width:100%;height:100%}
.post_side_bar img{width:100%;object-fit:cover;border-radius:2px}
.mini-post .item{display:flex;border-bottom:dashed 1px #ccc;padding:8px 0;align-items:center}
.mini-post .item:last-child{border:unset}
.mini-post .item time{margin-right:20px;text-align:center;font-size:var(--font_sm);color:#666;width:20%}
.mini-post .item time span:first-child{font-size:calc(var(--font_xl) + 8px);line-height:calc(var(--font_xl) + 8px);font-weight:700;color:#b52121}
.mini-post .item div{display:flex;width:80%;flex-direction:column}
.product_detail .asd{display:flex;flex-wrap:wrap;justify-content:space-between}
.product_detail .asd .cs{padding:5px;background:var(--gray_color);border:solid 1px #F1F1F1;box-shadow:0 2px 5px #ccc}
.product_detail .inf .title{font-size:calc(var(--font_lg) + 10px)}
.product_detail .inf .price{font-size:30px;font-weight:600;font-family:var(--title_font);padding-right:45px}
.product_detail .inf .price:after{content:attr(unit);font-size:14px;position:absolute}
.product_detail .inf .price:before{font-size:16px}
.product_detail .inf .product_option label{width:30px;height:30px;margin-right:10px}
.product_detail .inf .product_option label.text{background: #ccc;text-align: center;display: flex;align-items: center;justify-content: center;}
.product_detail button{border:none}
.product_detail .act{display:flex;flex-wrap:wrap}
.product_detail .act button{padding:8px 10px;display:flex;white-space:nowrap;align-items:center;margin-right:20px;font-family:var(--title_font);font-size:var(--font_md);font-weight:700;border-radius:2px;-webkit-border-radius:2px;position:relative;margin-bottom:5px}
.product_detail .act button:last-child{margin-right:0}
.product_detail .act svg{width:20px;height:20px;margin-right:10px}
.product_detail .act .add_cart,.product_detail .act .wish_list{background:#f1f1f1;border:solid 1px var(--main_color)}
.product_detail .act .add_cart:hover,.product_detail .act .wish_list:hover{background:var(--gray_color)}
.product_detail .act .order_now{background:var(--main_color)}
.product_detail .act .order_now:hover{background:var(--main_color_light)}
.product_detail .quantity input{max-width:170px;font-family:var(--title_font);font-size:var(--font_xl);line-height:var(--font_xl);font-weight:700}
.product_detail .owl-dots{position:absolute;left:50%;bottom:5px;transform:translateX(-50%)}
.product_detail .owl-dots button{width:10px;height:10px;border:solid 1px rgba(255,255,255,.5);background:rgba(0,0,0,.2);border-radius:5px;-webkit-border-radius:5px;margin-right:12px}
.product_detail .owl-dots button:last-child{margin-right:0}
.product_detail .owl-dots button.active{background:rgba(0,0,0,.5);width:20px}
.product_detail .owl-dots button:hover{background:rgba(0,0,0,.5)}
.product_detail .owl-dots:hover button:not(:hover){background:rgba(0,0,0,.2)}
.product_detail .content img{max-width:100%;height:auto}
.owl-carousel .owl-dots:hover button{opacity:unset}
.owl-carousel .owl-dots button:focus-visible{border:none;outline:none!important}
.media_frame .media_box{position:relative}
.media_frame .media_box .owl_next,.media_frame .media_box .owl_prev,.media_frame .media_box .owl_expand{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;-webkit-border-radius:50%;background:unset;backdrop-filter:blur(2px) brightness(0.8);-webkit-backdrop-filter:blur(2px) brightness(0.8);border:1px solid var(--icon_border_color);justify-content:center;align-items:center;cursor:pointer;z-index:1;display:flex;opacity:0;visibility:hidden;transition:all .1s ease-in-out}
.media_frame .media_box:hover .owl_next,.media_frame .media_box:hover .owl_prev{display:flex;opacity:1;visibility:visible}
.media_frame .media_box .owl_next:hover,.media_frame .media_box .owl_prev:hover{background:var(--icon_bg_hover)}
.media_frame .media_box .owl_next{right:5px}
.media_frame .media_box .owl_prev{left:5px}
.media_frame .media_box .owl_next svg path,.media_frame .media_box .owl_prev svg path,.media_frame .media_box .owl_expand svg path{fill:#fff}
.media_frame .media_box .owl_expand{top:5px;right:5px;transform:unset;opacity:1;visibility:visible}
.media_frame .media_box .item picture~img{display: none;}

.media_frame.full{position:fixed;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(5px) brightness(0.5);-webkit-backdrop-filter:blur(5px) brightness(0.5);z-index:999999999}
.media_frame.full .media_box{width:100%;max-height:100%;top:50%;transform:translateY(-50%);background:#000}
.media_frame.full .media_box img,.media_frame.full .media_box img{ max-width:100%;width:auto;height:100%}
.media_frame.full .media_box .owl-item .item{display:flex;justify-content:center}
.media_frame.full .media_box .item img{display: block;}
.media_frame.full .media_box .item picture{display: none !important;}

.fm_content{padding-left:10px}
.fm_content img{max-width:100%;height:auto!important;margin-left:50%;transform:translateX(-50%)}
.fm_content ul{padding-left: 30px !important;}
.fm_content ul li{list-style: disc !important;}
blockquote{border-left:solid 3px var(--main_color);background:#f1f1f1;padding:5px 0 5px 10px;display:flex;align-items:center}
.cke_editable{padding-left:10px}
.cke_editable h1,.cke_editable h2,.cke_editable h3,.cke_editable h4{margin-left:-10px}
footer hr{box-shadow:0 0 5px #FFF}
footer .bg_primary a{color:#FFF}
footer .bg_primary a:hover{border-bottom:solid 1px var(--gray_color)}
footer > section{min-height:400px}
footer .phone_list{display:flex;align-items:center}
footer .phone_list a{font-size:24px}
footer .phone_list svg{margin-right:5px}
footer .phone_list li{margin-right:20px}
footer .phone_list li:first-child{margin-right:5px}
footer svg,footer svg path{fill:var(--red_color)}
.bank-code{max-width:200px;max-height:200px;background:#f1f1f1}
footer .bank-code{width:100px;height:100px;background:#fff;border-radius:2px}
.sb-nav li{border:solid 1px #ccc}
.sb-nav li h3{margin:0;border-bottom:solid 1px #EEE}
.sb-nav li h3 a{display:block;padding:8px 0 8px 20px;border-left:solid 2px transparent}
.sb-nav li h3.parent a{padding-left:10px}
.sb-nav li h3 a:hover,.sb-nav li h3.active a{background:#F1F1F1;color:#0a58ca;border-left:solid 2px var(--main_color)}
.sm_content{--h_content:350px;height:var(--h_content);overflow:hidden;position:relative;transition:all .5 ease}
.sm_content:after{content:"";position:absolute;bottom:-5px;background:linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255,0.8),transparent);width:100%;height:calc(var(--h_content) / 3);max-height:200px;border-bottom:solid #F1F1F1 1px}
.sm_content .show_more{position:absolute;bottom:10px;left:50%;padding:2px 10px;transform:translateX(-50%);color:#b52121;cursor:pointer;text-transform:uppercase;background:rgba(255,255,255,0.3);border:none;font-size:20px;font-family:var(--title_font);font-weight:600;display:flex;justify-content:center;align-items:flex-end;padding-bottom:10px;z-index:1}
.sm_content .show_more:after{border:9px solid transparent;border-top:8px solid red;content:"";position:absolute;top:90%;left:50%;transform:translateX(-20%) translateY(-50%);animation:show_more 1s infinite ease-in-out}
.sm_content.show{height:auto;max-height:unset}
.sm_content.show:after{content:unset}
.sm_content.show .show_more{display:none}
.rating{--stars_w:20px;display:inline-flex;align-items:center}
.rating .stars{width:var(--stars_w);height:var(--stars_w);position:relative;margin-right:calc(var(--stars_w) / 4)}
.rating svg{width:var(--stars_w);height:var(--stars_w);position:absolute;top:0;left:0}
.rating .stars .lit{overflow:hidden;width:var(--stars_w);height:var(--stars_w)}
.rating .stars .lit svg{fill:var(--gold_color)}
.rating .stars > svg{stroke:var(--gold_color)}
.rating .stars .lit{position:absolute;top:0;left:0}
.list_seper{--seper_color:#CCC;--seper_w:5px;--seper_b:1px;display:inline-flex}
.list_seper > *{margin:unset;padding:unset;margin-right:calc(var(--seper_w) + var(--seper_b));padding-right:var(--seper_w);border-right:solid var(--seper_b) var(--seper_color)}
.list_seper > :last-child{padding-right:unset;margin-right:unset;border-right:unset;min-width:50px;display:inline-block}
.list_colum{display:flex;flex-direction:column}
.list_colum > *{padding-top:var(--seper_w);padding-bottom:var(--seper_w);position:relative}
.list_colum > :after{content:"";width:100%;height:var(--seper_b);background:var(--seper_color);position:absolute;top:calc(var(--seper_b) / 2 * -1);left:50%;transform:translateX(-50%)}
.list_colum > .row:after{width:calc(100% - 1.5rem)}
.list_colum > :first-child{padding-top:unset}
.list_colum > :first-child:after{content:unset}
.social{--icon_w:15px;--icon_color:var(--main_color)}
.social .item a{width:var(--icon_w);height:var(--icon_w);background:url(../img/pattern_slash.png) repeat;border-radius:50%;-webkit-border-radius:50%;transition:all .2s ease-in-out;border:solid 1px #CCC;box-shadow:0 0 3px rgba(255,255,255,0.5)}
.social .item a{overflow:hidden;display:block;position:relative;color:transparent!important}
.social .item svg{width:50%;height:auto;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.social .item svg path{fill:revert-layer}
.social .item:hover svg path{fill:var(--gold_color)}
.cart .table tr th{white-space:nowrap}
#cart_modal .table td img{width:30px;height:30px;object-fit:cover}
.cart .table tr td,.cart .table tr th{vertical-align:middle;padding:5px}
.cart .table tr td:first-child label,.cart .table tr th:first-child label{border:solid 1px #CCC;width:20px;height:20px;cursor:pointer;position:relative}
.cart .table tr td:first-child label:before,.cart .table tr th:first-child label:before{content:"";position:absolute;width:20px;height:4px;border-radius:3px;-webkit-border-radius:3px;background:var(--main_color);transform:rotate(125deg);bottom:11px;left:4px;outline:solid 3px #FFF;display:none}
.cart .table tr td:first-child label:after{content:"";position:absolute;width:10px;height:4px;border-radius:3px;-webkit-border-radius:3px;background:var(--main_color);transform:rotate(45deg);bottom:8px;left:1px;display:none}
.cart .table tr.select td:first-child label:after,.cart .table tr.select td:first-child label:before{display:block}
.cart .table .quantity{display:flex}
.cart .table .quantity input{width:35px;height:25px;text-align:center;font-weight:600;font-size:var(--font_md);border:solid 1px var(--main_color);border-radius:unset;-webkit-border-radius:unset;z-index:1}
.cart .table .quantity input::-webkit-outer-spin-button,.cart .table .quantity input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cart .table .quantity button{background:var(--main_color);border:solid 1px var(--main_color);height:25px;width:18px;font-weight:600;color:#FFF;cursor:pointer;z-index:2;position:relative;transition:all .5s ease-in-out}
.cart .table .quantity button.minus{border-radius:2px 0 0 2px;-webkit-border-radius:2px 0 0 2px}
.cart .table .quantity button.minus:before{content:"";position:absolute;width:10px;height:3px;background:#FFF;border-radius:2px;-webkit-border-radius:2px;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.cart .table .quantity button.minus.delete{width:35px}
.cart .table .quantity button.minus.delete:before{display:none}
.cart .table .quantity button.minus.delete:after{content:"Xóa";font-size:10px;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.cart .table .quantity button.plus{border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0}
.cart .table .quantity button.plus:before,.cart .table .quantity button.plus:after{content:"";position:absolute;width:10px;height:3px;background:#FFF;border-radius:1px;-webkit-border-radius:1px;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}
.cart .table .quantity button.plus:before{transform:translateX(-50%) translateY(-50%) rotate(90deg)}
.cart .cart_fot .sum{font-size:calc(var(--font_xl) + 5px)}
.cart .cart_fot{display:flex;justify-content:space-between;align-items:center}
#cart_modal .btn{font-weight:600;color:#FFF;padding:8px 10px;background:var(--main_color);border:unset;border-radius:2px;-webkit-border-radius:2px;height:45px}
#cart_modal .btn path{fill:#FFF}
#cart_modal .btn.btn_back{padding:4px 5px;background:var(--main_color);height:35px}
#cart_modal[step="order"] .info{display:block}
#cart_modal[step="cart"] .order_only,#cart_modal[step="cart"] .notify,#cart_modal[step="cart"] .info,#cart_modal[step="cart"] .cart_now,#cart_modal[step="cart"] .btn_order_now_submit,#cart_modal[step="order"] .cart_only,#cart_modal[step="order"] .notify,#cart_modal[step="order"] .cart_now,#cart_modal[step="order"] tbody tr:not(.select),#cart_modal[step="order"] .btn_order_now_submit,#cart_modal[step="notify"] .cart,#cart_modal[step="notify"] .cart_now,#cart_modal[step="notify"] .info,#cart_modal[step="cart_now"] .cart,#cart_modal[step="cart_now"] .notify,#cart_modal[step="cart_now"] .btn_back,#cart_modal[step="cart_now"] .btn_order_submit{display:none}
#cart_modal form label[erro]:after{content:attr(erro);margin-left:4px;font-size:calc(var(--font_sm) - 2px);color:red}
#cart_modal form label[erro] + input,#cart_modal form label[erro] + select{border-color:red}
.notify .success,.notify .error{--w:150px;width:var(--w);height:var(--w);border:solid 10px;margin:0 auto;border-radius:50%;-webkit-border-radius:50%;position:relative;display:none}
.notify{min-height:200px}
.notify:before,.notify:after{content:"";position:absolute;width:80%;left:50%;transform:translateX(-50%);background:#eee;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;-webkit-border-radius:5px;background-size:200% 100%;-webkit-animation:1.5s shine linear infinite;animation:1.5s shine linear infinite}
.notify:before{height:50px}
.notify:after{top:85px;height:130px}
.notify .success svg,.notify .error svg{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:calc(var(--w) * 0.5);height:auto;animation:bounce 1s infinite alternate;-webkit-animation:bounce 1s infinite alternate}
.notify .success{border-color:var(--success_color)}
.notify .success svg{width:calc(var(--w) * 0.6);height:auto}
.notify .success svg path{fill:var(--success_color)}
.notify .error{border-color:var(--danger_color)}
.notify .error svg path{fill:var(--danger_color)}
.notify .mess{text-align:center;display:none}
.notify .mess h1,.notify .mess h2,.notify .mess h3{margin-bottom:15px}
.notify .mess p{margin-bottom:5px}
.notify.success:before,.notify.success:after,.notify.error:before,.notify.error:after{display:none}
.notify.success .success,.notify.error .error,.notify.success .mess,.notify.error .mess{display:block}
#wish_list .table img{width:50px;height:50px;object-fit:cover}
#wish_list .modal-body.empty table{display:none}
#wish_list .modal-body.empty:after{content:"Bạn chưa có sản phẩm yêu thích nào."}
@media only screen and (max-width: 576px) {
.h_button svg{width:20px;height:20px}
}
@media only screen and (max-width: 450px) {
.product_detail .act button{margin-right:5px}
.product_detail .list_seper{--seper_w:5px!important}
}
@keyframes swing {
0%,100%{transform:rotate(0deg)}
50%{transform:rotate(20deg)}
}
@keyframes gold {
0%{border-image-source:linear-gradient(0deg,#BF953F,#FCF6BA,#B38728,#FBF5B7,#AA771C)}
50%{border-image-source:linear-gradient(90deg,#BF953F,#FCF6BA,#B38728,#FBF5B7,#AA771C)}
100%{border-image-source:linear-gradient(180deg,#BF953F,#FCF6BA,#B38728,#FBF5B7,#AA771C)}
}
@keyframes show_more {
0%{top:0}
100%{top:10px}
}
@keyframes bounce {
0%{transform:translateX(-50%) translateY(-45%)}
100%{transform:translateX(-50%) translateY(-55%)}
}
@keyframes shine {
to{background-position-x:-200%}
}
@keyframes play_btn {
0%{width:22px;height:22px}
75%{width:24px;height:24px}
100%{width:26px;height:26px}
}