:root { --bg-primary: #F4F4F4; --color-primary: #FFD928; --font-primary: 'Lexend Deca', sans-serif; --content-width: 85%; --color-bortop: #ebebeb; --color-sale: #F6F6F6; --color-paginate: #ebebeb;}
.clearfix::after { content: ""; clear: both; display: table;}

.clearboth{clear: both;}


body{font-family: var(--font-primary);}
#container_full{ max-width: 1920px; margin: auto; }
img { max-width: 100%; display: block;}

a { text-decoration: none !important; }

p, h1, h2, h3{margin: 0;}
.browse.btn{outline: none !important; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.text-muted { border-top-right-radius: 0; border-bottom-right-radius: 0;}

.fancybox-slide > * { padding: 30px; overflow: initial;}
.fancybox-bg {  background: #c9c9c9;}
.fancybox-content{ border-radius: 6px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);/*FF 3.5+*/
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 0 5px rgba(0,0,0,0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}
/*=== dev pagination ===*/
.main_container{   }
.dev-paginator .pagination{justify-content: center;}
.dev-paginator .page-link{color: #000; }
.dev-paginator .page-item.active .page-link {z-index: 1; color: #f00; background-color: var(--color-paginate); border-color: var(--color-bortop);}
.dev-paginator .page-item:hover .page-link {z-index: 1; color: #f00; background-color: var(--color-paginate); border-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%; }

.grecaptcha-badge {/* display: none; */}

.p-relative { position: relative; }

.d-none{display: none !important;}

.d-block { display: block!important; }

.submit-coupon{padding: 8px 10px; color: #fff;}

#coupon_code{ width: calc( 100% - 90px ); }

.credit-type img{ max-height: 25px; display: inline-block;}

button { outline: none !important; }

.flex-order{flex-wrap: wrap; display: flex;}

.flex-order .form-group{margin-bottom: 0px;}

.flex-order .form-group label{margin-bottom: 0px;}

.flex-order .form-group p{margin-bottom: 10px;}

.detail-title-order{ margin-bottom: 0px; font-size: 1.5rem; }

.row-order-detail{  margin-right: -1.25rem;  margin-left: -1.25rem; }

.card-primary-detail{margin-bottom: 35px;}

.repay-detail{background: #007bff linear-gradient( 180deg ,#268fff,#007bff) repeat-x!important; color: #fff; padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; border:none;}

.repay-cancle{background: #dc3545 linear-gradient(180deg,#e15361,#dc3545) repeat-x!important; color: #fff; padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; border:none;}

.repay-update{background: #28a745 linear-gradient(180deg,#48b461,#28a745) repeat-x!important; color: #fff; padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; border:none;}

.form-cart{width: 100%;}

img.lazy { -webkit-transition: all 1s; transition: all 1s; opacity: 0; }

img.initial, img.loaded, img.error { opacity: 1; }

img:not([src]) { visibility: hidden; }

.fix_content iframe{ max-width: 100%;  }

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

.page__title {  font-weight: bold; font-size: 1.25rem; color: #333; margin-bottom: 2.25rem; border-radius: 0.313rem; background: #fff; padding: 0.625rem; }

.hbox { background: #fff; border-radius: 0.313rem; }

.hbox__title { font-weight: bold; font-size: 1rem; color: #555; }

.title-main{text-align: center; text-transform: uppercase; color: #000; font-size: 30px;margin-bottom: 20px;}
.detail-page-post{/*max-width: 945px;*/margin: auto; padding: 30px 0; }
.content-main img{display: inline-block;}
.share{margin-top: 20px;}

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

/* Photo upload zone */
.photoUpload-zone .photoUpload-detail{text-align:center;display:flex;margin-bottom:1.5rem;background: #fafafa;border: 1px dashed #ebebeb;padding: 1rem; min-height: 193px;align-items: center;justify-content: center;}
.photoUpload-zone .photoUpload-detail img{max-width:100%; max-height:160px;}
.photoUpload-zone .photoUpload-file{cursor:pointer;background-color:#F5F5F5;outline:2px dashed #CDCDCD;outline-offset:0px;padding:1rem 0.75rem;margin-bottom:1rem;border-radius:0.25rem;font-weight:normal!important;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-transition:outline-offset .15s ease-in-out,background-color .15s linear;transition:outline-offset .15s ease-in-out,background-color .15s linear;}
.photoUpload-zone .photoUpload-file.drag-over{outline-offset:-10px;background-color:#fff9f9;}
.photoUpload-zone .photoUpload-file input{display:none;}
.photoUpload-zone .photoUpload-file i:hover{opacity:0.9;}
.photoUpload-zone .photoUpload-file i{color:#6C7D8F;font-size:55px;margin-bottom:0.75rem;}
.photoUpload-zone .photoUpload-file p{margin:0;color:#767978; font-size:16px;}
.photoUpload-zone .photoUpload-file .photoUpload-drop{margin-bottom:0.5rem;}
.photoUpload-zone .photoUpload-file .photoUpload-or{font-size:14px; margin-bottom:0.75rem;}
.photoUpload-zone .photoUpload-file .photoUpload-choose{color:#fff;}
.photoUpload-zone .photoUpload-dimension{font-weight:700;}
.bg-gradient-success { background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;}
.input-contact1 input{padding: 0.55rem 0.75rem;}
/*=== HEADER ===*/

#top-header1{ width: 100%; height:159px; }
#top-header{ background: #fff; font-size: 14px; position: relative; z-index: 99999; }
.nav-top{ list-style: none; padding:0; margin: 0; }
.nav-top li{ padding-left: 25px; padding-right: 25px; border-right: 1px solid #333;}
.nav-top li:first-child{ padding-left: 0px;}
.nav-top li:last-child{ padding-right: 0px; border-right: none;}
.nav-top li a{ color: #333; font-weight: 500; display: block; line-height: 1;}
.nav-top li a:hover{ color: #fcb539; font-weight: 500;}

#wrap-header{ height:150.5px; }
#header{padding: 0 !important;background: #ED1C24;z-index: 99998;position: relative}
.header-contain{position: relative; }
.header-contain-flex{ transition: all ease 0.3s; }
.header-left{ }
.header-right{ }
 
.top-header-contain{ padding: 20px 0 20px 0; }

.hotline{background: url('../img/data/hotline.png') no-repeat left center; color: #333; padding-left: 32px; font-size: 15px;}
.hotline b{ font-size: 17px; font-weight:700; }

.header-menu-btn{position: relative;width: 24px;height: 24px;text-align: center;cursor: pointer; display: none;}
.header-menu-btn span{border: 1px solid #000000;width: 98%;display: inline-block;border-radius: 15px;vertical-align: middle;margin-top: 3px;}
.header-menu-btn:after{content: '';position: absolute;border: 1px solid #000000;width: 98%;border-radius: 15px;top: 6px;left: 0px;}
.header-menu-btn:before{content: '';position: absolute;border: 1px solid #000000;width: 98%;border-radius: 15px;bottom: 2px;left: 0px;}
.header-logo{ display: block; margin-right: 130px; }
.header-cart{ height: 26px; line-height: 25px; position: relative; position: relative; display: block; color: #fff !important;}
.count-cart{ color: #fff; position: absolute; right: -12px; top: -10px; background: #EAC143; width: 15px; height: 15px; text-align: center; line-height: 15px; font-size: 10px; border-radius: 50%;} 
.res-header-search{display: none;}

.header-menu{height: 100%; position: relative;}
.header-search1{ display:none }

.header-search{ background: #fff; top: 75px; right: 0; width: 150px } 

.header-search.active{ top: 45px; opacity: 1; visibility: visible; transition: 1s; transition-timing-function: ease;}
.header-search input{background: #F9F7F7; width: 100%; border: 1px solid transparent; border-radius: 3px; line-height: 36px; text-indent: 10px; padding-right: 35px;}
.header-search input::placeholder{color: #A3A3A3; font-size: 15px; }
.header-search input:focus{outline: 2px solid #000;}
.header-search button{border: none; background: none;outline: none !important;position: absolute; top: 7px; right: 2px;}


.header-logo img{ max-height: 68px; transition: all ease 0.3s;}

#header.header_sticky{position: sticky;top: -1px;transition: all ease 0.3s;box-shadow: 0px 0px 10px #ccc;}
#header.header_sticky .header-contain-flex{ transition: all ease 0.3s;}
 
#header.header_sticky .header-logo img{ max-height: 55px; transition: all ease 0.3s;}
#header.header_sticky .header-left{ padding: 5px 0; transition: all ease 0.3s;}
#header .header-contain-flex .header-middle img{ max-height:57px; transition: all ease 0.3s; }
#header.header_sticky .header-contain-flex .header-middle img{ max-height:40px; transition: all ease 0.3s; }

.right_top span:nth-child(1){ margin-right: 20px; }
.right_top img{ display: inline-block; margin-right: 5px; }
.top-header-contain1 {  }
.top-header-contain1 .center-layout{ padding: 10px 0 10px 0; border-bottom: 1px solid #E5E5E5;}

.btn-search{ font-size:26px; margin-right:10px; line-height:26px; width: 26px; height:27px; text-align: center; }

.linktracuu{display: block; background: #0DC5B9; color: #ffffff; font-size: 1.125rem; border-radius: 3px; padding: 10px 35px;  }
.linktracuu:hover{ color: #ffffff; text-shadow: 0 0 0.5px #ffffff;}
/*=== END HEADER ===*/

.slogan{color: #333;}

.main-nav{ position:relative; }
/*=== MENU ===*/
#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;}
#menu-main ul>li{padding: 7px 0px;}
#menu-main{display: flex;align-items: center; justify-content: space-between;}
#menu-main >li{padding: 0px 36px;position: relative;}
#menu-main >li a{font-size: 1.125rem;color: #000;font-weight: 400;}
/*#menu-main li:hover a{font-weight: bold;}*/

#menu-main >li{align-items: center; display: flex;height: 100%;}
#menu-main >li>a{ padding: 5px 0; }
#menu-main >li:hover>a{text-shadow: 0 0 0.5px #143B67; color: #143B67;}


#menu-main >li>a>img{ margin: auto; margin-bottom: 4px; transition: 0.6s; transform-style: preserve-3d; position: relative;}
#menu-main >li:hover>a>img{transform: rotateY(180deg);}
#menu-main > li > ul{position: absolute;background: #fff;padding: 10px; width: 220px;top: 100%;}
#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: 17px; color: #000;}
#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%;}
#header.header_sticky #menu-main >li { padding: 15.5px 20px; }

.box-menu-mobile{ display: none; }
/*=== END MENU ===*/
/*=== MENU Mobile ===*/
#modal-menu{position: fixed;top: 0;right: 0;width: 0;/*height: 100vh;background: #fff;padding: 50px 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-full{background: #fff;padding: 1rem 0;position: relative;width: 80%;display: inline-block;}
.modal-menu-close-main{display: flex;padding: 0 1rem;/*flex-direction: row-reverse;border-bottom: 1px solid #e8e8e1; */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);}


.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-side-header{width: 100%;}
.menu-side-footer{width: 100%;}
.menu-side-logo{text-align: center;/*filter: grayscale(1);*/}
.menu-side-logo img{display: inline-block;}
.menu-side-info{margin-bottom: 1rem;padding: 0 1rem;}
.menu-side-lang a{color: #333;font-weight: 500;margin-right: 1rem; padding-right: 1rem;border-right: 1px solid #ccc;}
.menu-side-lang a:last-child{border: none;}


#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: 8px 0 8px 1rem;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; padding: 0 10px !important;}
#menu-side-mobile, #menu-side-mobile ul{list-style-type: none;padding: 0;width: 100%;}
#menu-side-mobile >li{border-top: 1px solid #f7f3f3;}
#menu-side-mobile >li:first-child{border-top:none;}
#menu-side-mobile >li>div>a{display: block; text-transform: capitalize; color: #444;font-size: 14px;padding: 0.8rem 0 0.8rem 0;letter-spacing: 1px;font-weight: 600;}
#menu-side-mobile >li ul{display: none;padding-left: 0rem;}
#menu-side-mobile >li >ul{/*border-top: 1px solid #f7f3f3;*/}
#menu-side-mobile >li ul >li{padding-bottom: 0.2rem; /*border-bottom: 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; padding: 5px 0 5px 1rem; /*text-transform: uppercase; */font-size: 14px;}
#menu-side-mobile >li ul >li >ul li{padding-bottom: 0;}

.menu-side-title{display: flex;justify-content: space-between;align-items: center;}
.menu-side-title span{display: flex; width: 30px; height: 40px; justify-content: center; align-items: center; /*border-left: 1px solid #f7f3f3;
border-right: 1px solid #f7f3f3;*/ cursor: pointer;}

.menu-search{cursor: pointer;}
.menu-search:after{content: ''; position: absolute; width: 40px; height: 40px; border: 1px solid #171515; border-radius: 5px; opacity: 0.5; left: calc(50% - 10px);}
.menu-search a{padding-right: 0 !important;}
.box-search-main{position: absolute; right: -7px; height: 40px; width: 0px;border-radius: 4px;box-shadow: 0px 0px 20px rgb(0 0 0 / 20%); overflow: hidden;z-index: -1;opacity: 0;transition: all ease 0.3s;}
.box-search-main input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 4px; text-indent: 10px;outline: none;}
.box-search-main button{position: absolute; height: 100%; border: none; outline: none; right: 0; width: 60px; text-align: center;}
.box-search-main button img{display: inline-block;}
.menu-search:hover .box-search-main{opacity: 1;z-index: 2;width: 300px;}

.footer-bottom-mxh-list { display: flex; gap: 10px;}
.menu-side-footer { width: 100%;}
.footer-bottom-mxh-list a img { display: inline-block; max-height: 20px; min-height: 20px;}
/*=== END MENU Mobile ===*/



 
/*=== SLIDE ===*/
.slider{  }
.slide-item{position: relative;}
.slide-item img{ width: 100%; position: relative; border-radius: 8px;}

.slick-slide .slide-item{position: relative; transform: scale(0.95, 0.9); opacity: 0.7; transition: all 0.5s;}
.slick-slide.slick-current .slide-item{position: relative; transform: scale(1,1); opacity: 1; transition: all 0.5s;}
.slide-model{position: absolute;opacity: 0; transform: translate(-6%,10%);z-index: 9;left: 1%;}
.slide-sale{position: absolute; top: 10%; right: 0; opacity: 0;}
.slide-descript{position: absolute; top: 30%; left: -5%; opacity: 0;}
.slide-detail{position: absolute;bottom:22%; right: 0%; background: #fcb539; color: #fff; border-radius: 5px; width: 220px;text-align: center;line-height: 48px;opacity: 0;z-index: 9; font-size: 20px; font-weight: 500; text-transform: uppercase;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 3px 5px 2px rgba(0,0,0,0.2);/*FF 3.5+*/
-webkit-box-shadow: 0 3px 5px 2px rgba(0,0,0,0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 3px 5px 2px rgba(0,0,0,0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.slide-detail:hover{color: #fff;background: #f74d10;}

.slide-animate{position: absolute;top: 0;width: 100%;height: 100%;}
.slide-animate .center-layout{position: relative;height: 100%;}

.slideItem-active .slide-model{transform: translate(-6%,-5%);opacity: 1;text-align: center; transition: all ease 1s;transition-delay: .5s;}
.slideItem-active .slide-sale{right: 7%;opacity: 1;text-align: left;transition: all ease 1s;transition-delay: .8s;}
.slideItem-active .slide-descript{left: 2%;opacity: 1;text-align: right; transition: all ease 1s;transition-delay: 1s;}
.slideItem-active .slide-detail{opacity: 1;transition: all ease 1s;transition-delay: .5s;}


.slider{position: relative;z-index: 999; overflow: hidden}
.slider .owl-dots{position: absolute; top: 50%; right: 5%;transform: translate(0,-50%);width: 15px;}
.slider .owl-theme .owl-dots .owl-dot.active span, .slider .owl-theme .owl-dots .owl-dot:hover span{background: #fff;}
.slider .owl-theme .owl-dots .owl-dot span{width: 15px;height: 15px;background: none;border: 2px solid #fff;}

.slider .slide-fadeOut .slide-model{opacity: 0; transform: translate(-6%,10%);transition: all ease 1s;}
.slider .slide-fadeOut .slide-sale{right: 0; opacity: 0;transition: all ease 1s;}
.slider .slide-fadeOut .slide-descript{left: 0; opacity: 0;transition: all ease 1s;}
.slider .slide-fadeOut .slide-detail{opacity: 0;transition: all ease 1s;}

.slider .owl-carousel .owl-item{ }
.slider .owl-carousel .owl-stage-outer{}

.left_slider{width: 66%;}
.right_slider{width: 32%;}
.list-item{ width: 100%;border-radius: 8px; position: relative; margin : 3.4% 0;}
.list-item a{ position: relative;border-radius: 8px; display: block}
.list-item a:before{ content: '';border-radius: 8px; background: rgba(196, 196, 196, 0.5); position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; transition: all 0.3s;}
.list-item:hover a:before{ background: rgba(196, 196, 196, 0); }
.list-item a>span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #171515; background-color: #fff; border-radius: 8px; font-size: 24px; font-weight: 600; padding: 8px 28px; white-space: nowrap;}
.list-item:hover a span{ color: #f00; }
.list-item a img{ border-radius: 8px; }
 
/*=== END SLIDE ===*/

/*=== ABOUT ===*/
.home-slogan{ padding: 40px 0; overflow:hidden; background: #F2F2F2; }
.slogan-text{ font-size: 3rem; font-weight: 600; padding: 10px;}

.home-project{ background: #E5E5E5; }
.wrap-project{ margin:auto; max-width: 1140px;}
.project-item-r{ flex-direction: row-reverse; }
.project-item{ position:relative }
.project-item .himg-project{ width:68.5%; display:block; }
.project-item .himg-project img{ width:100%; }
.project-item .info-project{ width:51.5%; padding: 50px; background: #fff; position:absolute; min-height: 80px; }
.project-item:nth-child(2n+1) .info-project{ bottom: 0; right: 0;}
.project-item:nth-child(2n) .info-project{ top: 0; left: 0; }
.project-item .info-project .project-descript{ }
.project-item .info-project .project-descript .icon-desc{ background: url(../img/data/Star8.png) no-repeat 0px 8px; margin-bottom: 5px; font-size: 18px; padding-left: 20px;}
.project-item .project-name{ margin-bottom: 15px;}
.project-item .project-name a{ color: #000; font-size: 35px; font-weight: 700; }
.project-item .project-view{ margin-top: 50px;}
.project-item .project-view a{ padding: 8px 50px; color: #fff; background: #ED1C24; font-size: 16px; font-weight: 600; display: inline-block; border-radius: 5px; }
.project-item .project-view a i{ font-size: 28px; }

.xemthem{  margin-top: 50px; text-align: center; }
.xemthem a{ padding: 8px 50px; color: #fff; background: #ED1C24; font-size: 16px; font-weight: 600; display: inline-block; border-radius: 5px;}
.xemthem a i{ font-size: 28px; }


.home-news{ padding: 50px 0; }
.home-news1{ background: #F2F2F2; padding: 5% 0;}
.title-dmbh{ text-align: center; text-transform: uppercase; margin-bottom: 30px; color:#1D1D1D; font-size: 30px; }
.mota-dmbh{ text-align: center; margin-bottom: 50px; color:#171515; font-size: 14px; font-weight: 400; }
.grid_dichvu{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; }
.item-dichvu{ position: relative; display:block; position: relative; background: #fff; padding:12%; border-radius: 20px;}
.item-dichvu .img-dichvu{ width:100%; margin-bottom: 1rem; }
.item-dichvu .info-dichvu{ width:100%; }
.item-dichvu .name-dichvu{ margin-bottom: 20px; color:#ED1C24; font-size:1.5rem; display:block; line-height:normal; font-weight: 600;}
.item-dichvu .name-dichvu a{color:#000; display: block; position: relative; padding-bottom: 8px;}
.item-dichvu .name-dichvu a:before{content: ''; height: 2px; background: #0DC5B9; width: 0px; position: absolute; left: 0; bottom: 0; transition: all 0.4s;}
.item-dichvu:hover .name-dichvu a:before{content: ''; height: 2px; background: #0DC5B9; width: 130px; position: absolute; left: 0; bottom: 0; transition: all 0.4s;}
.item-dichvu:hover .name-dichvu a{color: #0DC5B9;}
.item-dichvu .desc-dichvu{color:#05203F; font-size: 1.125rem; line-height:1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 42px;}
.xem-dichvu{ display: block; background:#171515; border: 1px solid #171515; color: #fff; border-radius: 3px; width: 198px; height: 47px; text-align: center; line-height: 47px; font-size: 1.25rem; transition: all 0.5s; }
.xem-dichvu:hover{ background:#0DC5B9; border-color:#0DC5B9; color: #fff; }

.home-quytrinh{ padding: 100px 0; }
.home-quytrinh .title-dmbh{ text-align: center; text-transform: uppercase; margin-bottom: 50px; color:#1D1D1D; font-size: 30px; }

.quytrinh__owl{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=50, Direction=0, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0 20px 50px rgba(0,0,0,0.05);/*FF 3.5+*/
-webkit-box-shadow: 0 20px 50px rgba(0,0,0,0.05);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 20px 50px rgba(0,0,0,0.05);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=50, Direction=135, Color=#000000); /*IE 5.5-7*/ }
.item-quytrinh{ position: relative; display:block; position: relative; background: #fff; padding:18%; padding-top:0; text-align: center; }
.item-quytrinh:before{ content: ''; position: absolute; right: 0px; bottom: 0; width: 1px; height: calc( 100% - 67px ); background: #E5E5E5; }
.item-quytrinh .info-quytrinh{ width:100%; }
.item-quytrinh .name-quytrinh{ text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 25px; margin-bottom: 30px; color:#171515; font-size:20px; display:block; line-height:normal; font-weight:400; position: relative; }
.item-quytrinh .desc-quytrinh{color:#171515; font-size: 14px; line-height:1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 55px;}
.item-quytrinh .quytrinh-img{width: 100%; max-width: 134px; margin: auto; margin-bottom: 30px;}


.w-1020{max-width: 1020px; margin: auto;}


.home-customer-left{ width: 32%; max-width: 200px; }
.home-customer-left img{ margin: auto; }
.home-customer-right{ width: 66%; }
.home-custom-title{ font-family:'SVN-Wallington'; font-size:19px; padding-bottom:10px; margin-bottom:40px; text-align:center; position: relative; }
.home-custom-title span{display: block; font-size: 35px; color: #333333; font-weight: 600; font-family: 'Roboto', sans-serif; }
.home-custom-title:before{ content: ''; width: 175px; height: 1px; background: #333333; position: absolute; left:50%; bottom:0px; transform:translateX(-50%); }
.home-customer{padding: 50px 0; background: #F4F4F4; }


 
.home-custom-item{ background: #666666; }
.home-custom-item .home-custom-name a{display: block; text-align: center; color: #fff; font-size: 18px; font-weight: 600;}
.home-custom-item .home-custom-info{position: relative; padding: 20px; padding-top: 50px;}
.home-custom-item .home-custom-img{position: absolute; left: 50%; top: 0%; transform: translate(-50%,-50%); width: 55px;}

.home-tieuchi{ padding-top: 40px; }
.w-1070{ max-width: 1070px; margin: auto; margin-bottom: -20px; padding: 30px 20px; background: #fff; position: relative; z-index: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#000000)"; 
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.15); 
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.15); 
	box-shadow: 4px 4px 4px rgba(0,0,0,0.15); 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#000000); 
}
.item-tieuchi{width:100%; position: relative; display:block; }
.item-tieuchi .pic-tieuchi{ width: 55px; }
.item-tieuchi .pic-tieuchi img{width:100%;}
.item-tieuchi .info-tieuchi{ width: calc( 100% - 55px ); padding-left: 10px; }
.item-tieuchi .name-tieuchi{ padding: 10px 0;}
.item-tieuchi .name-tieuchi a{color:#333333; text-transform: uppercase; font-size:20px; display:block; line-height:normal; margin-bottom:5px; font-weight: 600;}

.home-ads{ }
.wap-banner-km{width: 100%;}
.wap-banner-km img{width: 100%; display: block;}
/*=== HOME ===*/
.home-title{ margin-bottom: 30px; text-align: center;}
.home-title span{ font-size: 30px; text-transform: uppercase; font-weight: 600; display: inline-block; color: #000; }

.left-news-index{ width: 57%; position: relative;}
.right-news-index{ width: 40%; }
.item_video{ margin-bottom: 10px; }
.item_video:last-child{ margin-bottom: 0px; }
.item_video .pic-video{ display:block; padding-top:53%; position:relative; overflow:hidden; }
.item_video .pic-video img{ position: absolute; left: 50%; top: 50%; min-width: 100%; height: auto; max-height: 100%; max-width: initial; transform: translate(-50%,-50%); }
.item_video .pic-video i{ content: ''; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index:1; font-size: 45px; color: #f00; border-radius: 50%;}

.roll_news{ width: 100%; position: absolute; left: 0; top: 50px; height: calc( 100% - 50px ); overflow: hidden;}
.news_bt{width:100%; padding: 7px 0; padding-left: 25px; position: relative; display:block;}
.news_bt .pic-news{float:left;margin-right:3%;width:36%;}
.news_bt .pic-news img{width:100%;}
.news_bt .info-news{float:left;width:61%;}
.news_bt .name-news a{color:#000; font-size:15px; display:block; line-height:normal; margin-bottom:5px; font-weight: 500;}
.news_bt .name-news:hover a{color:var(--color-red);}
.news_bt .desc-news{color:#333; font-size: 13px; margin-top:5px; line-height:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news_bt .ngaytao-news{position: absolute; left: 3px; top: 7px; background: #fff; padding: 4px; font-weight: 400;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color=#000000)";/*IE 8*/
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);/*FF 3.5+*/
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.1);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0px 2px 5px rgba(0,0,0,0.1);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}
.ngaytao-news .dd-mm{}
.ngaytao-news .dd-mm div{ }
.ngaytao-news .dd-mm div:first-child{ border-bottom: 1px solid #333333; }
.ngaytao-news .yy{ padding-left: 10px ; }

.home-title1{text-align: center;margin-bottom: 30px; letter-spacing: 3px;}
.home-title1 p{display: inline-block;background: #fff;padding: 0 20px;text-transform: uppercase;font-size: 30px;font-weight: 600;display: inline-block;color: #000;max-width: 500px;}
.home-title1 h2 span{color: #FF3B00;}
.home-title1 div{text-align: center;margin-bottom: 15px;}
.home-title1 div img{display: inline-block;background: #fff;padding: 0 40px;}

.home-title2{letter-spacing: 2px;}
.home-title2 span{font-size: 28px;font-weight: 800;}


.home-title-lydo{ color:#171515; font-size: 30px; font-weight: 600; position: relative; padding-right: 30px;  }
.home-title-lydo i{ color:#0DC5B9; font-size: 24px; position: absolute; right: 0; top: 5px;    }
.home-title-lydo1{ color:#171515; font-size: 24px; margin-bottom: 30px;}
.mota_lydo{ color: #171515; font-weight: 400; font-size: 14px; }
.home_list_left{ width:20%; }
.home_list_right{ width:75%; }

.home-list-v1{ padding: 50px 0; }
.home-list-v0{ padding: 50px 0; }

.item-list-v0{ width: 100% ; padding: 30px 30px; border: 1px solid #E5E5E5; border-radius: 35px; }
.item-list-v0 .list-img{ margin-bottom: 15px; }
.item-list-v0 .list-img img{ width: 100%; border-radius: 30px; }

.item-list-v0 .list-box-index{width: 100% ; text-align: center; z-index: 2; }
.item-list-v0 .list-box-index .name-list-index{ margin-bottom: 10px; font-size: 19px; color: #383838; font-weight: 600; text-transform: uppercase;}
.item-list-v0 .list-box-index .mota-list{ color: #171515; font-weight: 400; font-size: 14px; text-align: justify;}

.txt-right{ text-align:right; }
.txt-left{ text-align:;left; }

#hidden-content{display: none; width: 1000px; }
.content-form{ width: 390px; max-width: 100%; margin: auto; }
.title-popup{ text-align:center; color:#000; font-size: 1.5rem; text-align: center; margin-bottom: 20px; text-transform: uppercase; }
#mabh{ display: block; width: 100%; border:1px solid rgba(20,59,103,0.3); border-radius: 3px; height:50px; margin-bottom: 20px; outline: none; text-align: center; padding: 0 10px;}
#btn{ display: block; width: 100%; border:1px solid #0DC5B9; background: #0DC5B9; border-radius: 3px; height:50px; color: #fff; font-size: 1.25rem; }
.content-result{ width: 890px; max-width: 100%; }
.left_baohanh{ width: 65%; }
.left_baohanh .item-baohanh{ padding: 10px 0; padding-left: 10px; border-bottom: 1px solid #E5E5E5 ; color: rgb(5 32 63 / 60%); font-size:1.25rem; font-weight: 300; }
.left_baohanh .item-baohanh strong{ color: #05203F; font-weight: 400; }
.left_baohanh .item-baohanh:last-child{ border-bottom: none; }
.left_baohanh .item-baohanh i{ font-size: 0.875rem; color: #C4C4C4; display: inline-block; margin-right: 15px; }

.right_baohanh{ width: 32%; }
.right_baohanh .item-baohanh{ text-align: center; color: rgb(5 32 63 / 60%); font-size:1.25rem; font-weight: 300; }
.right_baohanh .item-baohanh:first-child{ margin-bottom: 20px;}
.right_baohanh .item-baohanh img{ display: block; width: 100%; }
.right_baohanh .item-baohanh strong{ display: block; color: #05203F; font-weight: 400; }

.wrap_baohanh{ margin-top: 50px; border: 1px solid rgb(20 59 103 / 30%); padding: 38px 50px; flex-direction: row-reverse;}

 
.product__grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; }
.product__grid--4 { grid-template-columns: repeat(4, 1fr); }
.product__owl{/*margin: 0 10.5px;*/ width: calc(100% + 21px) !important;}
.product__grid .box-product-item{margin-right: 0;}
.box-product-grid{display: flex;gap: 19px;flex-wrap: wrap;}
.box-product-item{/*width: 391px;*/margin-right: 15.66px;position: relative;transition: all ease 0.5s; }
.product__owl .box-product-item{ margin-right: 0; position: relative;transition: all ease 0.5s; }


.box-product-item{ border: 1px solid transparent;}
.box-product-item .box-product-img{position: relative; margin: -1px; margin-bottom: 0; }
.box-product-item .box-product-img:after{Content: ''; position: absolute; width: 100%; height:100%; left:0%; top: 0%; z-index:1; background: rgba(120, 120, 120, 0.5); opacity: 0; transition: all 0.3s;}
.box-product-item:hover .box-product-img:after{ opacity: 1;}

.box-product-item .box-product-img span{ position: absolute; width: 103px; height:36px; left:50%; top: 50%; border:1px solid #fff; color:#fff; z-index:2; transform: translate(-50%,-50%); text-align: center; line-height: 34px; opacity: 0; transition: all 0.3s;}
.box-product-item:hover .box-product-img span{ opacity: 1;}
.box-product-item .box-product-img2{position: absolute;top: 0;left: 0;opacity: 0 !important; transition: all ease 0.5s !important;}
.box-product-item .box-product-img img, .box-product-img2 img{width: 100%;}
.box-product-item .box-product-info{padding: 10px; text-align: center;}
.box-product-item .box-product-price{ }
.box-product-item .box-product-newprice{color: #333;font-size: 16px; margin: 0;}
.box-product-item .box-product-name{color: #333; font-size: 16px; font-weight: 700;}
.box-product-item:hover{border-color: #E50B0B;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#424242)";/*IE 8*/
-moz-box-shadow: 2px 2px 5px rgba(66,66,66,0.1);/*FF 3.5+*/
-webkit-box-shadow: 2px 2px 5px rgba(66,66,66,0.1);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 2px 2px 5px rgba(66,66,66,0.1);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#424242); /*IE 5.5-7*/
}
 

.box-product-doisize{position: absolute; top: -70px; right: -20px;}
.box-product-sale{position: absolute;width: 50px; height: 50px; top: 5px;left: 5px; display: flex; justify-content: center; align-items: center;z-index: 1;flex-wrap: wrap;background: url(../img/data/sale-off.png) no-repeat center; line-height: 50px;}
.box-product-number{text-align: center; font-size: 15px; font-weight: 700; color: #fff; }
.box-product-item .hethang{opacity:0; transition:all ease 0.5s; position:absolute; left:50%; top: 50%; transform:translate(-50%,-50%); max-width:80%; z-index:1; }
.box-product-item:hover .hethang{ opacity: 1; }

.pad-30{ padding:30px 0; }

.box-product-detail{ width: 100%; margin-bottom: 6px;}
.box-product-price{ width: 100%; }

.box-product-color{margin-bottom: 10px;}
.box-product-color span{font-size: 14px; font-weight: 300;}
.box-product-sizecolor{ line-height: 24px; width: 100%;}
.box-product-sizecolor .cart-size,.box-product-sizecolor .cart-color{ display:none; }
.box-product-sizecolor label{ margin: 0; border: 1px solid transparent; padding: 0 3px; min-width: 25px; text-align: center;}
.box-product-sizecolor label.label-active,.box-product-sizecolor label:hover{ border: 1px solid #FD835E; }

.box-product-listcolor span{border-radius: 50%;}
.box-product-listcolor, .box-product-listsize{display: flex;gap: 8px;margin-left: 10px; flex-wrap: wrap;}


.box-product-gallery{ display:flex; margin: 0 -3px; width: 100%; }
.album-items{ width:25%; padding:3px; }

.box-product-color, .box-product-size{display: flex;align-items: center; padding: 5px 0;}
.color-btn{width: 23px;height: 23px;display: inline-block;cursor: pointer;}
.color-btn:hover, .color-active{border: 2px solid #fff;outline: 1px solid;}

.box-product-size span{font-size: 14px; font-weight: 300;}
.box-product-listsize select{border: none; outline: none; background: none; font-size: 14px; border-bottom: 2px solid #ccc;border-radius: 0 0 5px 5px;min-width: 50px;}

.product__owl.owl-theme .owl-nav.disabled+.owl-dots, .product_owl_tab.owl-theme .owl-nav.disabled+.owl-dots{text-align: left;margin-top: 30px;}
.product__owl.owl-theme .owl-dots .owl-dot span, .product_owl_tab.owl-theme .owl-dots .owl-dot span{width: 12px; height: 12px;border: 2px solid #333333;background: none;}
.product__owl.owl-theme .owl-dots .owl-dot.active span, .product__owl.owl-theme .owl-dots .owl-dot:hover span, .product_owl_tab.owl-theme .owl-dots .owl-dot.active span, .product_owl_tab.owl-theme .owl-dots .owl-dot:hover span { background: #333; }

.box_product_owl{display: flex; flex-wrap: wrap;}
.box_product_owl .box-product-item{width: calc(100% / 3 - 16px);}

.ajax_product .dev-paginator .pagination{ justify-content: center; margin: 0; margin-top: 20px; }
.ajax_product .dev-paginator .pagination li.page-item{ padding: 0 5px; }
.ajax_product .dev-paginator .pagination li.page-item:first-child,.ajax_product .dev-paginator .pagination li.page-item:last-child{ display: none; }
.ajax_product .dev-paginator .pagination li.page-item .page-link { position: relative; display: block; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #C4C4C4; border: none; overflow: hidden; padding: 4px 15px; border-radius: 0px; color: #000;}
.ajax_product .dev-paginator .pagination li.page-item .page-link:hover { background-color: #FA8909; color:#fff; }
.ajax_product .dev-paginator .pagination li.page-item.active .page-link { background-color: #FA8909; color:#fff; }


.wrap-about-us{ background: #EFEDED; padding:50px 0; }
.content-about-left{ width:49%; }
.content-about-right{width:48%;}
.pic-video{ display: block; width: 100%; position: relative; overflow: hidden; padding-top: 65%;}
.pic-video i{ font-size: 60px; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 9}
.pic-video:hover i{ color: #f00;}
.pic-video img{ display: block; width: 100%; position: absolute; top: 50%; left: 0%;  transform: translate(0%,-50%); transition: all 0.4s;}
 
.title-about{ font-size: 23px; color:#FA8909; font-weight: bold; margin-bottom: 10px; }
.mota-about{ margin-bottom: 10px; font-size: 18px; }

.wap-banner-km{ position: relative; }
.banner-km-info{ position:absolute; left:0; top: 50%; transform:translateY(-50%); width:100%;padding:20px; }
.name-banner{ text-align: center; color:#fff; font-size:35px; font-weight: bold; margin-bottom: 20px;}
.link-banner{ text-align: center; }
.link-banner a{ color:#fff; border:1px solid #fff; border-radius:4px; margin: 0 20px; display:inline-block; padding:8px 25px; transition: all ease 0.3s;}
.link-banner a:hover{ color: #fff; border:1px solid transparent;  transition: all ease 0.3s;
background: -moz-linear-gradient(270deg, #FA7E45 20%, #f7960f 60%);/* FF3.6+ */
background: -webkit-gradient(linear, 270deg, color-stop(20%, FA7E45), color-stop(60%, f7960f));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(270deg, #FA7E45 20%, #f7960f 60%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(270deg, #FA7E45 20%, #f7960f 60%);/* Opera 11.10+ */
background: -ms-linear-gradient(270deg, #FA7E45 20%, #f7960f 60%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
background: linear-gradient(270deg, #FA7E45 20%, #f7960f 60%);/* W3C */
 }

.home-top-tabs{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin-bottom: 25px;gap: 20px;}
.home-tab-item{padding: 0 20px 12px 20px;font-size: 18px; color: #000;border-bottom: 2px solid transparent;cursor: pointer;}
.home-tab-item:hover{font-weight: bold;}
.home-tab-active{position: relative;border-bottom-color: #FD835E;font-weight: bold;}



.home-partner{ padding: 50px 0; }
.item-partner{max-width: 165px; margin: auto}



.home-commit-item{border-bottom: 1px solid rgba(51, 51, 51, 0.5);margin-bottom: 25px;}
.home-commit-title{position: relative;font-size: 18px;padding-bottom: 5px;cursor: pointer;}
.home-commit-title span{font-weight: bold;font-size: 24px; margin-right: 5px;}
.home-commit-title p{position: absolute;top: 0;right: 0;width: 18px;height: 18px;}
.home-commit-title p:after{content: '';position: absolute;width: 2px;height: 100%;background: #000;border-radius: 10px;left: calc(50% - 1px);}
.home-commit-title p:before{content: '';position: absolute;height: 2px;width: 100%;background: #000;border-radius: 10px;top: calc(50% - 1px);}
.home-commit-content{background: #F5F5F5; padding: 15px 25px; border-radius: 15px; margin: auto; margin-bottom: 20px; width: 90%;color: #333333;font-size: 14px;display: none;}
.home-commit-active .home-commit-title p:after{opacity: 0;}


.home-news{ }
.box-post-item{/*display: flex; flex-direction: column; justify-content: space-between;*/}
.box-post-img{border-radius: 10px;overflow: hidden;}
.box-post-img img{width: 100%;}
.box-post-name{margin: 20px 0 15px 0;}
.box-post-name a{text-transform: uppercase;color: #000000;font-weight: bold;font-size: 14px;display: block;}
.box-post-date{color: #A3A3A3;font-size:14px;}
.box-post-descript{color: #333333;font-size: 14px;}
.box-post-btn{text-align: right;margin-top: 5px;}
.box-post-btn a{color: #FD835E;font-size: 14px;}
.box-post-detail{}


.footer{ font-size: 15px; color: #171515;}
.footer_top{padding: 25px 0;}


.footer_top_contain{display: flex; justify-content: space-between; padding: 30px 0; border-top: 1px solid #E5E5E5; }
.footer_top_title{ text-transform: uppercase; color: #fff; font-size: 15px; font-weight: bold; margin-bottom: 20px;}
.footer_top_post{}
.footer_top_post a{color: #fff;font-size: 14px;display: block; margin-bottom: 5px;}
.footer_top_content{font-size: 14px; }
.footer_top_mxhmain{ margin-bottom: 20px; margin-top: 10px;}
.footer_top_five{ font-size: 15px; font-weight: 500; color: #333; }
.footer_top_pttt{ padding-left: 10px; }

.footer_top_title_md{text-transform: uppercase;color: #333333;font-size: 16px;margin-bottom: 5px;}
.footer_top_descript{color: #333;font-size: 14px;}
.footer_top_hotline{color: #F15922;font-size: 30px;font-weight: bold;margin-top: 20px;}
.footer_top a.footer_medium_post_item{color: #171515;font-size: 15px; position: relative; padding-right: 30px; display: inline-block;}
.footer_top a.footer_medium_post_item:last-child{ padding-right: 0px;}

.footer_medium{  }

.footer_top_item{ text-align: center; }
.footer_top_item_title{ color: #606060; font-size: 20px; font-weight: 400; }
.footer_top_item_info{ color: #ED1C24; font-size: 20px; font-weight: 400; }
.footer_top_item_img{ display: block; margin: auto; margin-bottom: 15px; max-width: 70px; }

.footer_medium_one{ width: 50%; }
.footer_medium_three{ width: 31%; }

.footer_medium_contain{display: flex;justify-content: space-between;gap: 15px;}
.footer_medium_right{ margin-top: 12px; }
.footer_medium_title{ color: #ED1C24; font-size: 24px; font-weight: 500; margin-bottom: 8px;}
.footer_medium_post{}
.footer_medium_post a.footer_medium_post_item{color: #606060;font-size: 14px; display: block; margin-bottom: 5px; width: 49%; position: relative; padding-left: 12px;}
.footer_medium_post a.footer_medium_post_item:before{ content: ''; width: 7px; height: 7px; position: absolute; background: #ED1C24; left: 0px; top: 7px; border-radius: 50%;}
.footer_medium_content{font-size: 15px; }
.pt-10{ padding-top: 10px; }

.footer-logo{display: inline-block; margin-bottom: 0px;}
.frm_newsletter{width: 320px;position: relative;}
.frm_newsletter input[name="email"]{width: 100%;outline: none;color: #fff;border: 1px solid #A4A2A2; border-radius: 4px;background: none; text-indent: 10px; line-height: 31px;}

.frm_newsletter input[name="email"]::placeholder{font-size: 14px;}
.frm_newsletter input::-webkit-input-placeholder { color: #fff; }
.frm_newsletter input:-ms-input-placeholder { color: #fff; }
.frm_newsletter input::placeholder { color: #fff;}
.frm_newsletter button{position: absolute; background: #E50B0B; color: #fff; top: 0; right: 0; height: 100%;border: none;outline: none; border-radius: 0 4px 4px 0; padding: 0 15px; font-size: 15px;}


.mangxahoi1_item{ display:inline-block; margin-left: 10px; color:#05203F; font-size: 1.25rem; }
.mangxahoi1_item:first-child{ margin-left: 0px; }
.mangxahoi1_item a img{display: inline-block; max-height: 32px; min-height: 32px;}

.mangxahoi_item{ display:inline-block; margin-left: 10px; color:#05203F; font-size: 1.25rem; }
.mangxahoi_item:first-child{ margin-left: 0px; }
.mangxahoi_item a img{display: inline-block; max-height: 20px; min-height: 20px;}

.pttt_item{ display:inline-block; margin-left: 15px; }
.pttt_item img{display: inline-block; max-height: 38px; min-height: 38px;}

.footer_bottom{ font-size: 14px;text-align: center;}
.footer_bottom .center-layout{border-top: 1px solid #A4A4A4; padding: 15px 0; }

.linklienket_main{position: fixed; right: -90px; top: 50%; transform: translate(0, -50%); z-index: 999;}
.linklienket_item { display: block; position: relative; width: 130px; height: 40px; line-height: 40px; padding-left: 0px; border-radius: 4px 0 0 4px; margin-bottom: 0.313rem; transition: all .3s; overflow: hidden;}
.linklienket_item:hover { transform: translate(-90px, 0); }

/*=== 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; }

.map_iframe iframe{ display: block; width: 100%; }

/*===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: none;
}
.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;
  }
}


#custom-target {
  position: relative;
  width: 600px;
  height: 300px;
  border-style: solid;
}

.position-absolute {
  position: absolute;
}