@keyframes spin{to{transform:rotate(360deg);}
}
@keyframes blink{0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
@keyframes shake-anim{0%{transform:rotate(0) scale(1) skew(1deg);}
10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg);}
20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg);}
100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg);}
}
@keyframes rotate{from{transform:rotate(0);}
to{transform:rotate(360deg);}
}
@keyframes fadeup{from{opacity:0;transform:translateX(-20px);}
to{opacity:1;transform:translateX(0);}
}
@keyframes pulse-animation{0%{transform:scale3d(1,1,1);opacity:0;}
10%{transform:scale3d(1.1,1.1,1.1);opacity:1;}
100%{transform:scale3d(1.6,1.6,1.6);opacity:0;}
}
@keyframes border-animation{0%{transform:scale3d(0.6,0.6,0.6);opacity:0;}
20%{transform:scale3d(1.2,1.2,1.2);opacity:1;}
100%{transform:scale3d(1.4,1.4,1.4);opacity:0;}
}
:root{--color-red:#E90400;--color-blue:#0071C1;--color-hover:#004D83;}
body{font-size:14px;}
.containerr{overflow:hidden;position:relative;background-color:#fff;}
.max-width{width:90%;max-width:1200px;margin:0px auto;}
img{max-width:100%;}
*{box-sizing:border-box;}
a{text-decoration:none;}
.social-plugin{display:flex;margin-top:10px;}
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}
/* Transition All */
.transition,.btn-frame .kenit-alo-circle-fill,.control-owl button,.carousel-comment-media .carousel-control a span,.menu ul li a.has-child:after,.menu ul li ul,.menu ul li:hover > ul,.scale-img img,.scale-img:hover > img,.support-online .kenit-alo-circle-fill{transition:0.3s all;}
/* mixin */
.wrap-content{max-width:1200px;margin:auto;width:calc(100% - 30px);}
/* Scale IMG */
.scale-img{overflow:hidden;display:block;}
.scale-img img{-webkit-transform:scale(1,1);transform:scale(1,1);}
.scale-img:hover>img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
/* hover xam */
.hover_xam{position:relative;overflow:hidden;display:block;}
.hover_xam:before{content:"";background:rgba(255,255,255,.5);bottom:0;left:0;position:absolute;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-khtml-opacity:1;-o-opacity:1;-ms-opacity:1;-webkit-opacity:1;-moz-opacity:1;opacity:1;width:0;height:0;z-index:3;}
.hover_xam:after{content:"";background:rgba(255,255,255,.5);top:0;right:0;position:absolute;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-khtml-opacity:1;-o-opacity:1;-ms-opacity:1;-webkit-opacity:1;-moz-opacity:1;opacity:1;width:0;height:0;z-index:2;}
.hover_xam:hover:before,.hover_xam:hover:after{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transition-duration:1.3s;-moz-transition-duration:1.3s;-ms-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s;-khtml-opacity:0;-o-opacity:0;-ms-opacity:0;-webkit-opacity:0;-moz-opacity:0;opacity:0;height:100%;width:100%;}
/* Header */
.bg-logo{position:absolute;background:url("../images/bg-logo.png")no-repeat;background-size:100% 100%;width:276px;height:176px;left:0;top:0;z-index:99;padding-top:15px;padding-left:25px;}
.phone-header{display:flex;align-items:center;gap:10px;align-items:center;}
.phone-header span{font-family:'font1';font-weight:500;}
.phone-header span.number-hotline{font-family:'font2';font-size:21px;color:var(--color-red);}
.phone-header img{animation:infinite ring 2s linear;}
/*test ring ring*/
@keyframes ring{from{transform:rotate3d(0,0,1,0deg);}
20%,32%,44%,56%,68%{transform:rotate3d(0,0,1,0deg);}
23%,35%,47%,59%,71%{transform:rotate3d(0,0,1,15deg);}
26%,38%,50%,62%,74%{transform:rotate3d(0,0,1,0deg);}
29%,41%,53%,65%,77%{transform:rotate3d(0,0,1,-15deg);}
80%{transform:rotate3d(0,0,1,0deg);}
}
.animate__tada{animation-name:ring;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear;}
/* Menu */
.w-menu{position:relative;width:100%;top:0;}
.w-menu.fix_head .menu ul{width:100%;}
.menu{position:relative;z-index:10;background:url("../images/bg-menu.png")no-repeat;background-size:100% 100%;}
.fix_head{position:fixed;top:0;width:100%;z-index:99;}
.menu ul li.linr-mneu{width:5px;height:5px;background:#000 !important;border-radius:50% !important;}
.menu ul{width:85%;padding:0px;margin-left:auto;margin-bottom:0;list-style:none;}
.menu ul.menu-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.menu ul li{position:relative;z-index:1;}
.menu ul li.menu-line{width:1px;height:15px;background-color:rgba(0,0,0,0.1);}
.menu ul li a{display:block;position:relative;font-size:15px;color:#ffffff;padding:15px 20px;font-family:font1;font-weight:bold;text-transform:uppercase;text-decoration:none;}
.menu ul li a.active,.menu ul li a:hover{background-color:var(--color-red);color:#fff !important;}
.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 #fafafa;border-top:0px;border-left:0px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.menu ul li ul{position:absolute;min-width:250px;/* margin-top:-5px;*/
 /* 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:hover>ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);transform-origin:0 0 0;-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;}
.menu ul li ul li{}
.menu ul li ul li a{font-size:14px;color:#313131;border-bottom:1px solid #ececec;padding:10px 10px 10px 10px;text-transform:capitalize;}
.menu ul li ul li a.has-child{margin-right:0px;}
.menu ul li ul li a.has-child:after{border-color:#313131;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.menu ul li ul li a.active{color:var(--color-blue);}
.menu ul li ul li a::before{position:absolute;content:"";background:none;}
.menu ul li ul li a.active.has-child:after{border-color:var(--color-blue);}
.menu ul li ul li:last-child>a{border-bottom:0px;}
.menu ul li ul li:hover>a{color:var(--color-blue);}
.menu ul li ul li:hover>a.has-child:after{border-color:var(--color-blue);}
.menu ul li ul li ul{top:0;left:100%;margin-top:0px;}
/* Search Responsive */
.search-res{position:relative;}
.search-res .icon-search{width:35px;height:35px;cursor:pointer;text-align:center;line-height:35px;color:#fff;font-size:17px;margin:0px;background:var(--color-hover);border-radius:50%;border:solid 1px #fff;}
.search-res .icon-search.active{color:var(--color-main);background:#ffffff;border-radius:100%;}
.search-res .search-grid{position:absolute;top:50px;right:0px;width:0px;height:40px;overflow:hidden;background:#ffffff;border:1px solid var(--color-main);z-index:2;opacity:0;border-radius:25px;line-height:normal;}
.search-res .search-grid p{float:left;width:35px;height:38px;cursor:pointer;outline:none;border:none;margin:0px;font-size:17px;display:block;color:#ec2d3f;line-height:40px;text-align:center;}
.search-res .search-grid input{width:calc(100% - 10px);float:right;/* line-height:38px;*/
 outline:none;border:none;color:#000;}
.search-res .search-grid input::-webkit-input-placeholder{color:#313131;}
.search-res .search-grid input:-moz-placeholder{color:#313131;}
.search-res .search-grid input::-moz-placeholder{color:#313131;}
.search-res .search-grid input:-ms-input-placeholder{color:#313131;}
/* Mmenu */
.menu_mobi{font-size:18px;text-decoration:none;padding:0px 10px;width:100%;display:none;height:100%;cursor:pointer;background:#004d83;}
.menu_baophu{background:#000;opacity:0.8;z-index:998;left:0px;top:0px;position:fixed;width:100%;height:100%;display:none;}
.icon_menu_mobi{color:#fff;font-size:25px;text-decoration:none;display:block;cursor:pointer;margin:0;width:35px;height:35px;text-align:center;line-height:35px;}
.icon_menu_mobi i{margin-top:0 !important;line-height:revert;}
.flex_mmenu{display:flex;align-items:center;justify-content:space-between;padding:6px 0;}
.logo-mb{padding:0 20px;display:block;text-align:center;margin:10px 0 20px 0;}
.close_menu{position:absolute;top:5px;right:5px;font-size:15px;width:25px;background:#000;text-align:center;line-height:25px;cursor:pointer;border-radius:5px;}
.menu_mobi_add{display:none;position:fixed;left:-100%;top:0;background:#fff;z-index:99999;color:#fff;height:100vh;overflow-y:scroll;line-height:1.5;padding-top:0px;padding-bottom:20px;width:85%;min-width:140px;max-width:440px;transition:0.5s;border-right:1px solid #e6e6e6;}
.menu_mobi_add::-webkit-scrollbar{width:2px;}
.menu_mobi_add::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgb(255 255 255 / 0%);border-radius:10px;}
.menu_mobi_add::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px var(--color-black);}
.menu_mobi_active{left:0;transition:0.5s;}
.menu_mobi_add ul{list-style:none;padding:0;margin:0;}
.menu_mobi_add ul li.li-tim{display:none}
.menu_mobi_add ul li h2{font-size:17px;margin-bottom:0}
.menu_mobi_add ul li b{display:inline-block;vertical-align:top;margin-right:8px}
.menu_mobi_add ul li b img{display:inline-block;vertical-align:top;}
.menu_mobi_add ul li a{color:#000;display:block;border:1px solid #333;padding:10px 40px 10px 20px;position:relative;font-size:17px;margin-bottom:10px;font-family:'font1';font-weight:bold;text-decoration:none;border-radius:5px;transition:0.5s !important;}
.menu_mobi_add ul li a.active2{color:#fff;box-shadow:0 0 0 25px var(--color-blue) inset;border:none;}
.menu_mobi_add ul li a i{position:absolute;right:12px;transform:rotate(90deg);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;background:var(--color-blue);color:#fff;border-radius:50%;top:12px;}
.menu_mobi_add ul li a.active2 i{transform:rotate(0deg);border-left:1px solid rgba(255,255,255,0.2);background:#fff;color:var(--color-red);}
.menu_mobi_add ul ul{display:none;padding-left:15px;margin-bottom:10px;}
.menu_mobi_add ul li ul li a{padding-left:20px;color:#000;}
.menu_mobi_add ul li ul li ul li a{padding-left:20px;}
.load-menu{padding:0 10px;}
.menu_mobi_add ul li:last-child a{margin-bottom:10px;}
.thongtin-mb ul{padding:0 10px !important;}
.thongtin-mb ul li{list-style:none;color:#000;margin-bottom:10px;display:flex;align-items:center;}
.thongtin-mb ul li i{font-size:16px;margin-right:10px;color:var(--maincolor);width:35px;height:35px;display:flex;justify-content:center;align-items:center;border:1px solid var(--maincolor);border-radius:5px;}
/* SLider */
.slideshow{position:relative;}
.control-owl{position:absolute;width:100%;z-index:2;left:0px;top:calc(50%);}
.control-owl button{opacity:0.5;top:0px;position:absolute;outline:none;border:0px;padding:0px;margin:0px;display:block;cursor:pointer;color:#ffffff;width:45px;height:45px;text-align:center;font-size:25px;margin:0px;background-color:#000000;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;}
.title-main{margin-bottom:1.5rem;text-align:center;}
.title-main{text-transform:uppercase;color:var(--color-hover);font-weight:bold;font-size:30px;display:block;margin-bottom:0;}
/* News */
.grid-tintuc{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;justify-content:space-between;}
.news{display:block;margin-bottom:20px;display:block;}
.pic-news{border-radius:10px;display:block;overflow:hidden;position:relative;}
.pic-news img{width:100%;}
a.views{display:inline-block;text-decoration:none;margin-top:10px;border:solid 1px #ccc;padding:7px 20px;border-radius:20px;color:#000;font-size:16px;}
a.views:hover{border:solid 1px var(--color-main);color:var(--color-main);}
.info-news{}
.info-news h3{}
.name-news{color:#1b1b1b;font-size:25px;-webkit-line-clamp:2 !important;font-weight:bold;font-family:'font1';text-transform:capitalize;}
a.name-news.name1{font-size:25px;line-height:32px;max-height:64px;}
.name-news:hover{color:#5172fd;}
.time-news{color:#5172fd;margin-bottom:0px;font-size:12px;margin:7px 0;font-style:italic;font-weight:500;font-family:'font1';}
.desc-news{color:#333333;margin-top:0px;}
.share b{display:block;margin-bottom:5px;}
.othernews b{margin-bottom:10px;}
.list-news-other{padding-left:17px;list-style:square;}
.list-news-other li{margin-bottom:2px;}
.list-news-other li a{text-transform:none;color:#333333;}
.list-news-other li a:hover{color:#5172fd;}
/* Toc */
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eeeeee;}
.box-readmore li ul>li{margin:0;margin-bottom:8px}
.box-readmore li ul>li:before{content:counters(item,".") " "}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0px;padding-left:0px !important;margin-top:8px;}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}
.box-readmore ul li:before{content:counters(item,".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li a{color:#333333;cursor:pointer;font-weight:600;}
.box-readmore ul li a:hover{color:#767676;}
/* Partner */
.info-partner{background:#f8f8f8;padding:15px 0px;}
/* Footer */
.footer-article{background:url("../images/bg-ft.png")no-repeat;background-size:100% 100%;position:relative;}
.footer-title{text-transform:capitalize;font-size:37px;margin-bottom:1rem;font-weight:500;font-family:font2;color:var(--color-red);text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #ffff,-1px 1px 1px #fff;}
.copyright{padding:15px 0px;position:absolute;left:0;right:0;margin:auto;bottom:40px;width:40%;}
.copyright:before{position:absolute;content:"";width:100%;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0.011642156862745057) 0%,rgba(255,255,255,1) 57%,rgba(255,255,255,0) 100%);top:0;left:0;right:0;margin:auto;}
.footer-news:nth-child(1){width:40%;}
.footer-news:nth-child(2){width:18%;}
.footer-news:nth-child(3){width:35%;}
.info-footer p{display:flex;align-items:center;gap:5px;color:#fff;font-family:'font1';font-weight:normal;}
.contact-map-ft{overflow:hidden;height:220px;}
.title-text{color:#fff;font-family:'font1';font-weight:500;text-transform:uppercase;font-size:16px;}
.info-footer p{font-family:'font1';font-size:15px;}
ul.policy-ft{list-style:none;padding-left:0;margin-bottom:0;}
ul.policy-ft li{line-height:30px;margin:auto;}
ul.policy-ft li a{color:#fff;font-family:'font1';text-transform:capitalize;font-size:15px;}
ul.policy-ft li a:hover{color:var(--color-red);}
.mota-title{color:#fff;font-family:'font1';}
.copyright-ft{border-top:solid 1px #fff;padding-top:15px;color:#fff;font-family:'font1';font-size:15px;}
ul.social span.text-social{color:#fff;font-family:font1;}
/* TC */
.item-criteria a{display:flex;align-items:center;color:#333;}
.item-criteria a .ds-criteria{width:calc(100% - 60px);margin-left:10px;}
.item-criteria a .ds-criteria h3{-webkit-line-clamp:2;font-size:16px;color:var(--color-main);}
.item-criteria a .ds-criteria p{-webkit-line-clamp:2;margin:0px;}
/* About */
.box-about{max-width:700px;margin:0px auto;text-align:center;}
.box-about h3{color:#ca0000;font-family:SVN;font-size:22px;margin-bottom:10px;text-transform:lowercase;}
.box-about a{padding:10px 20px;color:white;text-transform:uppercase;font-size:15px;display:block;background:#ca0000;width:-moz-fit-content;width:fit-content;margin:0 auto;font-weight:600;border-radius:10px;}
/* Service */
.item-service{position:relative;}
.item-service h3{position:absolute;left:0px;right:0px;bottom:0px;color:#fff;text-transform:uppercase;padding:10px;font-size:17px;margin:0px;}
/* Product */
.product{display:block;margin-bottom:10px;position:relative;}
.product .pic-product{background:#fff;margin-bottom:10px;display:block;position:relative;overflow:hidden;border-radius:0px;border:solid 1px #3333;}
.product:hover .pic-product{border:solid 1px #ccc;}
.product .pic-product img{width:100%;-webkit-transform-style:preserve-3d;height:100%;object-fit:cover;border-radius:10px;}
.product .pic-product > a{display:flex;width:100%;align-items:center;justify-content:center;text-align:center;padding-bottom:100%;border-radius:10px;}
.first_img{position:absolute;top:0;transition:all .5s ease;height:100%;}
/* .product:hover .first_img{transform:scale(0);}
*/
/* .second_img{display:block;position:absolute;top:0;right:100%;transition:all .5s ease;height:100%;}
*/
/* .product:hover .second_img{right:0;top:0;transition:all .5s ease;}
*/
.grid-product{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.product .name-product{margin-bottom:5px;font-weight:normal;}
.product .name-product a{font-size:16px;color:#232323;line-height:25px;}
.product .name-product a:hover{color:#ff2e00;}
.product .name-product .text-split{-webkit-line-clamp:2;}
.product .price-product{margin-bottom:10px;color:#555;}
.product .price-new{font-size:16px;font-weight:700;color:#FF2E00;display:inline-block;text-transform:uppercase;}
.product .price-old{padding:0 10px;font-size:13px;text-decoration:line-through;display:inline-block;color:#AEAEAE;font-weight:700;text-transform:uppercase;}
.product .price-per{color:#FF2E00;font-size:13px;text-align:center;font-weight:700;}
.cart-product{margin:5px 0 0 0px;}
.cart-product span{cursor:pointer;color:#fff;text-align:center;padding:0px 5px;border-radius:5px;display:inline-block;line-height:34px;font-size:13px;font-weight:700;}
.cart-add{margin-left:10px;background-color:#00A5D9;width:155px;}
.cart-add:hover{background-color:#5172fd;}
.cart-buy{background-color:#FF2E00;width:93px;height:33px;}
.cart-buy:hover{background-color:#5172fd;}
/*.grid-product{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.grid-product .product .product-info{margin-top:10px;color:#333;}
.grid-product .product .product-info h3{font-size:17px;color:#333;}
.grid-product .product .product-info .price span{color:#f00;}
.grid-product .product .pic-product{border:1px solid #ddd;}*/
/* product detail */
.detail-product{display:flex;justify-content:space-between;}
.left-pro-detail{width:33%;border:1px solid #ddd;position:relative;}
.right-pro-detail{width:35%;}
.tieuchi_pro{width:28%;}
.detail-product .right-pro-detail ul{list-style:none;padding:0px;}
.detail-product .right-pro-detail ul li{margin-bottom:20px;}
.detail-product .right-pro-detail ul li .title-pro-detail{font-size:18px;}
.detail-product .right-pro-detail ul li .attr-content-pro-detail{display:inline-block;margin-bottom:0px;}
.detail-product .right-pro-detail ul li .attr-content-pro-detail .price-new-pro-detail{font-weight:700;font-size:20px;color:#f00;}
.title-pro-detail{font-family:'font1';font-size:24px;font-weight:bold;}
label.attr-label-pro-detail{font-family:'font1';font-weight:600;}
.attr-content-pro-detail{font-family:'font1';font-weight:600;}
.desc-pro-detail{font-family:'font1';margin-bottom:15px;}
.box-tieuchi_tpl{border:solid 1px var(--color-red);border-radius:50px;padding:5px;margin-bottom:10px;}
.box-tieuchi_tpl .images-tieuchi{width:70px;height:70px;}
.box-tieuchi_tpl .info-tieuchi{width:calc(100% - 80px);}
/* Letter */
.newsletter-edit{display:flex;align-items:start;justify-content:space-between;}
.newsletter-edit > div:nth-child(1){width:49%;}
.newsletter-edit > div:nth-child(2){width:49%;}
.newsletter-input{position:relative;margin-bottom:10px;}
.newsletter-input input{padding:0px;font-size:14px;text-indent:10px;border:solid 1px #E4E4E4;height:45px;color:#E4E4E4;border-radius:0;font-family:'font1';}
.newsletter-input input::placeholder,.newsletter-input textarea::placeholder{color:#000;font-weight:300;}
.newsletter-input textarea{height:100px;border:solid 1px #E4E4E4;font-size:14px;border-radius:0px;font-family:'font1';color:#E4E4E4;}
.title-newsletter{text-align:center;font-family:'font1';font-weight:bold;text-transform:capitalize;font-size:25px;display:flex;align-items:center;justify-content:center;gap:6px;}
.newsletter-home{background:#fff;padding:50px 30px;box-shadow:2px 2px 3px #3333,-2px -2px 3px #3333;}
.slogan-newsletter{text-align:center;font-family:'font1';}
.newsletter-button{text-align:center;background-color:var(--color-blue);color:#fff;font-family:font1;font-weight:bold;padding:13px;}
.newsletter-reset{text-align:center;background-color:#939393;color:#fff;font-family:font1;font-weight:bold;padding:13px;}
/* Contact */
.contact-map{position:relative;height:500px;margin-top:30px;}
.contact-map iframe{position:absolute;left:0px;top:0px;width:100%;height:100%;}
/* breadCrumbs */
.breadCrumbs{padding:10px 0px;background:#ddd;}
.breadCrumbs ol{margin:0px;}
.breadCrumbs ol li a{color:#333;}
.breadCrumbs ol li a:hover{color:#f00;}
/* paging */
.pagination{margin:20px 0px;}
.pagination li a{cursor:pointer;}
.btn-frame{display:block;width:50px;height:50px;position:fixed;z-index:10;cursor:pointer;}
.btn-frame i{width:50px;height:50px;border-radius:50%;background:#1182fc;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;}
.btn-frame i img{vertical-align:middle;width:70%;}
.btn-frame .animated.infinite{animation-iteration-count:infinite;}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:0.1;border-color:#1182fc;opacity:0.5;}
.btn-frame .zoomIn{animation-name:zoomIn;}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;border-radius:100%;border:2px solid transparent;background-color:rgba(7,41,103,0.35);opacity:0.4;}
.btn-frame .pulse{animation-name:pulse;}
.grid-properties{display:flex;gap:10px;margin:10px 0px;}
.grid-properties span{position:relative;border:1px solid #ddd;padding:5px 15px;cursor:pointer;}
.grid-properties span:hover,.grid-properties span.active{border:1px solid #f00;color:#f00;}
.grid-properties span:hover:after,.grid-properties span.active:after{content:"";border:0.9375rem solid transparent;border-bottom:0.9375rem solid var(#d0011b,#ee4d2d);bottom:0;position:absolute;right:-0.9375rem;}
.grid-properties span.outstock{pointer-events:none;background-color:#fafafa;color:rgba(0,0,0,0.26);cursor:not-allowed;}
/* scrollToTop */
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:80px;right:25px;display:none;z-index:10;cursor:pointer;}
/* Hidden Google Captcha */
.grecaptcha-badge{display:none !important;width:0px !important;height:0px !important;visibility:hidden !important;overflow:hidden;}
/*newsHome end videoHome*/
.wrap-newsnb{position:relative;padding:50px 0px;}
.row-detail > div:nth-child(1){width:60%;}
.row-detail > div:nth-child(2){width:38%;}
/*video*/
.video-image{position:relative;overflow:hidden;margin:auto;text-align:center;}
.video-image:before{content:"";position:absolute;width:100px;height:100px;top:calc(50% - 100px/2);left:calc(50% - 100px/2);z-index:1;background-repeat:no-repeat;background-image:url(../images/nutplay.png);}
.slider-much1 .video-clip{margin:3px;}
.slider-much1 .video-clip .video-image:before{content:"";position:absolute;width:20px;height:20px;top:calc(50% - 20px/2);left:calc(50% - 20px/2);z-index:1;background-repeat:no-repeat;background-image:url(../images/playvideo.png);}
.title-index{position:relative;border-left:solid 5px var(--color-blue);padding-left:10px;margin-bottom:1rem;}
.title-index span.name{color:var(--color-red);text-transform:uppercase;font-family:'font2';font-size:40px;line-height:1;}
.title-index span.slogan{font-family:'font1';}
/*newsHome*/
.row-news > div:nth-child(1){width:40%;}
.row-news > div:nth-child(2){width:58%;}
.info-news-child{position:relative;display:flex;flex-direction:column;gap:5px;padding:20px;}
.info-news-child .name-news-child.text-split{font-size:15px;color:#000;font-family:'font1';font-weight:bold;-webkit-line-clamp:2;}
.info-news-child .time-news-child{color:#888888;font-family:'font1';font-style:italic;}
.info-news-child .desc-news-child{color:#888888;font-size:13px;}
.firt-news-child{border:solid 1px #3333;}
.box-news.slick-slide{display:flex;align-items:center;justify-content:space-between;border-bottom:solid 1px #3333;padding-bottom:5px;margin-bottom:5px;}
.img-newsHome{width:140px;}
.info-newsHome{width:calc(100% - 150px);display:flex;flex-direction:column;gap:5px;}
.info-newsHome .name-newsHome.text-split{color:#000;font-size:15px;font-family:font1;font-weight:bold;-webkit-line-clamp:2;}
.info-newsHome .name-newsHome.text-split:hover,.info-news-child .name-news-child.text-split:hover{color:var(--color-red);}
.time-newsHome{display:flex;align-items:center;font-family:font1;font-style:italic;color:#888888;}
.info-newsHome .desc-newsHome.text-split{color:#888888;font-size:13px;-webkit-line-clamp:2;}
.info-newsHome a.plust{display:flex;justify-content:end;}
/*doitac*/
.bg-doitact{position:relative;background-color:#F5F5F5;padding:60px 0px;}
.containerr-doitact{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.title-doitac span.name{color:var(--color-red);font-family:'font2';text-transform:uppercase;font-size:37px;}
.thanh-cuon{height:350px;overflow-y:auto;}
/* width */
.thanh-cuon::-webkit-scrollbar{width:5px;}
/* Track */
.thanh-cuon::-webkit-scrollbar-track{background:#d2d0d0;}
/* Handle */
.thanh-cuon{overflow-y:scroll;overflow-x:hidden;}
.thanh-cuon::-webkit-scrollbar{width:2px;background:#d2d0d0;}
.thanh-cuon::-webkit-scrollbar-thumb{width:2px;background:var(--color-blue);}
.thanh-cuon::-webkit-scrollbar-thumb:hover,.thanh-cuon::-webkit-scrollbar-thumb:active{width:2px;}
/*serviceHoem*/
.bg-service{position:relative;padding:60px 0px;}
.title-service{text-align:center;}
.title-service span.name{color:var(--color-red);text-transform:uppercase;font-family:'font2';text-transform:uppercase;font-size:40px;}
.title-service span.slogan{font-family:'font1';}
.max-box_service{position:relative;margin:auto;}
.control-stylist{position:absolute;width:100%;z-index:2;left:0px;top:calc(50% - 45px/2);}
.control-stylist button{opacity:1;top:0px;position:absolute;outline:none;border:0px;padding:0px;margin:0px;display:block;cursor:pointer;color:#ffffff;width:52px;height:40px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:25px;margin:0px;background-color:#000000;border-radius:3px;-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;}
.control-stylist button:hover{opacity:1;}
.control-stylist button.owl-prev{top:-50px;left:-75px;background:none;}
.control-stylist button.owl-next{right:-75px;top:-50px;background:none;}
.img-items{position:relative;padding:20px;z-index:1;}
.img-items::before{position:absolute;content:"";background:url("../images/bg-img.png")no-repeat;background-size:100% 100%;width:100%;height:97%;z-index:-1;left:0;top:10px;right:0;bottom:0;}
.img-items a{border-radius:50%;overflow:hidden;border:solid 3px var(--color-blue);}
.item-newss .tttt{padding:10px;}
/* .item-newss {border: solid 1px #3333;padding: 5px;margin-bottom: 20px;} */
.tttt h3 a{color:var(--color-blue);font-size:16px;font-family:'font1';font-weight:500;text-transform:capitalize;}
.tttt h3 a:hover{color:var(--color-red);}
.tttt .mota{font-family:'font1';}
/*visao*/
.bg-tieuchi{position:relative;padding:60px 0px;background:url("../images/bg-visao.png")no-repeat;background-size:100% 100%;}
.title-visao{text-align:center;}
.title-visao span.name{color:#fff;text-transform:uppercase;font-family:'font2';text-transform:uppercase;font-size:40px;}
.title-visao span.slogan{font-family:'font1';color:#fff;}
.title-visao span.text{font-family:'font1';color:#fff;font-weight:500;}
.images-tieuchi{width:90px;height:90px;background:var(--color-red);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.info-tieuchi{width:calc(100% - 100px);}
.box-tieuchi{background:#fff;border-radius:10px;border-top-left-radius:100px;border-bottom-left-radius:100px;padding:5px;}
.info-tieuchi .name{font-family:'font1';font-weight:bold;text-transform:capitalize;}
.info-tieuchi .desc{font-family:'font1';font-size:13px;}
/*taisaochon*/
.containerr-visao{border-bottom:solid 1px var(--color-blue);}
.thongso_antuong.text-split{display:flex;align-items:center;justify-content:start;color:#fff;font-family:'font2';font-size:60px;gap:5px;}
.info-visao .name{color:#fff;font-family:'font1';font-weight:bold;text-transform:capitalize;font-size:15px;}
.info-visao .desc{color:#fff;font-family:'font1';text-align:justify;}
/*introduce*/
.row-introduce{position:relative;}
.bg-introduce{position:relative;padding:90px 0px 60px 0px;z-index:1;}
.bg-introduce::before{position:absolute;content:"";background:url("../images/before-intro.png")no-repeat;width:620px;height:505px;bottom:0;left:85px;z-index:-1;}
.bg-introduce::after{position:absolute;content:"";background:url("../images/after-intro.png")no-repeat;width:425px;height:274px;bottom:0;right:0;z-index:-1;}
.row-introduce > div:nth-child(1){width:48%;height:575px;position:relative;}
.row-introduce > div:nth-child(2){width:50%;}
.images_intro:nth-child(1){position:absolute;top:-30px;width:50%;}
.images_intro:nth-child(2){position:absolute;right:0;width:50%;}
.images_intro:nth-child(3){position:absolute;bottom:0;left:0;right:0;margin:auto;text-align:center;width:50%;}
.title-intro span.text{font-family:'font1';font-size:25px;color:#A4A4A4;}
.title-intro span.name{color:var(--color-red);text-transform:uppercase;font-family:'font2';font-size:50px;}
.properties.slick-slide.slick-current,.properties.slick-slide:hover{background:var(--color-blue);color:#fff;border:none;}
.properties.slick-slide{border:solid 1px #333;text-align:center;padding:15px;border-radius:30px;width:170px !important;margin:0px 10px;font-family:'font1';text-transform:capitalize;font-size:15px;cursor:pointer;}
.details.slick-slide{font-family:'font1';font-size:15px;text-align:justify;line-height:30px;}
.see-intr0{width:212px;padding:14px 45px;position:absolute;z-index:1;bottom:0;}
.see-intr0:before{position:absolute;content:"";width:50px;height:100%;background:var(--color-blue);right:0;top:0;bottom:0;z-index:-1;border:solid 1px var(--color-blue);}
.see-intr0 a{color:#000;text-transform:capitalize;font-family:'font1';font-weight:bold;font-size:15px;}
.see-intr0 i{position:absolute;right:15px;width:15px;height:15px;top:0;bottom:0;margin:auto;color:#fff;transform:rotate(-45deg);transition:all 0.4s;}
.see-intr0:hover i{transform:rotate(0deg);transition:all 0.4s;}
.see-intr0:hover:before{width:100%;transition:all 0.6s;}
.see-intr0:hover a{color:#fff;}
.see-intr0:after{position:absolute;content:"";width:100%;height:100%;border:solid 1px;top:0;left:0;z-index:-1;}
.slider-intro2_tpl.slick-initialized{display:flex;align-items:center;justify-content:center;}
.slider-intro2_tpl.slick-initialized .slick-track{width:100% !important;}
/*productNb*/
.control-stylist1{position:absolute;width:100%;z-index:2;left:0px;top:calc(50% - 45px/2);}
.control-stylist1 button{opacity:1;top:0px;position:absolute;outline:none;border:0px;padding:0px;margin:0px;display:block;cursor:pointer;color:#ffffff;width:52px;height:40px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:25px;margin:0px;background-color:#000000;border-radius:3px;-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;}
.control-stylist1 button:hover{opacity:1;}
.control-stylist1 button.owl-prev{top:-50px;left:-75px;background:none;}
.control-stylist1 button.owl-next{right:-75px;top:-50px;background:none;}
.info-product{text-align:center;}
.product .name-product a{color:#fff;font-family:'font1';font-weight:bold;text-transform:uppercase;font-size:16px;}
.code-product{color:#fff;font-family:'font1';text-transform:capitalize;}
/*ProductListHome*/
.wrap-product:nth-child(2n+1){background-color:#F5F5F5;}
.title-pro{background:url("../images/bg-pro.png")no-repeat;background-size:100% 100%;font-size:15px;font-family:'font1';font-weight:bold;text-transform:uppercase;padding:6px 45px;margin-bottom:0;}
.title-pro span{color:#fff;}
.tilte_home{position:relative;}
.tilte_home:before{position:absolute;content:"";width:100%;height:1px;background:var(--color-blue);bottom:0;}
.tilte_home a{color:#000;font-family:'font1';font-weight:500;text-transform:capitalize;}
.tilte_home a:hover{color:var(--color-blue);}
button.slide-arrow-seller.intro-left{position:absolute;z-index:1;width:50px;height:50px;left:-70px;top:-100px;bottom:0;margin:auto;}
button.slide-arrow-seller.intro-right{position:absolute;z-index:1;width:50px;height:50px;right:-70px;top:-100px;bottom:0;margin:auto;}
.product.slick-slide .info-product .name-product a{color:var(--color-blue);}
.product.slick-slide .info-product .code-product{color:#000;}
.product.slick-slide{margin:5px;margin-bottom:0;}
.grid-product .product .info-product .name-product a{color:var(--color-blue);}
.grid-product .product .info-product .code-product{color:#000;}
.product_tpl .info-product .name-product a{color:var(--color-blue);}
.product_tpl .info-product .code-product{color:#000;}
/*doitact_tpl*/
.containerr-doitact_tpl{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;}
.img-doitac h3{text-align:center;}
.img-doitac h3 a{color:#000;font-family:'font1';font-weight:500;text-transform:capitalize;font-size:18px;}
.img-doitac img{border:solid 1px #3333;padding:5px;}
.group_bot{display:flex;align-items:center;gap:10px;justify-content:flex-end;position:fixed;bottom:10px;right:0;z-index:2;margin:10px;}
.group_bot.left{right:unset;left:0;}
.group_bot.left i{background:#FFF;padding:1px;}
.group_bot .btn-frame{position:unset;width:auto;background:var(--color-red);border-radius:35px;display:flex;align-items:center;color:#fff;font-size:15px;height:auto;padding:5px 10px;gap:10px;}
.btn-frame i img{width:auto;}
.btn-frame i{background:var(--color-red);width:auto;height:auto;}
/*news_tpl*/
.d-news_tpl{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.d-news_tpl > div {
    width: 100%;
    max-width: 290px;
    border: solid 1px #3333;
    padding: 5px;
}
.see-news_tpl {
    color: var(--color-blue);
    font-family: 'font1';
    text-transform: capitalize;
    font-weight: 500;
}
.see-Procat { background-color: #0071c1; color: #fff !important; padding: 5px 10px; margin: 3px 10px 3px 0px; border-radius: 10px; }
.see-Procat:hover { background-color: #5dbcff; }
@media(max-width:1333px){.header_right{width:80%;}
.bg-logo{width:230px;height:170px;padding-top:25px;}
.bg-logo img{width:120px;}
}
@media (max-width:1160px){.contact-input{margin-bottom:15px;}
.flex-cus,.row-video,.row-20{margin-left:-5px;margin-right:-5px;}
.mg-cus,.mg-video,.col-20{padding-left:5px;padding-right:5px;}
.content-text img{height:auto !important;}
.padding-top-bottom{padding:2rem 0;}
.pad-top{padding-top:2rem;}
.pad-bottom{padding-bottom:2rem;}
.mg-top{margin-top:2rem;}
.mg-bottom{margin-bottom:2rem;}
.title-detail-main{font-size:20px;}
.cart-fixed{bottom:220px;}
.btn-frame{display:none;}
.cart-pro-detail{width:100%;margin-top:10px;}
.pad-bottom{padding-bottom:2rem !important;}
.pad-top{padding-top:2rem !important;}
.padding-top-bottom{padding:2rem 0 !important;}
.menu{display:none;}
.menu-res{display:block;}
.menu_mobi{display:block;}
.menu_mobi_add{display:block;}
.logo_repon.sss_repon img{width:80px;}
.d-news_tpl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.phone-header { display: none; }
.bg-logo{ position: relative; width: auto; height: auto; padding-top: 0px; background: none; padding-top: 0px; padding-left: 0px; padding-right: 10px; }
.bg-logo img { width: auto; }
.header-bottom > .wrap-content { flex-wrap: nowrap !important; }
.header_right { width: auto; }
}
@media (max-width:992px){.othernews{position:initial;}
.footer-title:after{width:100%;}
#fanpage-facebook{width:300px;overflow:hidden;margin:auto;}
.footer-news:nth-child(4){width:100%;}
.footer-news:nth-child(3){width:100%;margin-bottom:20px;}
.footer-news:nth-child(2){width:100%;margin:20px 0;}
.footer-news:nth-child(1){width:100%;}
.time-news{display:none;}
.copyright,.statistic{width:100%;text-align:center;}
.footer-ul li{width:calc(100% / 2 - 5px);}
.footer-ul{display:flex;flex-flow:row wrap;justify-content:space-between;}
.containerr-doitact_tpl{grid-template-columns:repeat(4,1fr);}
.see-Procat { display: none; }
}
@media (max-width:768px){.item-video1 img{height:250px;}
.right-intro{width:100%;}
.left-intro{width:100%;margin-bottom:20px;padding-right:0;}
.left-pro-detail,.right-pro-detail{width:100%;margin:0px;}
.left-pro-detail,.top-contact .article-contact{margin-bottom:30px;}
.pic-news{width:40%;}
.info-news{width:60%;padding-left:10px;}
.name-news{font-size:15px;}
.desc-news.text-split{-webkit-line-clamp:2;}
.row-introduce{flex-direction:column;gap:18px;}
.row-introduce > div:nth-child(1){width:100%;}
.row-introduce > div:nth-child(2){width:100%;margin:auto;position:relative;}
.see-intr0{position:relative;}
.row-detail{flex-direction:column;gap:10px;}
.row-detail > div:nth-child(1){width:100%;margin:auto;}
.row-detail > div:nth-child(2){width:100%;margin:auto;}
.grid-product{grid-template-columns:repeat(2,1fr);}
.tieuchi_pro{width:100%;}
.containerr-doitact_tpl{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:576px){.toast-cus{left:5px;width:calc(100% - 10px);}
.box-readmore{width:calc(100% - 5px);}
.newshome-scroll{width:100%;}
.newshome-intro{width:100%;margin-bottom:20px;}
.top-contact .form-contact .button-contact .file-contact span b{max-width:105px;}
.cart-pro-detail{flex-wrap:wrap;}
.cart-pro-detail a{width:100%;text-align:center;margin:0px !important;}
.cart-pro-detail a:first-child{margin-bottom:5px !important;}
.footer-article{background:var(--color-blue);}
.d-news_tpl{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
}
@media(max-width:490px){.row-introduce > div:nth-child(1){height:300px;}
.title-intro span.name{font-size:30px;}
.properties.slick-slide{width:130px !important;padding:8px;}
.title-visao span.name{font-size:25px;}
a.text-split.text-decoration-none{font-size:14px;}
.title-pro{font-size:14px;padding:6px 36px 6px 10px;}
.title-service span.name{font-size:25px;}
.title-doitac span.name{font-size:25px;}
.newsletter-home{padding:20px 10px;}
.title-index span.name{font-size:30px;}
.row-news > div:nth-child(1){width:100%;margin:auto;}
.row-news > div:nth-child(2){width:100%;margin:auto;}
.footer-title{font-size:25px;}
.title-main{font-size:25px;}
.containerr-doitact_tpl{grid-template-columns:repeat(2,1fr);}
.d-news_tpl{display:grid;grid-template-columns:repeat(1,1fr);gap:10px;justify-items: center;}
.d-news_tpl > div {
    width: 100%;
    max-width: 93%;
    border: solid 1px #3333;
    padding: 5px;
}
}