/*
	Theme Name: Loodo Flatsome Starter
Description: Loodo Flatsome Starter
Author: loodoweb.com
Template: flatsome
Version: 3.0.4
*/

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap');

html,body{font-size:14px;}
/*************** ADD CUSTOM CSS HERE.   ***************/
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection,.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select,.form-flat button, .form-flat input,a.button,button,.button.is-outline,input[type="submit"],a.quick-view,.wishlist_table .add_to_cart,.yith-wcwl-add-button > a,table.compare-list .add-to-cart td a:not(.unstyled_button){height:auto;}
input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, .chosen-container-multi .chosen-choices{font-size:1em;border-radius:10px;min-height:38px;max-height:38px;padding-left:12px;padding-right:12px;border-color:#ebc3ab;}
input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection,.chosen-container-multi .chosen-choices{}
textarea{padding:10px 13px;box-shadow:none;}
input[type=email]:focus, input[type=date]:focus, input[type=search]:focus, input[type=number]:focus, input[type=text]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, textarea:focus, select:focus, .select-resize-ghost:focus, .select2-container .select2-choice:focus, .select2-container .select2-selection:focus{}
textarea{min-height:115px;}
.button, button, input[type=button], input[type=reset], input[type=submit]{}
input[type="submit"],button:not(.circle):not(.flickity-button):not(.toggle),a.button:not(.circle):not(.flickity-button){padding-left:15px;padding-right:15px;padding-top:0px;padding-bottom:0px;border-width:1px;}
.button:not(.circle):not(.flickity-button), button:not(.circle):not(.flickity-button), input[type=submit], input[type=reset], input[type=button]{display: inline-flex; flex-direction: row; align-items: center; justify-content: center;}

select[multiple="multiple"]{height:auto;overflow-y:auto;}

#content.page-wrapper,.page-wrapper,.portfolio-page-wrapper .portfolio-top,#main .shop-container > div.product{padding-top:60px;padding-bottom:30px;}
#main .shop-container > div.product{padding-bottom:0px;padding-top:0px;}
#main .shop-container > div.product .product-main{padding-top:60px;padding-bottom:0px;background-size:cover;background-position:center;position:relative;}
#main .shop-container > div.product .product-main:after{content:"";display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#c81e128f;z-index:0;}
#main .shop-container > div.product .product-main > div{z-index:1;position:relative;}
.portfolio-page-wrapper .portfolio-top{padding-bottom:20px;}
.category-page-row,.page-title:not(.featured-title)+main .product-main{padding-top:30px;}
.category-page-row{padding-bottom:0px !important;}
.message-wrapper{margin:0px 0px 30px;font-size:1em;border-bottom:1px solid #dddddd;}
.message-wrapper li:last-child{margin-bottom:0px;}
.normal-title .breadcrumbs{}
.normal-title .breadcrumbs > span:last-child{display:none;}
.normal-title a:hover,.normal-title .breadcrumbs a:hover{color:#ea1818;}

.shop_table td .button, .shop_table th .button{margin:0px;}

.absolute-footer.dark{color:hsla(0,0%,100%,.7);}
.absolute-footer{padding-top:15px;padding-bottom:15px;border-top:1px solid #dddddd;}
img.size-full.alignnone{margin-bottom:0px;}

.product-section{border-top-width:0px;margin-bottom:30px;}
.product-section .product-section-title,.rvpw-recently-view.products h2{text-transform: none; color: #c81e12;; padding: 0px; margin-bottom: 30px;font-size:2em;line-height:1.3em;}

.comment-form{margin-bottom:-15px;}

.section-title-container{margin-bottom:15px;}

.woocommerce-pagination{margin-bottom:25px;}

.li-header-clearfix{width:100%;height:20px;}
.header-wrapper.stuck .header-main .nav > li.li-header-clearfix{height:auto;width:7px;}
.header-wrapper.stuck .header-bg-color{background-color:white;}
.header-main .nav > li.header-block{}
.header-main .nav > li.html{font-size:1em;}
.header-main .nav > li.header-language-dropdown > a{font-size:0px;}
.header-main .nav > li.header-language-dropdown a > .image-icon{margin-left:7px;}
.header-main .nav > li > a{padding:7px 9px;border-radius:8px;}
.header-main .nav > li > a:hover{background:#fff0e7; color: #2c1410;}
.header-main .nav > li.current-menu-item > a{background:#fff0e7;color:#c2131a!important;}
.header-main .nav > li.has-icon > a{border-width:0px;}
.header-main .nav > li.menu-item > a{}
.header-main .nav > li.menu-item > a > i.fa{float:left;font-size:18px;}
.header-wrapper.stuck .header-main .nav > li.menu-item > a{min-width:auto;}
.header-main .nav > li:last-child > a,.header-main .nav > li.cart-item > a{border-width:0px;}
#logo{margin-right:10px;}
.has-dropdown .icon-angle-down{float:right;}
.border-radius-25, .border-radius-25 img, .border-radius-25 .img-inner{border-radius:25px;}

.section-title b{opacity:0;}

.header-main .nav > li{}

.text-right,.text-end{text-align:right;}

/*color*/
#footer a{}
.breadcrumbs a.current, .breadcrumbs a:hover,.ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link,h3.widget-title, span.widget-title{color:var(--primary-color);}
.widget ul li.current-menu-item > a{}
th,td,label,.breadcrumbs,.absolute-footer,.breadcrumbs a,.nav-dropdown,.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a{}
span.amount{color:black;}
/*color*/

ul.product_list_widget li .quantity{opacity:1;}

.row .gallery{margin-left:-5px;margin-right:-5px;}
.row .gallery .gallery-item{padding:0px 5px 10px;}
.row .gallery .gallery-item a{display:block;background-position: 50% 50%; background-size: cover; height: auto; overflow: hidden; padding-top: 100%; position: relative;padding-top:75%;border:1px solid #dddddd;border-radius:3px;background-color:white;}
.row .gallery .gallery-item a img{bottom: 0; font-family: "object-fit: cover;"; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; position: absolute; right: 0; top: 0; width: 100%;}

.wpcf7-form{margin-bottom:0px;}
.wpcf7-form .row > div{padding-bottom:15px;}
.wpcf7-form .row > div:last-child{padding-bottom:0px;margin-top:7px;}
.wpcf7 .wpcf7-not-valid-tip{margin-top:0px;}
.wpcf7-form label{margin-bottom:0px;}
.wpcf7-form label input, .wpcf7-form label select, .wpcf7-form label textarea{font-weight:normal;}
.wpcf7-form input[type="submit"]{margin-right:0px;margin:0px;}
.wpcf7 .wpcf7-not-valid-tip{font-size:0.9em;}
.wpcf7-spinner{display:none!important;}
.wpcf7-form textarea{height:80px;min-height:auto;}
.wpcf7 form .wpcf7-response-output{background-color:white;margin-top:15px!important;margin-bottom:0px!important;line-height:1.2em;padding:5px 7px;color:black;}
.wpcf7 form .button, .wpcf7 form button, .wpcf7 form fieldset, .wpcf7 form input, .wpcf7 form select, .wpcf7 form textarea{margin-bottom:0px;}

.lightbox-content{border-radius:20px;}

select option[disabled]{color: #bbbbbb;}

.nav-dropdown-default{padding:6px 5px;}

.dark table, .dark th, .dark td{border-color:white;}
.absolute-footer.dark{color:white;}
.absolute-footer{border-width:0px;padding-top:20px;padding-bottom:30px;color:#93736a;}
.footer-wrapper{font-size:1em;}
.footer-secondary{padding:0px;}

.nav-dropdown-has-border .nav-dropdown{border-width:1px;padding: 5px 2px;}
.header-cart-link .cart-icon{font-size:10px;}

.social-icons > a{}

.contact-header-icon.icon-box{min-width:150px;}
.contact-header-icon.icon-box .icon-box-text{margin-left:10px;}
#wide-nav .header-search-form-wrapper .searchform{min-width:300px;}
.searchform button[type="submit"]{color:#94746b;font-size:10px;position: absolute; width:30px;top: 1px; left: 0px; background: none; box-shadow: none; border-width: 0px;height:30px;min-height:30px!important; min-width:auto;padding:0px!important;margin:0px!Important;}
.searchform input[type="search"]{padding:0px 10px 0px 30px;min-height:30px;}

.slider-nav-light .flickity-page-dots .dot{background-color:#dddddd;border-color:#dddddd;}
.slider-nav-light .flickity-page-dots .dot.is-selected, .slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot{background-color:var(--primary-color);border-color:var(--primary-color);}
.flickity-page-dots .dot.is-selected{background-color:var(--primary-color);}

.back-to-top.button{display: flex ; flex-direction: column; align-items: center; justify-content: center;color:var(--primary-color);border-color:var(--primary-color);}
.back-to-top.button:hover{color:white;}
.back-to-top.button svg{fill:white;}

ul,ol{list-style-position: inside;}

.mfp-close{right:15px;}

.header-main .nav li.menu-item > a:hover,.header-main .nav li.menu-item.current-menu-item > a,.sidebar-menu .nav li.menu-item > a:hover,.sidebar-menu .nav li.menu-item.current-menu-item > a{}

.nav-pagination>li>span, .nav-pagination>li>a{border-radius:10px;}

.header-nav-main li.header-block{width:auto;}
#masthead .header-nav-main.nav.nav-left{}
#masthead .header-nav-main.nav.nav-left li a[data-open="#main-menu"]{display:none;}
.header-main .nav > li.has-icon > a[data-open="#main-menu"]{color:var(--primary-color);}
#masthead .header-inner .flex-col.hide-for-medium.flex-right{min-width:440px;}
.header-main .nav > li.html.header-search-form{max-width:280px;}

#top-bar ul.nav.nav-small li{font-size:1em;}
#top-bar{border-bottom:1px solid #f5dccb;}

.white.button.is-outline{color:#2c1410!important;border-color:#ebc3ab;}
.white.button.is-outline:hover{background-color:rgba(0,0,0,.05)!important;}
input[type='submit'], input[type="button"], .button:not(.icon,.is-outline,.wp-block-search__button){box-shadow: 0 3px 0 #c2131a;}
.button:not(.icon,.is-outline,.wp-block-search__button).secondary{box-shadow:0 3px 0 #c77400;color:#301A02;}
input[type='submit']:hover, input[type="button"]:hover, .button:not(.icon,.is-outline,.wp-block-search__button):hover{background-color:#de1b1e;color:white;}
.header-block .searchform-wrapper{max-width:200px;}

.button.primary.is-outline{background-color:#ffe9e7;color:#c2131a;border-color:#c2131a;}
.button.primary.is-outline:hover{background-color:var(--primary-color);color:white;}

.button.secondary.is-outline{background-color:#fff3df;color:#c77400;border-color:#fd9d2a;}
.button.secondary.is-outline:hover{background-color:#fd9d2a;color:black;}

.button.success.is-outline{background-color:#e7f5e4;color:#3c8c34;border-color:#3c8c34;}
.button.success.is-outline:hover{background-color:#3c8c34;color:white;}

.gtranslate_wrapper{border: 1px solid #ebc3ab; border-radius: 8px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.gtranslate_wrapper a.glink{background-color:transparent;width: 30px; height: 24px; display: block; text-align: center; line-height: 24px; font-size: 0.8em; font-weight: normal !important; border-left: 1px solid #ebc3ab;}
.gtranslate_wrapper a.glink:first-child{border-left-width:0px;-webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
.gtranslate_wrapper a.glink:last-of-type{-webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
.gtranslate_wrapper a.glink.gt-current-lang{background-color:#fc1f22;color:white;}
.header-block .button{min-height:30px;}
.ux-menu-link__link{min-height:2em;}

.ux-timer.light > span{color:#fc1f22;font-weight:normal;border:1px solid rgba(0,0,0,.10);}
.ux-timer.light span strong{color:#8a6f5f;}

.about-box-item.icon-box{height:100%;padding:20px;background-color:white;border:1px solid #f5dccb;border-radius:15px;box-shadow:0 1px 2px rgba(84,32,18,.07),0 8px 24px -12px rgba(84,32,18,.22);}
.about-box-item.icon-box i{display: flex; justify-content: center; align-items: center;width:26px;height:26px;border-radius:5px;color:white;background-color:var(--primary-color);margin-bottom:15px;}
.about-box-item.icon-box.orange i{background-color:#fd5a01;}
.about-box-item.icon-box.yellow i{background-color:#fd9d2a;}
.about-box-item.icon-box.blue i{background-color:#0078d1;}

.group-box-item.icon-box{padding:25px;border-radius:20px;background: linear-gradient(150deg, color-mix(in srgb, #FC1F22 15%, white), white 62%); border: 1px solid color-mix(in srgb, #FC1F22 32%, #F5DCCB);}
.group-box-item.icon-box.orange{background: linear-gradient(150deg, color-mix(in srgb, #FD9D2A 24%, white), white 62%); border: 1px solid color-mix(in srgb, #FD9D2A 42%, #F5DCCB);}
.group-box-item.icon-box .text.icon{margin-bottom:20px;background-color: #FC1F22; width: 56px; height: 56px; border-radius: 12px; font-weight: 600; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.group-box-item.icon-box.orange .text.icon{background-color: #FD9D2A;color:#301A02;}
.group-box-item.icon-box .button.is-outline.white{color:#c2131a!important;border-color:#fc1f22;}
.group-box-item.icon-box.orange .button.is-outline.white{color:#c77400!important;border-color:#fd9d2a;}

.row.row-steps:after{content:"";display:block;width:100%;height:2px;background-color:#ebc3ab;position:absolute;top:20px;left:0px;z-index:-1;}
.step-box.icon-box .step{width:38px;height:38px;font-weight:bold;border-radius:50%;background-color:white;border:2px solid #ebc3ab;margin:0px auto 15px;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.step-box.icon-box .step p{margin:0px;}
.step-box.icon-box.orange .step{box-shadow:0 0 0 5px color-mix(in srgb, #fd9d2a 30%, transparent);background-color:#fd9d2a;border-color:#fd9d2a;color:black;}
.step-box.icon-box.red .step,.step-box.icon-box:hover .step{background-color:#fc1f22;color:white;border-color:#fc1f22;}

.open-video .overlay-icon{width: 78px; height: 78px; display: flex; justify-content: center; align-items: center; background-color: white;}
.open-video .overlay-icon i{color:var(--primary-color);}

.text.sub-heading{letter-spacing:10%;}

.prize-box-item.icon-box{height:100%;position: relative; border-radius: 20px; padding: 22px; border: 1px solid #f5dccb; background: #ffffff; overflow: hidden;}
.prize-box-item.icon-box.gold{border-color: color-mix(in srgb, #fd9d2a 55%, #f5dccb); box-shadow:0 20px 44px -28px color-mix(in srgb, #fd9d2a 85%, #000);background: linear-gradient(160deg, color-mix(in srgb, #fd9d2a 22%, #ffffff), #ffffff 55%);}
.prize-box-item.icon-box.gold:before{content:"Cao nhất";position: absolute; top: 15px; right: -36px; transform: rotate(45deg); background: #fc1f22; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .02em; padding: 4px 42px; box-shadow: 0 4px 10px rgba(0, 0, 0, .2);}
.prize-box-item.icon-box p{margin:0px;}
.prize-box-item.icon-box .icon{width:60px;height:60px;border-radius:50%;margin:0px auto 12px;display:flex;justify-content: center;align-items: center;font-size: 30px; background: color-mix(in srgb, #fd9d2a 16%, #ffffff); border: 1px solid color-mix(in srgb, #fd9d2a 42%, #f5dccb);}
.prize-box-item.icon-box .title{font-weight: 700; font-size: 1.28em; line-height: 1.2em; margin-bottom: 12px; color: #2c1410;border: 1px solid #f5dccb; border-radius: 22px; padding: 22px; background: #ffffff; display: flex; flex-direction: column; gap: 12px;}
.prize-box-item.icon-box .price{font-family: "IBM Plex Mono"; font-size: 1.9em; font-weight: 600; color: #2c1410; line-height: 1.1;}
.prize-box-item.icon-box .price.price2{font-size:1.35em;}
.prize-box-item.icon-box .divider{margin:12px 0px !important;}
.prize-box-item.icon-box.total{border-color:#fc1f22;}
.prize-box-item.icon-box.total .price{color:#fc1f22;}

.col-partner-marquee{}
.col-partner-marquee > .col-inner{position: relative; overflow: hidden;padding-bottom:20px;-webkit-mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);}
.col-partner-marquee > .col-inner > .row{display: flex;     flex-flow: initial;gap: 18px; width: max-content; animation: slide 42s linear infinite;}
.col-partner-marquee > .col-inner > .row > .col{flex: 0 0 auto; width: 226px;padding:0px;max-width:none;}
.col-partner-marquee > .col-inner > .row > .col .icon-box.about-box-item{font-size:0.9em;padding:20px;}
.col-partner-marquee > .col-inner > .row > .col .icon-box.about-box-item p{margin:0px;}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

ol > li{margin:0px 0px 12px 0px;margin-left:0px!important;list-style-type: decimal-leading-zero;}
/* Áp dụng cho tất cả thẻ ol hoặc đặt class cụ thể */
ol li::marker {
color: #fd5a01; font-weight: 600;
}

table{border-color:#fff0e7;    border-collapse: collapse;
border-radius: 15px; overflow: hidden;}
th, td,td:first-child, th:first-child,td:last-child, th:last-child{border-color:#fff0e7;font-size:0.9em;padding-top:10px;padding-bottom:10px;padding-left:14px;padding-right:14px;}
table thead{}
td{color:#2c1410;background-color:white;}
th{color:#61433c;background-color:#fff0e7;letter-spacing: .06em;}

.accordion{background-color:white;border:1px solid #f5dccb;border-radius:15px;}
.accordion .accordion-item a{color:#2c1410;font-weight:bold;padding:14px 18px 14px 52px;}
.accordion .accordion-item:first-child a{border-top-width:0px;-webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.accordion .accordion-item:last-child a{}
.accordion .toggle{top:0.4em;left:10px;}
.accordion .accordion-item a.active{background-color:#fff0e7;color:var(--primary-color);}
.accordion-inner{padding:20px 20px 10px 20px;}

@media only screen and (max-width: 1280px) {

}
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 849px) {
	.row .gallery .gallery-item{flex-basis: 33.3333%; max-width: 33.3333%;}
	.absolute-footer > .container{display:flex;flex-direction: column;}
	.absolute-footer .footer-primary{order:-1;}
	
}
@media only screen and (max-width: 767px) {
.off-canvas .sidebar-menu{padding:30px 0px;}
}
@media only screen and (max-width: 550px) {
	.row .gallery .gallery-item{flex-basis: 50%; max-width: 50%;}
	.normal-title .page-title-inner .row > .col:first-child{padding-bottom:5px;}
	.normal-title .page-title-inner .row > .col:last-child{padding-bottom:0px;}
	.normal-title h1,.normal-title .breadcrumbs.text-left{text-align:center!important;}
	.normal-title .page-title-inner{padding-bottom:20px;}
	.normal-title .breadcrumbs{font-size:1em;}

	.row.row-steps:after{height:calc(100% - 30px);width:2px;left:50%;top:0px;margin-left:-1px;}
}
@media only screen and (max-width: 480px) {
}