:root { --bg-primary: #F4F4F4; --color-page: #4ca64c; --color-primary: #FFD928;--color-paginate: #4ca64c; --font-primary: 'Montserrat', sans-serif; --content-width: 1224px; --color-bortop: #ebebeb; --color-sale: #F6F6F6; --width-page-content: 1505px; --w-page-login: 800px;}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.clearboth{clear: both;}
.content-main img, .product-detail-content-item img{height: auto !important;}


body{font-family: var(--font-primary);font-size: 14px;}

img { max-width: 100%; display: block;}

a { text-decoration: none !important; }

p, h1, h2, h3{margin: 0;}


.bor-50{border-radius: 50%;}

.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{padding-right: 1rem;}

.scroll-css::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ebebeb; /* or add it to the track */
}

/* Add a thumb */
.scroll-css::-webkit-scrollbar-thumb {
    background: rgb(244 0 0 / 50%);
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.content-page-layout{max-width: var(--width-page-content);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;}
.login-form-alert-box{margin-bottom: 20px; padding: 0.8rem 0.5rem; background: #fff; border-radius: 4px; font-size: 13px;}

/*=== dev pagination ===*/
.dev-paginator .pagination{justify-content: center;}
.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: var(--color-paginate);}

.swal2-container{z-index: 99999999999993;}
.fancybox-container{z-index: 999999992;}

.center-layout { width: 100%; max-width: var(--content-width); 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; }

.clearfix:after { content: ""; display: block; clear: both; }

.himg { display: block; }

.himg img { display: block; max-width: 100%; height: auto;}

.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 { /*width: 100%; max-width: 1920px; margin: 0 auto; */}

.bortop{border-top: 0px solid var(--color-bortop);}

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


.hbreadcrumb{background: #fafafa;}
.hbreadcrumb .breadcrumb { background: transparent !important; }
.hbreadcrumb a { font-size: 0.875rem; font-weight: 600; color: #333; }

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


.content-css p, .content-css h1, .content-css h2, .content-css h3{margin-bottom: 10px;}
.content-css img{margin-bottom: 10px;display: block;}

.share{margin-top: 20px;}
.content-video{margin-bottom: 30px;}
.content-video iframe{height: 600px;}

.othernews{background: #fafafa;}
.othernews_title{text-transform: uppercase;}
.list-news-other li a{color: #666; font-size: 14px;}

.post__grid{display: flex;flex-wrap: wrap;gap: 20px;}
.post-items{width: calc(100% / 4 - 15px);display: flex;flex-direction: column;justify-content: space-between;}
.btn-download-file{display: inline-block;background: #fafafa;border-bottom: 2px solid #ebebeb;border-radius: 4px;padding: 0.5rem 1rem;min-width: 150px;text-align: center;}
.btn-download-file a{color: #333 !important; font-weight: 600;font-size: 16px;}


/*=== HEADER ===*/
.header-top-contain{background: #292929;padding: 0.5rem 0;}
.header-top-layout{display: flex;justify-content: space-between; align-items: center;}
.header-button-1{display: inline-block;text-transform: uppercase;font-weight: 500;color: rgb(255 255 255 / 60%);font-size: 16px;border: 1px solid rgb(255 255 255 / 60%); border-radius: 5px;padding: 0.25rem 2rem;margin-left: 1.5rem;transition: all ease 0.3s;}
.header-button-1:nth-child(2){margin-right: 1.5rem;}
.header-button-2{display: inline-block;text-transform: uppercase;color: #fff !important;font-weight: 500;font-size: 16px;cursor: pointer;}
.header-button-1:hover{background: var(--color-page);color: #fff;border-color: --color-page;}
.header-button-2:hover{color: var(--color-page);}

.header-buttons{display: flex;align-items: center;}
.header-button-top{position: relative;margin: 0 1.5rem}
.header-button-top input{background: none;border: none;padding: 0.38rem 10px;border: 1px solid rgb(255 255 255 / 60%);border-radius: 5px;outline: none;color: #fff;}
.header-button-top input::placeholder{font-size: 16px;color: rgb(255 255 255 / 60%);font-weight: 400;}
.header-button-top button{position: absolute;top: 9px;right: 5px;background: none;border: none;outline: none;}
.header-button-top:after{content: '';position: absolute;height: 130%;top: -15%;left: -1.5rem;border-left: 1px solid rgb(255 255 255 / 40%);}

.header-contain{display: none;}

.login-account-contain{position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);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{background: #fff;padding-top: 3rem; width: 0px;box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);display: flex; flex-direction: column; align-items: center;position: relative;justify-content: space-between;transition: all ease 0.4s;}
.login-account-contain-open .login-account-box{width: 380px;transition: all ease 0.4s;overflow: auto;}
.login-account-img{width: 200px;height: 200px;border-radius: 50%;background: #ebebeb;border: 4px solid #ddd;position: relative;overflow: hidden;}
.login-account-iconphoto{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); fill: #ccc;}
.login-account-list{border-top: 1px solid #D1D1D1; margin-top: 2rem; padding-top: 2rem;display: flex;flex-direction: column;}
.login-account-list a{margin: 0.5rem 0;display: flex;align-items: center;font-size: 16px; color: #333; font-weight: 500;}
.login-account-list a:hover{color: #82B440;}
.login-account-name{text-transform: uppercase; font-weight: 700; color: #666; margin-top: 1rem; font-size: 16px;}
.login-account-passnew{color: #999; font-size: 13px;}
.login-account-close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;font-size: 13px;color: #666;cursor: pointer;text-decoration: underline;}
.login-account-top{display: flex; flex-direction: column; align-items: center;position: relative;padding: 0 1rem;}
.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-logout{display: flex;align-items: center;font-weight: 700; color: #333; text-transform: uppercase;display: block;width: 100%; text-align: center; padding: 0.8rem 0.5rem;}
.login-account-logout i{transform: rotateY(180deg);}
.login-account-bottom{width: 100%; justify-content: center; display: flex; background: #ebebeb;}
.login-account-bottom:hover{background: #ccc;color: #333;}
.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: #4ca64c;}
.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-datepicker th{color: #666 !important;}
/*=== END HEADER ===*/

.menu-alert-count{position: relative;}
#show-alert-count{position: absolute;width: 20px;height: 20px;background: red;border-radius: 50%;top: -8px;right: -6px;color: #fff;font-size: 11px; display: flex; align-items: center; justify-content: center;}

/*=== MENU ===*/
#menu{box-shadow: 0px 4px 20px rgb(0 0 0 / 5%);position: relative; z-index: 99999999; background: #464647;}
#menu-main, #menu-main ul{list-style-type: none;padding: 0;margin: 0;}
#menu-main ul{/*border: 1px solid #ebebeb;*/opacity: 0; z-index: -1;transition: all ease 0.3s;visibility: hidden;box-shadow: 0px 3px 5px #ccc;}
#menu-main ul li{padding: 1rem 12.5px;}
#menu-main{display: flex;align-items: center;justify-content: space-between;}
#menu-main li{padding: 0.9rem 13px;position: relative;}
#menu-main li a{font-size: 15px;color: white;font-weight: 700;display: block;text-transform: uppercase;}
#menu-main ul li:hover{background: var(--color-page);}
#menu-main ul li:hover>a{color: #fff;}

#menu-main >li >a{position: relative;min-height: 38.5px; display: flex; align-items: center;}
#menu-main >li >a:after{content: '';position: absolute;left: 0px;bottom: 5px;border: 1px solid #82B440;border-radius: 3px;width: 0%;transition: all ease 0.3s;opacity: 0;}
#menu-main >li:hover >a:after{width: calc(100%);opacity: 1;}
/*#menu-main li:hover a{font-weight: bold;}*/

#menu-main >li{align-items: center; display: flex;height: 100%;}
#menu-main >li:hover{}
#menu-main >li:first-child{background: none !important;padding-left: 0;}
#menu-main >li:first-child a:after{display: none;}
#menu-main >li:hover>a{}
#menu-main > li > ul{position: absolute;background: #fff;/*padding: 30px 10px;*/width: 220px;top: 100%;left: 0;}
#menu-main > li > ul ul{position: absolute;background: #fff;/*padding: 30px 10px;*/width: 220px;top: 0;left: 100%;}
#menu-main > li > ul a{font-size: 15px;}
#menu-main li:hover >ul{opacity: 1;z-index: 9;visibility: visible;}

#menu-main li ul a{position: relative;}
#menu-main li ul a:after{content: '';position: absolute;width: 0;border-top: 2px solid #333;left: 0;bottom: -2px;transition: all ease 0.3s;}
#menu-main li ul a:hover:after{/*width: 100%;*/}

.menu-last-item{display: flex;color:#8F8F8F;padding-right: 0 !important;background: none !important;cursor: pointer;}
.menu-last-item a{color:#white !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: white;margin: 0.15rem 0;}


.modal-menu-full{background: #fff; padding: 1rem 0; position: relative; width: 80%; display: inline-block;}
.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; }

#modal-menu{position: fixed; top: 0; right: 0; width: 0; opacity: 0; z-index: -1; transition: all ease 0.4s;  text-align: right;}
#modal-menu.modal-menu-show{opacity: 1; /*z-index: 99999999; */width: 100%; text-align: right;}
#modal-menu.modal-menu-show:before{content: ''; position: fixed; top: 0; right: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5);}
.modal-menu-close-main{display: flex; padding: 0 1rem; padding-bottom: 1rem; justify-content: space-between; align-items: center; border-bottom: 1px solid #f7f3f3; margin-bottom: 3rem;}
.modal-menu-close{position: relative; cursor: pointer; width: 30px; height: 30px; display: inline-block; /* background: #ebebeb; */ border-radius: 50%; padding: 5px;}
.modal-menu-close:after{content: ''; position: absolute; border-top: 1px solid #333; width: 100%; top: calc(50% - 1px); right: 0; transform: rotate( 45deg); transition: all ease 0.3s;}
.modal-menu-close:before{content: ''; position: absolute; border-top: 1px solid #333; width: 100%; top: calc(50% - 1px); right: 0; 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: #444; font-size: 16px; padding: 0.6rem 0 0.6rem 1rem; letter-spacing: 1px; font-weight: 600;}
#menu-side-mobile >li ul{display: none;/*padding-left: 1rem;*/}
#menu-side-mobile >li >ul{/*padding-bottom: 1.5rem;*/}
#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;}
.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: #333;}
.menu-side-title span{display: flex; width: 50px; height: 40px; justify-content: center; align-items: center;border-left: 1px solid #e8e8e1;
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;}
/*=== END MENU ===*/


/*=== SLIDE ===*/
.slider-contain{position: relative;}
.slider-contain:after{content: '';position: absolute;height: 100%;top: 0;left: 0;width: 65%;background: linear-gradient(45deg, rgba(0,0,0,0.8), transparent);    z-index: 9;}
.slider-contain:before{content: '';position: absolute;height: 100%;top: 0;right: 0;width: 35%;background: linear-gradient(45deg, rgba(0,0,0,0.5), transparent);transform: rotateY(180deg);    z-index: 9;}


#slider{position: relative;z-index: 999999;}
#show-news-contain{position: absolute;bottom: 2rem;left: 0;width: 100%;color: #fff;z-index: 9;}
.show-news-top{width: 45%;}
.slide__top__owl img{width: initial !important;}
.slide-news-cate{background: #4ca64c;color:#fff;text-transform: capitalize;font-size: 16px;font-weight: 500;border-radius: 5px;padding: 0.2rem 0.5rem; display: inline-block;}
.slide-news-name{margin: 15px 0;}
.slide-news-name a{font-weight: 700; font-size: 30px;color: #fff;text-transform: uppercase;line-height: 1.5;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.slide-news-des{font-weight: 500; font-size: 16px;margin-bottom: 15px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.slide-news-separate{display: flex;align-items: center;}
.slide-news-info{display: flex;align-items: center;}
.slide-news-info span{text-transform: uppercase;font-weight: 600; font-size: 12px;}
.slide-news-date{display: flex;align-items: center;font-weight: 300; font-size: 12px;}

.show-news-bottom{margin-top: 4rem;}
.slide-newsm-item{display: flex;border-top: 2px solid rgb(209 209 209 / 40%); padding-top: 1.5rem;}
.slide-newsm-name{margin-bottom: 0.8rem;}
.slide-newsm-name a{color: #fff;font-weight: 500; font-size: 16px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.slide-newsm-info-thanh{border-top: 2px solid #4ca64c;width: 65px;display: inline-block;}
.slide-newsm-info{display: flex; flex-direction: column;justify-content: space-between;margin-left: 1.5rem;}
.slide-newsm-img{width: 150px;}
.slide-newsm-info{width: calc(100% - 150px - 1.5rem);}
.slide__bottom__owl .center{}
.slide__bottom__owl .center .slide-newsm-item{border-color: rgb(244 0 0 / 70%);}

.slide__top__owl.owl-theme .owl-nav.disabled+.owl-dots{margin-top: 3rem; margin-right: 0; text-align: left;}
.slide__top__owl.owl-theme .owl-dots .owl-dot span{width: 7px;height: 7px;background: #fff;margin: 7px;}
.slide__top__owl.owl-theme .owl-dots .owl-dot.active span, .slide__top__owl.owl-theme .owl-dots .owl-dot:hover span { background: #4ca64c; }
.slide__top__owl.owl-theme .owl-dots .owl-dot.active{border: 1px solid #fff;border-radius: 50%;}
.slide__bottom__owl.owl-theme .owl-nav{margin-top: 0; position: absolute; right: -12%; bottom: 94%; width: 36px;display: flex; flex-direction: column-reverse;}
.slide__bottom__owl.owl-theme .owl-nav [class*=owl-]{margin:3px 0;outline: none;}
.slide__bottom__owl .slide-nav-right img{transform: rotate(180deg);}

/*=== END SLIDE ===*/


/*=== SIDEBAR ===*/
.main-content{display: flex;margin-top: 3rem;}
.main-content-left{width: 68%;border-right: 1px solid rgb(209 209 209 / 50%); padding-right: 39px;}
.main-content-right{width: calc(32% - 39px);margin-left: 39px;position: sticky; top: 80px; align-self: flex-start;}

.sidebar-one{position: relative;overflow: hidden;}
.sidebar-tabs{display: flex;border-radius: 5px 5px 0px 0px;overflow: hidden;}
.sidebar-button{width: 50%;background: #464647;color: #fff;font-size: 16px;font-weight: 500;text-transform: capitalize;text-align: center;padding: 0.8rem 0.5rem;cursor: pointer;}
.sidebar-button-active{background: #4ca64c;color: black;}
.sidebar-tab-show{background: rgba(209, 209, 209, 0.25);border: 0.75px solid #D1D1D1;border-top: none; border-radius: 0 0 5px 5px;padding: 1.2rem;position: relative;overflow: auto;max-height: 532px;}
.sidebar-tab-item{display: flex;border-bottom: 1px solid #D1D1D1;margin-bottom: 15px;padding-bottom: 15px;}
.sidebar-tab-item:last-child{/*border-bottom: none;margin-bottom: 0;padding-bottom: 0;*/}
.sidebar-tab-img{width: 150px;position: relative;}
.sidebar-tab-img img{border-radius: 3px;}
.sidebar-tab-info{width: calc(100% - 150px - 23px);margin-left: 23px;display: flex;flex-direction: column;justify-content: center;}
.sidebar-tab-name{}
.sidebar-tab-name a{color: #0A0A0B;font-weight: 600;display: block;font-size: 14px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.sidebar-tab-detail{display: flex;align-items: center;justify-content: space-between;margin-top: 1.2rem;}
.sidebar-tab-date, .sidebar-tab-comment, .sidebar-tab-view{display: flex;align-items: center;color: #0A0A0B;font-size: 12px;font-weight: 500;}
.sidebar-tab-comment-view{display: flex;}
.sidebar-tab-show-item{position: absolute;z-index: -1;opacity: 0;transition: all ease 0.2s;}
.sidebar-tab-show-item-active{position: relative;z-index: 99;opacity: 1;}
.sidebar-tab-unsave{color: #4ca64c !important; font-size: 12px; margin-top: 0.5rem; cursor: pointer;}

.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: #4ca64c;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;}
.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-banner{margin: 4rem 0;}
.sidebar-banner-bottom{margin-bottom: 0;}

.sidebar-tags{margin: 3rem 0;}
.sidebar-tags-title{font-weight: 700;font-size: 24px;margin-bottom: 25px;padding-bottom: 20px;border-bottom: 1px solid #D1D1D1;position: relative;}
.sidebar-tags-title:after{content: '';position: absolute;width: 65px;border-top: 1px solid #4ca64c;bottom: -1px;left: 0;}
.sidebar-tags-list{}
.sidebar-tags-item{display: inline-block;background: #0A0A0B;padding: 10px 15px;border-radius: 5px;margin-right: 6px;margin-bottom: 6px;color: #FDC500 !important;font-weight: 500;font-size: 16px;cursor: pointer;transition: all ease 0.3s;}
.sidebar-tags-item:hover{color: #0A0A0B !important;background: #FDC500;}

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

/*=== HOME ===*/
.home-title{padding-bottom: 1.5rem;border-bottom: 1px solid #D1D1D1;position: relative;margin-bottom: 1.8rem;}
.home-title:after{content: '';position: absolute;width: 65px;border-top: 1px solid #4ca64c;bottom: -1px;left: 0;}
.home-title p{color: #0A0A0B;font-weight: 700;font-size: 24px;margin-bottom: 5px;}
.home-title span{display: block;color: rgba(10, 10, 11, 0.7);font-weight: 700; font-size: 16px;}

.home-tintuc-item{display: flex;margin-bottom: 35px;padding-bottom: 35px;position: relative;border-bottom: 1px solid #D1D1D1;flex-wrap: wrap;}
.home-tintuc-item:after{content: '';position: absolute;width: 65px;border-top: 1px solid #4ca64c;bottom: -1px;left: 0;}
.home-tintuc-img{width: 512px;position: relative;}
.home-tintuc-info{width: calc(100% - 512px - 35px);margin-left: 35px;position: relative;padding: 1.5rem;padding-left: 0;padding-bottom: 0;text-align: justify;}
.home-tintuc-info:after{content: '';position: absolute;top: 0;right: 0;border-top: 1px solid #D1D1D1;border-right: 1px solid #D1D1D1;width: 30px;height: 30px;}
.home-tintuc-cate{display: inline-block;background: #4ca64c;padding: 5px 10px;border-radius: 5px;color: #000000;text-transform: capitalize;}
.home-tintuc-cate:hover{color: #fff;}
.home-tintuc-name{margin: 10px 0;}
.home-tintuc-name a{color: #0A0A0B;font-weight: 700; font-size: 18px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home-tintuc-date{display: flex;font-weight: 600; font-size: 12px;margin-bottom: 20px;}
.home-tintuc-des{color: #0A0A0B;font-weight: 400; font-size: 16px;margin-bottom: 12px;font-weight: 400;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.home-tintuc-detail{display: flex;align-items: center;justify-content: space-between;}
.home-tintuc-user{display: flex;align-items: center;color: #0A0A0B;font-weight: 600; font-size: 12px;text-transform: uppercase;}
.home-tintuc-user-ctv{background: #055a05; color: #fff; font-size: 9px; padding: 0.2rem; border-radius: 4px; font-weight: 400; text-transform: capitalize;}
.home-tintuc-comment-view{display: flex;align-items: center;}
.home-tintuc-comment, .home-tintuc-view{display: flex;align-items: center;font-weight: 600;font-size: 12px;}
.loaitin-post{position: absolute;top: 10px;left: 10px;background: #F40000;color: white;font-size: 11px;padding: 2px 5px; border-radius: 3px;z-index: 2;}
.loaitin-post span{}
.loaitin-post-fix{background: rgb(244 0 0 / 50%);color: #fff;font-size: 11px;padding: 2px 5px; border-radius: 3px;display: inline-block;margin-bottom: 0.2rem;}
.loaitin-post-other{background: #4ca64c;color: #fff;font-size: 11px;padding: 2px 5px; border-radius: 3px;margin-bottom: 0.5rem; display: inline-block;}
.btn-check-post{cursor: pointer;position: relative;}
.detail-date-event{margin: 1rem 0;font-weight: 600;}a
.detail-date-event span{color: #4ca64c;}

.home-tintuc-infofee{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #deddd4;display: flex; flex-direction: column; align-items: center; justify-content: space-between;padding: 1rem;transition: all ease 0.3s;opacity: 1;justify-content: center;}
.home-tintuc-infofee p{font-size: 60px;color: #666;}
.home-tintuc-infofee span{text-transform: uppercase; font-weight: 700; font-size: 18px; color: #666;margin-top: 2rem;}
.home-tintuc-feemore{display: block; width: 100%; text-align: center; background: rgb(76 166 76) /*rgb(7 221 243 / 80%)*/; padding: 0.5rem; border-radius: 30px;color: #fff !important; text-transform: uppercase; font-weight: 600;}
.home-tintuc-infofee-slide{padding: 0.3rem;position: relative;border-radius: 6px;}
.home-tintuc-infofee-slide span{font-size: 11px;margin: 0.5rem 0; text-align: center;}
.home-tintuc-infofee-slide .home-tintuc-feemore{border-radius: 3px;font-weight: 500; font-size: 8px;padding: 0.2rem;margin-top: 0.2rem;}
.home-tintuc-infofee-slide p{position: relative;background: #4ca64c; color: #fff; font-size: 8px !important; padding: 2px 5px; border-radius: 3px; z-index: 2;top: unset; left: unset;width: 100%;text-align: center;}
.home-tintuc-infofee-slide p span{color: #fff;margin: 0 0.2rem !important; font-weight: 400;}
.home-tintuc-infofee-topslide{display: flex;flex-direction: row;justify-content: space-evenly;padding: 1rem;margin-bottom: 1rem;}
.home-tintuc-infofee-topslide p{font-size: 12px !important;}
.home-tintuc-infofee-topslide span{font-size: 14px;width: 150px;}
.home-tintuc-infofee-topslide .home-tintuc-feemore{font-size: 12px;}


.home-tintuc-item:hover .home-tintuc-infofee{opacity: 1;}
.home-tabpost-item:hover .home-tintuc-infofee{opacity: 1;}
.sidebar-tab-item:hover .home-tintuc-infofee{opacity: 1;}
.detail-danhmuc-top:hover .home-tintuc-infofee{opacity: 1;}
.detail-danhmuc-middle-item:hover .home-tintuc-infofee{opacity: 1;}

.sidebar-tab-item .home-tintuc-infofee{justify-content: center;}
.sidebar-tab-item .home-tintuc-infofee p, .slide-newsm-item .home-tintuc-infofee p{font-size: 30px;}

.detail-danhmuc-middle-item .home-tintuc-infofee p{font-size: 28px;}
.detail-danhmuc-middle-item .home-tintuc-infofee span{font-size: 13px;}
.detail-danhmuc-middle-item .home-tintuc-infofee .home-tintuc-feemore{font-size: 12px;}


/*=== TAB POST LIST ===*/
.home-tabpost{margin: 4rem 0;}
.home-tablist-post{}
.home-tablist-button{display: inline-block;border: 1px solid #D1D1D1; border-radius: 5px;background: #FFFFFF;padding: 5px 10px;font-weight: 500; font-size: 16px;color: #0A0A0B}
.home-title-tabpost{display: flex;justify-content: space-between;flex-wrap: wrap;}
.home-tablist-button-act, .home-tablist-button:hover{background: #4ca64c;color: #fff !important;cursor: pointer;}
.home-tabpost-name{margin: 1.5rem 0 0.8rem 0;}
.home-tabpost-name a{color: #0A0A0B;font-weight: 700; font-size: 18px;display: block;}
.home-tabpost-top{display: flex;flex-wrap: wrap;}
.home-tabpost-item{width: calc(100% / 2 - 10px);padding-bottom: 30px;border-bottom:1px solid #D1D1D1;position: relative; }
.home-tabpost-item:after{content: '';position: absolute;width: 65px;border-top: 1px solid #4ca64c;bottom: -1px;left: 0;}
.home-tabpost-item:nth-child(odd){margin-right: 10px;}
.home-tabpost-item:nth-child(even){margin-left: 10px;}
.home-tabpost-date{display: flex;align-items: center;font-weight: 600;font-size: 12px;}

.home-title-detail p{text-transform: uppercase;font-weight: 700;}
.home-title-detail .home-title-tabpost{align-items: end;}
.home-fixtitle-detail{border: none;padding-bottom: 0;align-items: end;}
.home-fixtitle-detail:after{display: none;}

.home-tags-post{}
.home-tags-post a{display: inline-block;background: #0A0A0B; border-radius: 5px;padding: 10px 15px;font-weight: 500; font-size: 16px;color: #FDC500;}
.home-tags-post a:hover{background: #FDC500;color: #0A0A0B !important;}

.home-tabpost-bottom{margin-top: 3rem;}
.home-tabpost-owl-item{position: relative;}
.home-tabpost-owl-info{position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;display: flex;flex-direction: column-reverse;padding: 28px;background: linear-gradient(195deg, rgba(10, 10, 11, 0) 20%, #0A0A0B 90%);}
.home-tabpost-owl-name{margin: 1.2rem 0;}
.home-tabpost-owl-name a{display: block;text-transform: uppercase;font-weight: 700;font-size: 24px;color: #fff !important;}
.home-tabpost-owl-tool{display: flex;align-items: center;}
.home-tabpost-owl-date, .home-tabpost-owl-comment, .home-tabpost-owl-view{display: flex;align-items: center;font-weight: 600; font-size: 12px;color: #fff;}

.tabpost__owl{position: relative;}
.tabpost__owl.owl-theme .owl-nav.disabled+.owl-dots{margin-right: 0; text-align: center;position: absolute; top: 50%; right: 2%; width: 25px;margin-top: 0; transform: translate(0,-50%);}
.tabpost__owl.owl-theme .owl-dots .owl-dot{display: block;}
.tabpost__owl.owl-theme .owl-dots .owl-dot span{width: 7px;height: 7px;background: #fff;margin: 7px;}
.tabpost__owl.owl-theme .owl-dots .owl-dot.active span, .tabpost__owl.owl-theme .owl-dots .owl-dot:hover span { background: #4ca64c; }
.tabpost__owl.owl-theme .owl-dots .owl-dot.active{border: 1px solid #fff;border-radius: 50%;}

.home-tabpost-viewall{display: block;background: #4ca64c;padding: 10px 15px;background: #4ca64c; border-radius: 5px;color: #fff;margin-top: 3rem;text-align: center;}
.home-tabpost-viewall:hover{background: #999;color: #fff;}

.load-nodata{}
.load-nodata i{}
.load-nodata p{font-size: 16px; font-style: italic; color: #999;}


.list-post-newlike{display: flex;flex-wrap: wrap;}
.list-post-newlike .sidebar-tab-item{width: calc(50% - 40px);margin-right: 40px;}

/*=== VIDEO ===*/
.home-video{background: #0A0A0B;margin-top: 4rem;position: relative;}
.home-video:after{content: '';position: absolute;width: 100%;left: 0;bottom: 0;height: 85px;background: #e7e9e3; z-index: 1;}
.home-video .content-page-layout{position: relative; z-index: 2;}
.home-video-top{display: flex;padding-top: 3.5rem;justify-content: space-between;}
.home-video-left{width: 66.15%;}
.home-video-right{width: 33.157%;overflow: auto; max-height: 648px}
.home-video-title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 3.4rem;position: relative;}
.home-video-title:after{content: '';position: absolute;border-top: 1px solid #D1D1D1;left: 0;top: 50%;width: 84%;}
.home-video-title p{color: #fff;font-weight: 700;font-size: 24px;padding-right: 2rem;background: #0A0A0B; position: relative; z-index: 1;}
.home-video-title a{background: #4ca64c;color: #fff;padding: 10px 15px;text-align: center;border-radius: 5px;font-size: 16px;font-weight: 500;position: relative; z-index: 1;}

.home-video-info{background: #222222;padding: 20px;}
.home-video-btn{position: absolute; top: 0px; left: 0px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: space-around;}
.home-video-namebox{display: flex;justify-content: space-between;align-items: center;position: relative;flex-wrap: wrap;}
.home-video-namebox a{}
.home-video-name{width: calc(100% - 150px);}
.home-video-name a{color: #fff;text-transform: uppercase;font-weight: 700;font-size: 18px;display: block;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home-video-cate{min-width: 150px;text-align: center;}
.home-video-cate, .home-video-cate:hover{background: #4ca64c; border-radius: 5px;padding: 5px 10px;color: #fff !important;font-weight: 500; font-size: 16px;text-transform: capitalize;}
.home-video-date{display: flex;align-items: center;color: #fff;font-weight: 600; font-size: 12px;margin-top: 10px;}
.home-video-poster{position: relative;}
.home-video-poster:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(76.28% 76.28% at 50% 45.63%, rgba(10, 10, 11, 0.17) 0%, #0A0A0B 81.77%);opacity: 0.6;}


.video__owl{position: relative;}
.video__owl.owl-theme .owl-nav.disabled+.owl-dots{margin-right: 0; text-align: center;position: absolute; top: 50%; right: 2%; width: 25px;margin-top: 0; transform: translate(0,-50%);}
.video__owl.owl-theme .owl-dots .owl-dot{display: block;}
.video__owl.owl-theme .owl-dots .owl-dot span{width: 7px;height: 7px;background: #fff;margin: 7px;}
.video__owl.owl-theme .owl-dots .owl-dot.active span, .video__owl.owl-theme .owl-dots .owl-dot:hover span { background: #4ca64c; }
.video__owl.owl-theme .owl-dots .owl-dot.active{border: 1px solid #fff;border-radius: 50%;}


.home-video-right-item{position: relative;cursor: pointer;margin-bottom: 0.8rem;}
.home-video-right-item:last-child{margin-bottom: 0;}
.home-video-right-img img{display: inline-block;}
.home-video-right-des{position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(180deg, rgba(10, 10, 11, 0) 4.07%, rgb(10 10 11 / 70%) 78.23%);height: 100%;display: flex; flex-direction: column-reverse;padding: 1.5rem;}
.home-video-right-name{color: #fff;font-weight: 700; font-size: 18px;}
.home-video-right-btn{position: absolute;top: 15px;left: 20px;}


.home-video-bottom{background: #222222;padding: 30px 25px;margin-top: 3.5rem;}
.home-video-titlebot{font-weight: 700; font-size: 18px;color: #fff;margin-bottom: 2rem;}
.video-nav-right img{transform: rotate(180deg);}
.video__highlight__owl.owl-carousel .owl-nav button{outline: none;}
.video__highlight__owl.owl-theme .owl-nav{margin: 0;display: flex;justify-content: space-between;width: calc(100% + 100px); position: absolute; top: 50%; left: -50px; transform: translate(0,-50%);}
.video__highlight__owl .owl-stage-outer{z-index: 999;}

.scroll-video{padding-right: 0rem;}

.scroll-video::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ebebeb; /* or add it to the track */
}

/* Add a thumb */
.scroll-video::-webkit-scrollbar-thumb {
    background: rgb(244 0 0 / 50%);
}


.home-banner-infoot{margin: 4rem auto;}

.home-video-ajax{cursor: pointer;}
.hidden-video-ajax{position: fixed;top: 0;left: :0;width: 100%;height: 100%;opacity: 0;z-index: -1;visibility: hidden;/*transition: all ease 0.4s;*/display: flex;align-items: center;justify-content: space-around;background: rgba(0,0,0,0.9);}
.visible-home-video{opacity: 1;z-index: 99999999;visibility: visible;}
.ajax-home-video{background: rgba(255,255,255,0.8);padding: 1.5rem;border-radius: 5px;width: 70%;height: 80%;}
.ajax-home-video iframe{display: block;}
.ajax-home-video-close{display: inline-block;cursor: pointer;color: #fff;font-size: 64px;border-left: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);position: absolute;top: 0;right: 0;width: 80px; height: 80px; display: flex; align-items: center; justify-content: center;background: rgba(255,255,255,0.8)}
.home-video-ajax:hover .home-video-right-btn .btn-video-bg, .home-video-ajax:hover .home-video-btn .btn-video-bg{fill: #4ca64c;}
.home-video-ajax:hover .home-video-right-btn path, .home-video-ajax:hover .home-video-btn path{fill: #fff;}


/*=== FOOTER ===*/
#footer{background: #0A0A0B;padding: 4rem 0 5rem 0;}
.footer-top{padding-bottom: 25px;border-bottom: 1px solid rgb(209 209 209 / 30%);display: flex;align-items: flex-start;justify-content: space-between;}
.footer-top-left{width: 60%;display: flex;flex-wrap: wrap;}
.footer-top-left-item{width: calc(100% / 4);color: #fff;font-weight: 700;font-size: 15px;margin-bottom: 18px;}
.footer-top-left-item:hover{color: #4ca64c;}
.footer-top-left-item i{color: #4ca64c;}

.footer-top-right-title{color: #fff;font-weight: 700;font-size: 16px;margin-bottom: 25px;}
.footer-top-right-title i{color: #4ca64c;}
.footer-top-right-slogan{font-weight: 400; font-size: 12px;color: #fff;opacity: 0.8; margin-bottom: 25px;line-height: 2.5;padding-left: 18px;}
.footer-top-right-formbox{display: flex;}
.footer-top-right-formbox input{outline: none;width: calc(100% - 98px - 8px);margin-right: 8px;border: 0.5px solid rgb(255 255 255 / 50%);border-radius: 5px;background: none;text-indent: 12px;color: #fff;font-weight: 500; font-size: 16px;}
.footer-top-right-formbox input::placeholder{color: #fff;font-weight: 500; font-size: 16px;}
.footer-top-right-formbox button{border: none;outline: none;background: #4ca64c; border-radius: 5px;padding: 10px 15px;color: #fff;font-weight: 500; font-size: 16px;
width: 98px;}

.footer-top-right{width: 38%;}
.footer-top-right-form{padding-left: 18px;}

.footer-middle{display: flex;padding: 30px 0;justify-content: space-between;border-bottom: 1px solid rgb(209 209 209 / 30%);flex-wrap: wrap;}
.footer-middle-title{color: #fff;font-weight: 700; font-size: 16px;margin-bottom: 15px;}
.footer-middle-box{font-weight: 500; font-size: 15px;color: rgb(255 255 255 / 80%);}
.footer-middle-address .footer-middle-box{line-height: 2.5;}

.footer-middle-item{margin-bottom: 15px;}
.footer-middle-item a{display: block;color: rgb(255 255 255 / 80%);font-weight: 500; font-size: 16px;}
.footer-middle-item span{font-size: 24px;}

.footer-middle-address{width: 25%;}
.footer-middle-policy{width: 15%;}
.footer-middle-contact{width: 18%;}
.footer-middle-tienich{width: 18%;}


.footer-bottom{display: flex;padding-top: 40px;align-items: center;flex-wrap: wrap;justify-content: center;}
.footer-bottom-logo{width: 12%;}
.footer-bottom-mxh{display: flex;align-items: center;}
.footer-bottom-mxh a{margin-left: 15px;display: inline-block;}
.footer-bottom-mxh span{color: #fff;font-weight: 700; font-size: 16px;display: inline-block;}
.footer-bottom-copyright{color: #fff;font-weight: 400; font-size: 18px;margin-left: auto;}


.back-to-top{position: fixed;bottom: 30px;right: 1%;z-index: 9999;cursor: pointer;width: 36px;height: 36px;background: #4ca64c;border-radius: 3px;color: #fff;display: none;text-align: center;line-height: 35px;}
.back-to-top i{vertical-align: middle;}
.back-to-top:hover{background: #4ca64c;color: #fff;}
div#container_full {
    background: #e7e9e3;
}


/*=== END HOME ===*/
.owl__content .custom-owl-button { position: absolute; padding: 0; border: 0; color: #32353c; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background: transparent; z-index: 99; }

.owl__content .custom-owl-prev { left: -2rem; }

.owl__content .custom-owl-next { right: -2rem; }

.copyright { background: #171515; font-size: 0.875rem; color: #EBEBEB; }

.copyright .center-layout { padding: 1.875rem 0; border-top: 1px solid #707070; }

.hfancybox { display: none; width: calc(100% - 20px); }

.hfancybox--400 { max-width: 400px; }

.pd-video { position: relative; color: #fff; padding-bottom: 4px; }
.pd-video svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.owl-carousel.owl-thumb-pro .owl-stage {/* display: flex; */}
.owl-carousel.owl-thumb-pro.owl-drag .owl-item { /*display: flex; align-items: center; */}

.fb_iframe_widget > span { vertical-align: middle!important; }

.instagram { padding: 0 16px; }

.alert-lock{background: #f9f7f7; border-color: #ebebeb; padding: 5rem 1rem; text-align: center;border: 2px dashed #ebebeb; margin-bottom: 2rem; border-radius: 8px;}


/*===LOADER SEND MAIL===*/
#loading_order{  position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 999999999; width: 100%; height: 100vh;display: flex;justify-content: center;align-items: center;}
.loading_container{top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%);}
.loading_form {
  margin: 50px auto;
  font-size: 13px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
  box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
  box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
  box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

.home-list-tintuc, .page-detail-others.mt-4 {
    background: #e7e9e3;
}

.menu-side-title a:active {
    color: #4ca64c;
}
#custom-target {
  position: relative;
  width: 600px;
  height: 300px;
  border-style: solid;
}

.position-absolute {
  position: absolute;
}

.change-css-date .ui-state-default, .ui-widget-content .ui-state-default, .change-css-date .ui-widget-header .ui-state-default, .change-css-date .ui-button, html .ui-button.ui-state-disabled:hover, .change-css-date html .ui-button.ui-state-disabled:active { border: 1px solid #ccc !important; background: #fff url(images/ui-bg_glass_20_cccccc_1x400.png) 50% 50% repeat-x !important; font-weight: bold !important; color: #999 !important; }

.change-css-date .ui-state-active, .ui-widget-content .ui-state-active, .change-css-date .ui-widget-header .ui-state-active, a.ui-button:active, .change-css-date .ui-button:active, .change-css-date .ui-button.ui-state-active:hover { border: 1px solid #4ca64c !important; background: #4ca64c !important; font-weight: bold !important; color: #ffffff !important; }
.font-size-20{
    min-font-size:20px!important;
}