:root{--color-main:#1A308B;--color-main-2:#D92329;--color-main-3:#BB221D;--color-active:#4b0810;--color-social:#DC150F;--color-hover:#A97514;--color-text:#BB221D;--f-r:Lexend;--f-m:LexendMedium;--f-b:LexendBold;--f-bl:LexendBlack;}
body{font-size:14px;font-family:var(--f-r);}
.wrap-container{overflow:hidden;margin:auto;max-width:1920px;/* min-width:1200px;margin:0 auto;*/
}
.wrap-content{margin:auto;max-width:1230px;padding-left:15px;padding-right:15px;}
.wrap-main{margin:auto;max-width:1230px;padding-left:15px;padding-right:15px;}
.max-width{max-width:1230px;margin:auto;padding-left:15px;padding-right:15px;}
/* Title */
.text-hover:hover{color:var(--color-main) !important;cursor:pointer;}
.title-main{margin-bottom:1.5rem;text-align:center;}
.title-main h1,.title-main h2,.title-main span{color:var(--color-main);font-family:var(--f-b);font-size:40px;line-height:1.5;text-transform:capitalize;}
.title-main .slogan{color:#222;font-family:var(--f-m);font-size:22px;line-height:1.5;letter-spacing:3.3px;text-transform:uppercase;}
.slogan-pattern::before{position:absolute;content:'';background:url('../imgs/slogan-pattern-left.png') no-repeat;background-size:100% 100%;width:21px;height:13px;left:-40px;top:50%;transform:translateY(-50%);pointer-events:none;}
.slogan-pattern::after{position:absolute;content:'';background:url('../imgs/slogan-pattern-right.png') no-repeat;background-size:100% 100%;width:21px;height:13px;right:-40px;top:50%;transform:translateY(-50%);pointer-events:none;}
/* Header */
.header{background:#fff;}
.header-title-top{color:var(--color-main);font-family:var(--f-bl);font-size:30px;line-height:1.5;text-transform:uppercase;}
.header-title-top span{color:var(--color-main-2);}
.header-title-bot{color:#222;font-family:"UTM Americana";font-size:22px;}
.header-contact-text{color:var(--Ni-dung,#333);font-family:var(--f-r);font-size:15px;line-height:1.5;}
.header-contact-numb{color:var(--sec,#EA262A);font-family:var(--f-b);font-size:24px;line-height:1;}
.header-contact-slogan{color:var(--Ni-dung,#333);font-family:var(--f-r);font-size:11px;text-transform:uppercase;}
.header-contact-img::before{position:absolute;content:'';background:url('../imgs/hotline-header-line.png')no-repeat;background-size:100% 100%;width:176px;height:6px;bottom:20px;left:97%;}
/* Menu */
@media only screen and (max-width:991px){.menu{display:none;}
}
.menu ul{width:100%;padding:0px;margin:auto;list-style:none;}
.menu ul li{position:relative;z-index:1;margin:0px;}
.menu ul li.menu-line{width:4px;height:4px;background-color:#fff;border-radius:50%;}
.menu ul li a{margin:0px;padding:7px 25px;position:relative;z-index:1;text-align:center;text-decoration:none !important;display:block;line-height:1.6;border-radius:60px;color:#FFF;font-family:var(--f-m);font-size:15px;text-transform:uppercase;}
.menu ul li.active_li > a{background-color:var(--color-main-2);padding:12px 35px;border-radius:0px 50px 50px 0px;}
/* .menu ul li a::before{position:absolute;content:'';width:100%;height:2px;background-color:var(--color-main);border-radius:5px;left:0px;bottom:0px;transform-origin:right;transform:scaleX(0);transition:transform 0.5s;}
.menu ul li a.active::before,.menu ul li:hover > a::before{transform-origin:left;transform:scaleX(1);}
*/
.menu ul li a.active,.menu ul li:hover > a{/* color:var(--color-main);*/
background:var(--color-main-2);}
.menu ul li a.has-child{/* padding-right:16px;*/
/* margin-right:8px;*/
}
.menu ul li a.has-child:after{/* content:"";*/
position:absolute;bottom:calc(50% - 4px / 2);right:5px;width:5px;height:5px;border:1px solid #fff;border-top:0px;border-left:0px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.menu ul li:hover > a.has-child:after,.menu ul li a.active.has-child:after{border:1px solid var(--color-main);}
/* .menu ul li ul{position:absolute;min-width:250px;margin-top:0px;padding-top:0.75rem;padding-bottom:0.75rem;background-color:#fafafa;border-radius:0.25rem;-webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.15);box-shadow:1px 1px 15px rgba(0,0,0,0.15);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;}
*/
.menu ul li ul{position:absolute;min-width:250px;left:0;background:var(--color-main);box-shadow:0 3px 11px 0 rgba(0,0,0,0.3);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s;}
.menu ul li:hover > ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all .7s;}
.menu ul li ul li{text-align:left;border-bottom:1px solid rgb(173 173 173 / 32%);}
.menu ul li ul li:last-child{border-bottom:0px;}
.menu ul li ul li a{font-size:14px;padding:10px;display:block;text-decoration:none !important;line-height:20px;text-align:left;font-weight:500;text-transform:capitalize;color:#fff;border-radius:0px;}
.menu ul li ul li ul{top:0px;left:100%;}
.menu ul li ul li a:before{position:absolute;content:'';top:50%;left:0;width:0;height:1px;background:#fff;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;visibility:hidden;opacity:0;}
.menu ul li ul li a:hover:before,.menu ul li ul li>a.active:before{left:0;visibility:visible;opacity:1;width:20px;}
.menu ul li ul li a.active,.menu ul li ul li a:hover{padding-left:30px;color:#fff;}
.li-menu-home{width:40px;height:40px;background:var(--MU-CHNH,linear-gradient(90deg,#D4BA97 0%,#E5DEC4 50%,#D4BA97 100%));border-radius:50%;display:flex;align-items:center;justify-content:center;}
.menu-logo{margin-top:-50px !important;}
.menu-left{width:35%;}
.menu-mid{width:20%;position:relative;}
.menu-right{width:35%;}
.menu-mid::before{position:absolute;content:'';background:url('../imgs/cover-logo.png') no-repeat;background-size:100% 100%;width:300px;height:126px;left:50%;transform:translateX(-50%);top:-65px;pointer-events:none;}
.fixed .menu-mid::before{display:none;}
.fixed .menu-logo{margin-top:0px !important;}
.fixed.menu{padding:5px 0px;}
.menu{position:relative;z-index:999;background:var(--color-main);padding:7px 0px;}
.menu-logo a{padding:0px !important;background:transparent !important;}
.internal-page .menu{position:relative;padding:5px 0px;}
.fixed .menu-logo,.internal-page .menu-logo{zoom:0.5;margin-top:0px !important;}
.internal-page .menu-mid::before{display:none;}
/* SLider */
.control-owl{position:absolute;width:100%;z-index:2;left:0px;top:calc(50% - 22px);opacity:0;}
.position-relative:hover .control-owl{opacity:1;}
.control-owl button{opacity:0.5;top:0px;position:absolute;outline:none;border:0px;border-radius:50% !important;padding:0px;margin:0px;display:block;cursor:pointer;color:#ffffff;width:45px;height:45px;text-align:center;font-size:25px;margin:0px;background-color:var(--color-main);border-radius:3px;display:flex;align-items:center;justify-content:center;}
.control-owl button:hover{opacity:1;}
.control-owl button.owl-prev{left:20px;}
.control-owl button.owl-next{right:20px;}
@media only screen and (max-width:991px){.control-owl{opacity:1 !important;}
.control-owl button{width:25px;height:25px;}
}
/* Intro */
.wrap-intro{background:url('../imgs/intro.jpg') no-repeat center / cover;}
.intro-name{color:var(--color-main);font-family:var(--f-b);font-size:40px;line-height:1.5;text-transform:uppercase;}
.intro-name span{color:var(--color-main-2);}
.intro-desc{color:var(--mu-text,#404040);font-family:var(--f-r);font-size:14px;line-height:1.5;}
.intro-btn{color:#FFF;font-family:var(--f-b);font-size:14px;line-height:1.5;background:var(--color-main);border-radius:5px;padding:12px 25px;}
.intro-btn:hover{background:var(--color-main-2);}
.support-intro-desc{color:#5A5A5A;font-family:var(--f-r);font-size:15px;line-height:1.5;}
.support-intro-name{color:#1A308B;font-family:var(--f-b);font-size:16px;line-height:1.5;text-transform:capitalize;}
.support-intro-phone{color:#5A5A5A;font-family:var(--f-r);font-size:14px;line-height:1.5;}
.support-intro-hotline{background:var(--color-main);color:#fff;font-family:var(--f-m);font-size:15px;line-height:1.5;}
.support-intro-zalo{background:var(--color-main-2);color:#fff;font-family:var(--f-m);font-size:15px;line-height:1.5;}
.support-intro-zalo:hover,.support-intro-hotline:hover{text-decoration:underline;}
/* News */
.wrap-criteria{background:url('../imgs/criteria.png') no-repeat center / cover;}
.criteria-banner{border-bottom-left-radius:20%;}
.criteria-numb-pd{background:#CED7FB;width:70px;height:70px;}
.criteria-numb-cover{background:var(--color-main);}
.criteria-numb{color:#FFF;font-family:var(--f-b);font-size:22px;line-height:1.5;}
.criteria-name{color:#222;font-family:var(--f-b);font-size:16px;line-height:1.5;text-transform:uppercase;}
.criteria-desc{color:var(--mu-text,#404040);font-family:var(--f-r);font-size:14px;line-height:1.5;height:calc(1.5em * 2);}
.criteria-item::before{position:absolute;content:'';width:1px;height:50px;top:100%;left:35px;border-left:1px dashed #575757;z-index:2;}
.wrap-news{background:#F5F5F5;}
.news-time-home{color:#FFF;text-align:center;font-family:var(--f-m);font-size:17px;line-height:1.5;background:var(--color-main);right:0;bottom:34%;z-index:10;border-radius:50px 0px 0px 50px;}
.news:hover .news-time-home{background:var(--color-main-2);}
/* Product */
.product-list-title{color:var(--color-main);font-family:var(--f-b);font-size:35px;line-height:1.5;text-transform:uppercase;}
.product-list-title span{color:var(--color-main-2);}
.product-list-desc{color:#222;font-size:14px;line-height:1.5;font-family:var(--f-r);height:calc(1.5em * 4);}
.grid-product-list-core{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;}
.product-list-item{border-radius:10px;background:#FFF;box-shadow:0 4px 11px hsla(210,8%,62%,.2);padding:45px 30px;}
.product-list-name{color:#222;font-size:17px;font-style:normal;font-family:var(--f-b);line-height:1.5;text-transform:capitalize;}
.product-list-item-last{border-radius:10px;background:#FFF;border:solid 1px #000;padding:45px 30px;}
.product-list-item-last:hover{border:solid 1px var(--color-main);cursor:pointer;}
.product-list-item-last:hover path{stroke:var(--color-main);}
.product-list-item-last:hover .product-list-name{color:var(--color-main);}
.product-list-item-ajax{color:#222;text-align:center;font-family:var(--f-m);font-size:18px;line-height:1.5;padding:5px 20px;border-radius:30px;border:1px solid #222;}
.product-list-item-ajax.active,.product-list-item-ajax:hover{background:var(--color-main-2);color:#fff;border-color:var(--color-main-2);cursor:pointer;}
.product-pic{position:relative;}
.product-pic::before{position:absolute;content:'';background:url('../imgs/product-cover.png')no-repeat;background-size:100% 100%;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:12;}
.product-pic-logo{top:5px;left:30px;z-index:12;}
.product-pic-phone{bottom:8px;right:20px;z-index:12;pointer-events:none;color:#FFF;font-family:var(--f-m);font-size:15px;line-height:1.5;}
.product-list-item:hover{box-shadow: 0 -4px 15px 4px rgba(100,100,163,.2);}
.product-list-item:hover .product-list-name{color:var(--color-main);}
/* Photo */
.grid-album{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;grid-template-rows:repeat(5,minmax(0,1fr));}
.album-item:nth-child(8n+1){grid-row:1/4;}
.album-item:nth-child(8n+2){grid-row:1/3;}
.album-item:nth-child(8n+3){grid-row:1/4;}
.album-item:nth-child(8n+4){grid-row:1/3;}
.album-item:nth-child(8n+5){grid-row:4/6;}
.album-item:nth-child(8n+6){grid-row:3/6;}
.album-item:nth-child(8n+7){grid-row:4/6;}
.album-item:nth-child(8n+8){grid-row:3/6;}
.partner-title-slogan{color:#222;font-family:var(--f-m);font-size:16px;line-height:1.5;letter-spacing:2.4px;text-transform:uppercase;}
/* Footer */
.tag-footer-items a:hover{text-decoration:underline;}
.footer-tag{background:rgba(0,0,0,0.50);}
.tags-title{color:#FFF;font-family:var(--f-b);font-size:20px;line-height:1.5;white-space: nowrap;}
.tag-footer-items a{line-height:1.5;white-space:nowrap;color:#FFF;font-family:var(--f-r);font-size:14px;}
.tag-footer-items:last-child span{display:none;}
.footer-cover{}
.footer-desc{color:#FFF;font-family:var(--f-b);font-size:18px;text-transform:uppercase;}
.bg-footer{background: url('../imgs/footer.jpg')no-repeat center/ cover;}
.footer-title{font-family:var(--f-m);line-height:1.5;text-transform:capitalize;color:#FFF;font-size:15px;}
.footer-name{color:#FFF;font-family:var(--f-b);font-size:35px;line-height:1.5;text-transform:uppercase;}
.footer-content{font-family:var(--f-r);line-height:2;color:#FFF;font-size:14px;}
.info-footer{color:#fff;}
.footer-ul{padding-left:15px;}
.footer-ul li{padding:0px;color:#fff;}
.footer-ul li a{font-family:var(--f-r);line-height:2;color:#FFF;font-size:14px;}
.footer-ul li a:hover{text-decoration:underline;}
.footer-ul li.line{font-size:10px;}
.copyright,.statistic{font-family:var(--f-r);line-height:1.5;color:#FFF;font-size:14px;}
.copyright span{}
/*Newsletter*/
.flex-newsletter{position:relative;}
.newsletter-button-position{display:inline-block;position:absolute;right:5px;top:50%;transform:translateY(-50%);}
.btn-newsletter-set{padding:5px 25px;border:solid 1px var(--color-main-2);height:40px;font-family:var(--f-b);line-height:1.5;border-radius:50px;background:var(--color-main-2);color:#FFF;font-size:14px;/* 214.286% */
}
.btn-newsletter-set:hover{background:var(--color-main);color:#fff;border-color:var(--color-main);}
.newsletter-input textarea{border-radius:10px;background:#F0E8DE;color:var(--TIU-EN,#4B3F35);font-family:var(--f-r);font-size:15px;line-height:1.5;height:45px;}
.title-newsletter{text-align:center;font-family:var(--f-b);font-size:30px;line-height:1.5;text-transform:uppercase;background:var(--Linear,linear-gradient(270deg,#E1AA42 0%,#FDE386 27.5%,#E1AA42 57%,#FDE386 80%,#E1AA42 100%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.form-control option,#notes-newsletter{border-radius:10px;background:#F0E8DE;color:var(--TIU-EN,#4B3F35);font-family:var(--f-r);font-size:15px;line-height:1.5;height:45px;}