/* @keyframe */
@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:#1E4A33; --color-social:#C70000; --color-hover:#FFC118; --color-text:#000; } 
body { font-size:14px; line-height:1.5; font-family:'MulishRegular' !important; } 
.max-width,.wrap-content { width:90%; max-width:1200px; margin:0px auto; } 
.mw-700 { max-width:700px; } 
.w-clear:after { display:block; content:""; clear:both; } 
img { max-width:100%; } 
* { box-sizing:border-box; } 
a { text-decoration:none; } 
.social-plugin { display:flex; margin-top:10px; } 
.scale-img { overflow:hidden; } 
.scale-img img,.scale-img picture { transition:all 0.5s; } 
.scale-img:hover > img,.scale-img:hover > picture { transform:scale(1.2,1.2); } 
.hover-img { position:relative; overflow:hidden; display:block; } 
/* Scale IMG */
.scale-img { display:block; overflow:hidden; position:relative; transition:box-shadow 0.3s ease-in-out; } 
.scale-img:hover { } 
.scale-img img { width:100%; height:auto; transform:scale(1) rotate(0deg); transition:transform 0.8s ease-in-out; } 
.scale-img:hover img { transform:scale(1.1) rotate(1deg); transition:transform 0.8s ease-in-out; } 
.scale-img img { transition:transform 1s ease-in-out; } 
.p-relative { position:relative; } 
/* Text Hide */
.text-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; } 
/* 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; } 
.gutter-x-20 { --bs-gutter-x:20px; } 
.gutter-x-5 { --bs-gutter-x:5px; } 
/* Header */
.header { position:relative; top:0; left:0; right:0; z-index:99; } 
.flex-header { display:flex; justify-content:space-between; align-items:center; } 
.cart-head { position:relative; color:#000; } 
.cart-head:hover { color:var(--color-hover); } 
.cart-head i { font-size:20px; } 
.cart-head .count-cart { position:absolute; z-index:999; color:#fff; background:#f00; border-radius:50%; top:-17px; left:18px; width:20px; height:20px; text-align:center; display:inline-flex; justify-content:center; align-items: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:#fff; height:15px; width:1px; } 
/* slideshow */
.slideshow { position:relative; } 
/* Search */
.search { width:25%; /* max-width:400px; */
 height:45px; position:relative; border-radius:0px; display:flex; justify-content:space-between; align-items:center; border-radius:5px; background:#fff; border:solid 1px #eee; border-radius:100px; } 
.search input { width:calc(100% - 35px); height:35px; font-size:13px; color:#333; border:none; background:#fff; border-radius:100px; font-family:'MontserratMedium'; } 
.search input:focus { border:none; box-shadow:none; } 
.search label { width:30px; height:30px; cursor:pointer; text-align:center; font-size:14px; background:var(--color-main); color:#fff; border-radius:50%; margin-right:5px; padding:5px 10px; padding-left:8px; } 
.search label 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,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; } 
/* Mmenu */
.offcanvas-body { flex-grow:1; padding:1rem 1rem; overflow:scroll; } 
.offcanvas-body::-webkit-scrollbar { width:4px; height:4px; transition:all 1s; } 
.offcanvas-body::-webkit-scrollbar-thumb { background-color:#0d6efd; border-radius:5px; transition:all 1s; } 
.offcanvas-body::-webkit-scrollbar-track { background:#fff; width:4px; height:4px; transition:all 1s; } 
.btn-close-menu { position:absolute; right:20px; top:20px; } 
.menu-mobile ul { padding:0px; } 
.menu-mobile ul li { position:relative; } 
.menu-mobile ul li > span i { transition:transform 0.3s ease; /* Adjust duration and easing as needed */
 } 
/* .menu-mobile ul li:last-child a { border-bottom:none; } 
*/
.menu-mobile ul li a { display:block; padding-right:30px; color:#333; font-size:15px; padding:10px 0px; border-bottom:1px solid #f1f1f1; } 
.menu-mobile ul li a i { margin-right:10px; } 
.menu-mobile ul li li a { font-weight:normal; } 
.menu-mobile ul li a:hover { color:#f00; } 
.menu-mobile ul li .scroll { position:absolute; right:0px; top:9px; background:var(--color-main); font-size:17px; line-height:18px; height:25px; color:#fff; width:35px; border-radius:5px; display:flex; justify-content:center; align-items:center; cursor:pointer; } 
.menu-mobile ul li:hover { color:#f00; } 
.menu-mobile ul ul li .scroll { background:none; color:#0253a4; } 
.menu-mobile ul li ul { padding-left:10px; } 
.company { border-bottom:1px solid #f1f1f1; padding-bottom:10px; } 
.company p { margin-bottom:5px; font-size:13px; } 
.company p span { color:var(--color-main); } 
.head-menu { display:flex; justify-content:center; flex-wrap:wrap; } 
.head-menu img { max-width:80px; } 
.search-menu { width:100%; position:relative; margin:10px 0px; } 
.search-menu input { width:100%; background:#f5f5fa; border:1px solid #f1f1f1; height:40px !important; font-size:13px; } 
.search-menu p { position:absolute; right:10px; bottom:8px; } 
/* Menu */
#menu { display:none; } 
#hamburger { display:none; width:35px; height:23px; position:relative; cursor:pointer; } 
#hamburger:before,#hamburger:after,#hamburger span { background:#ffffff; content:''; display:block; width:100%; height:2px; 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; } 
.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; } 
.wrap-menu { /* display:flex; */
 /* justify-content:space-between; */
 /* align-items:center; */
 /* gap:10px; */
 /* position:relative; */
 } 
.menu-head-left { position:relative; } 
.title-menu { color:#fff; font-size:14px; font-weight:500; cursor:pointer; line-height:40px; display:block; } 
.menu-product-list { position:absolute; z-index:99; top:100%; width:250px; background:#fff; border-radius:2px; } 
.menu-product-list ul { padding:0px; margin-bottom:0px; } 
.menu-product-list ul ul { position:absolute; width:750px; background:#fff; left:100%; top:0px; border:1px solid #999; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; height:100%; overflow-x:hidden; } 
.menu-product-list ul ul ul { position:relative; left:0px; top:0px; width:100%; border:none; display:block; height:auto; } 
.menu-product-list ul li a { position:relative; display:block; color:#333; font-size:14px; font-weight:500; padding:5px 10px 5px 10px; border-bottom:1px solid #ddd; } 
.menu-product-list ul li a .icon-down { position:absolute; right:10px; top:10px; } 
.menu-product-list ul ul li a span { position:absolute; right:10px; font-size:13px; font-weight:500; color:#00a3ff; } 
.menu-product-list ul li a:hover { color:#f00; } 
.menu-product-list ul ul li a { border-bottom:none; font-weight:bold; } 
.menu-product-list ul ul ul li a { font-weight:normal; } 
.menu { position:relative; z-index:99; left:0; right:0; top:0; width:100%; padding:0px 0; background:var(--color-main); } 
.menu .wrap-content { text-align:center; display:flex; justify-content:space-between; align-items:center; position:relative; } 
.fix_menu { position:fixed !important; box-shadow:0 0 1px #999; background:#fff; } 
.menu ul { width:100%; padding:0px; margin:0; list-style:none; margin:auto; padding-left:5%; } 
.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:17px; color:#fff; font-family:'MulishSemiBold'; padding:0; position:relative; z-index:1; /* text-align:center; */
 text-decoration:none !important; display:block; text-transform:capitalize; /* margin:auto; */
 padding:8px 15px; border-radius:0px; } 
.menu ul li a img { vertical-align:middle; } 
.menu ul li a.active,.menu ul li:hover > a { color:var(--color-main); background:var( --color-hover); } 
/* .menu ul li a::before { position:absolute; content:''; width:100%; height:2px; background-color:var(--color-main); border-radius:5px; left:0px; bottom:-3px; transform-origin:right; transform:scaleX(0); transition:transform 0.5s; } 
.menu ul li > a.active::before,.menu ul li:hover > a::before { transform-origin:left; transform:scaleX(1); } 
*/
.menu ul li ul li a:before { position:absolute; content:''; top:50%; left:0; width:0; height:1px; background:var(--color-hover); transition:all .3s linear; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -o-transition:all .3s linear; -ms-transition:all .3s linear; visibility:hidden; opacity:0; } 
.menu ul li ul li a:hover:before,.menu ul li ul li>a.active:before { left:0; visibility:visible; opacity:1; width:30px; } 
.menu ul li ul { position:absolute; min-width:250px; left:0; background:#fff; box-shadow:0 3px 11px 0 rgba(0,0,0,0.3); -webkit-transform:perspective(600px) rotateX(-90deg); transform:perspective(600px) rotateX(-90deg); -webkit-transform-origin:0 0 0; transform-origin:0 0 0; opacity:0; visibility:hidden; transition:all 0.5s; } 
.menu ul li:hover > ul { -webkit-transform:perspective(600px) rotateX(0); transform:perspective(600px) rotateX(0); -webkit-transform-origin:0 0 0; opacity:1; visibility:visible; transition:all 0.7s; } 
.menu ul li ul li { text-align:left; border-bottom:1px solid rgb(173 173 173 / 32%); } 
.menu ul li ul li:last-child { border-bottom:0px; } 
.menu ul li ul li a { font-size:14px; padding:10px; display:block; text-decoration:none !important; line-height:20px; text-align:left; font-weight:500; text-transform:capitalize; color:#333; } 
.menu ul li ul { padding:0 } 
.menu ul li ul li a:hover { background:none; color:var(--color-hover) } 
.menu ul li ul li ul { top:0px; left:100%; } 
.menu ul li ul li a:before { position:absolute; content:''; top:50%; left:0; width:0; height:1px; background:var(--color-main); transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; visibility:hidden; opacity:0; } 
.menu ul li ul li a:hover:before,.menu ul li ul li > a.active:before { left:0; visibility:visible; opacity:1; width:30px; } 
.menu ul li ul li a:hover { padding-left:40px; } 
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; } 
/* DT */
.item-partner { display:block; padding:0; border:solid 1px #cfcfcf; border-radius:10px; padding:5px 20px; background:#fff; } 
.box-photo-ct { border-radius:20px; overflow:hidden; } 
.title-detail { position:relative; margin:20px 0px; } 
.title-detail h1 { font-size:30px; color:var(--color-main); font-weight:700; text-align:center; text-transform:uppercase; font-family:'MontserratExtraBold'; } 
.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; 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:0px; } 
.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; } 
.tt-toc { position:relative; font-size:18px; text-transform:uppercase; font-family:RobotoBold; display:flex; justify-content:space-between; align-items:center; cursor:pointer; } 
.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; display:none; } 
.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; color:#fff; } 
.info-footer { padding:50px 0px; background:url("../images/main/bg-footer.webp")no-repeat; background-size:cover; padding-top:90px; } 
.title-footer { margin-bottom:0.75rem; position:relative; font-size:15px; font-weight:700; text-transform:uppercase; color:#fff; position:relative; font-family:'MontserratBold'; } 
.info-footer .flex-footer .box-footer:nth-child(1) { width:25%; } 
.info-footer .flex-footer .box-footer:nth-child(2) { width:35%; } 
.info-footer .flex-footer .box-footer:nth-child(3) { width:15%; } 
.map-footer { position:relative; width:100%; height:350px; } 
.map-footer iframe { position:absolute; width:100%; height:100%; } 
.page-item.active .page-link { background-color:var(--color-main); border-color:var(--color-main); } 
.page-link { color:#000; } 
.footer-powered { padding:10px 15px; background:var(--color-hover); } 
.flex-powered { display:flex; justify-content:space-between; align-items:center; } 
.statistic span { position:relative; padding:0px 5px; color:#000; } 
/* Tags */
.wrap-tags { padding: 0 0 30px 0; } 
.title-tags { position:relative; font-size:1em; font-weight:600; padding-bottom:15px; margin-bottom:15px; color:#000; } 
.title-tags:after { content:''; position:absolute; left:0px; bottom:0px; background-color:var(--color-main); display:block; height:3px; width:30px; } 
.flex-tags { display:flex; gap:5px; flex-wrap: wrap; } 
.flex-tags a { background-color:var(--color-main); color:#fff; border:1px solid; border-radius:5px; display:inline-block; opacity:0.8; padding:5px 15px; } 
.flex-tags a:hover { background-color:#f00; border-color:#f00; color:#fff; opacity:1; } 

/* Criteria */
.wrap-criteria { position:relative; padding:50px 0; } 
.box-criteria { display:block; text-align:center; } 
.info-criteria { position:relative; text-align:center; z-index:2; } 
.criteria-image { margin-bottom:1rem; display:inline-block; } 
.info-criteria p { margin:0; position:relative; font-size:15px; color:#fff; font-family:'RobotoBold'; text-transform:uppercase; margin-bottom:2% !important; padding-top:25px; } 
.info-criteria span { color:#DBDBDB; } 
.pic-criteria { display:inline-flex; justify-content:center; align-items:center; /* overflow:hidden; */
 position:relative; border:solid 1px #fff; border-radius:50%; padding:5px; } 
.img-criteria { display:inline-flex; justify-content:center; align-items:center; position:relative; z-index:1; } 
.items-criteria { display:flex; justify-content:start; align-items:start; gap:10px; width:calc(50% - 5px); } 
/* .info-criteria::before { position:absolute; content:''; width:103px; height:85px; left:50%; top:35%; transform:translate(-50%,-50%); background:#00000057; animation:liquid1 linear 4s infinite; } 
.cols-criteria .owl-stage .owl-item:nth-child(n+1) .pic-criteria::before { animation:liquid1 linear 4s infinite; } 
.cols-criteria .owl-stage .owl-item:nth-child(2n+1) .pic-criteria::before { animation:liquid2 linear 4s infinite; } 
.cols-criteria .owl-stage .owl-item:nth-child(3n+1) .pic-criteria::before { animation:liquid3 linear 4s infinite; } 
@keyframes liquid1 { 
 0% { border-radius:19% 29% 26% 71% / 20% 29% 28% 69%; } 
33% { border-radius:67% 29% 25% 9% / 79% 29% 43% 25%; } 
66% { border-radius:16% 20% 77% 18% / 29% 22% 72% 33%; } 
100% { border-radius:19% 29% 26% 71% / 20% 29% 28% 69%; } 
 } 
@keyframes liquid2 { 
 0% { border-radius:67% 29% 25% 9% / 79% 29% 43% 25%; } 
33% { border-radius:16% 20% 77% 18% / 29% 22% 72% 33%; } 
66% { border-radius:19% 29% 26% 71% / 20% 29% 28% 69%; } 
100% { border-radius:67% 29% 25% 9% / 79% 29% 43% 25%; } 
 } 
@keyframes liquid3 { 
 0% { border-radius:16% 20% 77% 18% / 29% 22% 72% 33%; } 
33% { border-radius:19% 29% 26% 71% / 20% 29% 28% 69%; } 
66% { border-radius:67% 29% 25% 9% / 79% 29% 43% 25%; } 
100% { border-radius:16% 20% 77% 18% / 29% 22% 72% 33%; } 
 } 
*/
/* Feedback */
.slick-slideshow .slick-slide.slick-active:has(+ .slick-center) { transform:translateX(-13px); transition:0.6s all; } 
.slick-slideshow .slick-slide.slick-current.slick-active.slick-center + .slick-slide { transform:translateX(13px); } 
.slick-slideshow .slick-slide.slick-current.slick-active.slick-center .box-feedback { transform:scale(1); } 
.slick-slideshow .slick-slide.slick-current.slick-active.slick-center .pic-feedback { position:relative; transition:0.6s all; } 
.nextArr-c { position:absolute; top:50%; transform:translateY(-50%); z-index:9; cursor:pointer; } 
.prevArr-c { position:absolute; top:50%; transform:translateY(-50%); z-index:9; cursor:pointer; } 
.prevArr-c { left:-10%; } 
.nextArr-c { left:-20%; } 
.prevArr-c:hover { opacity:1; } 
.nextArr-c:hover { opacity:1; } 
.wrap-feedback { position:relative; padding:50px 0; } 
.col-feedback { display:flex; justify-content:space-between; flex-wrap:wrap; } 
.col-feedback >div:nth-child(1) { width:60%; } 
.col-feedback >div:nth-child(2) { width:38%; text-align:right; position:relative; } 
.box-feedback { position:relative; transition:all 0.6s; display:block; text-align:center; transition:ease 0.5s; } 
.info-feedback { position:relative; text-align:left; background:#ffffff5c; border-radius:0px; border:solid 1px #fff; padding:15px 15px; } 
.info-feedback p { margin-bottom:0px !important; position:relative; text-transform:capitalize; font-family:'RobotoBold'; color:#fff; font-size:18px; } 
.info-feedback span { color:#fff; font-size:14px; margin:10px 0; } 
.pic-feedback a { display:inline-block !important; border-radius:50%; } 
.pic-feedback { position:relative; z-index:1; display:inline-flex; justify-content:center; align-items:center; border:solid 2px #fff; border-radius:50%; } 
.desc-feedback { position:relative; text-align:left; color:#000; font-size:14px; } 
.video-clips { position:relative; } 
.slider_nav .video-clips { margin-right:10px; } 
.slider_nav .video-clips:last-child { margin:0; } 
.slider_nav .slick-track { } 
.title-feedback { text-align:center; } 
.title-feedback span { font-family:'UTMHanzel'; font-size:40px; color:var(--color-main); text-transform:uppercase; display:inline-block; margin-top:-21px; } 
.title-feedback p { margin-bottom:0px !important; font-size:60px; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:var(--color-main); -webkit-text-fill-color:transparent; color:transparent; text-transform:uppercase; font-family:'UTMHanzel'; } 
.items-feedback { text-align:center; display:flex; justify-content:start; align-items:center; gap:15px; padding-bottom:5%; } 
.chatbox { text-align:center; right:0px; bottom:0px; margin:0; top:auto; } 
.cols-newsletter { display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; gap:5px; } 
.form-newsletters { text-align:center; } 
.form .form-floating { display:flex; justify-content:space-between; align-items:center; } 
/* Album */
.wrap-album { position:relative; padding:50px 0; } 
.box-album { display:block; box-shadow:0 1px 8px rgba(0,0,0,0.3); padding:15px; border-radius:10px; margin-top:36px; padding:30px; } 
.img-album { display:inline-flex !important; 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%); border-bottom-left-radius:10px; border-bottom-right-radius:10px; } 
.info-album h3 { font-size:inherit; margin:0; } 
.name-album { color:#fff; font-size:14px; text-transform:capitalize; text-decoration:none; cursor:pointer; font-family:'MontserratBold'; transition:all .3s !important; } 
.name-album:hover { color:var(--color-hover); } 
.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 { display:grid; grid-template-columns:auto 470px auto; grid-template-rows:auto auto; gap:20px; } 
.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 { position:relative; padding:50px 0; background:url("../images/main/bg-color.webp")repeat; background-size:cover; } 
.pic-service { display:block; justify-content:center; align-items:center; text-align:center; position:relative; } 
.img-service img { display:block; } 
.box-service { position:relative; text-align:center; display:block; transition:ease 0.5s; } 
.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:2; display:block; border-radius:15px; } 
.info-service { text-align:left; transition:all 0.5s; position:absolute; bottom:0; left:0; right:0; z-index:2; padding:15px; background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9999999999999999) 100%); border-bottom-left-radius:15px; border-bottom-right-radius:15px; } 
.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; font-size:15px; font-family:'RobotoBold'; color:#fff; text-transform:uppercase; } 
.name-service:hover { color:var(--color-hover); } 
.desc-service { font-size:14px; color:#000; margin:15px 0; } 
.service { float:left; width:32%; margin:0 2% 2% 0; } 
.service:nth-child(3n+1) { clear:both; } 
.service:nth-child(3n) { margin-right:0px; } 
.cols-service { display:flex; justify-content:space-between; align-items:center; padding:20px; border:dashed 1px #fff; border-radius:10px; } 
.cols-service >div:nth-child(1) { width:49%; } 
.cols-service >div:nth-child(2) { width:49%; } 
.service-index { position:relative; text-align:center; margin-top:-7%; } 
/* Product */
.wrap-product:nth-child(2n) { } 
.item-product { padding-bottom:50px; } 
.item-product:nth-child(2n + 1) { } 
.box-product { position:relative; text-align:center; transition:all .5s; } 
.pic-product { position:relative; margin-bottom:0; } 
.pic-product img { width:100%; } 
.info-product { } 
.name-product { } 
.name-product:hover { color:var(--color-hover); } 
.price-product { margin-bottom:0px; margin-top:5px; display:inline-flex; justify-content:center; align-items:baseline; /* flex-wrap:wrap; */
 /* flex-direction:column; */
 gap:3px; text-align:center; } 
.price-title { font-size:14px; color:var(--color-gray); } 
.price-hotline { font-size:15px; color:var(--color-red); font-weight:700; } 
.price-product b { color:#fff; font-family:'SVN-Poppins'; font-weight:normal; font-size:15px; } 
.price-new { position:relative; text-transform:capitalize; } 
.price-new:hover { color:var(--color-hover); } 
.price-old { } 
.price-per { /* position:absolute; */
 /* top:15px; */
 /* right:15px; */
 color:#fff1db; /* background:url(../images/sale-pro.webp)no-repeat; */
 background-size:100% 100%; font-size:11px; width:42px; height:20px; font-family:'RobotoBold'; text-align:center; display:inline-flex; display:grid; justify-content:center; align-items:center; text-transform:capitalize; border:solid 1px #C70000; background:#FFEDED; color:#C70000; padding-top:2px; } 
.pic-product a { display:block; border-radius:10px; } 
/* hover 7 color */
.box-product .i_left { position:absolute; height:0; 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 } 
/* Product Tool */
.product-tool { opacity:0; visibility:hidden; position:absolute; width:100%; left:0px; bottom:15px; z-index:1; flex-wrap:wrap; align-items:center; justify-content:space-evenly; } 
.product-tool a { cursor:pointer; padding:7px 15px; font-size:12px; text-align:center; color:#ffffff; background:#025738; border-radius:30px; box-shadow:#00000050 1px 1px 2px 1px; margin-bottom:5px; transition:all ease 0.4s; border-radius:5px !important; } 
.product-tool a:hover { background-color:#FF9700; } 
.box-product:hover .product-tool { opacity:1; visibility:visible; } 
.popupProduct .modal-lg,.modal-xl { max-width:85% !important; } 
/* 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:10px; border-bottom:2px solid var(--color-main); border-left:2px solid var(--color-main); -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:10px; border-top:2px solid var(--color-main); border-right:2px solid var(--color-main); -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); } 
.shadow-product2 { -webkit-box-shadow:0 0 35px rgba(17,44,145,.1); -moz-box-shadow:0 0 35px rgba(17,44,145,.1); box-shadow:0 0 35px rgba(17,44,145,.1); } 
.shadow-product2:hover { -webkit-box-shadow:0 0 10px rgba(17,44,145,.4); -moz-box-shadow:0 0 10px rgba(17,44,145,.4); box-shadow:0 0 10px rgba(17,44,145,.4) } 
.price-new span { font-size:14px; color:#333; } 
.price-old span { color:#7C7C7C; font-size:14px; } 
.box-top-shadow:hover { box-shadow:0 4px 4px rgb(0 0 0 / 15%); transform:translateY(-10px) } 
.title-product-cat { list-style:none; padding:0; margin:0; z-index:2; position:relative; /* white-space:nowrap; */
 display:flex; justify-content:end; align-items:start; gap:10px; width:66%; } 
.title-product-cat li { display:inline-block; text-align:left; } 
.title-product-cat::-webkit-scrollbar { width:5px; } 
.title-product-cat::-webkit-scrollbar-track { } 
.title-product-cat::-webkit-scrollbar-thumb { background-color:#0273C5; } 
.title-product-cat li a { cursor:pointer; display:inline-flex; justify-content:start; align-items:center; gap:5px; text-align:center; font-size:15px; text-transform:capitalize; font-family:'SFProDisplay-Medium'; color:#888888; transition:all 0.3s; position:relative; border:solid 1px #ccc; border-radius:100px; padding:3px 15px; } 
.title-product-cat li.active a,.title-product-cat li a:hover { transition:all ease 0.4s; color:#fff !important; background:var( --color-main); } 
/* .title-product-cat li a::before { position:absolute; content:''; width:100%; height:2px; background-color:#FFB0BD; border-radius:5px; left:0px; bottom:-8px; transform-origin:right; transform:scaleX(0); transition:transform 0.5s; } 
.title-product-cat li:hover > a::before { transform-origin:left; transform:scaleX(1); } 
*/
.title-product-cat li > a.active::before { transform-origin:left; transform:scaleX(1); } 
.title-product-cat li.active a::before { transform-origin:left; transform:scaleX(1); } 
.title-product-list { list-style:none; z-index:10; position:relative; /* white-space:nowrap; */
 display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; margin:0; padding:0; text-align:center; margin-bottom:1.5rem; } 
.title-product-list li { display:inline-block; text-align:left; position:relative; z-index:1; cursor:pointer; } 
.title-product-list li a { cursor:pointer; text-align:center; font-size:16px; color:#000 !important; transition:all 0.3s; font-family:'MulishMedium'; display:flex; justify-content:center; align-items:center; text-transform:capitalize; gap:10px; padding:7px 20px; border-radius:100px; } 
.title-product-list li.active a,.title-product-list li a:hover { transition:all ease 0.4s; color:#fff !important; background:var(--color-main); } 
/*.title-product-list li a::before { position:absolute; content:''; width:100%; height:2px; background-color:#FCDD2E; border-radius:5px; left:0px; bottom:-8px; transform-origin:right; transform:scaleX(0); transition:transform 0.5s; } 
.title-product-list li:hover > a::before { transform-origin:left; transform:scaleX(1); } 
.title-product-list li > a.active::before { transform-origin:left; transform:scaleX(1); } 
.title-product-list li.active a::before { transform-origin:left; transform:scaleX(1); } 
*/
.product { float:left; width:23.5%; margin:0 2% 2% 0; } 
.product:nth-child(4n+1) { clear:both; } 
.product:nth-child(4n) { margin-right:0px; } 
.wrap-product { position:relative; padding-top:50px; } 
.desc-product { font-size:14px; color:#646464; line-height:25px; } 
.desc-product p { margin: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; padding-top:50px; background:#E8F3EC; } 
.info-product { padding-top:10px; text-align:center; z-index:3; } 
.info-product h3 { font-size:inherit; margin-bottom:0px !important; position:relative; } 
.control-product button { } 
.control-product button.owl-prev { left:-4%; } 
.control-product button.owl-next { right:-4%; } 
.control-product button { background:none; opacity:0.5; border-radius:50%; width:35px; height:35px; display:inline-flex; justify-content:center; align-items:center; border:solid 2px #000; } 
.control-product button svg { stroke:#000; } 
.control-product button:hover svg { stroke:#042552; } 
.control-product img { transform:scale(0.65); } 
.control-product-hot button { background-color:transparent; color:#222222; opacity:1; width:60px; font-size:23px; border:none; } 
.control-product-hot button:hover { opacity:0.7; } 
.control-product-hot button.owl-prev { left:-50px; } 
.control-product-hot button.owl-next { right:-51px; } 
.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; background:#f5f5f5; } 
.info-newsnb { } 
.info-newsnb h3 { font-size:inherit; margin-bottom:5px !important; position:relative; } 
.name-newsnb { transition:0.3s; position:relative; color:#000; border-radius:0 !important; font-family:'MulishSemiBold'; font-size:16px; text-transform:capitalize; } 
.name-newsnb:hover { color:var(--color-main) !important; } 
.cols-news-hot { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:start; gap:10px; } 
.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:#5C5C5C; font-size:15px; } 
.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; background:#fff; padding:10px; box-shadow:0 0px 2px rgba(0,0,0,0.3); border-radius:15px; margin-bottom:1.5rem; } 
.pic-newsnb { position:relative; /* z-index:-1; */
 display:flex; justify-content:start; align-items:start; flex-direction:row-reverse; } 
.pic-newsnb a { position:relative; border-radius:10px; } 
.info-newsnb { transition:.5s ease; position:relative; bottom:0; left:0; right:0; text-align:left; z-index:2; padding:15px; } 
.items-newsnb .info-newsnb { padding:0; text-align:left; z-index:12; width:90%; } 
.time-newsnb { position:relative; display:inline-flex; justify-content:start; align-items:center; color:#717171; gap:5px; } 
.time-newsnb p { margin:0; margin-bottom:0px !important; position:relative; line-height:1; font-size:20px; font-family:'MontserratBold'; color:#000; } 
.time-newsnb span { display:inline-block; color:#000; } 
.view-news { position:relative; text-align:left; } 
.view-news a { transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) 0s; color:#000; font-family:'RobotoBold'; font-size:14px; display:inline-flex; justify-content:start; align-items:center; gap:10px; text-transform:capitalize; color:var(--color-main); } 
.view-news a:hover { letter-spacing:1px; color:var(--color-hover); } 
.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:3%; 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:var(--color-hover) !important; } 
.pic-news-page { position:relative; } 
.pic-news-page a { border-radius:10px; } 
.view-news-page a { position:relative; transition:all 0.5s; color:var(--color-hover); 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; } 
.cols-news { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; flex-wrap:wrap; } 
.cols-news >div:nth-child(1) { width:280px; position:sticky; top:50px; } 
.cols-news >div:nth-child(2) { width:calc(100% - 300px) } 
/* News intro */
.news-intro:before { content:""; position:absolute; width:1px; height:calc(100% - 50px); top:10px; left:90px; background-color:#cacaca; } 
.news-scroll:before,.news-scroll:after { content:""; position:absolute; width:10px; height:10px; left:85px; border-radius:100%; background-color:#cacaca; } 
.news-scroll:before { top:10px; } 
.news-scroll:after { bottom:40px; } 
.news-control { left:85px; font-size:13px; opacity:0.5; z-index:1; cursor:pointer; } 
.news-control:hover { opacity:1; color:var(--color-main); } 
.news-control#up { top:-10px; } 
.news-control#down { bottom:20px; } 
.news-shadow { padding-bottom:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } 
.news-shadow .news-shadow-time { font-size:13px; width:75px; margin-right:45px; border:dashed 1px #333; padding:5px } 
.news-shadow .news-shadow-time span:first-child { font-size:25px; font-family:'RobotoBold' } 
.news-shadow .news-shadow-time:after { content:""; position:absolute; width:20px; height:20px; top:calc(50% - 20px / 2); right:-26px; background-repeat:no-repeat; background-position:center; background-image:url(../images/pattern-news.png); } 
.news-shadow .news-shadow-article { width:calc(100% - 120px); padding:14px 15px; border-radius:10px; background-color:#ffffff; border:1px solid #cecabb; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } 
.news-shadow .news-shadow-article:before { content:""; position:absolute; top:calc(50% - 26px / 2); left:-13px; z-index:0; border-top:13px solid transparent; border-right:13px solid #cecabb; border-bottom:13px solid transparent; } 
.news-shadow .news-shadow-article:after { content:""; position:absolute; top:calc(50% - 24px / 2); left:-11px; z-index:1; border-top:12px solid transparent; border-right:11px solid #ffffff; border-bottom:12px solid transparent; } 
.news-shadow .news-shadow-article .news-shadow-image { margin-right:10px; width:90px; } 
.news-shadow .news-shadow-article .news-shadow-info { width:calc(100% - 100px); } 
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name { height:36px; font-size:15px; font-weight:700; } 
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a { color:#222222; } 
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a:hover { color:var(--color-main); } 
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-name a .text-split { -webkit-line-clamp:2; } 
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-desc { height:38px; font-size:13px; } 
.news-shadow .news-shadow-article .news-shadow-info .news-shadow-desc.text-split { -webkit-line-clamp:2; } 
/* About us */
.wrap-about-us { position:relative; padding:100px 0; overflow:hidden; padding-bottom:50px; } 
.cols-about-us { display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; position:relative; z-index:2; } 
.cols-about-us >div:nth-child(1) { width:50%; position:relative; text-align:left; } 
.cols-about-us >div:nth-child(2) { position:relative; width:47%; z-index:2; } 
.cols-about-us >div:nth-child(3) { position:relative; width:27%; z-index:2; text-align:right; } 
.photo-about-us { position:relative; display:flex; justify-content:start; /* flex-wrap:wrap; */
gap:10px; } 
.pic-about-us { display:inline-flex; position:relative; z-index:2 !important; } 
.pic-about-us:first-child { } 
.pic-about-us:first-child a { position:relative; z-index:2; display:inline-block !important; } 
.pic-about-us:last-child { position:absolute; top:-50px; right:0; border:solid var(--color-hover); border-radius:15px; } 
.pic-about-us:last-child a { } 
.pic-about-us a { padding:0; position:relative; display:block; border-radius:15px; } 
.desc-about-us { font-size:14px; color:#313131; line-height:25px; margin:auto; font-family:'MontserratMedium'; } 
.info-about-us { display:block; text-align:left; position:relative; } 
.name-about-us { margin:0; position:relative; color:var(--color-main); font-size:45px; text-transform:uppercase; background:linear-gradient(90deg,rgba(30,74,51,1) 0%,rgba(84,172,55,1) 51%,rgba(30,74,51,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-family:'SVN-PoppinsSemiBold'; } 
.title-about-us { margin-bottom:10px; position:relative; z-index:12; text-align:left; border-left:solid 5px var(--color-main); padding-left:3%; } 
.title-about-us p { margin:0; font-size:25px; margin-bottom:0px !important; color:#000; text-transform:capitalize; } 
.title-about-us span { color:#231F20; font-family:'BT-BeauSans-Bold'; font-size:16px; /* animation:changeColor 1s infinite alternate; */
 margin-bottom:0px !important; display:inline-block; margin-top:10px; } 
@keyframes changeColor { 
 0% { background:#008001; } 
100% { background:#BD000D; } 
 } 
.move_picture:first-child { position:relative; animation:quayvong 6s infinite linear; display:inline-block; } 
.move_picture:last-child { position:absolute; right:0px; top:0px; z-index:3; animation:quayvong2 6s infinite linear; display:inline-block; } 
/* Img Animation */
@keyframes quayvong { 
 0% { transform:translate(0%,0%) rotate(0deg); } 
25% { transform:translate(10%,0%) rotate(-2deg); } 
50% { transform:translate(10%,10%) rotate(2deg); z-index:3; } 
75% { transform:translate(0%,10%) rotate(-2deg); z-index:3; } 
100% { transform:translate(0%,0%) rotate(0deg); } 
 } 
@keyframes quayvong2 { 
 0% { transform:translate(0%,0%) rotate(0deg); } 
25% { transform:translate(-10%,0%) rotate(2deg); } 
50% { transform:translate(-10%,-10%) rotate(-2deg); z-index:1; } 
75% { transform:translate(0%,-10%) rotate(2deg); z-index:1; } 
100% { transform:translate(0%,0%) rotate(0deg); } 
 } 
.more { text-align:center; /* margin-top:15px; */
 display:inline-flex; align-items:center; justify-content:center; font-family:'RobotoMedium'; position:relative; z-index:2; } 
.more a { transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) 0s; transition:all .6s; display:inline-flex; justify-content:center; align-items:center; gap:15px; text-decoration:none; cursor:pointer; text-transform:uppercase; color:#fff; position:relative; font-size:14px; padding:5px; padding-left:25px; border-radius:100px; background:var(--color-main); } 
.more a:hover { color:#fff; background:#FFB502; } 
.view-more { text-align:left; } 
.view-more a { font-size:14px; text-transform:capitalize; color:#9E0301; transition:all .4s; font-family:'SVN-GilroyBold'; } 
.view-more a:hover { letter-spacing:.5px } 
.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 } 
button.view-button { position:relative; padding:8px 20px; text-align:center; display:block; overflow:hidden; border-radius:100px; font-size:14px; } 
button.view-button span { position:relative; color:#fff; z-index:1; text-transform:capitalize; } 
button.view-button:hover span { color:#fff; } 
button.view-button > div { position:absolute; top:-80px; left:0; width:200px; height:200px; background:var(--color-main); transition:0.5s; } 
button.view-button > div::after,button.view-button > div::before { content:''; width:200%; height:200%; position:absolute; } 
button.view-button > div::before { border-radius:45%; background:rgba(20,20,20,1); animation:animate_gioithieu_button 5s linear infinite; } 
button.view-button > div::after { border-radius:40%; background:rgba(20,20,20,0.5); animation:animate_gioithieu_button 10s linear infinite; } 
button.view-button:hover > div { top:-150px; } 
@keyframes animate_gioithieu_button { 
 0% { transform:translate(-50%,-75%) rotate(0deg); } 
100% { transform:translate(-50%,-75%) rotate(360deg); } 
 } 
/* Form */
.wrap-form { position:relative; padding:50px 0; background:url("../images/main/bg-form.webp")no-repeat; background-size:cover; background-attachment:fixed; } 
.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:center; position:relative; margin-bottom:1.5rem; } 
.title-form p { margin:0; position:relative; font-size:14px; margin-bottom:0px !important; color:#000; font-size:35px; font-family:''; font-family:'BeautiqueDisplay-Bold'; color:#000; text-transform:capitalize; } 
.title-form span { display:inline-block; color:#000; font-size:15px; } 
.newsletter-input { position:relative; } 
.newsletter-input .form-control { height:calc(1em + 1.5rem + 8px); color:#fff; background:#ffffff00; border:none; border-radius:0px; border-bottom:solid 1px #fff; } 
.newsletter-input textarea { height:100px !important; } 
.newsletter-textarea i { position:absolute; right:2%; top:35%; } 
.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:start; gap:15px; flex-wrap:wrap; margin:auto; text-align:center; } 
.newsletter-button input { text-transform:uppercase; color:#fff; border:none; padding:10px 20px; font-family:'RobotoBold'; transition:all 0.5s; font-size:14px; width:30%; border-radius:0px; border-radius:5px !important; } 
.newsletter-button [type=submit] { color:#000; border-radius:0px; background:var(--color-hover); } 
.newsletter-button [type=rest] { } 
.newsletter-button:hover input { background:var(--color-main); color:#fff; } 
.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; height:50px; font-size:14px; background:#ffffff5c; border-radius:0px; border:solid 1px #fff; } 
.form .form-floating.form-floating-cus>textarea { height:calc(1em + 1.5rem + 8px); height:115px; background:#ffffff5c; color:#fff; border:none; border-radius:0px; border:solid 1px #fff; } 
.form .newsletter-input { width:100%; } 
.items-newsletter .newsletter-input { width:calc(50% - 5px); } 
.form { position:relative; z-index:3; margin:auto; text-align:center; } 
.form .newsletter-textarea { position:relative; width:100%; margin-bottom:2%; margin-top:1%; } 
.form .newsletter-input label { color:#fff; } 
.form .newsletter-textarea label { color:#fff; } 
.cols-form { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; } 
.cols-form >div:nth-child(1) { width:70%; position:relative; text-align:center; z-index:2; } 
.cols-form >div:nth-child(2) { width:28%; position:relative; } 
/* Partner */
.partner-index { position:relative; } 
.control-partner button { background-color:transparent; color:#222222; border-radius:50%; border:solid 1px #333; opacity:1; width:35px; height:35px; font-size:14px; } 
.control-partner button svg { stroke:#000; } 
.control-partner button:hover { opacity:0.7; } 
.control-partner button.owl-prev { left:-40px; } 
.control-partner button.owl-next { right:-40px; } 
.wrap-partner { position:relative; padding:50px 0; background:#F2F2F2; } 
.wrap-partner .wrap-content { } 
.partner { display:block; margin:0px auto; border:solid 1px #CACACA; } 
/* Title Main */
.title-main { margin-bottom:1.5rem; text-align:center; position:relative; } 
.title-main span,.title-main h1 { font-size:45px; position:relative; text-transform:uppercase; color:var(--color-main); background:linear-gradient(90deg,rgba(30,74,51,1) 0%,rgba(84,172,55,1) 51%,rgba(30,74,51,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-family:'SVN-PoppinsSemiBold'; } 
.title-slogan { font-size:15px !important; color:#333; position:relative; margin-bottom:0px !important; margin-top:0 !important; } 
.title-main p { margin-bottom:0; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:var(--color-hover); -webkit-text-fill-color:transparent; color:transparent; text-transform:uppercase; font-size:60px; font-family:'MulishExtraBold'; opacity:0.4; margin-bottom:-4% !important; position:relative; } 
/* Sort */
.sort-select { display:flex; justify-content:end; margin:20px 0px; position:relative; } 
.sort-select .click-sort { border:1px solid #e0e0e0; border-radius:4px; cursor:pointer; font-size:14px; padding:6px 10px 6px 8px; margin:0px; } 
.sort-select-main { display:grid; background-color:#fff; border-radius:4px; box-shadow:0 4px 6px rgb(0 0 0 / 20%); position:absolute; padding:0 7px; top:30px; right:0; width:160px; z-index:2; } 
.sort-select-main p { border-bottom:1px solid #f1f1f1; margin:0px; order:2; } 
.sort-select-main p:has(.check) { order:1; } 
.sort a { color:#000; font-size:14px; line-height:17px; padding:11px 3px; display:block; cursor:pointer; } 
.sort a.check i { box-sizing:border-box; position:relative; display:inline-block; transform:scale(var(--ggs,1)); width:22px; height:16px; border:2px solid transparent; border-radius:100px; vertical-align:middle; } 
.sort a.check i::after { content:''; display:block; box-sizing:border-box; position:absolute; left:3px; top:-4px; width:6px; height:10px; border-width:0 2px 2px 0; border-style:solid; transform-origin:bottom left; transform:rotate(45deg); } 
.sort-select .sort-show { padding-right:12px; position:relative; } 
.sort-select .sort-show::before { content:''; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #333; content:''; height:0; position:absolute; top:6px; right:0; width:0; } 
/* Product */
.filter { position:absolute; left: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); } 
.wrap-product-sale { padding-top:50px; } 
.wr-search p { font-weight:bold; text-transform:uppercase; } 
.product { display:block; position:relative; text-align:center; } 
.first_img { position:absolute; top:0; transition:all 0.5s ease; height:100%; } 
.product:hover .first_img { transform:scale(0); } 
.second_img { display:block; position:absolute; top:0; right:100%; transition:all 0.5s ease; height:100%; } 
.product:hover .second_img { right:0; top:0; transition:all 0.5s ease; } 
.name-product { } 
.name-product a { font-size:15px; color:#000; font-family:'MulishSemiBold'; border-radius:0; height:35px; } 
.name-product a:hover { color:var(--color-main); } 
.name-product .text-split { -webkit-line-clamp:2; } 
.price-product { } 
.price-new { font-size:16px; color:#f00; display:inline-block; font-family:'RobotoBold'; border-radius:0; } 
.price-old { font-size:13px; text-decoration:line-through; display:block; color:#6D6E72; } 
.price-per { } 
.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 > * { max-width:100%; /* Giới hạn kích thước */
 min-width:0; /* Ngăn phần tử mở rộng quá mức */
 } 
.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; } 
.grid-pro-detail .left-pro-detail { width:55%; } 
.grid-pro-detail .right-pro-detail { width:43%; } 
.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; } 
.tabs-pro-detail .tab-content { border:1px solid #ddd; border-top:none; padding:20px; } 
.nav-tabs li a { text-transform:uppercase; font-weight:500; color:#333; } 
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover { color:#f00; } 
/* 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; } 
/* Contact */
.contact-map { position:relative; height:500px; margin-top:30px; } 
.contact-map iframe { position:absolute; left:0px; top:0px; width:100%; height:100%; } 
.frm_contact { border:1px solid #ddd; padding:30px; } 
/* 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 */
.paging-product { position:relative; } 
.pagination { margin:20px 0px; } 
.pagination li span { 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%; border-radius:0 !important; } 
.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; } 
/* 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; } 
/* CSSS T */
a.views_dm { width:140px; height:38px; } 
.effect_button { transform-style:preserve-3d; transform:translateZ(-25px); transition:transform 0.25s; position:relative; display:inline-flex; z-index:1; } 
.effect_button:after,.effect_button:before { position:absolute; content:'xem thêm'; height:100%; width:100%; display:flex; align-items:center; justify-content:center; border:1px solid #f00; box-sizing:border-box; border-radius:5px; z-index:-1; text-transform:uppercase; font-weight:700; font-size:15px; } 
.effect_button:before { color:#fff; background:#f00; transform:rotateY(0deg) translateZ(25px); } 
.effect_button:after { color:#f00; transform:rotateX(90deg) translateZ(25px); } 
.effect_button:hover { transform:translateZ(-25px) rotateX(-90deg); } 
/* News */
.grid-news { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } 
.item-news { --tw-bg-opacity:1; background-color:#f1f1f1; padding:1rem; box-shadow:0px 0px 5px rgb(0 0 0 / 19%); transition-property:all; transition-timing-function:cubic-bezier(0.4,0,0.2,1); transition-duration:500ms; } 
.item-news:hover { transform:translateY(-0.25rem); box-shadow:0px 0px 10px rgb(0 0 0 / 19%); } 
.item-news .ds-news { width:100%; } 
.ds-news span { display:block; line-height:25px; color:#999; font-size:13px; margin:10px 0px 0px; font-style:italic; } 
.ds-news h3 { font-size:16px; margin:0; color:#000; font-family:'RobotoMedium'; font-weight:500; text-transform:capitalize; -webkit-line-clamp:2 !important; } 
.ds-news .desc { color:#333; } 
.item-news:hover h3 { color:var(--colo-main); } 
.item-news-all a { display:flex; justify-content:space-between; } 
.item-news-all a .ds-news { width:calc(100% - 110px); } 
.item-news-all a .ds-news h3 { text-transform:capitalize; font-size:15px; } 
.flex-news-detail { display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; } 
.title-news-detail { text-align:left; } 
.title-news-detail h1 { font-size:25px; font-family:'MontserratBold'; text-transform:capitalize; } 
.item-news-all:hover h3 { color:var(--color-main); } 
.ds-news:hover h3 { color:var(--color-main); } 
.ds-news h3:hover { color:var(--color-main); } 
.news-left { width:68%; } 
.news-right { position:sticky; top:20px; width:30%; background:#f1f1f1cc; padding:20px; box-shadow:0px 0px 5px #99999978; } 
a.btn_link { position:relative; margin:5px; height:36px; width:140px; } 
.btn_link.effect_button:first-child:after,.btn_link.effect_button:first-child:before { content:'facebook'; } 
.btn_link.effect_button:first-child:after,.btn_link.effect_button:first-child:before,.btn_link.effect_button:nth-child(2):after,.btn_link.effect_button:nth-child(2):before { border-width:1px; border-style:solid; --tw-border-opacity:1; border-color:rgb(0 165 217 / var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:rgb(0 165 217 / var(--tw-bg-opacity)); } 
.btn_link.effect_button:nth-child(2):after,.btn_link.effect_button:nth-child(2):before { content:'google map'; } 
div.slick.in-page:not(.slick-initialized) { display:flex; gap:10px; overflow:hidden; white-space:nowrap; } 
.attr-pro-detail { margin:auto; padding:0; } 
.baonoidung iframe { max-width:100% !important; } 
.baonoidung img { height:auto !important; } 
.baonoidung * { max-width:100% !important; } 
.baonoidung table { display:block; overflow-y:auto; } 
div.desc-pro-detail ul li { margin-bottom:0.75rem; list-style-type:circle; } 
div.desc-pro-detail ul li:last-child { margin-bottom:0 !important; } 
div.baonoidung ul li { margin-bottom:0.75rem; list-style-type:disc; } 
div.baonoidung ol li { margin-bottom:0.75rem; list-style-type:decimal; } 
.price-new-pro-detail { font-weight:700; font-size:20px; color:var(--color-main); font-family:'MontserratBold'; } 
.price-old-pro-detail { font-weight:500; color:#666; text-decoration:line-through; padding-left:10px; } 
.color-pro-detail.active,.size-pro-detail.active,.size-pro-detail:hover { color:#fff !important; background:#232323; } 
.quantity-pro-detail { width:100%; max-width:110px; line-height:normal; display:flex; align-items:center; justify-content:space-between; text-align:center; margin-right:20px; font-weight:500; } 
.quantity-pro-detail span { line-height:40px; padding:0; width:30px; height:40px; color:#000; cursor:pointer; font-size:22px; } 
.quantity-pro-detail span.quantity-plus-pro-detail { border-left:0; } 
.quantity-pro-detail span.quantity-minus-pro-detail { border-right:0; } 
.quantity-pro-detail input { height:40px; width:calc(100% - 60px); text-align:center; font-size:20px; padding:5px; font-weight:700; } 
.cart-pro-detail { margin-bottom:1rem; display:flex; align-items:center; justify-content:flex-start; } 
.cart-pro-detail a { text-align:center; color:#fff; padding:8px 15px; cursor:pointer; border-radius:5px; font-weight:bold; } 
.cart-pro-detail a.addnow { margin-right:10px; color:#fff; border-radius:5px; } 
.cart-pro-detail a.addnow:hover { background-color:#f00; color:#fff; border-color:#f00; } 
.cart-pro-detail a.buynow { background-color:#000; } 
.cart-pro-detail a.buynow:hover { background-color:#f00; color:#fff; } 
.cart-pro-detail a i { vertical-align:top; margin-top:3px; margin-right:8px; } 
/* Swipper */
.swiper .swiper-wrapper { width:inherit; height:inherit; } 
.swiper.swiper-initialized .swiper-wrapper { margin:0; width:100%; height:100%; } 
.swiper.swiper-initialized .swiper-slide { padding:0; margin:0px; overflow:hidden; } 
/* Popup */
.modal-title { font-size:20px; } 
/* CSS cho loading */
.loading-overlay { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.7); justify-content:center; align-items:center; z-index:999; } 
.loading { width:50px; height:50px; border:5px solid rgba(0,0,0,0.1); border-radius:50%; border-top:5px solid #3498db; animation:spin 1s linear infinite; } 
@keyframes spin { 
 0% { transform:rotate(0deg); } 
100% { transform:rotate(360deg); } 
 } 
/* Video */
.video { cursor:pointer; margin-bottom:1rem; } 
.video .video-image { position:relative; margin-bottom:0.75rem; } 
.video-clips { position:relative; } 
.video-clips .video-image { cursor:pointer; } 
.video .video-image:before { content:""; position:absolute; width:50px; height:35px; top:calc(50% - 50px / 2); left:calc(50% - 35px / 2); z-index:1; background-repeat:no-repeat; background-image:url(../images/play.png); } 
.video .video-name { text-align:center; font-size:16px; color:#212529; margin-bottom:0px; } 
.play-btn::after { content:""; position:absolute; left:50%; top:50%; -webkit-transform:translateX(-40%) translateY(-50%); transform:translateX(-40%) translateY(-50%); transform-origin:center center; width:0; height:0; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:25px solid #fff; z-index:100; -webkit-transition:all 400ms cubic-bezier(0.55,0.055,0.675,0.19); transition:all 400ms cubic-bezier(0.55,0.055,0.675,0.19); } 
.playboy { position:absolute; cursor:pointer; height:100%; width:100%; position:absolute; display:flex; justify-content:center; align-items:center; left:0; right:0; bottom:0; top:0; transform:scale(.6); } 
.play-btn { width:100px; height:100px; background:radial-gradient( rgba(255,255,255,0.8) 60%,rgba(255,255,255,1) 62%); border-radius:50%; position:relative; display:block; margin:100px auto; box-shadow:0px 0px 25px 3px rgba(255,255,255,0.8); } 
.play-btn:before { content:""; position:absolute; width:150%; height:150%; -webkit-animation-delay:0s; animation-delay:0s; -webkit-animation:pulsate1 2s; animation:pulsate1 2s; -webkit-animation-direction:forwards; animation-direction:forwards; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:steps; animation-timing-function:steps; opacity:1; border-radius:50%; border:5px solid rgba(255,255,255,.75); top:-25%; left:-25%; background:rgba(198,16,0,0); } 
@-webkit-keyframes pulsate1 { 
 0% { -webkit-transform:scale(0.6); transform:scale(0.6); opacity:1; box-shadow:inset 0px 0px 25px 3px rgba(255,255,255,0.75),0px 0px 25px 10px rgba(255,255,255,0.75); } 
100% { -webkit-transform:scale(1); transform:scale(1); opacity:0; box-shadow:none; } 
 } 
@keyframes pulsate1 { 
 0% { -webkit-transform:scale(0.6); transform:scale(0.6); opacity:1; box-shadow:inset 0px 0px 25px 3px rgba(255,255,255,0.75),0px 0px 25px 10px rgba(255,255,255,0.75); } 
100% { -webkit-transform:scale(1,1); transform:scale(1); opacity:0; box-shadow:none; } 
 } 
.list-video { margin-top:10px; width:100%; border-radius:5px; border:1px solid #ddd; padding:10px 10px; } 
/* 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; } 
/* Danh Muc */
/* Page menu */
.hdanhmucdrops { position:relative; width:100%; z-index:19; background-color:var(--color-main); padding:10px; border-top-left-radius:10px; border-top-right-radius:10px; } 
.hdanhmucdrops > .nicescl { top:100%; position:relative; } 
.fixed .hdanhmucdrops > .nicescl,.hdanhmucdrops.ver1 > .nicescl { /* display:none; */
 top:100% } 
.fixed .hdanhmucdrops:hover .nicescl { display:block; } 
.hdanhmucdrops.ver1 > .nicescl { /* display:none; */
 top:100% } 
.hdanhmucdrops .title { display:block; height:100%; cursor:pointer; font-size:18px; text-transform:uppercase; text-align:center; color:#fff; text-decoration:none; font-family:'RobotoBold'; } 
.click-icon-menu { height:100%; margin-bottom:0px; } 
.click-icon-menu > span i:nth-child(1) { position:unset; } 
.click-icon-menu span { justify-content:start !important; height:100%; width:100%; gap:5px; } 
.click-icon-menu span i { /* margin-right:10px; */
 /* margin-top:-4px; */
 position:relative; color:#fff; } 
.hdanhmucdrops ul { padding:0; margin:0; list-style:none; text-align:left; } 
.hdanhmucdrops ul > li { padding:0 2% 0% 2%; } 
.hdanhmucdrops ul > li.line { border-bottom:solid 1px #E7E7E7 !important; width:95%; margin:0 auto; } 
.hdanhmucdrops .nicescl { position:absolute; box-sizing:border-box; width:100%; height:405px; left:0px; top:100%; background:#fff; margin:auto; margin-top:0px; padding-top:0px; border:solid 1px #fff; border-top:none; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); border-bottom-left-radius:10px; border-bottom-right-radius:10px; /* display:none; */
 } 
.hdanhmucdrops ul.content { overflow:auto; font-size:14px; min-height:auto; height:100%; } 
.hdanhmucdrops li a { display:inline-flex !important; align-items:center; width:100%; position:relative; padding:10px 0px !important; font-size:14px !important; font-family:'RobotoMedium' !important; color:#000; text-transform:capitalize; /* line-height:0px !important; */
 text-decoration:none; } 
.hdanhmucdrops li a i { margin-right:10px; } 
/* .hdanhmucdrops ul ul { -webkit-transform:scaleX(0); transform:scaleX(0); width:100%; display:none; position:absolute; left:calc(100% - 7px); left:-moz-calc(100% - 7px); left:-webkit-calc(100% - 7px); z-index:9999; background:#fff; } 
*/
.hdanhmucdrops ul ul li { position:relative; border-bottom:dashed 1px #6666; } 
.hdanhmucdrops ul > li:hover > ul { display:block; -webkit-animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both; animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both } 
.hdanhmucdrops ul > li:last-child { /* border-bottom:none; */
 } 
.hdanhmucdrops ul ul ul { left:100%; top:0!important } 
.hdanhmucdrops i.right { position:absolute; right:13px; font-size:16px; } 
.hdanhmucdrops i.left { font-size:6px; margin-right:10px; } 
.hdanhmucdrops li:hover > a { color:var(--color-main) !important; background:none !important; } 
.hdanhmucdrops .fa-angle-right:before { font-size:15px; } 
.hdanhmucdrops li a img { margin-right:10px; margin-top:-1px; } 
.hdanhmucdrops ul > li:hover .submenu { display:block; -webkit-animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both; animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both; } 
.hdanhmucdrops .submenu { display:none; width:calc( (100% * var(--start-color)) + 15px); width:920px !important; height:100% !important; padding:10px 20px !important; border-radius:0px !important; border-width:1px 1px 1px 0px !important; border-style:solid !important; border-color:#ddd #ddd #ddd #e1e1e1; position:absolute !important; top:0px !important; bottom:0px !important; left:calc(100% - 15px) !important; background:#fff !important; margin-left:0px !important; /* box-shadow:rgb(0 0 0 / 6%) -2px 0px 8px 0px; */
 z-index:999 !important; overflow:auto !important; font-size:14px !important; } 
.hdanhmucdrops .submenu__col { display:grid; /* grid-template-columns:repeat(auto-fill,minmax(calc(100% / var(--col-menu) - 10px),1fr)); */
 /* grid-gap:15px 5px; */
 padding:0px; list-style:none; } 
.hdanhmucdrops .submenu__list { /* display:flex; */
 /* justify-content:flex-start; */
 /* flex-direction:column; */
 /* flex-wrap:wrap; */
 /* align-items:start; */
 /* gap:40px; */
 } 
.hdanhmucdrops .submenu__item { } 
.hdanhmucdrops .submenu__item--main { margin-top:0px; margin-bottom:5px; padding-top:10px; } 
.hdanhmucdrops .submenu__item--main a { font-family:'RobotoMedium' !important; font-size:15px !important; margin-bottom:5px; padding-top:0 !important; padding-bottom:0 !important; color:var(--color-main) !important; } 
.hdanhmucdrops .submenu__item--items a { font-family:'RobotoRegular' !important; font-size:14px !important; padding:0 0px 5px !important; } 
.hdanhmucdrops .submenu__item--items a:hover { color:var(--color-main) !important; } 
a.link:hover { color:var(--color-main) !important; } 
a.link { text-decoration:none; cursor:pointer; color:#000 } 
/* Click dmc */
.nicescl { display:block; opacity:1; transition:opacity 0.5s ease,transform 0.5s ease; } 
.nicescl.show { display:block; opacity:1; transform:translateY(0); } 
.nicescl.hide { opacity:0; transform:translateY(-10px); } 
.wrap-menu_main.w-menu.fix_head .hdanhmucdrops > .nicescl { display:none !important; opacity:0; } 
.wrap-menu_main.w-menu.fix_head .hdanhmucdrops:hover .nicescl { display:block !important; opacity:1 !important; } 
.wrap-head-allpage .hdanhmucdrops.ver1:hover .nicescl { display:block !important; opacity:1 !important; } 
.cols-menu { display:flex; justify-content:space-between; align-items:center; background:#2E9ED5; border-top-right-radius:10px; border-top-left-radius:10px; } 
.cols-menu >div:nth-child(1) { width:280px } 
.cols-menu >div:nth-child(2) { width:calc(100% - 285px); } 
.wrap-menu_main { background:#2CBDE5; } 
.menu ul li ul.sub-menu li a::before { background:none; } 
.menu ul li ul.sub-menu li a:hover { color:#F27614 !important; } 
.menu ul li ul.sub-menu { /* box-shadow:1px 1px 15px rgb(0 0 0 / 15%); */
 display:none; width:230px; list-style:none; height:auto; position:absolute; background:#D5518D; top:100%; left:0px; border-radius:0px; z-index:9999; border-top:0; float:left; border:none !important; } 
.menu ul li:hover ul.sub-menu { display:block; } 
.menu ul li:hover ul.sub-menu-pr { display:flex; flex-wrap:wrap; } 
ul.sub-menu li { width:100%; height:auto; float:left } 
ul.sub-menu li a { font-size:14px; font-weight:500; width:100% !important; height:auto !important; line-height:18px !important; padding:15px 20px !important; color:#042552 !important; text-transform:inherit; float:left; text-align:left; } 
.sub-menu-2 { position:absolute; background:#111111; width:230px; left:100%; display:none; } 
.sub-menu-2 li { border-top:1px solid #000000 !important; } 
.sub-menu li:hover .sub-menu-2 { display:block; } 
.sub-menu-pr>li>a { font-weight:600; } 
.menu ul .menu-pr { position:inherit; } 
.menu ul li ul.sub-menu-pr { width:100%; flex-wrap:wrap; top:65px; display:none; } 
.menu ul li ul.sub-menu-pr li.level1 { float:left; width:25%; height:125px; padding:10px; position:relative; border:none; } 
.menu ul li ul.sub-menu-pr li a { text-align:center; font-size:16px; font-weight:600; position:relative; padding:0 !important; transition:all .6s; border:solid 5px #D5518D; } 
.menu ul li ul.sub-menu-pr li a img { width:100%; /* margin-bottom:10px; */
 } 
.menu ul li ul.sub-menu-pr .sub-menu-2 { display:none; top:100%; left:0; } 
.menu ul li ul.sub-menu-pr li:hover .sub-menu-2 { display:block; } 
.menu ul li ul.sub-menu-pr .sub-menu-2 a { font-size:14px; } 
.menu-title-show { color:#B78925; border-bottom:1px solid #B78925; margin-bottom:4px; font-family:'SVN-GilroyBlack'; text-transform:capitalize; font-size:16px; margin-bottom:10px; } 
.submenu__list { --sl-x:4; --x:0px; --y:20px; display:grid; grid-template-columns:repeat(var(--sl-x),1fr); gap:var(--x) var(--y) } 
/* page inside */
/* .hdanhmucdrops { position:relative; } 
.hdanhmucdrops .title { display:block; font-family:'RobotoBold'; font-size:18px; text-transform:uppercase; color:#000; text-decoration:none; margin-bottom:10px; } 
.hdanhmucdrops ul { padding:0; margin:0; list-style:none; text-align:left; background-color:#fff; border:none; } 
.hdanhmucdrops .nicescl { position:absolute; box-sizing:border-box; width:100%; left:0; top:100% } 
.hdanhmucdrops ul.content { overflow:hidden; } 
.hdanhmucdrops.ver1 .nicescl { position:relative; } 
.hdanhmucdrops.ver1 ul.content { height:auto } 
.hdanhmucdrops ul img { margin-right:10px } 
.hdanhmucdrops li a { position:relative; display:block; padding:10px 20px 10px 15px; font-size:16px; font-family:'RobotoMedium'; text-transform:capitalize; display:flex; justify-content:start; align-items:center; text-decoration:none; border-left:solid; color:#333; margin:5px; } 
.hdanhmucdrops li a::before { content:''; content:"\f178"; font-family:"fontAwesome"; padding-right:12px; margin-left:-25px; opacity:0; transition:opacity 200ms,margin-left 200ms; -moz-transition:opacity 200ms,margin-left 200ms; -o-transition:opacity 200ms,margin-left 200ms; -webkit-transition:opacity 200ms,margin-left 200ms } 
.hdanhmucdrops ul ul li a { padding-left:35px; font-family:'MulishRegular'; text-transform:none; font-size:14px; border-left:none; } 
.hdanhmucdrops ul.content > li:not(:last-child) > a { } 
.hdanhmucdrops ul ul { display:block } 
.hdanhmucdrops li { position:relative } 
.hdanhmucdrops ul > li:last-child { border-bottom:none } 
.hdanhmucdrops li a:hover,.hdanhmucdrops li a.active { color:#273585; } 
.hdanhmucdrops li a:hover:before,.hdanhmucdrops li a.active:before { opacity:1; margin-left:-10px } 
.hdanhmucdrops .icon-drop { cursor:pointer; position:absolute; right:6px; top:12px; width:20px; height:20px; line-height:20px; font-size:20px; text-align:center } 
*/
/* 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); background:#FCF6E3 } 
.pro-height::-webkit-scrollbar-thumb { background-color:var(--color-hover); } 
.pro-height { height:150px; 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; } 
/* Toolbar */
.check-toolbar { display:none; position:fixed; right:30px; bottom:100px; width:18px; height:50px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; z-index:99; } 
.check-toolbar label { position:absolute; bottom:0; left:6px; width:6px; height:50px; border-radius:32px; background:linear-gradient(to bottom,#b3b3b3,#e6e6e6); cursor:pointer; transition:all 0.3s ease; opacity:0.7; box-shadow:0px 0px 3px 0px rgb(255 255 255 / 50%); } 
.check-toolbar label:after { content:''; position:absolute; bottom:1px; left:-3px; width:12px; height:20px; border-radius:3px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.3); transition:all 0.3s ease; } 
.check-toolbar input[type="checkbox"]:checked + label { background:var(--color-main); opacity:1; } 
.check-toolbar input[type="checkbox"]:checked + label:after { transform:translateY(-29px); } 
.check-toolbar label:hover { background:linear-gradient(to bottom,#b3b3b3,#e6e6e6); } 
.check-toolbar label:hover:after { box-shadow:0 1px 3px rgba(0,0,0,0.3); } 
.yep { position:absolute; top:0px; left:-6px; width:30px; height:50px; opacity:0; } 
.toolbar-app { width:100%; bottom:0px; position:fixed; z-index:500; left:0px; -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-app.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-app .list-phone { position:absolute; bottom:100%; left:30px; opacity:0; transform:scale(0); transform-origin:50% 100%; display:none; } 
.toolbar-app .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-app .list-phone svg { max-width:30px; max-height:30px; } 
.toolbar-app .list-phone span { display:block; width:calc(100% - 40px); color:#333; font-weight:700; } 
.toolbar-app .phone { position:relative; width:50px; height:50px; z-index:99; display:flex; align-items:center; justify-content:center; background:var(--color-main); border-radius:50%; margin:0 0px -25px 30px; transition:transform .2s ease-in-out; } 
.toolbar-app .phone span { color:#333; display:block; position:relative; } 
.toolbar-app .phone span:before,.toolbar-app .phone span:after { position:absolute; content:''; top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); width:30px; height:3px; border-radius:2rem; background-color:var(--color-main); opacity:0; transition:opacity .2s ease-in-out; } 
.toolbar-app .phone span:after { transform:translate(-50%,-50%) rotate(45deg); } 
.toolbar-app .phone svg { max-width:27px; max-height:27px; display:block; position:relative; fill:#fff; } 
.toolbar-app.is-active .phone { transform:rotate(-180deg); } 
.toolbar-app.is-active .phone svg { opacity:0; } 
.toolbar-app.is-active .phone span:before,.toolbar-app.is-active .phone span:after { opacity:1; } 
.toolbar-app ul { list-style:none; display:flex; align-items:center; justify-content:space-between; padding:0px; margin:0px; --size:33px; -webkit-mask:radial-gradient(var(--size) at 55px 0px,#0000 99%,#fff 101%) 100%; background:var(--color-main); padding:10px 0; padding-left:100px; border-radius:10px 10px 0px 0px; } 
.toolbar-app ul li { text-align:center; width:25%; line-height:1; } 
.toolbar-app ul li a { display:block; width:100%; font-size:27px; color:#ffff; } 
.toolbar-app ul li .icon { position:relative; margin:0 auto; text-align:center; } 
.toolbar-app ul li a span { display:none; font-weight:400; font-size:11px; margin-top:5px; color:#333; text-transform:capitalize; } 
.toolbar-app ul li a img,.toolbar-app ul li svg { max-height:30px; fill:#fff; width:100%; } 
.toolbar-app .phone svg { animation:tada 1.2s infinite; fill:#fff; } 
.tada { animation:tada 1.2s infinite; } 
.lang-toolbar-app { display:flex; justify-content:center; align-items:center; } 
.toolbar-app ul li.lang-toolbar-app a { display:inline-block; width:unset; margin:0px 2px; font-size:unset; } 
.toolbar-app ul li.lang-toolbar-app a img { height:10% !important; } 
.ex6 path { fill:#fff; stroke:var(--color-main); 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; } 
 } 
/* Search Responsive */
.search-res { position:relative; } 
.search-res .icon-search { width:35px; height:35px; cursor:pointer; text-align:center; line-height:35px; color:#000; font-size:16px; margin:0px; background:var(--color-hover); border-radius:5px; /* border:solid 1px; */
 } 
.search-res .icon-search.active { color:var(--color-main); /* background:#7a7878; */
 border-radius:100%; } 
.search-res .search-grid { position:absolute; top:50px; right:0px; width:0px; height:35px; 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:35px; outline:none; border:none; color:black; padding:0; font-size:13px; border-left:none !important; box-shadow:none !important; } 
.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; } 
/*Custom product detail*/
.box_htmh { border-radius:10px; border:1px solid #BABABA; background:#fff; padding:35px 20px; text-align:center; margin-bottom:20px; } 
.html__title { color:#111; text-align:center; font-size:20px; font-style:normal; font-weight:700; line-height:normal; margin-bottom:15px; font-family:'MontserratBold'; } 
.html__sdesc { color:#333; text-align:center; font-size:16px; font-style:normal; font-weight:400; line-height:22px; margin-bottom:20px; } 
.html__desc { color:#e61e2b; text-align:center; font-size:20px; font-style:normal; font-weight:700; line-height:normal; margin-bottom:30px; font-family:'MontserratBold'; } 
.html__line { display:block; width:40%; height:1px; background:#CACACA; margin:0px auto; } 
.col_content { width:calc( 100% - 250px ); position:sticky; top:60px; padding:15px; border:1px solid #f0f0f0; border-left:none; border-radius:0 10px 10px 0; } 
.wrap_tempalte2 .col_content { width:calc( 100% - 300px - 40px ); padding:0; border:none; border-radius:0; } 
.box_tieuchi { border-radius:10px; border:1px solid #BABABA; background:#fff; padding:35px 20px 10px; text-align:center; margin-bottom:20px; } 
.title-main.detail { text-align:left; margin-bottom:1.5rem; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:baseline; gap:12px; } 
.title-main.detail i { display:block; flex:1; height:1px; background:#BABABA; } 
.title-main.detail span { font-size:20px; text-transform:uppercase; font-family:'MontserratBold'; } 
.title-pro-detail { font-family:'MontserratBold'; font-size:25px; text-transform:capitalize; } 
.proDetail_share .social-plugin { transform:scale(0.75); } 
.proDetail_info { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; gap:5px 10px; margin-bottom:10px; margin-top:10px; } 
.pinfo__item { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; font-size:14px; color:#666; line-height:normal; gap:6px; } 
.pinfo__item.brand { width:100%; } 
.pinfo__item i,.pinfo__item a { font-style:normal; color:var(--color-main); font-family:'MontserratBold' } 
.specifications_table { display:block; } 
.specifications_table table { border:1px solid #DDD; width:100%; max-width:100%; margin-bottom:20px; border-spacing:0; border-collapse:collapse; } 
.specifications_table table td { font-size:13.5px; background-color:#FFF; border:1px solid #DDD; padding:8px; line-height:1.42857; vertical-align:top; } 
.specifications_table table>tbody>tr:nth-child(2n+1)>td { background-color:#F9F9F9; } 
.specifications_table table>tbody>tr>td:first-of-type { font-weight:bold; } 
.specifications_table table tbody tr:hover td { background:#f7f4f4; color:var(--color-main); } 
.desc-pro-detail { border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; padding:12px 0 8px; margin-bottom:15px; font-size:14px; color:#666; line-height:1.4; } 
.right-last-pro { width:24%; } 
.flex-detail-pro { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; } 
.cols-detail { } 
.box_specifications .content-main { border-radius:20px; border:1px solid #BABABA; padding:30px; } 
.box_specifications { display:block; margin-top:1.5rem; } 
.criteria-slick { margin-bottom:25px; } 
.boxs-criteria { text-align:center; position:relative; } 
.photo-criteria { display:inline-block; position:relative; } 
.photo-criteria a { display:inline-block; position:relative; z-index:2; } 
.infos-criteria { padding-top:10px; text-align:center; } 
.infos-criteria p { font-family:'MontserratBold'; text-transform:capitalize; } 
.proDetail_share { text-align:left; display:flex; justify-content:start; } 
.social-plugin { display:flex; justify-content:flex-start; margin-top:0; margin-bottom:0rem !important; transform:scale(0.9); transform-origin:left center; min-height:25px; } 
.noidung.detail ul,.noidung.detail li { list-style:initial !important; } 
.box-criteria .info-criteria p { } 
.brand-page .pic-brand { border:solid 1px #eee; margin:0; } 
.groups-detail { width:74%; } 
.last-pro-detail { width:24%; } 
.cols-detail { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; } 
/* hide Content */
div.noidung_anhien .noidung { max-height:250px; overflow:hidden; position:relative; } 
div.noidung_anhien .noidung.pro_tpl { max-height:1200px; } 
div.noidung_anhien p.thanhmo { position:absolute; bottom:0px; left:0px; width:100%; height:100px !important; background-image:linear-gradient(rgba(255,255,255,0),rgb(255 255 255)); margin-bottom:0; } 
.pic-brand { background:#fff; } 
.pic-brand { margin-bottom:20px; } 
div.noidung_anhien .anhien { width:180px; line-height:30px; margin:5px auto; text-align:center; color:var(--color-main); font-family:'MontserratBold'; border-radius:4px; text-transform:capitalize; cursor:pointer; position:relative; overflow:hidden; padding-right:10px; } 
div.noidung_anhien .anbot,div.noidung_anhien_active .thanhmo { display:none; } 
div.noidung_anhien_active .xemthemnd,div.noidung_anhien_active p.thanhmo { display:none; } 
div.noidung_anhien_active .anbot { display:block; } 
div.noidung_anhien_active .noidung { max-height:100% !important; } 
/*Custom css*/
.title-seoquake { width:0px; height:0px; overflow:hidden; } 
.logo { max-width:100%; position:relative; transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) 0s; } 
.logo-head { position:relative; margin:0% 0; display:inline-block; transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) 0s; } 
.bgstart-animate { position:relative; width:fit-content; margin:auto; } 
.start-animate { z-index:1.0E+17 !important; position:absolute; animation:star linear 1.75s infinite; -moz-animation:star linear 1.75s infinite; -webkit-animation:star linear 1.75s infinite; position:absolute; top:0%; left:15px; width:50px; -o-animation:star linear 1.75s infinite; } 
.start-animate1 { z-index:1.0E+17 !important; position:absolute; animation:star linear 2s infinite; -moz-animation:star linear 2s infinite; -webkit-animation:star linear 2s infinite; position:absolute; bottom:50%; right:0; width:30px; -o-animation:star linear 2s infinite; } 
.start-animate2 { z-index:1.0E+17 !important; position:absolute; animation:star linear 2.25s infinite; -moz-animation:star linear 2.25s infinite; -webkit-animation:star linear 2.25s infinite; position:absolute; bottom:0%; left:0; width:40px; -o-animation:star linear 2.25s infinite; } 
.cart-fixed { position:fixed; bottom:410px; right:20px; display:flex; align-items:flex-end; gap:1rem; flex-direction:column; } 
.cart-fixed i { font-size:25px; color:#fff; } 
.cart-fixed span { position:absolute; top:-10px; left:-10px; z-index:2; background:var(--color-main); width:20px; height:20px; border-radius:50%; display:inline-flex; justify-content:center; align-items:center; color:#fff; padding-bottom:2px; } 
.btn_animation--style i { color:#008eff; font-size:25px } 
.modal-dialog.edit { max-width:800px; } 
.video-slide { display:flex; position:relative; } 
.video-slide video { object-fit:cover; /* object-fit:fill; */
 aspect-ratio:1366/800; width:100%; } 
.video { display:flex; position:relative; } 
.video video { object-fit:fill; aspect-ratio:1920/560; width:100%; } 
.btn_custom { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; align-content:center; justify-content:flex-start; align-items:center; } 
.btn_custom a { display:block; width:max-content; background:var(--color-main); color:#fff; font-size:14px; font-family:'MontserratBold'; margin-right:10px; margin-bottom:10px; border-radius:100px; padding:7px 10px; text-transform:capitalize; transition:all .3s ease; border:1px solid var(--color-main); } 
.btn_custom a:hover { background:#fff; color:var(--color-main); transition:all .3s ease; border:1px solid var(--color-main); } 
.BackToTop_backToTopContainer__cIh7P { position:fixed; bottom:70px; right:14px; z-index:9999; border-radius:4px; border:1px solid #333; background:#333; box-shadow:0 0 12px 0 #e4e4e4; padding:3px 4px; gap:1px; cursor:pointer; color:#fffdfa; font-size:14px; font-style:normal; font-weight:500; line-height:18px; letter-spacing:.84px; text-transform:uppercase; transition:background-color .3s ease-in-out } 
.BackToTop_backToTopContainer__cIh7P,.BackToTop_image__bC2dx { display:flex; justify-content:center; align-items:center } 
.BackToTop_backToTopContainer__cIh7P:hover { background:var(--davidoff-primary-gold,var(--color-main)); color:var(--davidoff-primary-black,#fff) } 
.BackToTop_backToTopContainer__cIh7P:hover .BackToTop_image__bC2dx { /* filter:invert(90%); */
 } 
@media screen and (max-width:900px) { 
 .BackToTop_backToTopContainer__cIh7P { bottom:5px; right:5px } 
 } 
@media screen and (max-width:500px) { 
 .BackToTop_backToTopContainer__cIh7P { bottom:90px; right:18px } 
 } 
.copyright { } 
.footer-powered .wrap-content { display:flex; justify-content:space-between; align-items:center; } 
.footer-powered .wrap-content p b { font-family:'MontserratBold'; } 
.footer-powered .wrap-content p { margin:0; color:#000; } 
.attr-pro-detail li label { font-family:'MontserratBold'; font-size:16px; } 
.attr-content-pro-detail { font-size:15px; font-family:'MontserratMedium'; } 
.scrollToTopMobile { display:none !important; } 
.fix_head { position:fixed !important; top:0; width:100%; z-index:999 !important; } 
.logo { position:relative; transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) 0s; z-index:1; display:inline-flex; justify-content:center; align-items:center; margin:0% 0; margin-top:-6.5%; margin-bottom:0%; } 
.w-menu.fix_head .logo { margin-bottom:0% !important; transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94) 0s; transform:scale(.7); margin:0; margin-top:-1%; margin-bottom:-1% !important; } 
.w-menu.fix_head { /* background-image:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9999999999999999) 100%); */
 /* filter:drop-shadow(2.5px 4.33px 2.5px rgba(0,0,0,0.26)); */
 } 
.head-top { position:relative; top:0; left:0; right:0; padding:5px 0; z-index:2; background:#fff; padding-bottom:15px; } 
.head-top .wrap-content { display:flex; justify-content:space-between; align-items:center; gap:50px; padding-left:24%; } 
.item-header { display:flex; justify-content:space-between; align-items:center; gap:10px; color:#fff; } 
.lang img { width:35px; cursor:pointer; } 
.lang { gap:5px; display:inline-flex; justify-content:center; align-items:center; } 
.social-header { gap:10px; /* justify-content:center !important; */
 margin-top:0px !important; padding:0px !important; margin-bottom:0; align-items:center; width:auto !important; } 
.social-footer { justify-content:center !important; } 
.content-footer { color:#fff; } 
.slogan-head { display:inline-flex; font-size:14px; color:#fff; width:30%; font-family:'SFProDisplay-Medium'; text-transform:uppercase; } 
.head-bottom { position:relative; padding:5px 0; background:#fff; z-index:2; } 
.head-bottom .wrap-content { display:flex; justify-content:space-between; align-items:center; position:relative; z-index:13; gap:10px; padding-left:15%; } 
.info-header { display:inline-grid; justify-content:start; align-items:center; gap:7px; position:relative; } 
.info-header p { margin:0; } 
.header-info { text-align:left; width:63%; } 
.hotline-head { color:#000; text-align:left; } 
.number-hotline { font-size:25px; color:#EC3A3A; } 
.number-hotline:hover { color:#ED2228 } 
.wrap-footer { position:relative; } 
.swiper-criteria-wrapper { flex-direction:column !important; } 
.swiper-criteria { height:390px; } 
.title-main-second { text-align:center; position:relative; } 
.title-main-second p:nth-child(1) { font-size:65px; text-transform:capitalize; font-family:'1FTVVIPEleanorGoenka'; position:relative; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#000; -webkit-text-fill-color:transparent; color:transparent; } 
.title-main-second p:nth-child(2) { position:absolute; font-family:'1FTVVIPEleanorGoenka'; font-size:65px; top:0; left:0px; width:100%; height:100%; color:#F6B; animation:led-animation 4.5s linear infinite; z-index:1; text-transform:capitalize; background:linear-gradient(90deg,rgba(240,204,96,1) 0%,rgba(255,237,178,1) 50%,rgba(240,204,96,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } 
@keyframes led-animation { 
 0% { clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%); } 
10% { clip-path:polygon(0% 0%,15% 0%,0% 100%,0% 100%); } 
20% { clip-path:polygon(0% 0%,25% 0%,10% 100%,0% 100%); } 
30% { clip-path:polygon(0% 0%,35% 0%,20% 100%,0% 100%); } 
40% { clip-path:polygon(0% 0%,45% 0%,30% 100%,0% 100%); } 
50% { clip-path:polygon(0% 0%,55% 0%,40% 100%,0% 100%); } 
60% { clip-path:polygon(0% 0%,65% 0%,50% 100%,0% 100%); } 
70% { clip-path:polygon(0% 0%,75% 0%,60% 100%,0% 100%); } 
80% { clip-path:polygon(0% 0%,85% 0%,70% 100%,0% 100%); } 
90% { clip-path:polygon(0% 0%,95% 0%,80% 100%,0% 100%); } 
100% { clip-path:polygon(0% 0%,100% 0%,90% 100%,0% 100%); } 
 } 
.footer-ul { position:relative; color:#fff; } 
.footer-ul li { text-align:left; margin-bottom:15px; } 
.footer-ul li a { color:#fff; } 
.footer-ul li a:hover { color:var(--color-hover); } 
.title-news-other { text-align:left; } 
.title-news-other span { font-size:18px; text-transform:capitalize; font-family:'MontserratBold'; color:#333 } 
.wrap-container { position:relative; } 
.wrap-container-mobile { overflow-x:hidden; position:relative; } 
.logo-banner { display:flex; justify-content:start; align-items:center; gap:10px; position:relative; z-index:14; text-align:left; margin-top:-3%; width:36%; } 
.info-head { display:inline-flex; justify-content:start; align-items:center; gap:5px; color:#333; margin:0; font-size:14px; position:relative; z-index:1; } 
.info-head img,.info-head i,.img-info-head img { -webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out; -o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out; animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out; } 
.menu .item { display:flex; justify-content:space-between; align-items:center; width:39%; height:100%; } 
.product-price-detail { display:flex; align-items:baseline !important } 
.btn-close-form { display:inline-flex; justify-content:center; align-items:center; width:20px; height:20px; border-radius:50%; box-shadow:0 1px 8px rgba(0,0,0,0.3); color:#333; position:absolute; right:-5px; top:-5px; z-index:99; cursor:pointer; background:#fff; } 
.form-modal { display:flex; padding:0px 0; margin-top:0px; justify-content:space-between; align-items:center; } 
.btn-close-form:hover { background:var(--color-main); color:#fff; } 
.modal-dialog.edit { max-width:75%; } 
.form-modal .title-form span { color:var(--color-main) !important; font-size:30px; color:var(--color-main); position:relative; text-transform:uppercase; font-family:'MontserratBold'; } 
.form-modal .newsletter-input .form-control { border:solid 1px #eee; color:#000; border-radius:5px; } 
.form-modal .newsletter-input { width:100%; margin-bottom:2%; } 
.form-modal .newsletter-textarea { width:100%; position:relative; margin-bottom:2%; } 
.form-modal .newsletter-textarea textarea { height:80px; border:solid 1px #eee; } 
.album__expand { position:absolute; left:0px; right:0px; top:0px; bottom:0px; background-color:#00000033; opacity:0; } 
.album__expand i { font-size:35px; color:#fff; } 
.pic-album { position:relative; width:calc(25% - 0px); display:flex; overflow:hidden; } 
.pic-album:hover .album__expand { opacity:1; } 
.pic-static img { border-radius:15px; aspect-ratio:250/200; object-fit:fill; } 
.form-modal >div:nth-child(1) { width:49%; } 
.form-modal >div:nth-child(2) { width:49%; } 
.title-form b { color:#333; } 
.form-modal .newsletter-button input { height:35px; padding:5px 15px; } 
.form-modal .title-form { text-align:left; margin-bottom:10px; } 
.input-icon { position:relative; } 
.input-icon i { position:absolute; right:10px; color:#000; } 
.discount-price { display:flex; justify-content:start; align-items:center; gap:5px; } 
@keyframes Horizontal { 
 0% { transform:translate3d(-100%,0,0) } 
100% { transform:translate3d(100%,0,0) } 
 } 
@keyframes Horizontal2 { 
 0% { transform:translate3d(-200%,0,0) } 
100% { transform:translate3d(0,0,0) } 
 } 
.scroll-text { display:flex; align-items:start; white-space:nowrap; pointer-events:none; overflow:hidden; z-index:1; opacity:1 !important; width:100%; } 
.scroll-text span { position:relative; display:block; font-size:30px; font-family:'1FTVVIPEleanorGoenka'; line-height:1.2; padding:0 1vw; white-space:nowrap; color:#7E501F; text-transform:capitalize; } 
/* .scroll-text.fade span:nth-child(1) { animation:Horizontal 40s linear -40s infinite } 
.scroll-text.fade span:nth-child(2) { animation:Horizontal2 40s linear -20s infinite } 
*/
.xehoi { position:absolute; display:inline-block; bottom:35px; right:0%; animation:xechay 17s linear infinite; width:150px; z-index:2; transform:scale(1.5); } 
@keyframes xechay { 
 0% { left:-50%; } 
100% { left:100%; } 
 } 
.xehoi:after { content:""; position:absolute; background:url(../images/main/banhxe.webp) no-repeat; background-size:100% 100%; width:35px; height:35px; left:-7px; bottom:-12px; animation:xoaytron 0.6s linear infinite; } 
.xehoi:before { content:""; position:absolute; background:url(../images/main/banhxe.webp) no-repeat; background-size:100% 100%; width:35px; height:35px; right:-19px; bottom:-12px; animation:xoaytron 0.6s linear infinite; } 
@keyframes xoaytron { 
 0% { transform:rotate(0deg); } 
100% { transform:rotate(-360deg); } 
 } 
.skyline-city { background:url(../images/main/city.webp) left; /* animation-name:moveskyline; */
 animation-duration:40s; animation-iteration-count:infinite; animation-timing-function:linear; -webkit-animation-name:moveskyline; -webkit-animation-duration:40s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; width:100%; z-index:1; position:absolute; height:250px; background-size:100% 100%; } 
.skyline { position:absolute; bottom:0; height:250px; width:100%; z-index:1; bottom:0px; } 
@-webkit-keyframes moveskyline { 
 from { background-position:0 0; } 
to { background-position:-2182px 0; } 
 } 
@keyframes moveskyline { 
 from { background-position:0 0; } 
to { background-position:-2182px 0; } 
 } 
@-webkit-keyframes moveskyline { 
 from { background-position:0 0; } 
to { background-position:-2182px 0; } 
 } 
/**/
.logo.onclick { cursor:pointer; pointer-events:auto } 
.nav-click,.right-header { background-color:transparent } 
.right-header { text-align:right; border-radius:5px; width:auto; height:auto; padding:10px 15px; position:absolute; right:90px; top:40px; z-index:10 } 
.right-header.black-color { background-color:#000; top:10px } 
.nav-click { position:relative; width:50px; height:50px; padding:0; cursor:pointer; color:#fedc92; z-index:120 } 
.nav-click .line,.nav-click::after,.nav-click::before { background-color:currentColor } 
.nav-click::after,.nav-click::before { content:''; position:absolute; top:50%; left:3px; width:36px; height:2px; pointer-events:none; transition:all .3s ease-in-out; transform-origin:50% 50%; z-index:1 } 
.nav-click .block,.nav-click .line { position:absolute; left:0; top:25px; width:50px; height:2px; transition:all .3s ease-in-out } 
.nav-click::before { transform:translate3d(0,-10px,0) } 
.nav-click::after { transform:translate3d(0,10px,0) } 
.nav-click.active::before { transform:rotate3d(0,0,1,45deg) } 
.nav-click.active::after { transform:rotate3d(0,0,1,-45deg) } 
.nav-click .block { width:140%; height:120%; left:-20%; top:-10%; background-color:transparent; border-radius:5px } 
.nav-click.black-color .block { background-color:#000 } 
.nav-click.black-color { top:15px } 
.navigation { width:100%; top:0; height:100%; position:fixed; text-align:right; right:0; margin:0; transition:transform .3s ease-in-out; transform:translateX(100%); overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; z-index:100 } 
.navigation::-webkit-scrollbar { width:0 } 
.navigation::before { content:''; height:100%; position:relative; display:inline-block; vertical-align:middle } 
.navigation::after { content:''; width:50vw; height:100%; position:fixed; right:0; top:0; background:linear-gradient(90deg,transparent 0,rgba(0,0,0,.9)80%); z-index:5 } 
.main-menu { width:50%; display:inline-block; vertical-align:middle; margin:5vh -5px; z-index:30 } 
.language ul,.main-menu,.main-menu ul { height:auto; position:relative } 
.main-menu ul,.nav-item { list-style:none; width:auto; display:inline-block } 
.nav-item { width:100%; display:block; margin:1vh 0; position:relative; transform:translate(150%,0); padding:0 100px 0 0; text-align:right } 
.nav-item.current { pointer-events:none } 
.nav-item a,.nav-item span { font-weight:400; display:inline-block } 
.nav-item a { vertical-align:middle; line-height:1.4; color:#fff; padding:10px 20px; position:relative; text-shadow:0 1px 1px rgba(0,0,0,.2); text-transform:uppercase; white-space:nowrap; font-size:24px } 
.nav-item span { font-size:10px; margin:0 0 0 10px } 
.nav-item.active-color a,.nav-item.current a { color:#fedc92 } 
.nav-item a:hover { color:#fedc92 } 
.navigation.show { transform:none } 
.overlay-menu { position:fixed; width:100%; height:100%; right:0; top:0; opacity:0; background-color:rgba(0,0,0,.8); z-index:1 } 
.overlay-menu.show { animation-name:fadeIn; animation-delay:.5s; animation-duration:1s; animation-fill-mode:both } 
.logo-overlay { position:absolute; left:0; right:0; display:none; justify-content:center; align-items:center; z-index:9999; opacity:0; transition:opacity 0.6s ease; pointer-events:none; } 
.logo-overlay.show { display:flex; opacity:1; } 
.logo-overlay img { max-width:80%; max-height:80%; animation-name:scaleLarge; animation-duration:1.5s; animation-delay:.0s; animation-fill-mode:forwards } 
@keyframes scaleLarge { 
 0% { opacity:0; transform:scale(1.2); filter:blur(10px) } 
100% { opacity:1; transform:none; filter:none } 
 } 
/**/
.scroll-text.fade span { animation:Horizontal 40s linear -40s infinite } 
.menu.position-menu { position:relative; } 
.banner-text { text-align:center; display:inline-block; } 
.name-first { font-size:35px; font-family:'SVN-PoppinsSemiBold'; color:var(--color-main); display:inline-flex; justify-content:center; align-items:center; gap:5px; } 
.name-double { font-size:16px; font-family:'MulishMedium'; margin-top:-10px; } 
.name-first b { color:var(--color-hover); font-family:'SVN-PoppinsSemiBold'; filter:drop-shadow(0px 0px 2px rgba(0,0,0,0.75)); } 
.item-hotline { display:flex; justify-content:start; align-items:center; gap:10px; } 
.img-hotline { display:inline-flex; justify-content:center; align-items:center; background:var(--color-main); width:60px; height:60px; border-radius:50%; border:solid 1px #000; } 
.item-hotline p { font-size:16px; text-transform:capitalize; font-family:'MulishSemiBold'; } 
.item-hotline a { font-family:'MontserratBold'; font-size:25px; color:#EB1B26; } 
.text-about { -webkit-text-stroke-width:.4px; -webkit-text-stroke-color:var(--color-hover); -webkit-text-fill-color:transparent; color:transparent; text-transform:uppercase; font-size:115px; font-family:'MulishBold'; opacity:0.4; position:absolute; right:0; bottom:-7%; } 
.wrap-about-us .wrap-content { position:relative; } 
.address-about { margin-bottom:1.5rem; font-size:15px; font-family:'MulishSemiBold'; } 
.address-about i { color:var(--color-hover); } 
.text-about::before { content:''; display:block; width:100%; height:45px; background-image:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgb(255 255 255 / 100%) 100%); position:absolute; top:40px; left:0; right:0; } 
.title-main p::after { content:''; display:block; width:100%; height:45px; background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgb(255 255 255 / 100%) 100%); position:absolute; bottom:10px; left:0; right:0; } 
.line-main { display:flex; justify-content:center; align-items:center; } 
.wrap-project { position:relative; padding:50px 0; background:url(../images/main/bg-color.webp) repeat; background-size:cover; } 
.pic-project { display:block; } 
.pic-project a { border-radius:15px; } 
.box-project { display:block; position:relative; } 
.pic-project { display:block; } 
.info-project { position:absolute; bottom:0; left:0; right:0; padding:10px; background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.9999999999999999) 100%); border-bottom-left-radius:15px; border-bottom-right-radius:15px; } 
.info-project h3 { font-size:inherit; } 
.info-project h3 a { font-family:'MulishSemiBold'; font-size:15px; text-transform:capitalize; color:#fff; } 
.view-project { margin-top:10px; } 
.view-project a { display:inline-flex; padding:5px 15px; border:solid 1px #fff; border-radius:100px; color:#fff; transition:all .5s; } 
.view-project a:hover { color:var(--color-hover); border-color:var(--color-hover); } 
.info-service p { display:inline-block; padding:4px 15px; background:#ffc11847; border-radius:100px; color:var(--color-hover); margin-bottom:10px !important; } 
.view-service { display:block; margin-top:10px; } 
.view-service a { color:var(--color-hover); transition:all .5s; } 
.view-service a:hover { color:var(--color-hover); letter-spacing:1px; } 
.cols-newsletter .newsletter-input { width:calc(33% - 5px); } 
.form .title-main span { color:#fff; background:none; -webkit-text-fill-color:#fff; } 
.form .line-main { filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(108deg) brightness(104%) contrast(104%); } 
.text-about-us { font-size:20px; font-family:'MulishMedium'; text-transform:capitalize; margin-bottom:10px; } 
.form .title-main p { -webkit-text-stroke-color:#fff; } 
.form .title-main p::after { display:none; } 
.slide-slick:nth-child(2n) .items-newsnb { flex-direction:row-reverse; } 
.logoFooter { display:inline-block; } 
.desc-footer { margin:15px 0; } 
.content-footer p { display:flex; justify-content:start; align-items:center; gap:4px; } 
.info-footer .flex-footer .box-footer:nth-child(4) { width:30%; } 
/* 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; background-image:none !important; } 
.product-tool { opacity:1; visibility:visible; position:initial; } 
.product-tool a span { display:none; } 
.head .head-top .wrap-content { justify-content:center !important } 
.wrap-container { overflow-x:hidden; position:relative; } 
.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%; } 
.cols-news-hot { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:start; gap:15px; } 
.cols-news-hot >div:nth-child(1) { width:100%; position:relative; } 
.cols-news-hot >div:nth-child(2) { width:100%; position:relative; } 
.cols-form { display:flex; justify-content:space-between; align-items:center; gap:15px; flex-wrap:wrap; } 
.cols-form >div:nth-child(1) { width:100%; position:relative; } 
.cols-form >div:nth-child(2) { width:100%; position:relative; } 
.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:32%; } 
.news:nth-child(4n+1) { clear:unset; } 
.news:nth-child(4n) { margin-right:2%; } 
.news:nth-child(3n+1) { clear:both; } 
.news:nth-child(3n) { margin-right:0px; } 
.service { width:32%; } 
.service:nth-child(4n+1) { clear:unset; } 
.service:nth-child(4n) { margin-right:2%; } 
.service:nth-child(3n+1) { clear:both; } 
.service: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; padding-bottom:0 !important; padding-top:0 !important; } 
.head-bottom .wrap-content { justify-content:center; padding:0; } 
.menu-mobi { background:var(--color-main); padding:5px 15px; } 
.logo-mmenu { display:inline-block; width:15%; } 
.header-top { display:none; } 
.header-bottom { display:none; } 
.cols-news { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; flex-wrap:wrap; } 
.cols-news >div:nth-child(1) { width:100%; display:none; } 
.cols-news >div:nth-child(2) { width:100%; } 
.video-slide { height:70vh; } 
.video-slide video { height:100%; aspect-ratio:unset; object-fit:cover; } 
.cols-album { display:flex; justify-content:space-between; align-items:start; gap:10px; flex-wrap:wrap; } 
.cols-album .photo-album { width:calc(50% - 5px); } 
 } 
@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; } 
.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:32%; } 
.news:nth-child(4n+1) { clear:unset; } 
.news:nth-child(4n) { margin-right:2%; } 
.news:nth-child(3n+1) { clear:both; } 
.news:nth-child(3n) { margin-right:0px; } 
.service { width:32%; } 
.service:nth-child(4n+1) { clear:unset; } 
.service:nth-child(4n) { margin-right:2%; } 
.service:nth-child(3n+1) { clear:both; } 
.service:nth-child(3n) { 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; } 
.groups-detail { width:100%; } 
.last-pro-detail { width:100%; } 
.cols-detail { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; flex-wrap:wrap } 
.item-hotline { 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; } 
.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:32%; } 
.news:nth-child(4n+1) { clear:unset; } 
.news:nth-child(4n) { margin-right:2%; } 
.news:nth-child(3n+1) { clear:both; } 
.news:nth-child(3n) { margin-right:0px; } 
.service { width:32%; } 
.service:nth-child(4n+1) { clear:unset; } 
.service:nth-child(4n) { margin-right:2%; } 
.service:nth-child(3n+1) { clear:both; } 
.service:nth-child(3n) { margin-right:0px; } 
.newsletter-button { width:100%; transform:none; } 
.album-page { width:49%; } 
.album-page:nth-child(3n+1) { clear:unset; } 
.album-page:nth-child(3n) { margin-right:2%; } 
.album-page:nth-child(2n+1) { clear:both; } 
.album-page:nth-child(2n) { margin-right:0px; } 
.items-newsletter { flex-wrap:wrap; gap:0; } 
.items-newsletter .newsletter-input { width:100%; } 
.name-first { font-size:25px; } 
.pic-about-us:last-child { position:relative; top:auto; } 
.title-about-us { padding-left:1%; } 
.text-about-us { font-size:16px; } 
.text-about { left:0; right:0; font-size:40px; text-align:center; bottom:-9%; } 
.text-about::before { display:none; } 
.title-product-list li a { font-size:15px; padding:8px 15px; } 
.title-main p { font-size:22px; } 
.title-main p::after { height:30px; bottom:0; } 
.cols-newsletter .newsletter-input { width:100%; } 
.cols-newsletter { margin-bottom:1.5%; } 
.newsletter-button input { width:100%; } 
.items-newsnb .info-newsnb { width:100%; } 
.items-newsnb { flex-wrap:wrap; } 
.footer-powered .wrap-content { flex-wrap:wrap; gap:5px; } 
 } 
@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,.title-main h1 { font-size:30px; } 
.news { width:100%; } 
.service { width:100%; } 
.product { width:49%; margin:0 2% 2% 0 } 
.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:28px; } 
.title-detail-main h3 { font-family:'MontserratBold'; font-size:25px; } 
.btn_custom a { display:block; width:max-content; background:var(--color-main); color:#fff; font-size:13px; font-weight:bold; margin-right:10px; margin-bottom:10px; border-radius:100px; padding:7px 10px; text-transform:capitalize; transition:all .3s ease; border:1px solid (--color-main); } 
.control-product button.owl-prev { left:0%; } 
.control-product button.owl-next { right:0%; } 
.box-album { padding:10px; border-radius:0; margin-top:0px; } 
 }