@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-main:#2557ae;--color-social:#2557ae;--color-hover:#2557ae;--color-text:#2557ae;}
@font-face{font-family:hel;src:url(../fonts/UTM\ HelvetIns.ttf);}
@font-face{font-family:impac;src:url(../fonts/UTM\ Impact.ttf);}
@font-face{font-family:svn;src:url(../fonts/SVN-Blenda\ Script.ttf);}
body{font-size:14px;font-family:'RobotoRegular' !important;}
.w-clear:after{display:block;content:"";clear:both;}
.hidden{display:none;}
.clear{clear:both;}
.none{display:none;}
.wrap-container{overflow:hidden;overflow-x:hidden;}
.wrap-content{max-width:1200px;margin:auto;width:calc(100% - 30px);}
.wrap-content{margin:auto;}
.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;}
.scale-img img{transform:scale(1,1);}
.scale-img:hover > img{transform:scale(1.1,1.1);}
.hover-img{position:relative;overflow:hidden;display:block;}
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;}
.p-relative{position:relative;}
/* 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;}
/* Header */
.header{position:relative;}
.cart-head{border:1px solid #fff;padding:10px;border-radius:5px;position:relative;color:#fff;}
.cart-head:hover{color:#fed402;}
.cart-head i{font-size:20px;}
.cart-head .count-cart{position:absolute;z-index:999;color:#fff;background:#f00;border-radius:50%;top:-10px;right:20px;width:20px;height:20px;text-align:center;}
.menu-head{display:flex;gap:20px;justify-content:space-between;align-items:center;}
.menu-head a{color:#fff;}
.menu-head a:hover{color:#fed402;}
.line-head{background-color:#72b2fd;height:32px;width:1px;}
/* slideshow */
.slideshow{position:relative;margin-bottom:23px;}
/* Search */
.search{width:50%;max-width:400px;background:#fff;position:relative;right:0;top:0;border-radius:5px;border:solid 1px #EBE6E6;}
.search input{width:calc(100% - 35px);font-size:13px;color:#333;border-radius:10px;border:none;}
.search input:focus{border:none;box-shadow:none;}
.search p{width:40px;height:40px;cursor:pointer;line-height:40px;text-align:center;font-size:16px;background:#AD0002;color:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.search p i{font-weight:bold;color:#fff;}
.box-search{padding:10px;border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;align-items:center;}
.ds-item-search{width:calc(100% - 70px);}
.ds-item-search a{font-size:14px;color:#333;}
.show-search{position:absolute;z-index:9999;top:100%;background:#fff;width:100%;border-radius:10px;box-shadow:0 1px 8px rgba(0,0,0,.3);}
.box-search .price-product{width:100%;margin:0px;text-align:left;}
.box-search .price-product .price-new{color:#f00;font-size:14px;font-weight:bold;}
.box-search .price-product .price-old{color:#999;text-decoration-line:line-through;}
/* Menu */
/* Mmenu */
.menu-res{height:55px;z-index:501;background:#054C81;position:relative;display:none;}
.menu-bar-res{height:55px;padding:0px 15px;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{display:none;}
#hamburger{display:block;width:35px;height:23px;position:relative;}
#hamburger:before,#hamburger:after,#hamburger span{background:#fff;content:"";display:block;width:100%;height:3px;position:absolute;left:0px;}
#hamburger:before{top:0px;}
#hamburger span{top:10px;}
#hamburger:after{top:20px;}
#hamburger:before,#hamburger:after,#hamburger span{-webkit-transition:none 0.5s ease 0.5s;transition:none 0.5s ease 0.5s;-webkit-transition-property:transform,top,bottom,left,opacity;-webkit-transition-property:top,bottom,left,opacity,-webkit-transform;transition-property:top,bottom,left,opacity,-webkit-transform;transition-property:transform,top,bottom,left,opacity;transition-property:transform,top,bottom,left,opacity,-webkit-transform;}
.search-res-w100{width:calc(100% - 45px);border-radius:0.25rem;}
.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after{top:10px;}
.mm-wrapper_opening #hamburger span{left:-50px;opacity:0;}
.mm-wrapper_opening #hamburger:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.mm-wrapper_opening #hamburger:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mm-menu_opened{display:block !important;}
.mm-slideout{z-index:unset;}
/* Search Responsive */
.search-res{position:relative;}
.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:#ffffff;font-size:17px;margin:0px;}
.search-res .icon-search.active{color:var(--main-color);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(--main-color);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:var(--main-color);line-height:40px;text-align:center;}
.search-res .search-grid input{width:calc(100% - 35px);float:right;line-height:38px;outline:none;border:none;color:black;}
.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;}
/*Menu*/
 .mmenu-fixwidth ul,ol{padding:0px;margin:0px;list-style:none}
.opacity-menu.open-opacity{content:" ";width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0px !important;left:0px;z-index:9999;}
.mmenu-fixwidth{top:0 !important;width:255px;min-height:100vh;position:fixed;float:left;background:#fff;width:290px;position:fixed;z-index:-9999;left:0;top:0;opacity:0;visibility:hidden;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;-webkit-transform:translateX(-280px);-ms-transform:translateX(-280px);-o-transform:translateX(-280px);transform:translateX(-280px);}
.mmenu-fixwidth.open-sidebar-menu{visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);z-index:999999;opacity:1;}
.mmenu-fixwidth.open-menu{padding-top:15px;visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.mmenu-fixwidth .wrap-menu{overflow-y:auto;position:relative;min-height:100vh;max-height:100vh;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;/* padding:0 15px;*/
}
.mmenu-fixwidth .wrap-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset transparent;background-color:transparent}
.mmenu-fixwidth .wrap-menu::-webkit-scrollbar{width:1px;background-color:transparent}
.mmenu-fixwidth .wrap-menu::-webkit-scrollbar-thumb{border:1px solid transparent}
.mmenu-fixwidth .wrap-menu .logos-menu{padding:20px 0px;}
.mmenu-fixwidth .wrap-menu .logos-menu img{max-width:100%;display:block;margin:0 auto;max-height:50px;}
.mmenu-fixwidth .wrap-menu .nav-menu ul a{display:block;font-size:16px;color:#333;padding:10px 10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mmenu-fixwidth .wrap-menu .nav-menu ul li{position:relative;border-top:1px solid #F0F0F0;}
.mmenu-fixwidth .wrap-menu .nav-menu ul li a:hover{background-color:#F0F0F0;}
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu{position:absolute;right:0px;font-size:25px;display:flex;width:43px;height:43px;background:transparent;top:0px;justify-content:center;flex-wrap:wrap;align-items:center;color:#8a8987;z-index:1000;cursor:pointer;transition:all 0.6s;border-left:1px solid #F0F0F0;border-right:1px solid #F0F0F0;}
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu i{transition:all 0.6s;}
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu.active i{transform:rotate(90deg);color:var(--color-key);}
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu:before{position:absolute;content:'';width:16px;height:2px;background:#333;right:12px;top:22px;}
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu:after{position:absolute;content:'';width:2px;height:16px;background:#333;right:19px;top:15px;transition:all 0.3s;}
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu.active:after{transform:scale(0);}
.mmenu-fixwidth .wrap-menu .nav-menu ul ul a{padding:10px 25px;font-size:14px;}
/* .mmenu-fixwidth .wrap-menu .nav-menu ul ul ul a{padding:10px 40px;}
.mmenu-fixwidth .wrap-menu .nav-menu ul ul ul ul a{padding:10px 55px;}
.mmenu-fixwidth .wrap-menu .nav-menu ul ul ul ul ul a{padding:10px 70px;}
*/
 .mmenu-fixwidth .wrap-menu .nav-menu ul.none{display:none;}
.mmenu-fixwidth .wrap-menu .nav-menu ul.block{display:block;}
.mm-opening #hamburger:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.mm-opening #hamburger:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mm-opening #hamburger span{left:-50px;opacity:0;}
.mm-opening #hamburger:before,.mm-opening #hamburger:after{top:10px;}
/* Menu */
.wrap-menu{position:relative;}
.menu{position:relative;z-index:999;top:0;left:0;right:0;background:#054C81;padding:8px;}
.menu .wrap-content{position:relative;}
.fix_menu{position:fixed !important;box-shadow:0 0 1px #999;background:#fff;}
.menu ul{width:85%;padding:0px;margin:0;list-style:none;margin:auto;}
.menu ul.ulmn{}
.menu ul li{position:relative;z-index:99;}
.menu ul.ulmn > li{/* flex:auto;*/
}
.menu ul li.line{width:1px;height:15px;background-color:rgba(255,255,255,0.5);flex:none;}
.menu ul li a{font-size:15px;color:#fff;margin:0px;padding:0;text-transform:uppercase;position:relative;font-family:'RobotoMedium';z-index:1;text-align:center;text-decoration:none !important;padding:10px 15px;}
.menu ul li a img{vertical-align:middle;}
.menu ul li a.active,.menu ul li:hover > a{color:#fff;background:#AD0002;}
.menu ul li ul{opacity:0;visibility:hidden;position:absolute;top:100%;left:0;min-width:250px;-webkit-border-radius:0.25rem;-moz-border-radius:0.25rem;border-radius:0.25rem;background:#fff;-webkit-box-shadow:1px 1px 15px #00000026;-moz-box-shadow:1px 1px 15px #00000026;box-shadow:1px 1px 15px #00000026;padding:0;margin-top:-5px;-webkit-transform:perspective(600px) scaleY(1.5) translateY(15px);-moz-transform:perspective(600px) scaleY(1.5) translateY(15px);transform:perspective(600px) scaleY(1.5) translateY(15px);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;-o-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out;}
.menu ul li:hover > ul{opacity:1;visibility:visible;-webkit-transform:perspective(600px) scaleY(1) translateY(0);-moz-transform:perspective(600px) scaleY(1) translateY(0);transform:perspective(600px) scaleY(1) translateY(0);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;-o-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out;top:-webkit-calc(100% + 10px);top:-moz-calc(100% + 10px);top:calc(100% + 14px);}
.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;background:none !important;color:#000 !important;}
.menu ul li ul li ul{top:5px !important;left:100%;}
.menu ul li ul li a:before{position:absolute;content:'';top:50%;left:0;width:0;height:1px;background:#E01326;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{left:0;visibility:visible;opacity:1;width:30px;}
.menu ul li ul li a:hover{padding-left:40px;background:none;}
/* .menu ul li a::before{position:absolute;content:'';background:#fff;border-radius:0px;height:2px;margin-bottom:-4px;}
.menu ul li>a.active::before,.menu ul li:hover>a::before{animation:line_menu infinite 6s;}
.menu ul li:hover>a.has-child::before,.menu ul li a.active.has-child::before{animation:line_menu infinite 6s;}
*/
@keyframes line_menu{0%{right:95%;left:5%;bottom:0;transition:all ease .6s;}
25%{right:5%;left:5%;bottom:0;transition:all ease .6s;}
50%{right:5%;left:95%;bottom:0;transition:all ease .6s;}
75%{right:5%;left:5%;bottom:0;transition:all ease .6s;}
100%{right:95%;left:5%;bottom:0;transition:all ease .6s;}
}
/*.menu ul li a:before{content:'';position:absolute;background:url(../images/line-bottom.png);width:0;height:6px;bottom:0;left:calc(50% - 89px/2);transition:all ease .5s;}
.menu ul li:hover a:before,.menu ul li a.active:before{width:89px;}
.menu ul li ul li a:before{display:none;}
*/
a.cart-header{position:relative;}
a.cart-header span{position:absolute;top:0px;right:0px;color:#fff;font-size:11px;width:17px;height:17px;text-align:center;border-radius:50%;}
/* SLider */
.control-owl{position:absolute;width:100%;z-index:2;left:0px;top:calc(50% - 22.5px);}
.control-owl button{opacity:0.5;top:0px;position:absolute;outline:none;border:2px solid #fff;padding:0px;margin:0px;display:block;cursor:pointer;color:#ffffff;width:30px;height:30px;border-radius:50%;overflow:hidden;text-align:center;font-size:25px;margin:0px;background-color:#00a3ff;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;}
.box-photo-ct{border-radius:20px;overflow:hidden;}
.tt-week{font-size:25px;text-align:center;margin:20px 0px;color:#fff;font-weight:700;text-transform:uppercase;}
.title-cat-main{display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0px;gap:20px;}
.title-cat-main span{display:block;color:#999;background:linear-gradient(64.85deg,#fca600 23.67%,#ffd41d 106.12%);background-color:#fff;padding:10px;border-radius:10px;cursor:pointer;}
.title-cat-main span:hover,.title-cat-main span.active{background:linear-gradient(64.85deg,#ffd41d 23.67%,#fca600 106.12%);color:#000;}
/* 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 #fed402;color:#fed402;}
.info-news{}
.info-news h3{}
.name-news{color:#1b1b1b;font-size:18px;line-height:22px;max-height:40px;-webkit-line-clamp:2 !important;font-weight:400;}
a.name-news.name1{font-size:25px;line-height:32px;max-height:64px;}
.name-news:hover{color:#fed402;}
.time-news{color:#fed402;margin-bottom:0px;font-size:12px;margin:7px 0;font-style:italic;font-weight:500;}
.desc-news{color:#333333;margin-top:0px;line-height:20px;height:60px;}
.share{padding:17px 10px 10px 10px;line-height:normal;background:rgba(128,128,128,0.15);margin-top:15px;border-radius:5px;}
.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:#fed402;}
/* 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 */
.info-footer .flex-footer{display:flex;justify-content:space-between;gap:20px;}
.info-footer .flex-footer .box-footer .social-footer{display:flex;gap:5px;margin:10px 0px;}
.info-footer .flex-footer .box-footer:nth-child(1){width:33.3%;}
.info-footer .flex-footer .box-footer:nth-child(2){width:40%;}
.info-footer .flex-footer .box-footer:nth-child(3){width:25%;}
.info-footer .flex-footer .title-footer{text-transform:uppercase;margin-bottom:20px;font-weight:700;font-size:14px;}
.info-footer .flex-footer .service-footer{margin-top:20px;}
.info-footer .flex-footer .service-footer ul{padding:0px;margin:0px;}
.info-footer .flex-footer .service-footer ul li{list-style:none;padding:5px 0px;}
.info-footer a{color:#fff;}
.footer{background:url("../images/bg-footer.png")no-repeat;background-size:cover;background-attachment:fixed;}
.name-company{text-shadow:1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff,1px 0px 0 #fff,0px 1px 0 #fff,-1px 0px 0 #fff,0px -1px 0 #fff;color:#AD0002;font-family:'UTMHelvetIns';font-size:30px;margin-bottom:1rem !important;}
.info-footer{color:#fff;}
.footer-article{}
.title-footer{font-size:17px;font-family:'RobotoBold';color:#fff;text-transform:uppercase;margin-bottom:1.5rem;position:relative;}
.footer-ul{position:relative;list-style:outside;color:#fff;}
.footer-ul li{text-align:left;padding-bottom:5px;border-bottom:solid 1px #ffffff78;}
.footer-ul li a{color:#fff;}
/* Tags */
.title-tags{position:relative;font-size:1em;font-weight:600;padding-bottom:15px;margin-bottom:15px;color:#777;}
.title-tags:after{content:'';position:absolute;left:0px;bottom:0px;background-color:rgba(0,0,0,0.1);display:block;height:3px;width:30px;}
.flex-tags{display:flex;gap:5px;}
.flex-tags a{color:#333;border:1px solid;border-radius:3px;display:inline-block;font-size:0.8em !important;opacity:0.8;padding:2px 5px;}
.flex-tags a:hover{background-color:#446084;border-color:#446084;color:#fff;opacity:1;}
.footer-powered{background:none;border-top:solid 1px #ffffff78;}
/* 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;}
/* Product */
.filter{position:absolute;right:0px;top:0px;padding:5px 10px;background:#f1f1f1;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;text-transform:uppercase;border-radius:5px;cursor:pointer;border:1px solid #ddd;display:none;}
.flex-product-main{display:flex;gap:20px;}
.flex-product-main .left-product{width:250px;border:1px solid #f1f1f1;padding:20px;border-radius:5px;}
.flex-product-main .right-product{width:calc(100% - 250px);}
.wr-search p{font-weight:bold;text-transform:uppercase;}
.box-cat{text-align:center;}
.box-cat h3{font-size:14px;color:#333;margin-top:10px;}
.box-cat:hover h3{color:#f00;}
.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:#fed402;}
.cart-buy{background-color:#ff2e00;width:93px;height:33px;}
.cart-buy:hover{background-color:#fed402;}
.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 */
.grid-pro-detail{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #ececec;}
.grid-pro-detail .left-pro-detail{width:60%;border-right:1px solid #ececec;padding-right:30px;}
.grid-pro-detail .right-pro-detail{width:38%;}
.detail-product{display:flex;justify-content:space-between;}
.detail-product .left-pro-detail{width:40%;border:1px solid #ddd;}
.detail-product .right-pro-detail{width:57%;}
.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;}
.policy_intuitive{border:1px solid #e0e0e0;border-radius:5px;margin-bottom:25px;}
.policy{margin:20px 16px 0 16px;}
.policy__list{display:flex;flex-wrap:wrap;padding:0px;}
.policy__list > li{border-bottom:1px solid #f1f1f1;position:relative;padding:12px 0 12px 35px;width:50%;display:inline-block;}
.policy__list > li:nth-child(2n + 1){padding-right:20px;}
.policy__list li > div.iconl{left:0;position:absolute;top:15px;}
.policy__list li .iconl{width:32px;}
.policy__list li p{line-height:20px;padding-left:5px;margin:0px;}
.policy__list li:last-child{border-bottom:0;}
.policy__list > li:nth-child(2n + 1):nth-last-child(2){border:0;}
/* css block actions */
.ul-actions{display:flex;justify-content:center;margin:20px;gap:15px;align-items:flex-start;}
.ul-actions li,.ul-actions > div{list-style-type:none;margin:0;padding:0;width:80px;text-align:center;}
.ul-actions .active .box__tabr,.ul-actions .box__tabr:hover{border-color:#fd6e1d;}
.ul-actions .box__tabr{align-items:center;border:1px solid #e0e0e0;border-radius:2px;display:flex;justify-content:center;min-height:55px;padding:4px;height:60px;width:80px;}
.icon-action{background-image:url('../images/icon_chitiet@2x-min.png');background-repeat:no-repeat;display:inline-block;height:30px;width:30px;line-height:30px;vertical-align:middle;background-size:300px 180px;}
.icon-dnb{background-position:0 0;height:28px;width:28px;}
.icon-tskt{background-position:-105px 0;height:30px;width:30px;}
.icon-ttsp{background-position:-140px 0;height:19px;width:23px;}
.ul-actions p{font-size:14px;line-height:1.3;margin-top:5px;white-space:normal;color:#000;}
/* modal-detail */
.modal-detail::-webkit-scrollbar{width:10px;}
.modal-detail::-webkit-scrollbar-thumb{width:10px;background:#4d90e0;border-radius:10px;height:50px;}
.modal-detail{position:fixed;z-index:999;background:#000000c4;top:0px;left:0px;width:100%;height:100%;overflow-y:scroll;}
.content-modal-detail{background:#fff;max-width:1200px;margin:0px auto;min-height:100vh;}
.content-modal-detail .tabs{display:flex;cursor:pointer;padding:0;list-style:none;justify-content:center;border-bottom:1px solid #e0e0e0;position:sticky;top:0px;background:#fff;z-index:99;}
.content-modal-detail .tabs li{padding:20px 20px;margin-right:5px;font-weight:bold;position:relative;border-bottom:4px solid #fff;}
.content-modal-detail .tabs li.active{color:#2d9cdb;border-bottom:4px solid #2d9cdb;}
.content-modal-detail .tab-content{padding:20px;max-width:900px;margin:0px auto;}
.content-modal-detail .tab-content.active{display:block;}
.close-tab{position:fixed;top:15px;right:20px;z-index:10;}
.btn-closemenu{position:fixed;top:10px;right:20px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;line-height:21px;padding:7px;text-align:right;width:72px;}
.btn-closemenu::before{transform:rotate(45deg);}
.btn-closemenu::after{transform:rotate(-45deg);}
.btn-closemenu::before,.btn-closemenu::after{background-color:#333;content:'';left:13px;height:14px;position:absolute;top:10px;width:1px;}
.cursor-pointer{cursor:pointer;}
/*css CT */
.box-ct{display:flex;justify-content:start;align-items:center;background-color:rgb(233,230,230);padding:10px;border-radius:10px;}
.box-ct img{border-radius:50%;margin-right:10px;}
.ds-ct h3 a{font-size:17px;color:#333;}
.ds-ct h3 a:hover{color:#f00;}
/*css khuyen mai*/
.block__promo{border:1px solid #e0e0e0;border-radius:4px;margin-bottom:10px;}
.promoadd__list{padding:10px;}
.promoadd__list li{margin-bottom:15px;background:url(../images/tick.png) no-repeat 0px 3px;background-size:15px;padding-left:25px;}
.pr-top{background-color:#f6f6f6;border-bottom:1px solid #e0e0e0;padding:8px 10px;}
.pr-txtb{font-weight:bold;}
.pr-top .pr-txt{color:#666;font-size:12px;line-height:1.4;margin-top:5px;font-style:normal;}
.pr-content .pr-item:last-child{border:none;}
.pr-content .pr-item{padding:15px 10px 10px 10px;}
.divb{margin-bottom:-10px;}
.divb .nb{background-color:#4a90e2;border-radius:50%;color:#fff;display:inline-block;font-size:11px;float:left;height:16px;line-height:16px;margin-top:2px;text-align:center;width:16px;}
.divb-right{padding-left:26px;}
.pr-content .pr-item p{margin:0px 0px 0px 0px;}
.divb-right a{color:#4a90e2;}
/* Tien ich */
.wrap-ti{padding:20px 0px;}
.box-ti{background:#f1f1f1;padding:15px;border-radius:10px;display:flex;justify-content:space-between;min-height:135px;}
.wrap-ti .owl-item:nth-child(n + 1) .box-ti{background-color:rgb(220,238,255);}
.wrap-ti .owl-item:nth-child(n + 2) .box-ti{background-color:rgb(254,245,207);}
.wrap-ti .owl-item:nth-child(n + 3) .box-ti{background-color:rgb(255,239,219);}
.wrap-ti .owl-item:nth-child(n + 4) .box-ti{background-color:rgb(225,254,207);}
.ds-ti{width:calc(100% - 45px);}
.ds-ti h3{font-size:15px;}
.ds-ti h3 a{color:#333;}
.ds-ti h3 a:hover{color:#f00;}
/* 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;right:20px;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;}
.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;}
/* About us */
.wrap-about-us{position:relative;padding:50px 0;background:#E0F0FB;padding-top:73px;margin-top:-23px;overflow:hidden;}
.cols-about-us{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;position:relative;z-index:10;}
.cols-about-us >div:nth-child(1){width:45%;position:relative;z-index:1;}
.cols-about-us >div:nth-child(2){width:52%;position:relative;}
.photo-about-us{position:relative;display:inline-flex;justify-content:start;flex-wrap:wrap;gap:10px;}
.pic-about-us{display:inline-block;position:relative;z-index:1 !important;}
.pic-about-us:first-child{}
.pic-about-us:first-child a{position:relative;z-index:1;}
.pic-about-us:last-child{position:absolute;right:-25%;top:25%;}
.pic-about-us:last-child a{border:solid 5px #fff;}
.pic-about-us a{padding:0;position:relative;display:inline-block;border-radius:10px;}
.desc-about-us{font-size:15px;margin-bottom:0;}
.info-about-us{display:block;position:relative;text-align:center;z-index:2;}
.name-about-us{margin:0;position:relative;font-size:40px;color:#AD0002;font-family:'UTMHelvetIns';text-transform:uppercase;}
.title-about-us{margin-bottom:1rem;position:relative;z-index:12;text-align:center;}
.title-about-us p{margin:0;}
.title-about-us span{font-size:18px;color:#00345B;font-family:'RobotoMedium';margin-top:10px;display:inline-block;}
.move_picture:first-child{position:relative;animation:quayvong 6s infinite linear;}
.move_picture1:last-child{position:absolute;right:0px;bottom:-50px;z-index:3;animation:quayvong2 6s infinite linear;border:solid 5px #fff;}
@keyframes quayvong{0%{transform:translate(0%,0%);}
25%{transform:translate(25%,0%);}
50%{transform:translate(25%,10%);z-index:3;}
75%{transform:translate(0%,10%);z-index:3;}
100%{transform:translate(0%,0%);}
}
@keyframes quayvong2{0%{transform:translate(0%,0%);}
25%{transform:translate(-25%,0%);}
50%{transform:translate(-25%,-10%);z-index:1;}
75%{transform:translate(0%,-10%);z-index:1;}
100%{transform:translate(0%,0%);}
}
.more{position:relative;text-align:center;margin-top:15px;}
.more a{transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) 0s;display:inline-flex;justify-content:center;align-items:center;gap:5px;text-decoration:none;cursor:pointer;text-transform:uppercase;color:#fff;position:relative;font-size:15px;background:#054C81;background-size:100% 100%;padding:10px 15px;font-family:'RobotoMedium';border-top-left-radius:0;}
.more a:hover{color:#fdc551;}
.view-more{margin-top:10px;text-align:right;}
.view-more a{font-size:15px;text-transform:capitalize;text-decoration:none;background:linear-gradient(90deg,rgba(222,158,62,1) 0%,rgba(253,217,125,1) 25%,rgba(222,158,62,1) 75%,rgba(253,217,125,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.view-more a span{width:35px;height:35px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;background:#fff;}
.view-more a span i{color:#f00}
.view-more a:hover span{background:linear-gradient(90deg,rgba(222,158,62,1) 0%,rgba(253,217,125,1) 25%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.view-more a:hover span i{color:#243c82}
/* Album */
.wrap-album{position:relative;padding:50px 0;background:#F5F5F5;}
.box-album{padding:10px;border-radius:10px;background:#fff;display:block;}
.img-album{display:inline-block;position:relative;background:#000;overflow:hidden;}
.img-album img{display:block;}
.info-album{display:none;position:absolute;z-index:10;text-align:center;bottom:0;left:0;right:0;width:100%;padding:15px;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9999999999999999) 100%);}
.info-album h3{font-size:inherit;margin:0;}
.name-album{color:#fff;font-size:18px;text-transform:uppercase;text-decoration:none;cursor:pointer;font-family:'RobotoBold';}
.name-album:hover{color:#C10F0F;}
.img-album:hover img{/* opacity:.6 */
}
.photo-album{position:relative;/* overflow:hidden;*/
 z-index:1;display:inline-flex;}
.photo-album:hover .info-album{display:block;-webkit-animation:tracking-in-expand-fwd .8s cubic-bezier(0.215,0.610,0.355,1.000) both;animation:tracking-in-expand-fwd .8s cubic-bezier(0.215,0.610,0.355,1.000) both}
@-webkit-keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}
40%{opacity:.6}
100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
}
@keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}
40%{opacity:.6}
100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
}
.album-page{float:left;width:32%;margin:0 2% 2% 0;}
.album-page:nth-child(3n+1){clear:both;}
.album-page:nth-child(3n){margin-right:0px;}
.info-album-page{text-align:center;padding-top:10px;}
.info-album-page h3{font-size:inherit;}
.name-album-page{font-family:'RobotoBold';font-size:16px;text-transform:capitalize;color:#000;transition:all .3s;}
.name-album-page:hover{color:#f00;}
.cols-album{position:relative;}
.album-main{float:left;width:32%;margin:0 2% 2% 0;}
.album-main:nth-child(3n+1){clear:both;}
.album-main:nth-child(3n){margin-right:0px;}
/* Service */
.wrap-service{padding:50px 0;position:relative;}
.pic-service{display:inline-flex;justify-content:center;align-items:center;text-align:center;position:relative;z-index:4;}
.img-service img{display:block;}
.box-service{position:relative;text-align:center;}
.items-service{display:flex;justify-content:start;align-items:center;gap:10px;margin-bottom:1rem;}
.pic-service a{overflow:hidden;position:relative;position:relative;z-index:10;display:inline-block;}
.info-service{text-align:left;transition:0.5s;position:relative;z-index:5;padding-left:10px;padding-bottom:10px;border-left:solid #054C81;margin-top:10px;}
.info-service h3{font-size:inherit;display:block;position:relative;margin-bottom:5px !important;}
.name-service{text-decoration:none;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) 0s;display:block;font-size:15px;font-family:'RobotoMedium';transition:all .6s;color:#000;border-radius:0 !important;text-transform:capitalize;}
.name-service:hover{color:#054C81;}
.desc-service{font-size:14px;color:#000;}
.service{float:left;width:23.5%;margin:0 2% 2% 0;}
.service:nth-child(4n+1){clear:both;}
.service:nth-child(4n){margin-right:0px;}
.cols-service{display:flex;justify-content:space-between;align-items:end;margin-bottom:7%;}
.cols-service >div:nth-child(1){width:45%;margin-right:-12%;}
.cols-service >div:nth-child(2){width:67%;}
.service-index{position:relative;text-align:center;}
/* Product */
.wrap-product{}
.wrap-product:nth-child(2n){padding:50px 0;background:#F4F4F4;}
.box-product{position:relative;text-align:center;border:solid 1px #C1C1C1;padding:5px;border-radius:10px;margin-top:5px;margin-bottom:10px;padding-bottom:10px;padding-top:20px;}
.pic-product{position:relative;margin-bottom:0;}
.pic-product img{width:100%;}
.info-product{text-align:center;}
.name-product{font-size:14px;color:#111;font-family:'RobotoBold';}
.name-product:hover{color:#CE0102;}
.price-product{margin-bottom:0px;display:grid;/* justify-content:center;*/
 /* align-items:end;*/
 /* flex-wrap:wrap;*/
 /* gap:4px;*/
}
.price-title{font-size:14px;color:var(--color-gray);}
.price-hotline{font-size:15px;color:var(--color-red);font-weight:700;}
.price-new{font-size:17px;font-family:'RobotoBold';color:#CE0102;position:relative;}
.price-old{color:#7C7C7C;text-decoration:line-through;font-size:14px;padding-left:5px;font-size:14px;}
.price-per{position:absolute;top:15px;right:15px;color:#fff1db;background:#C10F0F;font-size:13px;width:40px;height:20px;font-family:'RobotoBold';text-align:center;line-height:20px;border-radius:5px;display:grid;justify-content:center;align-items:center;text-transform:capitalize;}
/* hover 7 color */
.box-product .i_left{position:absolute;height:0;border-radius:0 50px;width:1px;left:0;top:0;background:-webkit-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,left bottom,left top,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to top,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.box-product .i_right{position:absolute;height:0;width:1px;right:0;bottom:0;background:-webkit-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to bottom,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.box-product .i_top{position:absolute;height:1px;width:0;right:0;top:0;background:-webkit-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,left top,right top,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.box-product .i_bottom{position:absolute;height:1px;width:0;left:0;bottom:0;background:-webkit-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet);background:-webkit-gradient(linear,right top,left top,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet));background:linear-gradient(to left,red,orange,yellow,green,blue,indigo,violet);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.box-product:hover .i_left{height:100%;bottom:0;top:inherit}
.box-product:hover .i_top{width:100%;left:0}
.box-product:hover .i_right{height:100%;top:0;bottom:inherit}
.box-product:hover .i_bottom{width:100%;right:0;left:inherit}
/* Hover box after */
.box{position:relative;transition:0.5s;-webkit-transition:0.5s;}
.box:hover::after,.box:hover::before{-webkit-transform:scale(1);}
.box:hover .text-split1{padding-top:10px;transition:0.5s;-webkit-transition:0.5s;}
.foo{position:relative;}
.foo::after{position:absolute;border-radius:0px;border-bottom:2px solid #bd0019;border-left:2px solid #bd0019;-webkit-transform-origin:0 100%;width:100%;height:100%;z-index:1;content:'';position:absolute;top:0;left:0;box-sizing:border-box;-webkit-transform:scale(0);transition:0.5s;pointer-events:none;}
.foo::before{position:absolute;border-radius:0px;border-top:2px solid #bd0019;border-right:2px solid #bd0019;-webkit-transform-origin:100% 0%;width:100%;height:100%;z-index:1;content:'';position:absolute;top:0;left:0;box-sizing:border-box;-webkit-transform:scale(0);transition:0.5s;pointer-events:none;}
.shadow-product{position:relative;/* margin:5px 5px 20px 5px;*/
 /* box-shadow:0px 4.226415157318115px 15.8490571975708px 0px rgba(0,0,0,0.10);*/
 transition:.4s;overflow:hidden;}
.shadow-product:hover{/* box-shadow:rgba(14,30,37,0.12) 0px 2px 4px 0px,rgba(14,30,37,0.32) 0px 2px 16px 0px;*/
 transform:scale(1.02);}
.price-new span{color:#fff;font-size:14px;}
.title-product-cat{list-style:none;margin:0;padding:0;z-index:10;position:relative;white-space:nowrap;/* max-width:390px;*/
 /* margin-right:100px;*/
 width:53%;padding-bottom:10px;}
.title-product-cat li{display:inline-block;text-align:center;}
.title-product-cat li a{cursor:pointer;display:inline-block;text-align:center;font-size:14px;text-transform:capitalize;color:#fff !important;font-family:'HelveticaNeue-Medium';transition:all 0.3s;background:#4F4F4F;padding:5px 20px;border-radius:5px;}
.title-product-cat li.active a,.title-product-cat li a:hover{transition:all ease 0.4s;color:#fff !important;background:#0E033A;}
.title-product-list{list-style:none;margin:0;padding:10px 20px;z-index:10;position:relative;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:15px;}
.title-product-list li{display:inline-block;text-align:center;}
.title-product-list li a{cursor:pointer;display:inline-block;text-align:center;font-size:18px;text-transform:uppercase;color:#fff !important;font-family:'SVN-PoppinsSemiBold';transition:all 0.3s;border-radius:100px;}
.title-product-list li.active a,.title-product-list li a:hover{transition:all ease 0.4s;color:#FFE88C !important;}
.product{float:left;width:32%;margin:0 2% 2% 0;}
.product:nth-child(3n+1){clear:both;}
.product:nth-child(3n){margin-right:0px;}
.wrap-product{position:relative;padding:50px 0;}
.desc-product{margin:5px 0;}
.img-product{display:block;text-align:center;position:relative;overflow:hidden;}
.product_aos.aos-init.aos-animate{transition-duration:unset !important;animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both}
@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
}
.wrap-product-hot{position:relative;text-align:center;padding:35px 0;}
.info-product{text-align:left;padding-top:10px;}
.info-product h3{font-size:inherit;margin-bottom:5px !important;position:relative;}
.control-product button{}
.control-product button.owl-prev{left:-5%;}
.control-product button.owl-next{right:-5%;}
.control-product button{background:none;opacity:0.5;}
.control-product img{transform:scale(0.65);}
.product-index{text-align:center;position:relative;}
/* News */
.wrap-newsnb{position:relative;padding:50px 0;}
.box-newsnb{display:block;position:relative;transition:.5s ease;text-align:center;}
.info-newsnb{}
.info-newsnb h3{font-size:inherit;margin-bottom:5px !important;position:relative;}
.name-newsnb{transition:0.3s;position:relative;color:#000;font-size:20px;font-family:'RobotoBold';text-transform:uppercase;}
.name-newsnb:hover{color:#054C81;}
.cols-news-hot{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:start;gap:0px;}
.cols-news-hot >div:nth-child(1){width:49%;position:relative;}
.cols-news-hot >div:nth-child(2){width:49%;position:relative;}
.desc-newsnb{color:#000;}
.img-newsnb{display:block;z-index:1;}
.items-newsnb{display:flex !important;justify-content:start;align-items:center;gap:10px;position:relative;width:auto !important;}
.pic-newsnb{position:relative;display:block;}
.pic-newsnb a{position:relative;}
.info-newsnb{display:block;transition:.5s ease;text-align:left;position:relative;padding-top:15px;}
.time-newsnb{text-align:center;display:inline-block;position:absolute;top:0;right:0;z-index:1;background:#054C81;padding:15px;border-bottom-left-radius:65px;padding-right:0px;}
.time-newsnb p{margin-bottom:-15px !important;margin:0;font-size:50px;color:#fff;display:inline-block;width:100%;text-align:center;font-family:'UTMHelvetIns';margin-top:-13px;}
.time-newsnb span{color:#fff;text-transform:uppercase;}
.view-news{position:relative;margin-top:0.5rem;text-align:left;}
.view-news a{transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) 0s;display:inline-flex;justify-content:center;align-items:center;gap:5px;text-decoration:none;cursor:pointer;font-size:15px;color:#054C81;font-family:'RobotoBold';text-transform:uppercase;z-index:1;position:relative;}
.view-news a:hover{color:#BC1010;}
.news{float:left;width:32%;margin:0 2% 2% 0;}
.news:nth-child(3n+1){clear:both;}
.news:nth-child(3n){margin-right:0px;}
.news-slick{margin-bottom:0%;border:none !important;}
/* News Page */
.box-news-page{display:block;position:relative;transition:0.5s;}
.info-news-page{text-align:left;padding-top:10px;}
.name-news-page{font-size:inherit;position:relative;margin-bottom:15px !important;}
.name-news-page a{transition:0.3s;font-size:16px;color:#000;text-transform:capitalize;font-family:'RobotoBold';}
.name-news-page a:hover{color:#0D62E7 !important;}
.pic-news-page{position:relative;}
.pic-news-page a{border-radius:10px;}
.view-news-page a{position:relative;transition:all 0.5s;color:#0D62E7;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:5px;text-transform:capitalize;font-family:'RobotoBold';}
.view-news-page a:hover{color:#f00;}
.view-news-page{margin-top:10px;display:flex;justify-content:space-between;align-items:center;border-top:solid 1px #D9D9D9;padding-top:10px;}
/* Form */
.wrap-form{position:relative;padding:50px 0;background:url("../images/bg-form.png")no-repeat;background-attachment:fixed;background-size:cover;}
.col-form{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;}
.col-form >div:nth-child(1){width:60%;}
.col-form >div:nth-child(2){width:40%;display:block;z-index:1;}
.title-form{text-align:left;position:relative;margin-bottom:1rem;display:flex;justify-content:start;align-items:center;gap:10px;}
.title-form p{margin:0;font-size:30px;text-transform:capitalize;color:#fff;font-family:'RobotoBold';}
.title-form span{display:inline-block;color:#fff;font-size:12px;margin:auto;}
.newsletter-input{position:relative;}
.newsletter-input .form-control{height:calc(1em + 1.5rem + 8px);color:var(--color-black);background:#ffffff00;border:none;border-radius:0px;}
.newsletter-input textarea{height:100px !important;}
.newsletter-input i{position:absolute;right:2%;top:35%;}
.newsletter-input textarea::-webkit-input-placeholder,.newsletter-input input::-webkit-input-placeholder{color:#fff;}
.newsletter-input textarea:-moz-placeholder,.newsletter-input input:-moz-placeholder{color:#fff;}
.newsletter-input textarea::-moz-placeholder,.newsletter-input input::-moz-placeholder{color:#fff;}
.newsletter-input textarea:-ms-input-placeholder,.newsletter-input input:-ms-input-placeholder{color:#fff;}
.newsletter-button{display:flex;justify-content:center;align-items:center;gap:10px;}
.newsletter-button input{font-size:14px;text-transform:uppercase;color:#fff;border:none;background:#AD0002;padding:13.5px 22px;border-radius:0;font-family:'RobotoBold';border-radius:0px;transition:all 0.5s;}
.newsletter-button:hover input{background:rgb(255,171,52)}
.newsletter-button:hover:before{-webkit-animation:moveArrow 1500ms;animation:moveArrow 1500ms;}
.form .form-floating.form-floating-cus>input,.form .form-floating-cus>select{border:none;border-radius:0px;color:#fff;background:none;border-radius:0px;background:none;border:solid 1px #fff;}
.form .form-floating.form-floating-cus>textarea{height:calc(1em + 1.5rem + 8px);border:none;background:none;border-radius:1px;color:#fff;background:none;border:solid 1px #fff;}
.form .newsletter-input{width:100%;margin-bottom:0%;}
.items-newsletter .newsletter-input{width:calc(50% - 5px);}
.form{position:relative;z-index:1;margin:auto;text-align:center;}
.form .newsletter-textarea{position:relative;width:55%;}
.cols-form{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;}
.cols-form >div:nth-child(1){width:40%;position:relative;}
.cols-form >div:nth-child(2){width:55%;position:relative;}
/* Title Main */
.title-main{margin-bottom:1.5rem;text-align:center;position:relative;}
.title-main span{position:relative;font-size:35px;text-transform:uppercase;color:#333333;font-family:'UTMHelvetIns';display:inline-flex;justify-content:center;align-items:center;gap:10px;}
.title-slogan{font-size:14px !important;color:#000 !important;margin-bottom:0px !important;position:relative;}
.title-main p{margin-top:0px;}
/* Text Hide */
.split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}
.split1{-webkit-line-clamp:1 !important;}
.split2{-webkit-line-clamp:2 !important;}
.split3{-webkit-line-clamp:3 !important;}
.split4{-webkit-line-clamp:4 !important;}
.split5{-webkit-line-clamp:5 !important;}
.split6{-webkit-line-clamp:6 !important;}
.split7{-webkit-line-clamp:7 !important;}
.split8{-webkit-line-clamp:8 !important;}
/*============move scroll================*/
.scroll-down{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);text-align:center;z-index:50;}
.scroll-down .circle{display:block;width:24px;height:42px;box-shadow:inset 0 0 0 1px #fff;border-radius:32px;margin:0 auto 10px;position:relative;}
.scroll-down .circle:before{content:'';width:6px;height:6px;background:#fff;margin-left:-4px;top:8px;border-radius:4px;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:scrollDown;display:block;position:absolute;top:0;left:50%;transform:translateY(8px);margin-left:-3px;}
.scroll-down .txt{display:block;font-size:10px;color:#fff;font-weight:bold;}
/* Transition All */
.transition,.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,.btn-frame .kenit-alo-circle-fill,.support-online .kenit-alo-circle-fill{-webkit-transition:0.3s all;transition:0.3s all;}
/* Scale IMG */
.scale-img{overflow:hidden;display:block;}
.scale-img img{-webkit-transition:opacity 0.6s,-webkit-filter 0.6s,-webkit-transform 0.6s,-webkit-box-shadow 0.3s;transition:opacity 0.6s,-webkit-filter 0.6s,transform 0.6s,box-shadow 0.3s;-o-transition:filter 0.6s,opacity 0.6s,transform 0.6s,box-shadow 0.3s;transition:filter 0.6s,opacity 0.6s,transform 0.6s,box-shadow 0.3s,-webkit-filter 0.6s,-webkit-transform 0.6s,-webkit-box-shadow 0.3s;}
.scale-img:hover > img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform 1.5s;transition:transform 1.5s;-o-transition:transform 1.5s;}
/* scrollToTop */
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:65px;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;}
[x-cloak]{display:none !important;}
/* Google translate */
body{top:0 !important}
body .skiptranslate{display:none !important;}
#google_language_translator{width:auto !important;display:none;}
.goog-te-gadget .goog-te-combo{margin:4px 0px !important;}
.goog-tooltip{display:none !important;}
.goog-tooltip:hover{display:none !important;}
.goog-text-highlight{background-color:transparent !important;border:none !important;box-shadow:none !important;}
.glt-clear{height:0px;clear:both;margin:0px;padding:0px;}
.langCon{position:absolute;top:5px;right:10px;z-index:100;}
#flags a{height:20px;display:inline-block;}
/* New Scroll */
.pro-height::-webkit-scrollbar{width:3px;}
.pro-height::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}
.pro-height::-webkit-scrollbar-thumb{background-color:#733107;}
.pro-height{height:300px;overflow-y:auto;padding-right:10px;}
/* Text shadow */
.textshadow{text-shadow:1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff,1px 0px 0 #fff,0px 1px 0 #fff,-1px 0px 0 #fff,0px -1px 0 #fff;}
/* Custom */
.padding-top-bottom{padding:2.5rem 0;}
.fix_head{position:fixed !important;top:0;width:100%;z-index:999 !important;}
.logo{max-width:100%;position:relative;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) 0s;}
.w-menu.fix_head .logo{transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) 0s;transform:scale(0.9);margin:-3% 0;margin-top:-5px;}
.w-menu.fix_head{/* background-image:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9999999999999999) 100%);*/
}
.header-top{background:#C3E1F8;padding:5px 0;}
.header-top .wrap-content{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.item-header{display:flex;justify-content:space-between;align-items:center;gap:10px;width:30%;}
.lang img{width:35px;}
.lang{gap:10px;}
.social-header{gap:15px;}
.slogan-head{display:inline-flex;font-size:15px;color:#000;text-transform:capitalize;font-family:'RobotoRegular' !important;width:50%;}
.header-bottom{padding:10px 0;background:#fff;}
.header-bottom .wrap-content{display:flex;justify-content:space-between;align-items:center;}
.info-header{display:flex;justify-content:start;align-items:center;gap:10px;}
.info-header p{margin:0;}
.header-info{text-align:left;}
.hotline-head{color:#000;}
.number-hotline{font-size:25px;color:#AD0002;font-family:'UTMHelvetIns';}
.logo-banner{display:flex;justify-content:start;align-items:center;gap:10px;}
.slideshow::after{content:'';display:block;background:url("../images/bottom-slide.png")no-repeat;background-size:100% 100%;height:23px;position:absolute;bottom:-23px;left:0;right:0;z-index:1;}
.title-about-us h3{font-size:35px;color:#333333;font-family:'MTD';}
.line-about-us{width:75px;margin:10px auto;background:#054C81;height:5px;}
.shape-1{top:5%;left:5%;}
.shape-2{top:5%;right:5%;}
.shape-3{bottom:0;left:0;}
.shape-4{bottom:0;right:0;}
.title-main span::before{content:'';display:inline-block;background:url("../images/line-main.png")no-repeat;width:60px;height:23px;}
.title-main span::after{content:'';display:inline-block;background:url("../images/line-main.png")no-repeat;width:60px;height:23px;transform:scale(-1);}
.info-service::after{content:'';display:inline-block;background:linear-gradient(90deg,rgba(5,76,129,1) 0%,rgba(5,76,129,0) 100%);width:165px;height:2px;position:absolute;bottom:0;left:0;}
.control-service{position:absolute;width:100%;z-index:2;left:0px;top:calc(50% - 22.5px);}
.control-service button{opacity:0.5;top:0px;position:absolute;outline:none;border:2px solid #fff;padding:0px;margin:0px;display:block;cursor:pointer;color:#ffffff;width:30px;height:30px;border-radius:50%;overflow:hidden;text-align:center;font-size:25px;margin:0px;background-color:#00a3ff;display:flex;align-items:center;justify-content:center;}
.control-service button:hover{opacity:1;}
.control-service button.owl-prev{left:-20px;}
.control-service button.owl-next{right:-20px;}
.wrap-form .title-main span{color:#fff;}
.wrap-form .title-main span::before{content:'';display:inline-block;background:url("../images/line-main-1.png") no-repeat;width:60px;height:23px;}
.wrap-form .title-main span::after{content:'';display:inline-block;background:url("../images/line-main-1.png")no-repeat;width:60px;height:23px;transform:scale(-1);}
.items-newsletter{display:flex;justify-content:space-between;align-items:start;gap:10px;}
.form .form-floating label{color:#fff;}
.list-item{text-align:left;}
.list-item p{margin-bottom:10px !important;color:#fff;padding-bottom:5px;border-bottom:solid 1px #ffffff78;}
.list-item p:last-child{margin:0 !important;}
.name-company1{text-shadow:1px 1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff,1px 0px 0 #fff,0px 1px 0 #fff,-1px 0px 0 #fff,0px -1px 0 #fff;color:#AD0002;font-family:'UTMHelvetIns';font-size:25px;}
.title-footer::after{content:'';display:inline-block;background:#ffffff78;height:1px;width:100%;position:absolute;bottom:-5px;left:0;}
.lang img{cursor:pointer;}
/* Toolbar */
.toolbar{width:100%;bottom:0px;position:fixed;z-index:500;left:0px;display:none;-webkit-filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.75));-moz-filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.75));-ms-filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.75));-o-filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.75));}
.toolbar.is-active .list-phone{display:block;-webkit-animation:quickShow .2s cubic-bezier(0.66,0.45,0.76,1.53) forwards;animation:quickShow .2s cubic-bezier(0.66,0.45,0.76,1.53) forwards;}
.toolbar .list-phone{position:absolute;bottom:100%;left:30px;opacity:0;transform:scale(0);transform-origin:50% 100%;display:none;}
.toolbar .list-phone a{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#fff;max-width:240px;padding:10px 20px;margin:10px 0;border-radius:50px;padding-right:30px;}
.toolbar .list-phone svg{max-width:30px;max-height:30px;}
.toolbar .list-phone span{display:block;width:calc(100% - 40px);color:#333;font-weight:700;}
.toolbar .phone{position:relative;width:50px;height:50px;z-index:99;display:flex;align-items:center;justify-content:center;background:#054C81;border-radius:50%;margin:0 0px -25px 30px;transition:transform .2s ease-in-out;}
.toolbar .phone a{color:#333;display:block;position:relative;}
.toolbar .phone a:before,.toolbar .phone a:after{position:absolute;content:'';top:50%;left:50%;transform:translate(-50%,-50%) rotate(135deg);width:30px;height:3px;border-radius:2rem;background-color:#0F4334;opacity:0;transition:opacity .2s ease-in-out;}
.toolbar .phone a:after{transform:translate(-50%,-50%) rotate(45deg);}
.toolbar .phone svg{max-width:27px;max-height:27px;display:block;position:relative;fill:#0F4334;}
.toolbar.is-active .phone{transform:rotate(-180deg);}
.toolbar.is-active .phone svg{opacity:0;}
.toolbar.is-active .phone a:before,.toolbar.is-active .phone a:after{opacity:1;}
.toolbar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0px;margin:0px;--size:33px;-webkit-mask:radial-gradient(33px at 55px 0px,#0000 99%,#fff 101%) 100%;background:#054C81;padding:10px 0;padding-left:100px;border-radius:10px 10px 0px 0px;}
.toolbar ul li{text-align:center;width:25%;line-height:1;}
.toolbar ul li a{display:block;width:100%;font-size:27px;color:#ffff;}
.toolbar ul li .icon{position:relative;margin:0 auto;text-align:center;}
.toolbar ul li a span{display:none;font-weight:400;font-size:11px;margin-top:5px;color:#333;text-transform:capitalize;}
.toolbar ul li a img,.toolbar ul li svg{max-height:30px;fill:#fff;width:100%;}
.toolbar .phone svg{animation:tada 1.2s infinite;fill:#fff;}
.tada{animation:tada 1.2s infinite;}
.lang-toolbar{display:flex;justify-content:center;align-items:center;}
.toolbar ul li.lang-toolbar a{display:inline-block;width:unset;margin:0px 2px;font-size:unset;}
.toolbar ul li.lang-toolbar a img{height:10% !important;}
.ex6 path{fill:transparent;stroke:#fff;stroke-width:0.5;stroke-dasharray:1500;stroke-dashoffset:1500;-webkit-animation:dash 5s ease forwards;animation:dash 5s ease forwards;}
@-webkit-keyframes dash{to{fill:#fff;stroke-dashoffset:0;}
}
@keyframes dash{to{fill:#fff;stroke-dashoffset:0;}
}
@keyframes tada{0%{transform:scaleX(1)}
10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}
30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg);}
40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg);}
to{transform:scaleX(1)}
}
@keyframes quickShow{0%{opacity:0;transform:scale(0);}
100%{opacity:1;transform:scale(1);}
}
@media(max-width:1001px){.toolbar{display:block;}
.scrollToTop,#messages-facebook{display:none !important;}
}
.social2{list-style:none;padding:0px;margin:0px;}
.social2 li{display:inline-block;vertical-align:top;}
.social2 li:last-child{margin-right:0px;}
.social-left{position:fixed;left:10px;top:40%;z-index:99;}
.social-left li{display:block;margin-bottom:0.5rem;transition:0.5s;position:relative;cursor:pointer;}
.social-left li img{max-height:40px;border-radius:50%;}
@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;}
.scrollToTopMobile{display: none !important;}
.logo-qr {
    width: 100%;
    display: inline-block;
}

.footer-news:nth-child(3) {
    width: 20%;
}
/* Responsive */
@media (max-width:1024px){.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;}
.product-tool{opacity:1;visibility:visible;position:initial;}
.product-tool a span{display:none;}
.head .head-top .wrap-content{justify-content:center !important}
.logo-res{display:none;}
.head .head-bottom .wrap-content{justify-content:center !important;flex-wrap:wrap;gap:10px}
.cols-about-us{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;z-index:10;gap:15px}
.cols-about-us >div:nth-child(1){width:100%;position:relative;}
.cols-about-us >div:nth-child(2){width:100%;}
.product{width:32%;}
.product:nth-child(4n+1){clear:unset;}
.product:nth-child(4n){margin-right:2%;}
.product:nth-child(3n+1){clear:both;}
.product:nth-child(3n){margin-right:0px;}
.head{display:none;}
.footer-statistic{text-align:center;}
.footer-copyright{text-align:center;}
.scrollToTopMobile{display:block !important;}
.header-bottom{display:none;}
.header-top .wrap-content{flex-wrap:wrap;justify-content:center;gap:10px;}
.header{padding:0;}
.scrollToTop,.wrap-menu{display:block !important;}
.logo-mmenu{zoom:0.5;}
.header{padding:0px !important;}
.social-header{display:none;}
.item-header{width:100%;justify-content:center;}
}
@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: 50%;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;}
.product{width:32%;}
.product:nth-child(4n+1){clear:unset;}
.product:nth-child(4n){margin-right:2%;}
.product:nth-child(3n+1){clear:both;}
.product:nth-child(3n){margin-right:0px;}
.news{width:49%;}
.news:nth-child(3n+1){clear:unset;}
.news:nth-child(3n){margin-right:2%;}
.news:nth-child(2n+1){clear:both;}
.news:nth-child(2n){margin-right:0px;}
.album-main{width:49%;}
.album-main:nth-child(3n+1){clear:unset;}
.album-main:nth-child(3n){margin-right:2%;}
.album-main:nth-child(2n+1){clear:both;}
.album-main:nth-child(2n){margin-right:0px;}
}
@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;}
.product{width:32%;}
.product:nth-child(4n+1){clear:unset;}
.product:nth-child(4n){margin-right:2%;}
.product:nth-child(3n+1){clear:both;}
.product:nth-child(3n){margin-right:0px;}
.footer-ul{list-style:none;}
.items-newsletter{display:flex;justify-content:space-between;align-items:start;gap:10px;flex-wrap:wrap}
.items-newsletter .newsletter-input{width:100%;}
.form .newsletter-textarea{width:100%;}
.newsletter-button{width:100%;}
}
@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;}
.title-main span{font-size:20px;}
.news{width:100%;}
.product{width:100%;}
.product:nth-child(3n+1){clear:unset;}
.product:nth-child(3n){margin-right:2%;}
.product:nth-child(2n+1){clear:both;}
.product:nth-child(2n){margin-right:0px;}
.name-about-us{font-size:30px;}
.title-about-us span{font-size:15px;}
}