:root { --bg-primary: #D12230; --color-page: #D12230; --color-primary: #D12230; --color-paginate: #D12230; --font-primary: 'Mulish'; --content-width: 1440px; --color-bortop: #ebebeb; --color-sale: #F6F6F6; --width-page-content: 1170px; --width-box-content: 1018px; --w-page-login: 600px; --width-box-footer: 946px; --content-width-other: 1085px; --content-width-cart: 800px; --content-width-danhgia: 1055px; }
.content-main img, .product-detail-content-item img { height: auto !important; }
.overflow-hidden { overflow: hidden; }
* { box-sizing: border-box; line-height: 1.5; }
body {font-family: var(--font-primary);font-size: 14px;margin: 0;overflow-x: hidden;}
img { max-width: 100%; display: block; image-rendering: pixelated; image-rendering: -webkit-optimize-contrast; }
a { text-decoration: none !important; }
 
ul, ol { list-style-type: none; padding: 0; margin: 0; }
.goog-te-banner-frame { visibility: hidden !important; }
body { top: 0px !important; }
#google_language_translator { width: auto !important; }
.goog-te-gadget .goog-te-combo { margin: 4px 0px !important; }
.goog-tooltip { display: none !important; }
.goog-tooltip:hover { display: none !important; }
.goog-text-highlight { background-color: transparent !important; border: none !important; box-shadow: none !important; }
p.hello { font-size: 12px; color: darkgray; }
#google_language_translator { clear: both; width: auto !important; text-align: right; display: none; }
#flags { text-align: right; }
p.hello { text-align: right; float: right; clear: both; color: #666; }
.glt-clear { height: 0px; clear: both; margin: 0px; padding: 0px; }
.text-split-1 { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; }
.text-split-2 { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.no-focus:focus { border: none !important; outline: none !important; box-shadow: none !important }
.flex-slider{
    display: grid;
    flex: 1;
}
.img-container{grid-area: 1 / -1;
    visibility: hidden;
    transform: none;
    transform-origin: unset;
    transition: 1s cubic-bezier(.25,1,.25,1) /* 375ms cubic-bezier(0.7, 0, 0.3, 1) */;
    opacity: 0;}
.img-container.active {
    transform: none;
    visibility: visible;
    opacity: 1;
}
/* #flags a { display:inline-block; width:35px; height:19px; margin-left:2px; }	 */
.css_define ul, .css_define ol { list-style-type: inherit; margin-left: 20px; }
[type='checkbox'], [type='radio'] {background-color: #ebebeb !important;}
.alert { z-index: 999; }
.css-define { font-family: var(--font-primary); line-height: 1.7; }
.css-define ul, .css-define ol { list-style: unset; margin: unset; padding: unset; padding-left: 30px; margin-bottom: 10px; }
.css-define p { margin-bottom: 10px; }
.css-define img { margin-bottom: 10px; }
.bg-fixed { background: #47775C !important; }
.bg-contact-menu { background: #47775C !important; }
.bor-50 { border-radius: 50%; }
.page-over { overflow: hidden; }
.content-css { line-height: 1.6; font-size: 16px; }
.content-css p, .content-css h1, .content-css h2, .content-css h3 { margin-bottom: 10px; }
.content-css img { margin-bottom: 10px; }
.content-css ul { list-style-type: initial; }
.content-detail-css { line-height: 1.6; font-size: 14px; }
.content-detail-css ul { list-style-type: initial; padding-left: 1.5rem; }
.content-home-css ul { padding-left: 1rem; }
.main_page_detail #slider { padding-bottom: 0 !important; }
.limit-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; }
.scroll-css { }
.scroll-css::-webkit-scrollbar { width: 5px; height: 5px; background-color: #ebebeb; /* or add it to the track */ }
.btn-like-product-active svg, .btn-like-product svg:hover { fill: #999; }
.btn-like-product-active svg path, .btn-like-product svg:hover path { stroke: #1B4932 !important; }
.owl-carousel .owl-item img { display: inline-block !important; }
.block-img.owl-carousel .owl-item img { display: block !important; }
.block-img img { display: block !important; }
.text-1 { background: linear-gradient(261.84deg, #C9E364 0%, #C9E364 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; transition: all ease 700; -webkit-transition: all ease 700; -moz-transition: all ease 700; -ms-transition: all ease 700; -o-transition: all ease 700; }
.group:hover .text-1 { -webkit-text-fill-color: #fff; }
.product-nav-left { position: absolute; top: 22%; left: -20px; transition: all ease 0.4s; }
.product-nav-right { position: absolute; top: 22%; right: -20px; transition: all ease 0.4s; }
.product-nav-left svg rect, .product-nav-right svg rect { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.product-nav-left svg, .product-nav-right svg { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.product-nav-left:hover svg { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.product-nav-right:hover svg { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.hover-nav:hover .product-nav-left svg rect { fill: #C9E364; opacity: 1; }
.hover-nav:hover .product-nav-right svg rect { fill: #C9E364; opacity: 1 }
.hover-nav:hover .product-nav-left { left: 20px; }
.hover-nav:hover .product-nav-right { right: 20px; }
.khachhang-nav-left { position: absolute; top: 39%; left: -20px; transition: all ease 0.4s; }
.khachhang-nav-right { position: absolute; top: 39%; right: -20px; transition: all ease 0.4s; }
.khachhang-nav-left svg rect, .khachhang-nav-right svg rect { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.khachhang-nav-left svg, .khachhang-nav-right svg { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.khachhang-nav-left:hover svg { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.khachhang-nav-right:hover svg { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.hoverkh-nav:hover .khachhang-nav-left svg rect { fill: #C9E364; opacity: 1; }
.hoverkh-nav:hover .khachhang-nav-right svg rect { fill: #C9E364; opacity: 1 }
.khachhang__owl.owl-carousel .owl-stage-outer { overflow: unset; }
.daily-nav-left { position: absolute; top: 25%; left: -80px; transition: all ease 0.4s; }
.daily-nav-right { position: absolute; top: 25%; right: -80px; transition: all ease 0.4s; }
.daily-nav-left svg rect, .daily-nav-right svg rect { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.daily-nav-left svg, .daily-nav-right svg { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; box-shadow: 1px 4px 10px rgb(0 0 0 / 10%); border-radius: 50%; }
.daily-nav-left:hover svg { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.daily-nav-right:hover svg { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.fix-menu #menu-main li { padding: 18px 23px; }
.fix-menu .res-logo img { width: 50%; }

/* Add a thumb */
.scroll-css::-webkit-scrollbar-thumb { background: #999; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }
.eye-btn svg:nth-child(1) { display: block; }
.eye-btn svg:nth-child(2) { display: none; }
.eye-active svg:nth-child(1) { display: none; }
.eye-active svg:nth-child(2) { display: block; }
.arrow-up { width: 0; height: 0; border-left: 4px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid white; position: absolute; top: -5px; left: 50%; }
.header-scroll { opacity: 0; }
.swiper-hidden { opacity: 0; }
.content-page-layout { max-width: var(--width-page-content); margin: auto; position: relative; z-index: 99; }
.content-box-layout { max-width: var(--width-box-content); margin: auto; }
.content-layout { max-width: var(--content-width); margin: auto; }
.content-layout-other { max-width: var(--content-width-other); margin: auto; }
.content-layout-small { max-width: var(--width-box-footer); margin: auto; }
.content-layout-cart { max-width: var(--content-width-cart); margin: auto; }
.content-layout-danhgia { max-width: var(--content-width-danhgia); margin: auto; }
.content-layout-login { max-width: var(--w-page-login); margin: auto; }
.css-upload-file { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;/*opacity: 0;*/ }
.login-form-alert { margin-top: 5px; display: block; font-size: 12px; color: red; font-style: italic; }
.login-form-alert-lg { display: block; padding: 15px 10px; margin-bottom: 20px; background: rgb(195 70 70 / 20%); border-radius: 3px; color: rgb(195 70 70); }
.login-form-alert-top { background: #ffff; padding: 1rem; border-radius: 4px; margin-bottom: 1rem; font-size: 15px; font-weight: 600; }

/*=== dev pagination ===*/
.dev-paginator { margin-top: 3rem; }
.dev-paginator .pagination { justify-content: center; display: flex; gap: 5px; }
.dev-paginator .page-item { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #ebebeb; font-size: 18px; }
.dev-paginator .page-item span { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.dev-paginator .page-item.active .page-link { z-index: 1; color: #fff; background-color: var(--color-paginate); border-color: var(--color-paginate); }
.dev-paginator .page-link { color: #333; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; }
.swal2-container { z-index: 99999999999993; }
.fancybox-container { z-index: 999999992; }
.center-layout { width: 100%; max-width: var(--width-page-content); margin-left: auto; margin-right: auto; }
.menu__nav > li > a:after, .product-items, .product-items__button, .product-items__name, .footer__link, .hlogin-form__input-group__icon, .hlogin-form__button, .hlogin__option button { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s; }
.transition { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s; }
.himg { display: block; }
.himg img { /*display: block; */max-width: 100%; height: auto; }
.revealOnScroll { opacity: 0; }
.scroll-btn { cursor: pointer; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
.grecaptcha-badge { display: none; }
.p-relative { position: relative; }
.d-none { display: none !important; }
.d-block { display: block !important; }
img.lazy { -webkit-transition: all 1s; transition: all 1s; opacity: 0; }
img.initial, img.loaded, img.error { opacity: 1; }
img:not([src]) { visibility: hidden; }
.pd-10 { padding: 0 20px; }
.cart-table { background: #fff; }
.repay { background: #f00; border: none; color: #fff; border-radius: 3px; }
#hcontainer { position: relative; z-index: 9; /*background: #fff;*/ }
.bortop { border-top: 0px solid rgba(27, 73, 50, 5%); }
.scrollToTop { position: fixed; right: 0.313rem; bottom: 2.5rem; z-index: 99999; cursor: pointer; background: rgba(255, 255, 255, 0.8); padding: 5px 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #000; }
.scrollToTop span { display: block; font-weight: bold; font-size: 0.75rem; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; }
.scrollToTop i { display: block; font-size: 1.125rem; }
.scrollToTop:hover { background: #000; color: var(--color-primary); }
.menu-side-lang { display: flex; align-items: center; }
.hbreadcrumb {/*background: #fafafa;*/position: relative; z-index: 9;/*padding:1rem 0;*/ }
.hbreadcrumb .breadcrumb { background: transparent !important; justify-content: left; padding: 0; list-style-type: none; display: flex; align-items: center; margin: 0; flex-wrap: wrap; }
.hbreadcrumb a { font-size: 0.9rem; color: #000; }
.breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #333333; content: "/"; }
.breadcrumb-item { display: flex; align-items: center; }
.breadcrumb-item.active { color: #6c757d; }
.current-active-category { background: #5F7B6F !important; color: #fff !important; }
.tabbar-active { background: #5F7B6F; color: #fff !important; }
#menu-main > li.current-active a{color: #B59765}
#menu-main >li.current-active >a::before { content: ''; position: absolute; width: 100%; bottom: -6px; left: 50; background: #B59765; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; opacity: 1; height: 2px; 
    -moz-transform: scale(1, 1);/* FF3.5+ */
    -webkit-transform: scale(1, 1);/*Saf3.1+, Chrome*/
    -o-transform: scale(1, 1);/* Opera 11.5 */
    -ms-transform: scale(1, 1);/* IE 9 */
    transform: scale(1, 1);
}
 

#menu-main > li.lienhe.current-active a{color: #FFFFFF}
/* .title-main{text-align: center; text-transform: uppercase; color: #000; font-size: 30px;margin-bottom: 20px;} */
.detail-page-post {/*max-width: 945px;*/margin: auto; }
.content-main img { display: inline-block; }
.share { margin-top: 20px; }
.content-video { margin-bottom: 30px; }
.content-video iframe { height: 600px; }
.othernews { background: #fafafa; }
.othernews_title { text-transform: uppercase; margin: 0; display: block; color: rgb(252 176 37 / 80%); }
.list-news-other li a { color: #666; font-size: 14px; }
.banner-page { height: 390px; display: flex; align-items: center; justify-content: center; position: relative; }
.no-margin{margin-top: 0px !important}
/* .banner-page:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 30%);} */
.banner-title { text-align: center; color: #fff; position: relative; z-index: 9; }
.banner-title span { font-weight: 700; color: #fff; font-size: 50px; text-transform: uppercase; text-shadow: 0px 0px 8px #0B073F; }
#video_slide video { display: block; }
.login-account-contain { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: -1; opacity: 0; display: none; justify-content: right; transition: all ease 0.4s; }
.login-account-contain-open { display: flex; opacity: 1; z-index: 999999999; transition: all ease 0.4s; }
.login-account-box { width: 0px; transition: all ease 0.4s; opacity: 0 }
.login-account-contain-open .login-account-box { width: 380px; transition: all ease 0.4s; overflow: auto; opacity: 1; }
.login-account-iconphoto { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #ccc; }
.login-account-addpost { background: green; color: #fff; padding: 0.5rem 0.8rem; border-radius: 3px; margin-top: 0.5rem; min-width: 180px; }
.login-account-addpost:hover { color: #fff; background: #09a509; }
.login-account-has { background: green; color: #fff !important; padding: 0.5rem 0.8rem; border-radius: 3px; margin-top: 0.5rem; min-width: 180px; }
.login-account-edit { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 10px; color: #fff; background: rgba(0, 0, 0, 0.6); padding: 5px; }
.login-account-edit:hover { background: rgba(255, 255, 255, 0.5); color: #333; text-decoration: underline !important; }
.ui-widget.ui-widget-content { border: 1px solid #ccc; background: #fff; }
.ui-datepicker .ui-datepicker-header { background: #ebebeb; border-color: #ccc; }
.ui-datepicker .ui-datepicker-title { color: #999; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: #ebebeb; border: 1px solid #ccc; color: #666; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #F40000; }
.ui-widget-header .ui-icon { background-image: url(../plugins/jquery-ui-1-13/images/ui-icons_222222_256x240.png); }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: none; background: none; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { border: 1px solid #ebebeb; }
.ui-state-default, .ui-widget-content .ui-state-default { background: #ccc !important; color: #333 !important; border: 1px solid #ccc !important; }
.slide__owl { position: initial !important; }
.slider-contain img { width: 100%; }
.slide__owl.owl-theme .owl-dots { margin-right: 0; text-align: center; margin-top: 0; position: absolute; width: initial; bottom: 10px; display: flex; left: 0; width: 100%; justify-content: center; }
.slide__owl.owl-theme .owl-dots .owl-dot span {width: 25px;height: 2px;margin: 27px 9px;border: none;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;-ms-transition: all ease 0.3s;-o-transition: all ease 0.3s;background: #e1e1e1;}
.slide__owl.owl-theme .owl-dots .owl-dot.active span {background: black;}
.slide__owl.owl-theme .owl-dots .owl-dot:hover span { background: #FDBC22; }
.slide__owl.owl-theme .owl-nav { margin-top: 5px; }
.slide__owl.owl-carousel .owl-nav button.owl-next { position: absolute; top: calc(45% - 13px); right: 4rem; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; opacity: 0; }
.slide__owl.owl-carousel .owl-nav button.owl-prev { position: absolute; top: calc(45% - 13px); left: 4rem; outline: none; border: none; transition: all ease 0.3s; opacity: 0; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.slide__owl.owl-carousel .owl-nav button span { display: inline-flex; justify-items: center; align-items: center; justify-content: center; }
.slide__owl.owl-carousel .owl-nav button span svg path { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.slide__owl.owl-carousel .owl-nav button span:hover svg path { }
#slider:hover .slide__owl.owl-carousel .owl-nav button.owl-next, #slider:hover .slide__owl.owl-carousel .owl-nav button.owl-prev { opacity: 1; }
.custom-nav-left{display: inline-flex;justify-items: center;align-items: center;justify-content: center;position: absolute;top: calc(50% - 80px);left: -14px;transition:all ease 0.3s;border: 1px solid black;border-radius: 31px;width: 30px;height: 30px;}
.custom-nav-left svg path{ transition:all ease 0.3s ; -webkit-transition:all ease 0.3s ; -moz-transition:all ease 0.3s ; -ms-transition:all ease 0.3s ; -o-transition:all ease 0.3s ; }

.custom-nav-right{display: inline-flex;justify-items: center;align-items: center;justify-content: center;position: absolute;top: calc(50% - 80px);right: -16px;transition:all ease 0.3s;border: 1px solid black;border-radius: 30px;width: 30px;height: 30px;}
.custom-nav-right svg path{ transition:all ease 0.3s ; -webkit-transition:all ease 0.3s ; -moz-transition:all ease 0.3s ; -ms-transition:all ease 0.3s ; -o-transition:all ease 0.3s ; } 

.category-nav-left{display: inline-flex;justify-items: center;align-items: center;justify-content: center;position: absolute;top:calc(50% - 16px);left:-20px;transition:all ease 0.3s;border: 1px solid black;border-radius: 20px;width: 30px;height: 30px;}
.category-nav-left svg path{ transition:all ease 0.3s ; -webkit-transition:all ease 0.3s ; -moz-transition:all ease 0.3s ; -ms-transition:all ease 0.3s ; -o-transition:all ease 0.3s ; }

.category-nav-right{display: inline-flex;justify-items: center;align-items: center;justify-content: center;position: absolute;top: calc(50% - 16px);right:-20px;transition:all ease 0.3s;border: 1px solid black;border-radius: 30px;width: 30px;height: 30px;}
.category-nav-right svg path{ transition:all ease 0.3s ; -webkit-transition:all ease 0.3s ; -moz-transition:all ease 0.3s ; -ms-transition:all ease 0.3s ; -o-transition:all ease 0.3s ; } 
.hover-nav:hover .custom-nav-left { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); }
.hover-nav:hover .custom-nav-right { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); }
.product-nav-left { display: inline-flex; justify-items: center; align-items: center; justify-content: center; position: absolute; top: calc(42% - 16px); left: -16px; transition: all ease 0.3s; }
.product-nav-left svg path { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.product-nav-left:hover svg path { fill: #FA841A; }
.product-nav-right { display: inline-flex; justify-items: center; align-items: center; justify-content: center; position: absolute; top: calc(42% - 16px); right: -16px; transition: all ease 0.3s; }
.product-nav-right svg path { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.product-nav-right:hover svg path { fill: #FA841A; }
.category-item-active { color: #FA841A !important; font-weight: bold; }
.faq-toggle-active svg:first-child { opacity: 0 !important; }
.faq-toggle-active svg:last-child { opacity: 1 !important; }
.button-flip svg circle { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.button-flip:hover svg circle { fill: #AFD3B9; }
.animate-balloon-cloud { -webkit-animation: balloon 5.5s linear 1s infinite alternate; animation: balloon 5.5s linear 1s infinite alternate; }
.animation_init { opacity: 0; }
.slider-name-animate { animation: fadeInUp; animation-duration: 1s; animation-delay: 0.5s; animation-fill-mode: forwards; opacity: 0; }
.slider-btn-animate { animation: fadeInUp; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards; opacity: 0; }

/*=== END HEADER ===*/
.newsletter-input{ width: calc( 100% - 107px )}
/*=== MENU ===*/
#menu-main, #menu-main ul { list-style-type: none; padding: 0; margin: 0; }
#menu-main { display: flex; align-items: start; }
#menu-main ul {/*border: 1px solid #ebebeb;*/opacity: 0; z-index: -1; transition: all ease 0.3s; visibility: hidden; }
#menu-main ul li {padding: 0.9rem 12.5px;background: #fff;transition: 0.3s;}
#menu-main ul li:first-child { border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; }
#menu-main ul li:last-child { border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; -ms-border-radius: 0 0 12px 12px; -o-border-radius: 0 0 12px 12px; }
#menu-main li { padding: 8px 20px; position: relative; }
#menu-main >li >a {font-size: 0.875rem;color: #ffffff; display: block; text-transform: capitalize;}
/*#menu-main ul li:hover { background: black; }*/
#menu-main >li:hover >a { color: #B59765; }
#menu-main >li.lienhe:hover >a { color: #FFFFFF; }
#menu-main >li >a { position: relative; display: flex; align-items: center; cursor: pointer; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
#menu-main > li > ul {position: absolute;/*padding: 30px 10px;*/width: 220px;top: 120%;left: calc(50% - 110px);-webkit-transition: 350ms;-moz-transition: 350ms;-o-transition: 350ms;transition: 350ms;pointer-events: none;padding-top: 10px;}
#menu-main > li > ul ul { position: absolute; /*padding: 30px 10px; */ width: 220px; top: 0 !important; left: 100%; padding-left: 5px; box-shadow: 0px 12px 22px rgb(0 0 0 / 5%); border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
#menu-main > li > ul a {color: black !important;font-weight: bold;font-size: 15px;display: block;transition: 0.3s}
#menu-main li:hover >ul {opacity: 1;z-index: 9;visibility: visible;visibility: visible;pointer-events: auto;top: 100%;box-shadow: 0px 12px 22px rgb(0 0 0 / 5%);border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;}

#menu-main >li >a::before { content: ''; position: absolute; width: 100%; bottom: -6px; left: 50; background: #B59765; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; opacity: 1; height: 2px; 
    -moz-transform: scale(0, 1);/* FF3.5+ */
    -webkit-transform: scale(0, 1);/*Saf3.1+, Chrome*/
    -o-transform: scale(0, 1);/* Opera 10.5 */
    -ms-transform: scale(0, 1);/* IE 9 */
    transform: scale(0, 1);
}
#menu-main >li:hover a::before { 
    -moz-transform: scale(1, 1);/* FF3.5+ */
    -webkit-transform: scale(1, 1);/*Saf3.1+, Chrome*/
    -o-transform: scale(1, 1);/* Opera 11.5 */
    -ms-transform: scale(1, 1);/* IE 9 */
    transform: scale(1, 1);
}

#menu-main > li > ul li:hover a {color: #B59765 !important;}
.fix-menu-detail #menu-main >li >a { color: #020F50; }

#menu-main1, #menu-main1 ul { list-style-type: none; padding: 0; margin: 0; }
#menu-main1 { display: flex; align-items: start; }
#menu-main1 ul {/*border: 1px solid #ebebeb;*/opacity: 0; z-index: -1; transition: all ease 0.3s; visibility: hidden; }
#menu-main1 ul li {padding: 0.9rem 12.5px;background: #fff;transition: 0.3s;}
#menu-main1 ul li:first-child { border-radius: 12px 12px 0 0; -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; }
#menu-main1 ul li:last-child { border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; -ms-border-radius: 0 0 12px 12px; -o-border-radius: 0 0 12px 12px; }
#menu-main1 li { padding: 8px 20px; position: relative; }
#menu-main1 >li >a {font-size: 1rem;color: #ffffff; display: block; text-transform: capitalize;}
/*#menu-main1 ul li:hover { background: black; }*/
#menu-main1 >li:hover >a { color: #B59765; }
#menu-main1 >li.lienhe:hover >a { color: #FFFFFF; }
#menu-main1 >li >a { position: relative; display: flex; align-items: center; cursor: pointer; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
#menu-main1 > li > ul {position: absolute;/*padding: 30px 10px;*/width: 220px;top: 120%;left: calc(50% - 110px);-webkit-transition: 350ms;-moz-transition: 350ms;-o-transition: 350ms;transition: 350ms;pointer-events: none;padding-top: 10px;}
#menu-main1 > li > ul ul { position: absolute; /*padding: 30px 10px; */ width: 220px; top: 0 !important; left: 100%; padding-left: 5px; box-shadow: 0px 12px 22px rgb(0 0 0 / 5%); border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
#menu-main1 > li > ul a {color: black !important;font-weight: bold;font-size: 15px;display: block;transition: 0.3s}
#menu-main1 li:hover >ul {opacity: 1;z-index: 9;visibility: visible;visibility: visible;pointer-events: auto;top: 100%;box-shadow: 0px 12px 22px rgb(0 0 0 / 5%);border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;}

#menu-main1 >li >a::before { content: ''; position: absolute; width: 100%; bottom: -6px; left: 50; background: #B59765; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; opacity: 1; height: 2px; 
    -moz-transform: scale(0, 1);/* FF3.5+ */
    -webkit-transform: scale(0, 1);/*Saf3.1+, Chrome*/
    -o-transform: scale(0, 1);/* Opera 10.5 */
    -ms-transform: scale(0, 1);/* IE 9 */
    transform: scale(0, 1);
}
#menu-main1 >li:hover a::before { 
    -moz-transform: scale(1, 1);/* FF3.5+ */
    -webkit-transform: scale(1, 1);/*Saf3.1+, Chrome*/
    -o-transform: scale(1, 1);/* Opera 11.5 */
    -ms-transform: scale(1, 1);/* IE 9 */
    transform: scale(1, 1);
}

#menu-main1 > li > ul li:hover a {color: #B59765 !important;}
.fix-menu-detail #menu-main1 >li >a { color: #020F50; }



.menu-last-item { display: flex; color: #8F8F8F; padding-right: 0 !important; background: none !important; cursor: pointer; }
.menu-last-item a { color: #8F8F8F !important; }
.menu-last-item a:after { display: none; }
.menu-last-item p { width: 30px; margin-left: 1rem; position: relative; display: flex; flex-direction: column; }
.menu-last-item span { height: 3px; border-radius: 5px; background: #8F8F8F; margin: 0.15rem 0; }
.menu-btn-contact { cursor: pointer; }
.menu-btn-contact a { color: #fff !important; background: #40C6F3; border-radius: 10px; padding: 0 1rem; }
.contact-map iframe { display: block; width: 100%; }
.btn-toggle-footer-active svg { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.modal-menu-full { padding-bottom: 6rem; position: relative; width: 300px; display: inline-block; border-right: 2px solid #dbd4d43d; height: 100%; }
.menu-side-header { width: 100%; }
.menu-side-info { margin-bottom: 1rem; padding: 0 1rem; }
.menu-side-logo { text-align: center; /* filter: grayscale(1); */ }
.menu-side-logo img { display: inline-block; }
.menu-side-lang a { color: #333; font-weight: 500; margin-right: 5px; padding-right: 5px; border-right: 1px solid #ccc; }
.menu-side-lang a:last-child { border: none; }
#modal-menu { position: fixed; top: 0; left: -300px; width: 0; opacity: 0; z-index: -1; transition: all ease 0.4s; text-align: left; }
#modal-menu.modal-menu-show { opacity: 1; z-index: 99999999; width: 100%; text-align: left; left: 0; height: 100%; }
#modal-menu.modal-menu-show:before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4); }
.modal-menu-close-main { display: flex; padding: 0; justify-content: left; align-items: center;/*border-bottom: 1px solid #f7f3f3; */ margin-bottom: 1.2rem; }
.modal-menu-close { position: relative; cursor: pointer; width: 40px; height: 40px; display: inline-block; /*background: #F5FAF4;*/ border-radius: 5px; padding: 5px; }
.modal-menu-close:after { content: ''; position: absolute; border-top: 2px solid #fff; width: 50%; top: calc(50% - 1px); right: 24%; transform: rotate(45deg); transition: all ease 0.3s; }
.modal-menu-close:before { content: ''; position: absolute; border-top: 2px solid #fff; width: 50%; top: calc(50% - 1px); right: 24%; transform: rotate(-45deg); transition: all ease 0.3s; }
.modal-menu-close:hover:after { transform: rotate(0deg); }
.modal-menu-close:hover:before { transform: rotate(0deg); }
.menu-side-home { display: flex; align-items: center; text-transform: capitalize; color: #444; font-size: 14px; letter-spacing: 1px; font-weight: 600; }
.modal-menu-container { display: flex; flex-direction: column; align-items: flex-start; height: calc(100vh - 8rem); position: relative; min-height: 100%; overflow: auto; justify-content: space-between; }
#menu-sidebar {/*margin: 20px 0;width: 25%;height: 100vh;*/ }
#menu-sidebar, #menu-sidebar ul { list-style-type: none; padding: 0; }
#menu-sidebar li { position: static; }
#menu-sidebar >li > ul { border: 0; position: absolute; width: 75%; min-height: 50vh; left: 25%; top: 0; padding: 25px 0 0 5%; margin-left: -1px; max-height: 100%; flex-flow: inherit; -ms-flex-wrap: wrap; flex-wrap: wrap; display: flex; flex-direction: row; visibility: hidden; opacity: 0; }
#menu-sidebar >li > ul li { position: relative; top: 5px; }
#menu-sidebar > li > a { text-transform: capitalize; padding: 5px 0; font-size: 1.15em; position: relative; }
#menu-sidebar a { position: relative; color: #333; }
#menu-sidebar a:after { content: ''; position: absolute; width: 0; border-top: 2px solid #333; left: 0; bottom: -2px; transition: all ease 0.3s; }
#menu-sidebar a:hover:after { width: 100%; }
#menu-sidebar >li > ul:before { content: ' '; left: 3%; top: 0; width: 1px; background: #f2f2f2; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%); float: left; position: absolute; height: 100%; }
#menu-sidebar >li { border: 0; display: flex; justify-content: space-between; }
#menu-sidebar >li >ul >li { width: 25%; }
.menu-sidebar-pad { padding-left: 15px !important; border-left: 2px solid #999; }
.menu-sidebar-right { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 50px; text-align: center; right: 0; cursor: pointer; font-size: 12px; transition: all ease 0.2s; }
.menu-sidebar-down { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50px; text-align: center; right: 0; cursor: pointer; font-size: 12px; transition: all ease 0.2s; display: none; position: relative; }
.menu-sidebar-down:before { content: ''; position: absolute; top: 10px; left: 10px; border: 1px solid #e8e8e8; width: 30px; height: 30px; border-radius: 50%; }
.menu-sidebar-down i { position: relative; }
#menu-sidebar >li:hover .menu-sidebar-right { background: #ebebeb; }
#menu-sidebar li:hover > .menu-sidebar-down {/*background: #ebebeb;*/ }
#menu-sidebar >li:hover ul { opacity: 1; visibility: visible; }
#menu-sidebar .menu-sidebar-active ul { opacity: 1; visibility: visible; }
#menu-sidebar >li > ul li { padding-bottom: 0; }
#menu-side-mobile { overflow-y: auto; text-align: left; }
#menu-side-mobile, #menu-side-mobile ul { list-style-type: none; padding: 0; width: 100%; }
#menu-side-mobile >li {/*border-bottom: 1px solid #f7f3f3;*/ }
#menu-side-mobile >li>div>a { display: block; text-transform: capitalize; color: #333; font-size: 16px; padding: 0.8rem 0 0.8rem 1.5rem; letter-spacing: 1px; font-weight: 600; }
#menu-side-mobile >li ul { display: none; padding-left: 2rem; }
#menu-side-mobile >li >ul {/*padding-bottom: 1.5rem;*/ background: rgb(0 0 0 / 2%); }
#menu-side-mobile >li ul >li {/*padding-bottom: 1rem;*/padding: 0.8rem 1rem;/*border-bottom: 1px solid #f7f3f3;*/ }
#menu-side-mobile >li ul >li:first-child {/*border-top: 1px solid #f7f3f3;*/ }
#menu-side-mobile >li ul >li:last-child {/*padding-bottom: 0;*/ border-bottom: none; }
#menu-side-mobile >li ul >li a { color: #333; text-transform: capitalize; font-size: 15px; }
#menu-side-mobile >li ul >li >ul li { padding-bottom: 0; }
.menu-side-footer { width: 100%; padding: 0 0.5rem; color: #333; }
.menu-side-footer-copyright { font-size: 12px; text-align: center; }
.menu-side-title { display: flex; justify-content: space-between; align-items: center; }
.menu-side-title > a { font-weight: 700; color: #fff; }
.menu-side-title span { display: flex; width: 50px; height: 40px; justify-content: center; align-items: center;/*border-left: 1px solid #e8e8e1;*/ color: #333; cursor: pointer; }
.menu-sticky { position: sticky !important; top: 0; z-index: 9999999; background: #fff; }
#show-menu-small { padding: 1.5rem 0; border-top: 2px solid #ebebeb; background: #ebebeb; position: fixed; width: 100%; z-index: -1; height: 100vh; opacity: 0; margin-top: 1.5rem; transition: all ease 0.3s; visibility: hidden; }
#show-menu-small.visible-menu-small { z-index: 9999999; opacity: 1; margin-top: 0rem; visibility: visible; }
.show-menu-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.5rem; background: #fff; padding: 0.5rem; border-radius: 5px; }
.show-menu-title p { text-transform: uppercase; color: #292929; font-weight: 700; margin: 0; font-size: 18px; display: flex; }
.show-menu-title span { display: flex; cursor: pointer; }
.menu__hidden_li .menu_li_child { display: none !important; }
#menu-small-ul { padding: 0; list-style-type: none; margin: 0; display: flex; flex-wrap: wrap; max-height: 80vh; overflow: auto; }
#menu-small-ul >li { width: calc(100% / 6); margin-bottom: 2rem; }
#menu-small-ul >li >a { text-transform: uppercase; color: #292929; font-weight: 600; }
#menu-small-ul > li> ul { list-style-type: none; padding: 0; }
#menu-small-ul > li> ul>li { margin-top: 0.5rem; }
#menu-small-ul > li> ul>li a { color: #000; }
#menu-small-ul > li> ul>li a:hover { text-decoration: underline !important; }
.menu-flex { display: flex; align-items: center; width: 100%; justify-content: space-between; }
.menu-block-show { /*-webkit-transform: perspective(400) rotate3d(1,0,0,-90deg); */-webkit-transform-origin: 50% 0; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; pointer-events: none; position: absolute; top: 150%; width: 100%; left: 0; opacity: 0; z-index: -1; -ms-transition: 500ms; }
.menu-li:hover .menu-block-show { opacity: 1; z-index: 9999; visibility: visible; pointer-events: auto; /*-webkit-transform: perspective(400) rotate3d(0,0,0,0);*/ background: #fff; opacity: 1; top: 100%; z-index: 999; border: 1px solid #ebebeb; }

/*=== END MENU ===*/
.menu-search { cursor: pointer; }
.menu-search-show { position: relative; margin-left: 2.5rem; }
.menu-search-show input { width: 145px; background: #FFFFFF; border: 0.5px solid #D7D7D7; box-shadow: 0px 0px 30px 5px rgba(4, 57, 109, 0.08); border-radius: 20px; line-height: 30px; text-indent: 30px; outline: none; }
.menu-search-show input::placeholder { font-weight: 300; font-size: 12px; }
.menu-search-show button { border: none; outline: none; position: absolute; top: 7px; left: 5px; background: none; }

.fixed-menu{ transform: translateY(0%) !important; transition: all 0.3s;}
/*===END ===*/
.show-popup-post { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.7); display: flex; align-items: center; justify-items: center; justify-content: center; z-index: -999; opacity: 0; }
.show-popup-main { background: #fff; }
.show-popup-active { z-index: 999999999; opacity: 1; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.show-popup-blur { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.show-popup-active .show-popup-blur { z-index: 9; opacity: 1; backdrop-filter: blur(8px); }
.swiper_album .swiper-button-next, .swiper_album .swiper-button-prev { color: #47775C; width: 14px; height: 27px; }
.swiper_album .swiper-button-next:after, .swiper_album .swiper-button-prev:after { font-size: 25px; }
.swiper-fix .swiper-scrollbar { background: #D9D9D9; width: 180px; position: relative; right: 0; bottom: 2px; height: 2px; }

/* .swiper-fix .swiper-pagination-current{}
.swiper-fix .swiper-pagination-total{} */
.swiper-fix .swiper-scrollbar-drag { background: #6EBB33; border-radius: 0; position: absolute; }
.over-tintuc { overflow-y: auto; max-height: 476px; }
.over-hethong { overflow-y: auto; max-height: 530px; }

/* width */
.scroll-tintuc::-webkit-scrollbar { width: 2px; }

/* Track */
.scroll-tintuc::-webkit-scrollbar-track { background: #D9D9D9; }

/* Handle */
.scroll-tintuc::-webkit-scrollbar-thumb { background: #6EBB33; }

.slider__progress .swiper-pagination-current{ color: #fff; font-size: 24px;}
.category__fraction .swiper-pagination-current{ color: #222222; font-size: 24px;}
.mokhoi__fraction .swiper-pagination-current{ color: #222222; font-size: 20px;}
.khuonvien__fraction .swiper-pagination-current{ color: #222222; font-size: 20px;}
.phukien__fraction .swiper-pagination-current{ color: #222222; font-size: 20px;}
.project-pagination__fraction .swiper-pagination-current{ color: #222222; font-size: 20px;}

.bg-doitac{ background-size: 100% 223px;}
/* Handle on hover */
.scroll-tintuc::-webkit-scrollbar-thumb:hover { background: #D9D9D9; }
.sidebar-tab-inform-item { border: 1px solid #ebebeb; box-shadow: 0px 3px 10px rgb(153 153 153 / 30%); border-radius: 8px; background: #fff; margin-bottom: 1rem; }
.sidebar-tab-inform-item:last-child { margin-bottom: 0; }
.sidebar-tab-inform-topitem { padding: 0.5rem; border-bottom: 1px solid #ebebeb; font-size: 12px; color: #000; font-weight: 600; display: flex; justify-content: space-between; align-items: center; }
.sidebar-tab-inform-toptitle span { width: 5px; height: 5px; border-radius: 50%; background: #F40000; display: inline-block; }
.sidebar-tab-inform-topdate { font-size: 10px; color: #666; display: flex; align-items: center; }

/* .sidebar-tab-tools{font-size: 17px;margin-left: 1rem;cursor: pointer;} */
.sidebar-tab-inform-botitem { padding: 0.5rem; }
.sidebar-tab-inform-bottitle { font-weight: 600; font-size: 13px; margin-bottom: 0.2rem; }
.sidebar-tab-inform-botcontent { font-size: 12px; color: #000; }
.sidebar-tab-inform-view { font-size: 10px; }
.sidebar-tab-inform-comment { font-size: 11px; font-style: italic; margin-top: 0.3rem; color: #999; }
.sidebar-tab-inform-item-hasview { opacity: 0.5; }
.sidebar-tab-showtool { display: flex; position: absolute; bottom: -5%; left: 0; width: 100%; height: 100%;/*background: rgba(0,0,0,0.6);*/ flex-direction: column-reverse; border: 1px solid #999; z-index: -1; opacity: 0; transition: all ease 0.4s; border-top: none; }
.sidebar-tab-showtool .sidebar-tab-showtool-layout { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); transition: all ease 0.2s; z-index: -1; opacity: 0; cursor: pointer; }
.sidebar-tab-showtool-active { z-index: 9999999999; opacity: 1; bottom: 0; }
.sidebar-tab-showtool-active .sidebar-tab-showtool-layout { z-index: 99; opacity: 1; }
.sidebar-tab-showtool-list { background: #fff; padding: 1rem 0; border-radius: 5px 5px 0 0; position: relative; z-index: 999; padding-bottom: 0; }
.sidebar-tab-showtool-list p { padding: 0.5rem 1rem; border-bottom: 1px solid #ebebeb; font-weight: 600; cursor: pointer; }
.sidebar-tab-showtool-list p:last-child { border-bottom: none; }
.dots_custom__owl.owl-theme .owl-dots { margin-right: 0; text-align: center !important; margin-top: 0rem !important; margin-right: 0 !important; }
.dots_custom__owl.owl-theme .owl-dots .owl-dot span { width: 2px; height: 2px; margin: 4px; background: #020F50; border: none; border: 1px solid transparent; opacity: 0.5; }
.dots_custom__owl.owl-theme .owl-dots .owl-dot.active span { background: #020F50; width: 10px; opacity: 1; }
.dots_custom__owl.owl-theme .owl-dots .owl-dot:hover span { background: #020F50; opacity: 1; }
.dots_news__owl.owl-theme .owl-dots { margin-right: 0; text-align: center !important; margin-top: 1.5rem !important; margin-right: 0 !important; position: absolute; left: -5%; }
.dots_news__owl.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 10px; background: rgb(95 123 111 / 60%); border: none; border: 1px solid transparent; }
.dots_news__owl.owl-theme .owl-dots .owl-dot.active span { background: #808080; }
.dots_news__owl.owl-theme .owl-dots .owl-dot:hover span { background: #808080; }
.tintuc__owl.owl-theme .owl-nav { opacity: 0; }
.slick-news-one .slick-dots { text-align: left; margin-top: 0; left: -5%; bottom: -13%; width: initial; }
.slick-news-one .slick-dots li button:before { font-size: 10px; }
.slick-news-one .slick-dots li.slick-active button:before { color: #444 }
.slick-news-one.slick-dotted.slick-slider { margin-bottom: 0 !important; }
.alert-lock { background: #f9f7f7; border-color: #ebebeb; padding: 5rem 1rem; text-align: center; border: 2px dashed #ebebeb; margin-bottom: 2rem; border-radius: 8px; }
.text-border { text-shadow: -1px -1px 0 #e1e3e7, 1px -1px 0 #e1e3e7, -1px 1px 0 #e1e3e7, 1px 1px 0 #e1e3e7; }

/*===LOADER SEND MAIL===*/
.btn-tuyendung-bot { background: #40C6F3; color: #fff !important; padding: 0.3rem 1rem; border-radius: 4px; }
.marquee div { animation: marquee 5s linear infinite; }
.dichvu-nav-left { position: absolute; left: -40px; top: calc(50% - 12px); }
.dichvu-nav-right { position: absolute; right: -40px; top: calc(50% - 12px); }
.khachhang-nav-left { position: absolute; left: -20px; top: calc(45% - 12px); }
.khachhang-nav-right { position: absolute; right: -20px; top: calc(45% - 12px); }
.doitac-nav-left { position: absolute; left: 0; top: calc(30% - 12px); }
.doitac-nav-right { position: absolute; right: 0; top: calc(30% - 12px); }
.solieu-nav-left { position: absolute; left: -40px; top: calc(40% - 12px); }
.solieu-nav-right { position: absolute; right: -40px; top: calc(40% - 12px); }
.khachhang__owl.owl-carousel.owl-drag .owl-item { opacity: 0.5; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.khachhang__owl.owl-carousel.owl-drag .owl-item.active { opacity: 1; }
.dot-vision-active { background: #FF5516 !important; }
.dot-vision-active:after { content: ''; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); top: -2px; left: -2px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #FF5516; opacity: 0.3; }
.person__owl.owl-carousel .owl-stage-outer { padding-bottom: 2rem; }
#box-menu-other { display: none; }
#box-menu-main { display: inline-block; }
.detail-menu-detail #box-menu-other { display: inline-block; }
.detail-menu-detail #box-menu-main { display: none; }
.detail__properties__color [type='checkbox']:focus, .detail__properties__color [type='radio']:focus { outline: 0px solid transparent; outline-offset: 0px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: transparent; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.detail__properties__color [type='radio']:checked { background-image: none; }

/* custom css */
.bar-line-1 { height: 2px; background: #ffffff; transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91) 0s, opacity 500ms ease 0s, box-shadow 250ms ease 0s, background-color 500ms ease 0s; width: 33px; }
.bar-line-2 { width: 25px; height: 2px; background-color: #ffffff; transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91) 0s, opacity 500ms ease 0s, box-shadow 250ms ease 0s, background-color 500ms ease 0s; margin: 13px 0px; transition: 0.3s }
.bar-line-3 { height: 2px; background-color: #ffffff; transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91) 0s, opacity 500ms ease 0s, box-shadow 250ms ease 0s, background-color 500ms ease 0s; width: 33px; }
.header-menu-btn.active .bar-line-2 { margin: 4px 0px; }
.header-menu-btn.active .bar-line-1 { transform: translateY(6px) rotate(45deg); width: 33px !important; }
.header-menu-btn.active .bar-line-2 { transform: scale(0); }
.header-menu-btn.active .bar-line-3 { transform: translateY(-6px) rotate(-45deg); width: 33px !important; }
.bg-before{background: #3333331c;backdrop-filter: blur(10px);}
#scroller li:nth-child(even){-webkit-text-stroke: 1px black;
    -webkit-text-fill-color: white;}
    .text-ab{
        writing-mode: vertical-lr;
        transform: rotate(180deg);
        text-decoration: underline;
        text-decoration-thickness: 8px;
    }
    .items-customer{box-shadow: 0px -1px 22px rgba(0, 0, 0, 0.05) !important}
    
    .items-grid{display: grid;grid-template-columns: repeat(2,1fr); grid-gap:80px;margin-bottom: 40px}
    .items-grid:nth-child(2){display: block}
    .items-grid:nth-child(2) .items-customer{width: 50%;margin: 0 auto}
    .content-footer {font-size: 14px;}
    .content-footer p{margin-bottom: 8px;}
    /* filter */
.accordion .card { border: 1px solid #e3e3e3; }
.card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: 0.25rem; }
.accordion .card-header { padding: 0px; background-color: #fff0; padding: 10px 27px 10px 27px; border: none; }
.card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
.card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, .03); border-bottom: 1px solid rgba(0, 0, 0, .125); }
.collapse.show { display: block; }
.collapse { display: none; }
.accordion .card .card-body {padding: 0px;color: black;font-size: 17px;margin: 0px 0px 0px 0px;padding: 0px 20px 5px 28px;}
.card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; }
.scroll-brand { height: 100%; overflow-y: auto; max-height: 170px; }
.product_danhmuc_list { list-style-type: none; padding-left: 0; }
.product_danhmuc_list li { margin-bottom: 20px; cursor: pointer; }
.flex-center{display: flex !important;}
.form-control-600 { font-weight: 600; --form-control-color: var(--color-page); font-family: system-ui, sans-serif; font-size: 14px; line-height: 1.1; display: grid; grid-template-columns: 1em auto; gap: 0.8em; }
.form-control-600 input { -webkit-appearance: none; appearance: none; background-color: #fff; margin: 0; font: inherit; color: currentColor; width: 1.15em; height: 1.15em; border: 0.1em solid #999; display: grid; place-content: center; }
.accordion .card-header .btn-link.collapsed { background: #fff0 url(../img/minus1.png)right center no-repeat; }
.accordion .card-header .btn-link { width: 100%; outline: none; text-align: left;border:none; text-transform: UPPERCASE; color: #333; text-decoration: none; font-size: 14px; padding: 6px 0px; background: #fff0 url(../img/plus.png)right center no-repeat; transition: 0.3s; white-space: unset; }
.form-control-600 input:checked::before { transform: scale(1); }
.form-control-600 input{border:1px solid #999 !important}
.form-control-600 input::before { content: ""; width: 10px; height: 10px; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em black; background-color:black; }
.scroll-brand { height: 100%; overflow-y: auto; max-height: 200px; }
.scroll-brand::-webkit-scrollbar { width: 5px; background-color: #f5f5f5; }
.scroll-brand::-webkit-scrollbar-thumb { background-color: #000; border: 2px solid #555; }
.checkbox-input:focus{outline: none !important;box-shadow: none !important;}
.item-why:before{    content: '';
    position: absolute;
    left: 9px;
    top: 100%;
    height: 29px;
    border-left: 1px solid #333;}
    .item-why:last-child{margin-bottom: 0px}
    .item-why:last-child:before{display: none}
    .icon-map::before{content: '';position: absolute;left:calc(50% - 39px/2);top:calc(100% + 4px);width: 39px;height: 18px;background: url('../img/nut.png')center no-repeat;}