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

/*************** 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){}
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:0.9em;border-radius:0px;background-color:transparent;color:white!important;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-color:#666;}
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{background-color:transparent;box-shadow:none;}
textarea{min-height:115px;}
input[type="submit"],button,a.button{letter-spacing:0px;}
.button, button, input[type=submit], input[type=reset], input[type=button]{}
select[multiple="multiple"]{height:auto;overflow-y:auto;}
th, td{font-size:1em;}
.dark .button, .dark input[type=button], .dark input[type=reset], .dark input[type=submit]{color:black;}

#content.page-wrapper,.page-wrapper,.portfolio-page-wrapper .portfolio-top,#main .shop-container > div.product{padding-top:0px;padding-bottom:0px;}
#main .shop-container > div.product{padding-bottom:0px;padding-top:0px;}
#main .shop-container > div.product .product-main{padding-top:0px;padding-bottom:0px;}
.portfolio-page-wrapper .portfolio-top{padding-bottom:0px;}
.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{font-size:0.9em;}
.normal-title .breadcrumbs > span:last-child{display:none;}

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

.absolute-footer.dark{color:hsla(0,0%,100%,.7);}
.absolute-footer{padding-top:10px;padding-bottom:10px;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: #8e1a10;; 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:transparent;}
.header-main .nav > li.header-block{}
.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{}
.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:20px;}
.has-dropdown .icon-angle-down{float:right;}
.border-radius-25, .border-radius-25 img{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;}
.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.8em;}
.wpcf7-spinner{display:none!important;}
.wpcf7-form textarea{height:168px;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:5px;}

.lightbox-content{border-radius:0px;background-color:#252525;}
.lightbox-content iframe{border-width:0px;}

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;color:#00298e;}
.footer-wrapper{font-size:0.9em;}

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

.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;}
.header-search-form-wrapper .searchform > .flex-row button[type="submit"]{position: absolute; top: 0px; right: 0px; background: none; color: black; box-shadow: none; border-width: 0px;}

.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);}

.business-col > .col-inner{padding:15px;border:1px solid #478dd5;box-shadow: 0px 0px 15px 0px rgba(75,144,214,1); -webkit-box-shadow: 0px 0px 15px 0px rgba(75,144,214,1); -moz-box-shadow: 0px 0px 15px 0px rgba(75,144,214,1);}

.box.box-vertical .box-text{padding:0px 0px 0px 15px;}
.box.box-vertical .box-text .post-title{margin:5px 0px;}
.box:hover .box-text .post-title{color:var(--primary-color);}
.box .box-text{padding-bottom:0px;}
.box .box-text .post-title{font-size: 1.3em; line-height: 1.2em;}
.post-item .box .box-image{border-radius:10px;}
.post-item .box .box-image img{border-radius:10px;}
.box-blog-post .is-divider{display:none;}

.back-to-top.button{display: flex ; flex-direction: column; align-items: center; justify-content: center;}
.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;}

.normal-title{border-width:0px;background-color:transparent;}
.normal-title .page-title-inner{padding-bottom:0px;padding-top:20px;}
.normal-title .page-title-inner h1{margin:0px;font-size:1.3em;line-height:1.2em;}
.breadcrumbs a{color:white;font-weight:bold;}
.breadcrumbs{color:white;margin-bottom:5px;font-weight:bold;}

li.lang-item a img{height:16px;}

#footer li{margin-left:0px;}

span.widget-title{font-size:1.2em;display: block; margin-bottom: 10px;}
#secondary .is-divider{display:none;}

.blog-single .entry-content{padding-top:0px;}

.accordion-inner{padding:1.3em 0px .5em;}

.searchform .submit-button{position:absolute;top:0px;right:0px;background-color: transparent; border-width: 0px; box-shadow: none; color: black;}

.logo-svg-loader{position:fixed;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:black;z-index:9999999;}
.logo-svg-loader > .logo-loader{position:relative;width:350px;height:auto;}
.logo-svg-loader > .logo-loader img{position: absolute; top: 0px; left: 0px; padding: 2px;display:none;transition: opacity 1s ease-in-out;}

.header-main .nav > li > a[data-open]{height: 50px; width: 60px; background-color: rgba(0, 0, 0, .5); padding: 0px; border-radius: 5px;justify-content: center; align-items: center;}
.header-main .nav > li > a[data-open]:before,.header-main .nav > li > a[data-open]:after{content:"";display:block;position:absolute;left:8px;right:0px;transition: all 0.3s ease-in-out;width:36px;height:2px;background-color:var(--primary-color);opacity:1;}
.header-main .nav > li > a[data-open]:before{top:12px;}
.header-main .nav > li > a[data-open]:after{bottom:12px;}
.header-main .nav > li > a[data-open] i:before{transition: all 0.3s ease-in-out;font-family: initial;content:"";display:block;width:50px;height:2px;background-color:var(--primary-color);}
.header-main .nav > li > a[data-open]:hover i:before{background-color:white;width:32px;}
.header-main .nav > li > a[data-open]:hover:before,.header-main .nav > li > a[data-open]:hover:after{background-color:white;width:50px;left:5px;}

.header-main .nav > li.header-search > a{font-size:1.2em;position:relative;width: 90px; height: 50px; display: flex; justify-content: center; align-items: center;background-color:rgba(0,0,0,.5);border-radius:5px;}
.header-main .nav > li.header-search:hover > a{background-color:black;}
.header-main .nav > li.header-search > a:hover i{color:var(--primary-color)}
.header-main .nav > li.header-search > a:before,.header-main .nav > li.header-search > a:after{content:"";position:absolute;top:0px;bottom:0px;margin:20px auto;background-color:var(--primary-color);width:2px;height:10px;transition: all 0.3s ease-in-out;opacity:1;}
.header-main .nav > li.header-search > a:before{left:10px;}
.header-main .nav > li.header-search > a:after{right:10px;}
.header-main .nav > li.header-search > a:hover i{}
.header-main .nav > li.header-search > a:hover:before,.header-main .nav > li.header-search > a:hover:after{}

.header-main .nav > li.header-search:before{color:rgba(0,0,0,.5);}
#ux-search-dropdown{background: black; border-width: 0px; position: absolute; top: 0px; right: 23px; left: auto; margin: 0px;padding:0px;}
#ux-search-dropdown .searchform input[type="search"]{background: black; border-width: 0px; box-shadow: none; color: white;height:50px;}
.header-search-form-wrapper .searchform > .flex-row button[type="submit"]{color: var(--primary-color); position: absolute; top: 0px; right: 0px; height: 50px;}
.header-search-form-wrapper .searchform > .flex-row button[type="submit"] i{font-size:1.4em;}
.col .live-search-results, .header .search-form .live-search-results, .header-block .live-search-results{color:white;}

.header-wrapper.stuck{box-shadow: none;}

.header-contact-row .text{display: inline-block; background-color: rgba(0, 0, 0, .5); padding: 5px; border-radius: 5px;}

#masthead > .header-inner{align-items: start; max-width: 100%; padding-top: 0px; padding-bottom: 15px;}
#top-bar > .container{max-width:100%;}
#top-bar{align-items: end;}
body.home #masthead > .header-inner{padding-top:15px;}
body.home #top-bar{display:none;}

html,body { /* Ensure scrolling is enabled */ overflow-y: auto; /* Hide scrollbar for Chrome, Safari, and newer Edge (WebKit) */ &::-webkit-scrollbar { display: none; } /* Hide scrollbar for Firefox */ scrollbar-width: none; /* Hide scrollbar for IE and older Edge */ -ms-overflow-style: none; }


.off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content{background-color:transparent;box-shadow:none;}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content{--drawer-width: 50vw!important;transition:none;}

.off-canvas .sidebar-menu{padding-top:10px;padding-bottom:10px;}
.mfp-auto-cursor.off-canvas button.mfp-close svg{display:none;}
.mfp-auto-cursor.off-canvas button.mfp-close{width: 50px; height: 50px; opacity: 1;margin-top: 34px !important; margin-right: 5px !important;}
body.home .mfp-auto-cursor.off-canvas button.mfp-close{margin-top:14px!important;}
.mfp-auto-cursor.off-canvas button.mfp-close:before,.mfp-auto-cursor.off-canvas button.mfp-close:after{content: ""; width: 50px; height: 2px; background-color: var(--primary-color); position: absolute; top: 50%; left: 0px; transform: rotate(45deg); transition: all 0.3s ease-in-out;}
.mfp-auto-cursor.off-canvas button.mfp-close:after{transform: rotate(-45deg);}
.main-menu-overlay{}
#wrapper{transition: all 0.3s ease-in-out;}
html.has-off-canvas body #wrapper{filter: blur(10px); transition: filter .5s ease;}
.mfp-content .mobile-sidebar{height:100%;}
.mfp-content .mobile-sidebar .sidebar-menu{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.mfp-content .sidebar-menu ul.nav.nav-sidebar{font-size:1.6em;padding-right:120px;counter-increment: vienminhdang;}
.sidebar-menu .nav.nav-sidebar.nav-vertical>li+li{border-width:0px;}
.sidebar-menu .nav.nav-sidebar.nav-vertical > li>a{padding-top:10px;padding-bottom:10px;padding-left:0px;padding-right:0px;justify-content: right;}
.sidebar-menu .nav.nav-sidebar.nav-vertical > li{counter-increment: vienminhdang;}
.sidebar-menu .nav.nav-sidebar.nav-vertical > li{margin-right:-2000px!important;transition: all .3s ease-in-out;opacity: 0; /* Gợi ý thêm: nên để ẩn để mượt hơn */}
/* ĐẶT ĐỘ TRỄ CHO TỪNG ITEM */
/* Khi menu được mở (.mfp-content xuất hiện) */
.sidebar-menu .nav.nav-sidebar.nav-vertical > li:nth-child(1) {transition: all .3s ease-in-out;}
.sidebar-menu .nav.nav-sidebar.nav-vertical > li:nth-child(2) {transition: all .4s ease-in-out;}
.sidebar-menu .nav.nav-sidebar.nav-vertical > li:nth-child(3) {transition: all .5s ease-in-out;}
.sidebar-menu .nav.nav-sidebar.nav-vertical > li:nth-child(4) {transition: all .6s ease-in-out;}
.sidebar-menu .nav.nav-sidebar.nav-vertical > li:nth-child(5) {transition: all .7s ease-in-out;}
.sidebar-menu .nav.nav-sidebar.nav-vertical > li:nth-child(6) {transition: all .8s ease-in-out;}
.sidebar-menu .nav.nav-sidebar.nav-vertical > li:nth-child(7) {transition: all .9s ease-in-out;}
.sidebar-menu .nav.nav-sidebar.nav-vertical > li:nth-child(8) {transition: all 1s ease-in-out;}
.sidebar-menu .nav.nav-sidebar.nav-vertical > li:nth-child(9) {transition: all 1.1s ease-in-out;}
.sidebar-menu .nav.nav-sidebar.nav-vertical > li:nth-child(10) {transition: all 1.2s ease-in-out;}
.sidebar-menu .nav.nav-sidebar.nav-vertical > li:nth-child(11) {transition: all 1.3s ease-in-out;}
.has-off-canvas .sidebar-menu .nav.nav-sidebar.nav-vertical.opened > li{margin-right:0px!important;opacity: 1;}
.sidebar-menu .nav.nav-sidebar.nav-vertical > li > a:after{content: "/" counter(vienminhdang, decimal-leading-zero);font-size: 0.6em; margin-left: 5px;}

.dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical-fly-out>li>a, .dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a{color:white;}
.dark .nav-vertical li li.menu-item-has-children>a:hover, .dark .nav-vertical-fly-out>li>a:hover, .dark .nav-vertical>li>ul li a:hover, .dark .nav>li>a:hover, .nav-dark .nav>li>a:hover, .nav-dropdown.dark .nav-column>li>a:hover, .nav-dropdown.dark>li>a:hover,.off-canvas .nav-vertical li.current-menu-item>a{color:var(--primary-color);}

html,html.has-off-canvas.has-off-canvas-right{margin-right:0px!important;}

.sidebar-menu-bg-logo{position: fixed; left: 0px; top: 0px; width: 50vw; height: 100%; z-index: 999999; background-position: right 30px center; background-repeat: no-repeat; background-size: 30vw;opacity:0;visibility:hidden;transition: all .2s ease-in-out;filter: blur(10px);transform:scale(1.2);}
html.has-off-canvas .sidebar-menu-bg-logo{opacity:1;visibility:visible;filter: blur(0px);transform:scale(1);transition: all 1s ease-in-out}

.dark .is-divider{background-color:var(--primary-color);}

.footer-section.section > .section-bg > img{-o-object-fit: none; object-fit: none; object-position: top right !important;}

#main{z-index:1;background-color: transparent !important;}
#main,#footer{transition: all .5s ease-in-out}
body.page-transition #main,body.page-transition #footer{opacity:0;filter: blur(10px);} 

#particles-js{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1;opacity:0.4;}

.header-banner{min-height: 200px; display: flex; flex-direction: row; justify-content: center; align-items:end;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;}
.header-banner:after{background: #000; background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);content:"";display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;}
.header-banner h1{margin:165px 0px 30px;z-index:2;position:relative;}

.tabbed-content > .nav.nav-simple > li > a{padding: 0px;font-weight:bold;line-height: 1.2em;}
.tabbed-content > .nav.nav-simple > li.active > a,.tabbed-content > .nav.nav-simple > li > a:hover{color:var(--primary-color);}
.tabbed-content > .nav.nav-simple > li{padding-right:10px;margin-right:10px;border-right:1px solid #dddddd;text-align: center;}
.tabbed-content > .nav.nav-simple > li:last-child{padding-right:0px;margin-right:0px;border-right-width:0px;}

.text.typing-effect > *{opacity:0;transition: opacity 0.5s ease-in-out;}
.text.typing-effect > * span {
  opacity: 0;
  display: inline-block;
  transform: translateX(-10px); /* Hơi lệch trái một chút */
  transition: all 0.4s ease;
}

.text.typing-effect > * span.fade-in {
  opacity: 1;
  transform: translateX(0); /* Trở về vị trí cũ */
}

body.ux-builder-iframe .text.typing-effect > *,body.ux-builder-iframe .text.typing-effect > * span{opacity:1;}

.text-bold{font-weight:bold;}
blockquote{border-width:0px;background-image:url('inc/imgs/quote.svg');background-size:40px;background-repeat:no-repeat;background-position:left top;padding-left:60px;}

.left-animation-dashed-col.col.animation > .col-inner:before,.center-animation-dashed-col.col.animation > .col-inner:before,.right-animation-dashed-col.col.animation > .col-inner:before{opacity:0;}
body.ux-builder-iframe .left-animation-dashed-col.col.animation > .col-inner:before,body.ux-builder-iframe .center-animation-dashed-col.col.animation > .col-inner:before,body.ux-builder-iframe .right-animation-dashed-col.col.animation > .col-inner:before{opacity:1;}
.left-animation-dashed-col.col.animation > .col-inner:before{animation-name: scaleSmallY; animation-duration: 4s; animation-delay: .1s; animation-fill-mode: forwards; transform-origin: top;content: ''; position: absolute; width: 1px; height: 45%; background-color:var(--primary-color); top: 0px; left: 0;opacity:1;}
.center-animation-dashed-col.col.animation > .col-inner:before{animation-name: scaleSmallY; animation-duration: 4s; animation-delay: .1s; animation-fill-mode: forwards; transform-origin: top;content: ''; position: absolute; width: 1px; height: 100%;min-height:80px; background-color:var(--primary-color); top: 0px; left: 50%; transform: translateX(-50%);opacity:1;}
.right-animation-dashed-col.col.animation > .col-inner:before{animation-name: scaleSmallY; animation-duration: 4s; animation-delay: .1s; animation-fill-mode: forwards; transform-origin: top;content: ''; position: absolute; width: 1px; height: 45%; background-color:var(--primary-color); top: 0px; right: 0px;opacity:1;}
@keyframes scaleSmallY{0%{transform:scaleY(0)}100%{transform:none}}

.child-pages-menu{max-width:100%;overflow-x:auto;/* Hide scrollbar for Chrome, Safari, and newer Edge (WebKit) */ &::-webkit-scrollbar { display: none; } /* Hide scrollbar for Firefox */ scrollbar-width: none; /* Hide scrollbar for IE and older Edge */ -ms-overflow-style: none;position:relative;}
.child-pages-menu > ul{display:flex;justify-content:center;align-items:center;list-style:none;margin:0px;font-size:1em;min-width:1140px;}
.child-pages-menu > ul > li{padding-right:10px;margin-right:10px;border-right:1px solid #dddddd;text-align: center;margin-bottom:0px;}
.child-pages-menu > ul > li:last-child{padding-right:0px;margin-right:0px;border-right-width:0px;}
.child-pages-menu > ul > li > a{font-weight:bold;}
.child-pages-menu > ul > li.active > a,.child-pages-menu > ul > li > a:hover{color:var(--primary-color);}
.child-pages-menu-wrapper{position:relative;}

.child-pages-section{transition: all 0.3s ease-in-out;}
.child-pages-section.is-sticky{position: fixed; left: 0px; top: 100px; width: 100%; z-index: 99999; background-color: transparent; }
.child-pages-section.is-sticky .child-pages-menu > ul > li > a{background-color:black;padding:10px 15px;border-radius:5px;display: block; font-size: 0.8em;}
.child-pages-section.is-sticky .child-pages-menu > ul > li{padding:0px 5px;margin:0px;border-width:0px;}

/* Hiệu ứng nhấp nháy và chuyển động (Animation) */
@keyframes blink-move-right {
    0% { opacity: 0.2; transform: translate(0, -50%); }
    50% { opacity: 1; transform: translate(10px, -50%); }
    100% { opacity: 0.2; transform: translate(0, -50%); }
}

@keyframes blink-move-left {
    0% { opacity: 0.2; transform: translate(0, -50%); }
    50% { opacity: 1; transform: translate(-10px, -50%); }
    100% { opacity: 0.2; transform: translate(0, -50%); }
}

.history-col.col > .col-inner > .row{align-items: center;padding-left:30px;position:relative;margin-bottom:50px}
.history-col.col > .col-inner > .row > .col{margin-bottom:-1.3em;padding-bottom:0px;}
.history-col.col > .col-inner > .row:before{content:"";display:block;position:absolute;left:15px;top:50%;margin-top:-5px;width:10px;height:10px;border-radius:50%;background-color:var(--primary-color);}
.history-col.col > .col-inner > .row:after{content:"";display:block;position:absolute;left:20px;top:0px;width:1px;height:calc(100% + 50px);background-color:var(--primary-color);}
.history-col.col > .col-inner > .row:last-child:after{height:100%;}

hr{opacity:1;border-color:var(--primary-color);}
.text-primary{color:var(--primary-color);}

.contact-form-col.col .wpcf7-form .row > .col{flex-basis: 100%; max-width: 100%;}

.gradient-overlay-slider sr7-content:after{content:"";display:block;position:absolute;bottom:0px;left:0px;width:100%;height:30%;background: #000; background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);z-index:9;}

.flickity-prev-next-button svg{display:none;}
.flickity-prev-next-button{width:50px;height:50px;background-size: cover; background-repeat: no-repeat; background-position: center;margin-top:-25px;bottom:50%;top:auto;}
.flickity-prev-next-button.previous{background-image:url('inc/imgs/back.png');}
.flickity-prev-next-button.next{background-image:url('inc/imgs/next.png');}

.shop-page-title{display:none;}

@media only screen and (max-width: 1024px) {
	.child-pages-menu-wrapper:before,.child-pages-menu-wrapper:after{font-size: 30px; color:white; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; user-select: none;margin-top:-4px;}
	.child-pages-menu-wrapper:before{content:"←";left:5px;animation: blink-move-left 2s infinite ease-in-out;}
	.child-pages-menu-wrapper:after{content:"→";right:5px;animation: blink-move-right 2s infinite ease-in-out;}
}
@media only screen and (max-width: 849px) {
	.row .gallery .gallery-item{flex-basis: 33.3333%; max-width: 33.3333%;}
	.left-animation-dashed-col.col > .col-inner{padding-left:30px!important;}
	#masthead > .header-inner{align-items:center;padding-top:10px;padding-bottom:10px;}
	.mfp-auto-cursor.off-canvas button.mfp-close,body.home .mfp-auto-cursor.off-canvas button.mfp-close{margin-top:40px!important;}
}
@media only screen and (max-width: 767px) {
	.sidebar-menu-bg-logo{display:none;}
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content{width:100%;--drawer-width: 100%;}
	.mfp-content .sidebar-menu ul.nav.nav-sidebar{font-size:1.3em;padding:60px 30px;}
	.sidebar-menu .nav.nav-sidebar.nav-vertical > li>a{justify-content:center;text-align:center;}
	.sidebar-menu .nav.nav-sidebar.nav-vertical > li > a:after{display:none;}

	.tabbed-content > .nav.nav-simple > li{padding:0px;margin:1px 5px;border-width:0px}

	blockquote{background-size:30px;padding-left:45px;}
}
@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;}
	.footer-section.section > .section-bg > img{opacity:0.3;}
	.left-animation-dashed-col.col > .col-inner{padding-left:15px!important;}

	.history-col.col > .col-inner > .row{margin-bottom:30px;}
	.history-col.col > .col-inner > .row:before,.history-col.col > .col-inner > .row:after{display:none;}
	.history-col.col > .col-inner > .row{padding-left:0px;}
	.history-col.col > .col-inner > .row .text.year{text-align:left!important;}

	.lightbox-content{padding:20px 15px 10px!important;}
}
@media only screen and (max-width: 480px) {
}