* { margin: 0; padding: 0; } 
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { margin: 0; padding: 0 !important; } 
.wrap-content { max-width: 1200px; } 
.wrap-header { margin: 0 auto; } 
.wrap-body { background-color: #e3f6fd; max-width: 100%; } 
.wrap-body2 { background-image: url(../images/news/banner-2.html); } 
.wrap_title { width: 100%; justify-content: space-between; margin-top: 50px; } 
body { font-family: "Quicksand_Regular" !important; font-size: 14px; margin: 0 !important; font: unset !important } 
p { margin: 0 !important; } 
ul { margin-bottom: 0px; } 
h4 { font-size: 0rem; } 
a:hover { color: #F8CB2E; } 
.goog-te-gadget { font-size: 0px !important; } 
.goog-te-gadget span { display: none; } 
/* .banner { padding: 20px 0 60px 0; } */
.name-banner { font-family: "Quicksand_Bold"; font-size: 15px; color: #fff; } 
.name-banner:hover { color: #fd0; } 
.hover-custom { position: relative; } 
.hover-custom::after { content: ""; position: absolute; top: 10px; opacity: 0; left: 10px; bottom: 10px; right: 10px; z-index: 9; border-left: 1px solid rgba(255,255,255,.8); border-right: 1px solid rgba(255,255,255,.8); -ms-transform: scale(1,0); -webkit-transform: scale(1,0); transform: scale(1,0); -ms-transition: all 500ms ease; -webkit-transition: all 500ms ease; transition: all 500ms ease; } 
.hover-custom a::before { content: ""; position: absolute; top: 10px; opacity: 0; left: 10px; bottom: 10px; right: 40px; z-index: 9; border-top: 1px solid rgba(255,255,255,.8); border-bottom: 1px solid rgba(255,255,255,.8); -ms-transform: scale(1,0); -webkit-transform: scale(1,0); transform: scale(1,0); -ms-transition: all 500ms ease; -webkit-transition: all 500ms ease; transition: all 500ms ease; } 
.hover-custom:hover a::after { opacity: 1; transform: scale(1,1); } 
.hover-custom:hover a::before { opacity: 1; transform: scale(1,1); } 
/* Social */
.social li { padding: 9px 10px; border-right: 1px solid #d9d9d9; list-style: none; } 
.social li a { position: relative; top: 2px; } 
.social-1 { color: #ffffff; font-family: 'Muti_Regular'; font-size: 13px; padding: 10px 10px 0 0; } 
/* Header */
.name-header { font-family: "Quicksand_SemiBold"; font-size: 30px; color: #000; } 
.content-hotline { padding-left: 15px; } 
.content-hotline span { font-family: "Open_Regular"; font-size: 20px; color: #fff; } 
.content-hotline a { font-family: "Open_Bold"; font-size: 30px; color: #DE9E3E; } 

.form-time { font-family: "Open_Regular"; font-size: 18px; color: #fff; margin: 25px 0 30px 0; } 
.time-center { padding-left: 15px; } 
.time-right { width: 40%; padding-left: 10px; } 
.content-email { font-family: "Open_Regular"; font-size: 18px; color: #fff; padding-left: 15px; } 


.mail-top { font-family: "Mont_Regular"; font-size: 14px; color: #ffffff; margin: auto; } 
.mail-top img { position: relative; top: 5px; right: 5px; } 
.header-top { position: relative; background: #1B61B8; text-align: center; } 
.header-top marquee { width: 30%; color: #FFB800; text-transform: uppercase; } 
.header-top marquee span { font-family: "Alter"; font-size: 20px; } 

.header-center { width: 50%; font-family: "Roboto_Regular"; font-size: 14px; color: #fff; } 
.header-right { width: 20%; } 

/* .header-top span { font-family: "Quicksand_Bold"; font-size: 15px; color: #fff; margin: auto; text-align: center; } */
/* .header-top::after { z-index: -1; position: absolute; content: url(../images/news/products/bg-header.png); left: 0; right: 0; margin: auto; text-align: center; top: 0; } */
.title-run { width: 35%; margin: auto; font-family: "Alter"; font-size: 24px; color: #5FBF5D; text-transform: uppercase; } 
.title-run marquee { position: relative; top: 5px; } 
.address-header { width:50%; padding-left: 15px; font-family: "Inter_Regular"; font-size: 14px; color: #5FBF5D !important; } 
.address-header span { padding-left: 5px; } 
.head-mail a { padding-left: 15px; font-family: "Quicksand_Medium"; font-size: 14px; color: #fff; } 
.line-right { border-left: 2px solid #fff; border-right: 2px solid #fff; padding: 0 10px; } 
.line-right2 { padding-left: 15px; } 
.hotline-header { background: url(../images/logo-hotline.html) no-repeat left center; padding-left: 95px; } 
.hotline-header p { font-size: 28px; color: #ea4335; font-family: "UTMHelvetIns"; } 
.header-bottom { padding: 10px 0px; background-size: cover; background-color: #fdfefe; } 
.box-slide { position: relative; } 
.header-left { width: 12%; } 
/* .header-left img { width: 30px; height: 30px; } */
/* .header-left a { width: 85%; font-family: "Inter_Medium"; font-size: 14px; color: #000; padding-left: 20px; line-height: 20px; } */
.box-hotline { margin-left: 20px; } 
.call-now { position: relative; z-index: 11; font-family: "Quicksand_Regular"; font-size: 17px; color: #0B4874; } 
.header-right a { font-family: "Quicksand_Bold"; font-size: 20px; color: #0B4874; } 
.header-right a:hover { color:#ecfd00 } 
.flw { font-family: "Quicksand_Regular"; font-size: 15px; color: #fff; padding-right: 5px; width: unset !important; height: unset !important; border: unset !important; } 
.header1 { padding: 10.5px 0; background-color: #e9e9e9; } 
.dich { width: 15%; } 
.text-header { font-family: 'Quicksand_Regular'; font-size: 15px; color: #000000; } 
.phone { font-family: 'Barlow_Bold'; font-size: 18px; color: #fff; text-align: center; } 
.phone div { margin-bottom: 10px; } 
.phone span { font-family: "Muli_Bold"; font-size: 16px; color: #000000; } 
.phone :hover { color: #3f9eee; } 
.header_center { width: 30%; flex-direction: column; } 
.header_left { width: 20%; } 
.header_right { width: 30%; } 
.header { background-color: #000000; } 
.icon-hotline { padding-left: 15px; } 
.header-bottom.fixed { animation: fadeInDown; animation-duration: 1.5s; } 
/* menu */
/* Danh sach menu san pham */
.fa-bars:before { content: url(../images/news/products/bar.png) !important; } 
/* .m-drop { padding: 3.5px 0; } */
.singletext { font-family: "Open_Regular"; font-size: 15px; text-transform: uppercase; color: #000; } 
.fixed .singletext:hover { color: #FFB800 !important; } 
 .hdanhmucdrops { position:relative; width: 280px; z-index:19; background-color: #FFB800; padding: 8.5px 0; } 
.hdanhmucdrops > .nicescl { top:100%; position: relative; border: 1px solid #F3F3F3; } 
.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; line-height: 35px; height: 100%; cursor:pointer; font-size: 20px; text-transform:capitalize; text-align:center; color: #fff; font-family: 'UTMFacebook'; } 
.click-icon-menu { height: 100%; margin-bottom: 0px; } 
::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-track { background: #fff; } 
::-webkit-scrollbar-thumb { background: #888; } 
::-webkit-scrollbar-thumb:hover { background: #555; } 
.click-icon-menu > span i:nth-child(1) { position: unset; } 
.click-icon-menu span { height: 100%; width: 100%; font-family: "Open_Bold"; font-size: 16px; color: #000; text-transform: uppercase; padding: 2px 0 1px 0; } 
.click-icon-menu span i { margin-right: 10px; margin-top: 0px; position: relative; color: #ffffff; } 
.hdanhmucdrops ul { padding:0; margin:0; list-style:none; text-align:left; } 
.hdanhmucdrops ul > li { padding:0 0% 0% 0%; } 
.hdanhmucdrops ul > li.line { border-bottom: dashed 1px #a7a4a4 !important; width: 90%; margin: 0 auto; } 
.hdanhmucdrops .nicescl { opacity: 0; position:absolute; box-sizing:border-box; width: 100%; height: 380px; left: 0px; top: 100%; scrollbar-width: thin; background: #ffffff; margin: auto; margin-top: 0px; padding-top: 0px; border-top: none; } 
.hdanhmucdrops:hover .nicescl { opacity: 1; } 
.hdanhmucdrops ul.content { overflow:auto; font-size:13px; min-height: auto; } 
.hdanhmucdrops ul li a { background: #F3F3F3; border-top: 1px solid #F3F3F3; padding: 8.5px 20px 8.5px 11px; line-height: 33px; transition: all 0s; position: relative; border-left: 4px solid transparent; display: -webkit-box; width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
.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; border-right: solid 1px #a7a4a4 !important } 
.hdanhmucdrops ul ul li { position: relative; } 
.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: 0px; top: 15px; font-size: 16px; } 
.hdanhmucdrops i.left { font-size: 6px; margin-right: 10px; } 
.hdanhmucdrops li:hover > a { color: #FFB800 !important; background: none !important; } 
.hdanhmucdrops .fa-angle-right:before { font-size: 15px; } 
.hdanhmucdrops li a img { margin-right: 10px; position: relative; top: 15px; } 
@-webkit-keyframes scale-up-hor-left { 
 0% { -webkit-transform: scaleX(0.4); transform: scaleX(0.4); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } 
 100% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } 
 }
 @keyframes scale-up-hor-left { 
 0% { -webkit-transform: scaleX(0.4); transform: scaleX(0.4); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } 
 100% { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; } 
 }
.thanh-cuon { height: 100%; overflow-y: auto; } 
.thanh-cuon::-webkit-scrollbar { width: 2px; } 
.thanh-cuon::-webkit-scrollbar-track { background: #d2d0d0; } 
.thanh-cuon { overflow-y: scroll; overflow-x: hidden; } 
.thanh-cuon::-webkit-scrollbar { width: 2px; background: #d2d0d0; } 
.thanh-cuon::-webkit-scrollbar-thumb { width : 2px; background: #6b6b6b; } 
.thanh-cuon::-webkit-scrollbar-thumb:hover,
.thanh-cuon::-webkit-scrollbar-thumb:active { width: 2px; } 
.video-slider video { display: block; width: 100%; height: 100%; max-height: 560px; object-fit: cover; } 
.fixed { position: fixed !important; left: 0px; right: 0px; top: 0px; z-index: 1111 !important; justify-content: center; background: linear-gradient(90deg, #CB963A 0%, #FAED82 100%); width: 100% !important; padding: 10px 0; } 
.fixed a { color: #fff !important; } 
.fixed .hdanhmucdrops ul li a { color: #000 !important; } 
.fixed a:hover { color: #FFB800 !important } 
.fixed .active a { color: #ffee00 !important; } 
.fixed .active a:hover { color: #ffee00 !important; } 
.fixed span { color: #fff !important; } 
.fixed ul { justify-content: center !important; } 
/* .fixed ul li { margin-right: 10px !important; } */
/* .fixed .line-menu::after { border-bottom: 2px solid rgba(236,172,43,1); } */
.fixed ul li ul li a { color: #000 !important; } 
/* .fixed img { filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(230deg) brightness(106%) contrast(108%); } */
/* .menu ul .active { position: relative; background: linear-gradient(#FFB800, #9F0707); } */
.menu ul .active a { color: #eeff00; } 
/* .menu ul li .active::after { position: absolute; position: absolute; background: url(../images/news/products/active-menu.png)no-repeat; left: 0; right: 0; bottom: 0; content: ""; height: 2px; margin: auto; width: 73px; } */
.menu ul li a { font-family: "Open_Regular"; line-height: 1; font-size: 16px; color:#fff; text-align: center; text-transform: uppercase; } 
.menu .home a { font-family: "Open_Semi"; line-height: 1; font-size: 16px; color: #000; } 
.menu ul li a:hover { color: #eeff00; } 
.menu ul li a:hover::after { opacity: 1; right: 0; } 
.menu ul li a img { position: relative; transition: all 0.3s; } 
.menu { position: relative; z-index: 9; justify-content: center; width: calc(100% - 300px); } 
.logo-menu { width: 10%; } 
.banner-header span { font-family: "Cookies"; font-size: 60px; color: #FFB800; text-transform: uppercase; } 
.banner-header p { font-family: "Dancing"; font-size: 30px; color: #000; text-transform: capitalize; } 
.menu-email span { font-family: "Open_Regular"; font-size: 14px; color: #000; } 
.menu-email a { font-family: "Open_Regular"; font-size: 14px; color: #4D4D4D; margin-top: 5px; } 
.menu-email img { margin-right: 10px; } 

.social-header span { font-family: "Open_Regular"; font-size: 14px; color: #000; } 
.social-header a { font-family: "Open_Bold"; font-size: 14px; color: #FFB800; margin-top: 5px; } 
.social-header img { margin-right: 10px; } 

.br1 { border-right: 1px solid #fff; } 


/* .social-header a { font-family: "Quicksand_Bold"; font-size: 15px; color: #ff5d01; } */
.menu-right { width: 35%; display: flex; align-items: center; justify-content: end; } 
.menu-logo { width: 10%; text-align: center; position: relative; z-index: 1111; } 
.phone-menu span { padding-left: 10px; } 
.phone-menu a:hover { color: #FFB800 !important; } 
/* .menu-logo::after { position: absolute; content: url(../images/news/products/after-logo.png); top: 0; right: -30%; z-index: -1; } */
.menu-title { width: 55%; } 
.box-menu { position: relative; } 
.box-menu:hover { color: #fefefe; background: #111; } 
.box-menu:hover span { color: #fff; } 
.box-menu:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(9deg) brightness(105%) contrast(101%); } 
.box-menu:hover::after { border-color: #111; right: 0; } 
.box-menu::after { position: absolute; bottom: -5px; left: 0; right: 100%; content: ""; border-bottom: #111 1px solid; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } 
.giohang::after { position: absolute; bottom: -5px; left: 0; right: 100%; content: ""; border-bottom: #111 1px solid; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } 
.giohang:hover::after { border-color: #111; right: 0; } 
.hover-image:hover img { filter: grayscale(50%); } 
.line-menu { position: relative; } 
.line-menu::after { position: absolute; bottom: 0px; left: 0; right: 100%; content: ""; border-bottom: #fff 2px solid; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } 
/* .line-menu:hover ::after { opacity: 1; right: 0; transition: all 0.5s ease; } */
.box-menu { width: 200px; border: 3px solid #000; text-align: center; padding: 7.3px 0; margin-right: 10px; } 
.box-menu img { position: relative; left: -20px; } 
.box-menu span { font-family: "Gilroy_Medium"; line-height: 1; font-size: 14px; color:#000000; text-align: center; text-transform: uppercase; } 
.back-header { background-image: url(../images/news/background/back-top.html); background-size: cover; } 
.group-menu { position: relative; z-index: 111; background: #1B61B8; } 
.group-menu-right { background-color: #DDBE9F; width: 100%; } 
.group-menu-left { width: 100%; padding: 7.5px 0; } 
.title-center { font-family: "Colos"; font-size: 50px; text-align: center; text-shadow: 2px 2px 0px #BDBDBD;; text-transform: uppercase; color: #02398A; } 
.bg-menu { width: 115px; height: 40px; background: #F8CB2E; } 
.bg-menu a { padding: 10px !important; color: #000 !important; line-height: 22px !important; } 
.welcome-left { font-family: "Shintia"; font-size: 20px; color:#000000; text-align: left; width: 50%; } 
.welcome-right { width: 50%; } 
.group-menu-top { padding: 15px 0; position: relative; } 
.main-menu { width: 100%; background: #fff; position: relative; z-index: 111; } 
.contact-menu { position: relative; padding-bottom: 30px; } 
/* .main-menu::after { position: absolute; content: url(../images/news/products/menu-top/after-mt.png); top: 0; right: 0; } */
.contact-phone { font-family: "Pop_Regular"; font-size: 14px; position: relative; z-index: 1; color: #fff; width: 30%; } 
.contact-phone span { font-family: "Pop_Regular"; font-size: 14px; position: relative; z-index: 1; color: #fff; padding: 0 5px; } 
.cate { width: 30%; } 
.menu-top { width: 100%; background: #fff; padding: 6px 0 4px 0; } 
.menu-bot { border-top: 1px solid #26bb6a; color: #ffffff; } 
.title-logo span { font-family: "Helvet"; font-size: 30px; color: #03277E; text-transform: uppercase; } 
.title-logo p { font-family: "Revo"; font-size: 30px; color: #FFB800; } 
/* Text */
/* .space-sp { padding: 50px 0; } */
.title-list img { padding-left: 30px; height: 5px; } 
.desc-list { color: #272727; font-family: "Busta"; font-size: 37px; position: relative; z-index: 1; text-align: left; } 
.image-list { text-align: center; position: relative; z-index: 1; width:100% } 
/* .box-list { width: 35%; margin-left: -20%; background: #fff; z-index: 1; padding: 70px 40px; } */
.doinet { font-family: 'Shelia'; color: #ffffff; font-size: 48px; } 
.title-top2 { margin: auto; text-align: center; position: relative; padding-bottom: 35px; align-items: center; } 
.doinet2 { font-family: "Quicksand_Bold"; font-size: 20px; text-align: left; position: relative; z-index: 1; color: #000; text-transform: uppercase; } 
.doinet1 { font-family: "Display_Bold"; font-size: 26px; text-align: left; position: relative; z-index: 1; color: #000; text-transform: capitalize; } 
.doinet3 { margin: auto; font-family: "Internation"; font-size: 40px; text-align: center; position: relative; color: #1B61B8; text-transform: uppercase } 
.doinet2 { margin: auto; font-family: "Internation"; font-size: 40px; text-align: center; position: relative; color: #1B61B8; text-transform: uppercase; position: relative; padding-bottom: 10px; } 
.slogan-title { font-family: "Open_Regular"; font-size: 15px; color: #000; margin-top: 15px; } 
.doinet2::after { position: absolute; content: ""; border-bottom: 2px solid #848484; width: 76px; left: 0; right: 0; bottom: 0; text-align: center; margin:auto } 
/* .doinet3::after { position: absolute; content: url(../images/news/products/line-left.png); left: 0; bottom: 5px; } */
/* .doinet3::before { position: absolute; content: url(../images/news/products/line-right.png); right: 0; bottom: 5px; } */
.slogan-form { font-family: "Quicksand_Regular"; font-size: 14px; text-align: center; color: #000; margin: 10px 0 25px 0; } 
.title-page { margin: auto; text-align: center; position: relative; padding-bottom: 20px; align-items: center; } 
.title--page { position: relative; padding-bottom: 20px; } 
.title-top5 { margin: auto; text-align: center; position: relative; padding-bottom: 5px; align-items: center; } 
.paging-product-category { width: 100%; } 
.paging-product-category2 { padding-top: 20px; } 
.main--sp { padding: 50px 0; } 
.b1 { border: 1px solid #EEEAEA; } 
/* .paging-product { padding-top: 25px; } */
.text-split { font-family: "Open_Regular"; color: #000; font-size: 14px; text-align: left; cursor: pointer; } 
.text-split:hover { color: #FFB800 !important; } 
.read-more a:hover { color: #000; } 
.arr-name { width: 52px; align-self: flex-end; } 
.name-product1 { font-family: "Mont_Bold"; font-size: 15px; text-align: left; } 
.name-product1:hover { color: #006eff !important; } 
.text-split1 { text-transform: uppercase; font-family: "Inter_Bold"; font-size: 15px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; text-align: center; cursor: pointer; } 
/* Hover */
.img_hover { overflow: hidden; position: relative; padding: 0; z-index: 0; } 
.img_hover:before { position: absolute; top: 0; left: -85%; z-index: 22; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } 
.img_hover:hover:before { -webkit-animation: shine .6s; animation: shine .6s; } 
.img-hover img:hover { transition: all 0.3s; transform: translateY(-5px); } 
.img-hover img { transition: all 0.3s; } 
/* Giỏ Hàng */
.giohang { position: relative; } 
.giohang h4 { width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 10px; border-right: 2px solid #DE2121; border-left: 2px solid #DE2121; color: #DE2121; font-size: 15px; font-family: "Quicksand_Bold"; } 
.giohang p { font-family: "Quicksand_Regular"; font-size: 15px; color: #222222; padding-left: 5px; } 
.gh-right span { font-family: "Quicksand_Regular"; font-size: 15px; color: #222222; text-align: left; } 
.gh-right { padding-left: 15px; } 
/* Giới Thiệu */
.gioithieu-left { width: 50%; position: relative; z-index: 1; } 
.gioithieu-right { width: 50%; padding-left: 50px; } 
.box_gioithieu { max-width: 100%; } 
.image-gioithieu { position: relative; right: 50px; } 
.name-gioithieu { font-family: "Mijas"; font-size: 50px; color: #F8CB2E; text-transform: uppercase; } 
.desc-gioithieu { font-family: "Quicksand_Regular"; font-size: 15px; color: #ffffff; } 
.main-gioithieu { padding-right: 120px; } 
.album- { padding: 50px 0 60px 0; } 
.main-album { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; } 
.image-album:nth-child(1) { grid-area: 1 / 1 / 3 / 3; } 
.image-album:nth-child(2) { grid-area: 3 / 1 / 5 / 3; } 
.image-album:nth-child(3) { grid-area: 1 / 3 / 5 / 7; } 
.image-album:nth-child(4) { grid-area: 1 / 7 / 5 / 9; } 
/* .image-album:nth-child(5) { grid-area: 3 / 7 / 5 / 9; } 
.image-album:nth-child(6) { grid-area: 3 / 7 / 5 / 9; } */
.image-album:nth-child(1) .see---detail { margin-top: 10px; } 
.image-album:nth-child(2) .desc-album { line-height: 20px; } 
.image-album:nth-child(2) .see---detail { margin-top: 10px; } 
.image-album:nth-child(2) .desc-album { line-height: 20px; } 
.image-album img { border-radius: 20px; } 
.image-album { position: relative; } 
.content-album { position: absolute; width: 100%; height: 100%; background: #422503; padding: 20px; opacity: 0; left: 0; right: 0; bottom: 0; text-align: center; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.desc-album { font-family: "Quicksand_Regular"; font-size: 15px; color: #fff; line-height: 28px; } 
.image-album:hover .content-album { opacity: 1; transition: all 0.5s ease-in; } 
/* Xemthem */
.main-xt { padding-top: 20px; } 
.arr img { padding-left: 10px; } 
.box-xemthem { text-align: center; } 
.xemthem { z-index: 1; font-size: 14px; color: #666666; text-align: center; display: inline-block; background: none; font-family: "Barlow_Regular"; position: relative; } 
.xemthem img { padding-left: 10px; position: relative; bottom: 3px; } 
.xemthem1:hover { color: #000000; background-color: #fff; border: 2px solid #00AEEF; } */
.xemthem_vi:hover { color: red; transition: all 0.3s; } 
.xemthem_vi { font-size: 13px; color: #000; text-decoration: underline; text-align: end; margin-top: 10px; } 
/* danhmuc */
.danhmuc_list { position: relative; } 
.danh_muc_title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 0px 20px; } 
.danhmuc_vi { font-size: 24px; color: #ffffff; font-family: "Muli_semibold"; } 
.li_a { font-family: "Quicksand_Bold"; cursor: pointer;; font-size: 15px; color: #545454; background-color: #000000; margin: 10px 0; padding: 1px; clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); } 
.li_a img { position: absolute; left: 0; top: 55px; } 
.dm1 li a:hover { transition: all 0.3s; color: #ff0000 !important; } 
.danhmuc_sanpham li a:hover { transition: all 0.3s; color: #ff0000 !important; } 
/* sanpham_banchay */
.noidung_top { text-align: center; position: relative; } 
.noidung_top .title-main span { text-transform: uppercase; font-size: 40px; display: inline-block; color: #003915; font-family: "Quicksand_bold"; text-align: left; } 
.noidung_top .title-main1 span { font-size: 14px; display: inline-block; color: #ffffff; font-family: 'Muli_Regular'; text-transform: uppercase; } 
/* grid */
.grid-page { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr);; grid-gap: 20px 20px; } 
.grid-page5 { display: grid; grid-template-columns: repeat(5, 1fr);; grid-gap: 10px } 
.grid-page2 { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px 10px } 
.grid-page3 { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 23px; } 
.grid-page2:nth-child(4) { grid-column: 3/ 3; grid-row: 1 / 2; } 
/* .danhmuc_list */
.danhmuc_sanpham li a.active { color: #ffffff; background-color: #0076d1; } 
.danhmuc_sanpham li a { color: #000000; font-size: 15px; background-color: #fff; display: inline-block; padding: 10px 25px; clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); } 
.danhmuc_sanpham li { list-style: none; } 
/* .danhmuc_sanpham_index { padding-bottom: 40px; background-color: #ffffff; } */
.paging-product-category1 { position: relative; } 
.sp_nav { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; } 
.splist { display: block; font-size: 26px; border: none; margin: 0 4px 8px; padding: 11px 20px; line-height: 1; cursor: pointer; user-select: none; font-family: "Open_Bold"; color: #b0b0b0; text-transform: uppercase; } 
.splist:hover { color: #a41717 !important; } 
.splist.active { color: #a41717 !important; } 
.active { color: #a41717; } 
.new-product { padding-bottom: 30px; } 
.cat-item { margin: auto; } 
.spcap { margin-top: -30px; padding-bottom: 30px; } 
.btn-success { background:rgb(1, 147, 222)!important; border: rgb(1, 147, 222)!important; padding: 10px 30px !important; } 
.btn-success:hover { background: #fff !important; color: #000 !important; border: 1px solid rgb(1, 147, 222)!important; } 
.btn-dark { background: #dc3545; padding: 10px 30px!important; border: none !important; } 
.btn-dark:hover { background: #fff !important; color: #000 !important; border: 1px solid #dc3545 !important; } 
.btn-dark:hover a { color: #000 !important; } 
.btn-success:hover a { color:#000 !important; } 
/* */
.menu-hotline { position: relative; } 
.hotline-info { position: absolute; right: 0; top: -5px; } 
.hotline-info span { font-family: "Quicksand_Regular"; font-size: 16px; color: #000; } 
.hotline-info p { font-family: "Quicksand_Regular"; font-size: 11px; color: #000; } 
.hotline-info a { font-family: "Helvet"; font-size: 24px; color: #CD0000; margin-top: -5px; margin-bottom: 10px; } 
.menu-title { text-align: center; } 
.menu-title span { font-family: "Saira_Bold"; font-size: 40px; color: #CD0000; text-align: center; text-transform: uppercase; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); } 
.menu-title p { font-family: "Alter"; font-size: 22px; color: #000; text-align: center; } 
/* */
.product-list { padding: 20px 0; } 
.product-list .wrap-content { background: #fff; padding: 20px 25px; border-radius: 25px; box-shadow: 0 5px 5px 0 #ccc; position: relative; } 
.product-sale .owl-dots { display: none; position: absolute; bottom: -35px; left: 0; right: 0; } 
.product-sale .doinet3::after { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(192deg) brightness(102%) contrast(102%); } 
.product-sale .doinet3::before { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(192deg) brightness(102%) contrast(102%); } 
.product-sale .doinet3 {  margin: auto; } 
.product-sale { padding-top: 60px; } 



/* */
.introduce { position: relative; padding: 0 0 50px 0; } 
.intro-left { text-align: center; width: 50%; position: relative; padding: 45px 17px 35px 17px; background: #f8a41d; } 
.intro { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.title-top-intro { background: linear-gradient(180deg, #7EC344 0%, #126B3C 100%); width: 730px; position: relative; text-align: right; padding: 15px 40px 9px 40px; } 
.title-intro { font-family: 'Dancing'; font-size: 37px; color: #422503; text-align: left; } 
.title-intro img { margin-right: 5px; } 
.name-intro { position: relative; margin: 20px 0; position: relative; font-family: "Patta"; font-size: 48px; text-align: left; position: relative; z-index: 1; color: #AF7D42; text-transform: capitalize } 
.desc-intro { text-align: justify; font-family: "Quicksand_Regular"; font-size: 15px; color: #000; line-height: 27px; } 
.intro-right { width: 50%; text-align: center; position: relative; padding-left: 20px; } 
.image-intro { text-align: center; position: relative; z-index: 1; } 
.image-left-intro { position: absolute; left: 0; bottom: 15%; z-index: 1; } 
.image-right-intro { position: absolute; right:0; bottom: 0%; } 

.see-all { font-family: "Open_Bold"; font-size: 14px; color: #FFB800; text-transform: uppercase; } 
.see-product { width: 160px; height: 30px; background: linear-gradient(90deg, rgba(255,201,14,1) 0%, rgba(252,126,14,1) 54%, rgba(254,94,2,1) 100%);; text-align: center; margin: 10px auto 10px auto; } 
.see-product a { line-height: 30px; font-family: "Quicksand_Regular"; font-size: 13px; color: #fff; text-align: center; position: relative; } 
.see-product:hover { background: #fff; border: 2px solid #0275EE; } 
.see-product:hover a { color: #000; } 
.see-news { width: 120px; height: 30px; background: linear-gradient(90deg, rgba(255,201,14,1) 0%, rgba(252,126,14,1) 54%, rgba(254,94,2,1) 100%);; text-align: center; margin: 15px auto 15px 0; } 
.see-news a { line-height: 30px; font-family: "Quicksand_Regular"; font-size: 13px; color: #fff; text-align: center; position: relative; } 
.see-news:hover { background: #fff; border: 2px solid #0275EE; } 
.see-news:hover a { color: #000; line-height: 25px; } 
.see-detail { margin: 10px auto 0 auto; width: 120px; height: 40px; border-radius: 20px; background-image: linear-gradient(90deg, #CB963A 0%, #FAED82 100%); } 
.see-detail a { line-height: 40px; font-family: "Quicksand_Bold"; font-size: 14px; color: #000; text-align: center; position: relative; } 
.see-detail:hover { background: #fff; color: #0275EE; border: 2px solid #0275EE; clip-path: unset; } 
.see-detail:hover a { color: #003915; } 
.see--detail { margin: 30px 0 0 0; width: 160px; height: 40px; border-radius: 20px; background-image: linear-gradient(90deg, #CB963A 0%, #FAED82 100%); } 
.see--detail a { line-height: 40px; font-family: "Quicksand_Bold"; font-size: 14px; color: #000; text-align: center; position: relative; } 
.see--detail:hover { background: #fff; color: #0275EE; border: 2px solid #0275EE; clip-path: unset; } 
.see--detail:hover a { color: #003915; } 
.see---detail { margin: 30px 0 0 0; width: 225px; height: 40px; border-radius: 20px; background-image: linear-gradient(90deg, #CB963A 0%, #FAED82 100%); } 
.see---detail a { line-height: 40px; font-family: "Quicksand_Bold"; font-size: 14px; color: #000; text-align: center; position: relative; } 
.see---detail:hover { background: #fff; color: #0275EE; border: 2px solid #0275EE; clip-path: unset; } 
.see---detail:hover a { color: #003915; } 
.box-maps { margin: auto; width: 185px; height: 45px; background-image: linear-gradient(90deg, #CB963A 0%, #FAED82 100%); border-radius: 20px; line-height: 45px; } 
.box-maps img { padding-left: 10px; } 
.box-maps:hover { background: #fff; color: #0275EE; border: 2px solid #0275EE; clip-path: unset; } 
.link_see { z-index: 1; } 
.link_see a { font-family: "Quicksand_Medium"; font-size: 17px; color: #fff; line-height: 45px; text-align: center; position: relative; } 
.link_see a:hover { color: #F8CB2E; } 
.link_see p { width: 40px; height: 40px; background: linear-gradient(180deg, #126B3C 0%, #7EC344 100%); border-radius: 40px 0px 0px 40px; transform: matrix(-1, 0, 0, 1, 0, 0); } 
.link_see img { position: relative; top: 5px; } 
/* Construction */
.Construction { position: relative; z-index: 1; } 
.Construction .wrap-content { padding: 30px 20px; background: #1B61B8; } 
.box-cons { overflow: hidden; } 
.image-cons { position: relative; width: 25%; } 
.content-cons { width: 75%; } 
.name-cons { font-family: "Open_Bold"; font-size: 16px; color: #fff; } 
.desc-cons { font-family: "Open_Regular"; font-size: 14px; color: #E8E8E8; margin-top: 10px; } 
.flipster__item--past-1 .name-cons { opacity: 0; } 
.flipster__item--future-1 .name-cons { opacity: 0; } 
/* Why-choose */
/* .why-choose { padding: 50px 0 10px 0; background-image: url(../images/news/products/bg-tieuchi.png); background-size: cover; } */
.why-choose .title-page img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(197deg) brightness(107%) contrast(101%); } 
.box-choose { width: 30%; margin-bottom: 50px; } 
.image-choose { width: 10%; } 
.content-choose { width: 85%; } 
.name-choose { font-family: "Quicksand_Medium"; font-size: 17px; text-transform: uppercase; color: #E7E7E7; } 
.desc-choose { font-family: "Quicksand_Regular"; font-size: 14px; color: #90C7FF; line-height: 20px; } 
/* Seller */
.title-sale { font-family: "Tavi_Regular"; font-size: 18px; color: #000000; text-transform: uppercase; position: relative; margin: 30px auto auto auto; width: 15%; text-align: center; } 
.title-sale::after { position: absolute; content: url(../images/news/products/after-seller.html); left: 10px; top: -5px; } 
.title-sale img { position: relative; top: 5px; } 
.name-seller { font-family: "Gilroy_Regular"; font-size: 17px; color: #000; position: relative; text-align: center; margin: 15px 0 5px 0; } 
.name-seller::after { position: absolute; content: url(../images/news/products/line-name.html); left: 0; top: 5px; } 
.box-seller { width: 150px; position: absolute; padding: 20px 0; } 
.detail { text-align: center; } 
.seller { min-height: 830px; background-color: #fff; padding-top: 80px; } 
.seller .wrap-content { position: relative; } 
.box-seller:nth-child(1) { top: 0; left: 0; } 
.box-seller:nth-child(2) { top: 0; right: 0; } 
.box-seller:nth-child(3) { top: 100%; left: 15%; } 
.box-seller:nth-child(4) { top: 100%; right: 15%; } 
.box-seller:nth-child(5) { top: 160%; left: 33%; } 
.box-seller:nth-child(6) { top: 160%; right: 33%; } 
.image-seller { position: relative; } 
.image-seller:hover { top: -15px; transition: all 0.5s; } 
/* Quy Trình */
.procedure { background-image: url(../images/news/products/quy-trinh/bg-quytrinh.html); padding: 50px 0 60px 0; } 
.main-procedure { margin-top: 15px; } 
.name-procedure { font-family: "Quicksand_Bold"; font-size: 18px; color: #fff; text-transform: uppercase; text-align: center; margin-top: 20px; } 
.box-procedure { background: #000000; border-radius: 50%; padding: 30px 15px; margin: auto; } 
.image-procedure { text-align: center; } 
.box-procedure:hover { background: linear-gradient(90deg, rgba(236,172,43,1) 0%, rgba(252,229,109,1) 50%, rgba(236,172,43,1) 100%); } 
.box-procedure:hover img { filter: brightness(0) saturate(100%) invert(0%) sepia(99%) saturate(7481%) hue-rotate(87deg) brightness(87%) contrast(100%); } 
.box-procedure:hover .name-procedure { color: #000; } 
/* Products-news */
.Products-news { padding: 80px 0 60px 0; } 
.gia-si { width: 130px; height: 35px; line-height: 35px; margin: auto; background: #0093dd; } 
.gia-si span { font-family: "Inter_Regular"; font-size: 14px; color: #fff; } 
.gia-si a { font-family: "Inter_Bold"; font-size: 14px; color: #fff; text-transform: capitalize; } 
.gia-si:hover { background: #fff; border: 2px solid #0093dd; } 
.gia-si:hover a { color: #0093dd; } 
.gia-si:hover span { color: #0093dd; } 
.gia--si { width: 130px; height: 35px; line-height: 35px; margin: auto; background: #000; } 
.gia--si span { font-family: "Inter_Regular"; font-size: 14px; color: #fff; } 
.gia--si a { font-family: "Inter_Bold"; font-size: 14px; color: #fff; text-transform: capitalize; } 
.gia--si:hover { background: #fff; border: 2px solid #000; } 
.gia--si:hover a { color: #000; } 
.gia--si:hover span { color: #000; } 
/* .price-product { margin: 10px 0 !important; } */
/* Tiêu chí */
.Standard { background: #2A27B6; padding: 30px 0; position: relative; background-size: cover; } 
.main-stan { position: relative; } 
.box-stan { background: #fff; padding: 0px 15px; border: 1px solid #00803D; box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.03); border-radius: 10px; } 
.content-stan { width: 75%; padding-left: 10px; } 
/* .image-stan:hover { filter: brightness(0) saturate(100%) invert(11%) sepia(68%) saturate(7493%) hue-rotate(4deg) brightness(94%) contrast(112%); } */
.image-stan { position: relative; text-align: center; z-index: 1; width: 25%; text-align: center; } 
.image-stan img { text-align: center; margin: 20px auto; } 
.name-stan { font-family: "Quicksand_Medium"; font-size: 16px; color: #000; text-transform: uppercase; } 
.desc-stan { font-family: "Quicksand_Light"; font-size: 13px; color: #4B4B4B; padding-top: 10px; } 
.image-stan:hover.image-stan::after { animation: rotation 1s linear } 
.box-image-stan { text-align: center; } 
/* Dự án */
.project-left { width: 40%; padding: 40px 0px; position: relative; } 
.main-project::after { position: absolute; content: url(../images/news/products/after-duan.html); left: 0; bottom: -6px; } 
.project-right { width: 60%; position: relative; z-index: 1; } 
.project { padding: 60px 0; } 
.main-project { background: #FFFFFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); position: relative; } 
.name-project span { font-family: "Arial_Bold"; font-size: 22px; color: #fff; text-transform: uppercase; } 
.name-project { background: linear-gradient(90.09deg, #7EC344 0%, #126B3C 100%); border-radius: 0px 60px 60px 0px; width: 440px; padding: 0 30px; line-height: 60px; height: 60px; } 
.desc-project { padding: 30px; } 
/* Đối tác */
.Partners { padding: 60px 0; background-color: #f8f8f8; } 
.image-partners { text-align: center; } 
/* Video */
.main--video { padding: 50px 0; background: #f8f8f8; } 
.line-video { position: absolute; left: -30px; top: 50px; z-index: 1; } 
.image-video img { height: 500px !important; } 
/* spnb */
.main-paging { margin: 40px 0; } 
.skin-samples { padding: 50px 0 20px 0; } 
/* Direcdict */
.box-direc { border-right: 1px solid #c6c6c6; min-height: 100px; padding: 0 20px; } 
.footer-direc { padding-top: 80px; } 
.box-direc a { margin-top: 15px; } 
/* Dịch vụ */
.box-service { text-align: center; } 
.image-service img { border-radius: 50%; padding: 10px; } 
.image-service img:hover { padding: 15px 10px; } 
.image-service { text-align: center; border: 4px solid; background: linear-gradient(white, white) padding-box, linear-gradient(to right, #CB963A, #FAED82) border-box; border-radius: 50%; border: 4px solid transparent; } 
.content-service { } 
.box-viewmore { margin: auto; color: #2A27B6; text-align: center; font-family: "Inter_Regular"; font-size: 13px; } 
.box-loadmore { text-align: center; width: 210px; height: 50px; margin: 30px auto auto auto; border: 1px solid #2A27B6; border-radius: 30px; } 
#loadMore { line-height: 50px; font-family: "Inter_Medium"; font-size: 15px; text-align: center; color: #515151; transition: all 600ms ease-in-out; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; margin: auto; } 
.service { padding: 60px 0 110px 0; background-image: url(../images/news/products/bg-dv.html); background-size: cover; } 
.content-service { text-align: center; } 
.pic-service { position: relative; text-align: center; } 
.pic-service:hover .name-service { background: #FFB800; border-radius: unset; } 
.owl-service .center .box-service { flex-direction: column-reverse !important; transition: all 0.5s ease; } 
.center .box-service .name-service { margin-top: 0; } 
.center .box-service .see-detail { margin-bottom: 25px; } 
.name-service { color: #000; text-align: center; font-family: "Quicksand_Bold"; font-size: 17px; text-align: center; margin: 20px 0 25px 0; } 
.desc-service { color: #575757; text-align: center; font-family: "Inter_Regular"; font-size: 13px; margin: 15px 0 15px 0; line-height: 25px; } 
/* bang gia */
.Price-list { padding: 50px 0; } 
.image-price { text-align: center; } 
.image-price .wrap-content { max-width:1070px } 
/* Đào tạo */
.training { background-image: url(../images/news/products/bg-daotao.html); background-size: cover; padding: 50px 0; } 
.image-training img { border-radius: 80px 20px 80px 20px; background: linear-gradient(white, white) padding-box, linear-gradient(to right, #CB963A, #FAED82) border-box; border-radius: 80px 20px 80px 20px; border: 3px solid transparent; } 
.name-training { font-family: "Quicksand_Bold"; font-size: 20px; color: #000; text-transform: uppercase; margin: 20px auto auto 0; text-align: center; } 
/* cảm nhận */
.feed-back { padding: 50px 0 60px 0; background-color: #F2F2F2; } 
.owl-feed { margin-top: 30px; } 
.feedback-left { width: 35%; padding-right: 25px; } 
.main-feedback { width: 65%; } 
.slogan-feedback { font-family: "Core_Sans"; font-size: 16px; line-height: 30px; letter-spacing: -0.48px; margin-top: 10px; } 
.feedback-left .doinet3 { font-size: 31px; } 
.image-feed img { border-radius: 50%; } 
.image-feed { text-align: left; margin-bottom: -60px; padding: 0 20px; } 
/* .box-feed { position: relative; z-index: 1; min-height: 470px; } 
.box-feed::after { position: absolute; content: url(../images/news/products/after-camnhan.png); left: 0; right: 0; top: 0px; z-index: -1; text-align: center; } */
.name-feed { font-family: "Open_Bold"; font-size: 16px; color: #fff; text-transform: uppercase; text-align: left; } 
.desc-feed { font-family: "Open_Regular"; font-size: 14px; color: #fff; text-align: left; font-style: italic; } 
.info-feed { background: #1B61B8; padding: 10px 20px; clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%); width: 80%; } 
.content-feed { padding: 80px 20px 25px 20px; } 
.items-feed { background: #fff; border-top: 1px solid #D0D0D0; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; border-bottom: 2px solid #1B61B8; } 


/* tin tuc video */
/* Thống kê */
.Statictisc { background-color: #2A27B6; padding: 60px 0 170px 0; } 
.box-sta { width: 25%; text-align: center; } 
.desc-sta { font-family: "Inter_Bold"; font-size: 50px; color: #fff; } 
.name-sta { font-family: "Inter_Regular"; font-size: 15px; color: #fff; margin-top: 15px; } 
.image-sta { background: rgba(255, 255, 255, 0.01); box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.7); border-radius: 50%; } 
.image-sta { padding: 25px; } 
.content-sta { padding-left: 15px; } 
.image-sta:hover img { filter: brightness(0) saturate(100%) invert(28%) sepia(90%) saturate(4084%) hue-rotate(210deg) brightness(100%) contrast(108%); } 
/* Vì Sao */
.name-visao { font-family: "Quicksand_Medium"; font-size: 16px; text-transform: uppercase; color: #000; text-align: center; } 
.image-visao { text-align: center; padding: 20px 0; } 
/* cẩm nang */
.image-camnang { text-align: center; } 
.cam-nang { padding: 60px 0; } 
.news-time1 span { font-family: "Pop_Bold"; font-size: 25px; color: #fff; } 
.news-time1 p { font-family: "Pop_Regular"; font-size: 12px; color: #fff; } 
.news-time1 { width: 90px; height: 60px; background-image: url(../images/news/products/after-time.html); text-align: center; background-size: 100% 100%; position: absolute; right: 0; bottom: -10px; } 
.new-time2 { font-family: "Quicksand_Regular"; font-size: 14px; color: #3E3D3B; text-align: center } 
.new-time2 img { padding-right: 10px; } 
.name-camnang { font-family: "Quicksand_Bold"; font-size: 16px; color: #000; text-transform: uppercase; } 
.desc-camnang { font-family: "Quicksand_Regular"; font-size: 14px; color: #3E3D3B; padding-top: 10px; } 
.content-camnang { text-align: center; } 
.box-time { width: 305px; height: 100px; background-color: #fff; padding: 10px 20px;; border-radius: 20px; text-align: center; margin: auto; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.18); position: relative; z-index: 1111; margin-top: -55px; } 
.content-camnang { padding-top: 20px; } 
/* Bộ sưu tập */
.image-bosuutap { position: relative; z-index: 1; } 
.image-bosuutap::after { position: absolute; content: ""; left: 0; top: 0; opacity: 0; background-image: url(../images/news/products/after-album.html); background-size: 100% 100%; width: 100%; height: 100%; } 
.image-bosuutap:hover::after { opacity: 1; } 
.image-bosuutap:hover .content-bosuutap { left: 0; right: 0; text-align: center; bottom: 40%; padding: 0; background-image: none; transition: 0.5s ease-in-out; } 
.content-bosuutap { z-index: 111; position: absolute; bottom: 0; left: 0; width: 100%; background-image: url(../images/news/products/line-album.html); padding: 20px 0 30px 30px; } 
.name-bosuutap { font-family:"Shintia"; font-size: 46px; color: #000; } 
.link-bosuutap { font-family: "Quicksand_Regular"; font-size: 16px; text-decoration:1px underline; color: #000; } 
/* album */
.box-video { position: relative; } 
.play_1 { position: absolute; display: flex; justify-content: center; align-items: center; left: 0; right: 0; bottom: 0; top: 0; margin: auto; text-align: center; } 
.title-video { font-family:"Quicksand_Regular"; font-size: 30px; color: #fff; text-transform: capitalize; } 
.slogan-video { font-family:"Quicksand_Regular"; font-size: 15px; color: #fff; } 
.content-video { position: absolute; left: 90px; bottom: 45px; padding-left: 20px; } 
.content-videoo { position: relative; } 
.content-videoo::after { position: absolute; content: ""; border-left: 5px solid #fff; height: 50px; left: -20px; bottom: 0; } 
.album1 { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 15px; grid-row-gap: 20px; } 
.pic-sanphamdmc:nth-child(1) { grid-area: 1 / 1 / 3 / 5; } 
.pic-sanphamdmc:nth-child(2) { grid-area: 1 / 5 / 3 / 9; } 
.pic-sanphamdmc:nth-child(3) { grid-area: 1 / 9 / 3 / 13; } 
.pic-sanphamdmc:nth-child(4) { grid-area: 3 / 1 / 5 / 8; } 
.pic-sanphamdmc:nth-child(5) { grid-area: 3 / 8 / 5 / 13; } 
.album { background-color: #fff; } 
.order { text-transform: uppercase; position: absolute; top: 25px; left: 0px; left: -30px; font-weight: bold; color: #ffffff; background: #ec2d3f; font-size: 15px; border-radius: 2px; width: 150px; height: 25px; text-align: center; line-height: 25px; transform: rotate(-45deg); } 
.one-items { display: none; } 
/* Sản Phẩm */
.paging-homes { margin-top: 30px; } 
.cart { background-color: #219543; color: #ffffff; border-radius: 15px; text-align: center; padding: 5px 10px; width: 110px; height: 40px; } 
.box-product:hover .add-cart { display: block; } 
.banner-item img { border-radius: 20px; } 
.add-cart:hover { background-color: #ffffff; color: #7EC344; border: 2px solid #7EC344; } 
.ban-chay { background-color: #ffffff; padding: 60px 0; } 
.product { position: relative; background: #fff; border-radius: 20px !important; overflow: hidden; } 
.pic-product { padding: 5px; background: #fff; } 
.main-sale { position: relative; } 
.product-sale { } 
.product-sale .wrap-content { padding: 20px 10px 10px 10px; border-radius: 10px; background: url(../images/news/products/bg-banchay.png); background-size: cover; } 

.product--sale .wrap-content { padding: 15px 0 0  0; border-radius: 10px; background:#1B61B8; background-size: cover; } 
.product--sale { padding-top: 60px; } 
.product--sale .owl-list { padding: 10px; background: #E4F5FF; } 


.product:hover:before { opacity: 1; } 
.pic-sanphamdmc img { width: 100%; position: relative; height: 100%; } 
.pic-sanphamdmc { position: relative; background: #707070 } 
.name-cap1 { position: absolute; width: 115px; height: 40px; border: none; color: #ffffff; background-color: #ac0b0b; text-transform: uppercase; font-family: 'Open_Semi'; font-size: 15px; left: 15px; bottom: 25px; text-align: center; line-height: 3; } 
.info-product { text-align: center; cursor: pointer; overflow: hidden; padding: 5px 10px 15px 10px; } 
.info--product { text-align: center; cursor: pointer; padding: 10px; border: 1px solid #c9c9c9; } 
.contact-service { font-family: "Quicksand_Regular"; font-size: 14px; text-transform: uppercase; color: #4E4E4E; text-align: center; border-top:1px solid #D0D0D0; padding: 10px 0 15px 0; } 
.contact-service a { font-family: "Saira_Bold"; font-size: 18px; text-transform: uppercase; color: #D30202; } 
.gia { font-family: "Quicksand_Medium"; color: #000; font-size: 16px; margin: 6px 0 30px 0 !important; } 
.gia a:hover { color: #000; } 
.ban-chay .slick-slide { margin-right: 20px; } 
.pic-product img { border-radius: 12px; } 
.info-product :hover { color: #000000; } 
.paging-homes .price-new { font-size: 20px; } 
.space-sp { padding: 0 0 20px 0; background-color: #fff; } 
.main-sp { padding: 50px 0 40px 0; } 
.main-dv { padding: 65px 0 50px 0; background: #EDEDED; } 
/* .main-sp { background-color: #fff; padding: 50px 0; } */
.space-sp:nth-child(2n) { background-color: #fff; } 
/* 
.space_sp:nth-child(2n) .box-title { flex-direction: row-reverse; } 
.space_sp:nth-child(2n) .box-list { margin-right: -20%; margin-left: 0; } */
.slideshow .owl-nav { display: none !important; } 
.slideshow .owl-dots { display: none !important; } 
.news-right .owl-nav { display: none !important; } 
.news-right .owl-dots { display: none !important; } 
.news- { padding: 70px 0 50px 0; background-image: url(../images/news/products/bg-news.html); position: relative; z-index: 1; background-size: cover; } 
/* .news-::after { position: absolute; content:""; top: 0; left: 0; z-index: -1; background-image: url(../images/news/products/after-tt.png); width: 800px; height: 520px; } */
.addcart { cursor: pointer; padding-left: 2px; } 
.modal-header { background-color: rgb(255, 255, 255); color: #000000; } 
.zoom_hinh { position: relative; } 
.mau { color: #ffffff; } 
.sanpham_banchay { padding: 60px 0px; } 
.title-pr { width: 100%; text-align: center; font-family: "Nokia"; font-size: 30px; color: #0076d1; text-transform: uppercase; } 
.title-pr2 { width: 100%; position: relative; justify-content: center; margin-bottom: 20px; } 
.title-pr2 .active { margin-right: 10px; background: #f8a41d; } 
.title-pr2 a { margin-right: 10px; border-radius: 5px; } 
.name-cat:hover { background: #f8a41d; color: #fff; } 
.title-pr2 .active { color: #fff; } 
.box-title { width: 100%; display: flex; justify-content: space-between; align-items: center; } 
.name-list { font-family: "Quicksand_Bold"; font-size: 14px; text-align: center; color: #000; position: relative; text-transform: uppercase; } 
/* .name-list::after { position: absolute; content: ""; border-bottom: 1px solid #000; width: 240px; left: 0; right: 0; bottom: 0; text-align: center; margin: auto; } */
.icon-list { padding: 20px 0 30px 0; } 
.active .name-cat { color: #000; cursor: pointer; font-family: "Quicksand_Medium"; font-size: 17px; text-align: center; padding: 10px 15px; } 
.name-cat { cursor: pointer; font-family: "Quicksand_Medium"; font-size: 17px; text-align: center; color: #000; padding: 10px 15px; background: #fff; border-radius: 5px; } 
.price-product :hover { color: #f87e7e; } 
.chitiet { text-align: left; margin: 5px 0 10px 0; } 
.gift span { color: #004AAD; font-family: "Open_Regular"; font-size: 12px; margin-left: 5px; } 
.chitiet div { color: #4D4D4D; font-family: "Open_Regular"; font-size: 13px; margin-top: 5px; } 
.box-cart { width: 115px; height: 40px; background-color: #B22727; text-align: center; margin: auto; padding: 10px 0; } 
.addcart { font-family: "Barlow_Bold"; font-size: 15px; color: #ffffff; text-transform: uppercase; } 
/* Flex */
.flex1 { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.flex2 { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.flex3 { display: flex; justify-content: space-between; } 
.flex4 { display: flex; justify-content: space-between; align-items: center; } 
.flex { display: flex; flex-wrap: wrap; align-items: center; } 
.flex-column { display: flex; flex-direction: column; } 
.pro-flex { display: flex; flex-wrap: wrap; } 
.just-center { justify-content: center; } 
/* .row { text-align: center; } */
.row1 { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } 
/* Form */
.name-nhantin { font-family: "Quicksand_Bold"; font-size: 26px; color: #fff; padding-bottom: 30px; } 
.content-nhantin { font-family: "Quicksand_Regular"; font-size: 14px; color: #fff; } 
.line-bottom1 { position: relative; } 
.line-bottom1::after { position: absolute; width: 50px; height: 6px; background: #DDBE9F; right: 0; top: 50px; content: ""; } 
.nhantin-left { width: 50%; justify-content: center; text-align: right; } 
.nhantin-left span { font-family: "Mont_Bold"; font-size: 24px; color: #ffffff; text-transform: uppercase; } 
.nhantin-left p { font-family: "Muli_Regular"; font-size: 14px; color: #ffffff; } 
.nhantin-mid { width: 50%; } 
.nhantin-right { width: 50%; } 
.title-desc { font-family: 'Quicksand_Regular'; font-size: 15px; color: #ffffff; } 
.form-contro1 { padding: 1.5rem 0.75rem; } 
.form-contro2 { padding: 1.375rem 0.75rem; } 
.btn1 { font-size: 15px; color: #ffffff; font-family: "SVN_Poppins_semibold"; height: 50px; width:97%; text-align: center; background-color: #d50008; border: none; margin: 15px; } 
/* .form-contact::placeholder { font-family: "Quicksand_Regular"; color: #000000 !important; } */
input.btn1.btn-sm.btn-danger { background-color: #891619 !important; } 
.reciece-news { padding: 0 0 60px 0; } 
.reciece-news .wrap-content { background: linear-gradient(180deg, #7EC344 0%, #126B3C 100%); box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.15); border-radius: 0px 0px 0px 80px; } 
.title-form { color: #fff; font-family: "Internation"; font-size: 30px; text-align: center; padding-bottom: 10px; position: relative; text-transform: uppercase; } 

.title-form::after { position: absolute; content: ""; border-bottom: 2px solid #fff; width: 76px; left: 0; right: 0; bottom: 0; text-align: center; margin: auto; } 


.title--form { color: #ffffff; font-family: "Arial_Bold"; font-size: 34px; color: #FFFFFF; } 
.newsletter-button input { text-align: center; } 
.validation-newsletter { position: relative; } 
.box-submit { text-align: center; margin-top: 10px; } 
.box--video { padding: 10px 10px 0 10px; } 
.box---video img { height: 400px !important; } 
.video-top { width: 75%; } 
.video-bottom { position: relative; width: 23%; margin: auto; margin-left: -50px; background: #fff; } 
.form-contact { background-image: url(../images/news/products/bg-form.png); background-size: cover; } 
.form-right { width: 50%; position: relative; z-index: 1; } 
.form-right::after { position: absolute; content: url(../images/news/products/bg-form2.png); left: 0; right: 0; bottom: -5px; z-index: -1; text-align: center; } 
.form-left { padding: 50px; position: relative; z-index: 1; width: 50%; border: 4px solid #939395; border-radius: 10px; } 
/* .main-form { padding: 70px 0; background: #fff; width: 85%; position: relative; margin: auto; clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%); left: 10px; } */
.icon-plane { width: 15%; position: relative; top: 15px; left: 10px; } 
.icon-plane img { height: 18px; } 

.main-form { width: 60%; margin: 0 auto; padding: 60px 0 40px 0; } 
.invalid-feedback { margin-top: 0 !important; font-size: 11px !important; position: relative; z-index: 1; } 
.newsletter-button:hover { background: #fff; border: 2px solid #FFB800; } 
.newsletter-button:hover input[type="submit"] { color: #000 !important; } 
.newsletter-button { border-radius: 5px; background:#FFB800; line-height: 40px; border: none; height: 40px; width: 140px; outline: none; display: inline-block; margin: auto; position: relative; color: #fff; } 
.newsletter-button input[type="reset"] { margin: 5px; height: 40px; width: 135px; outline: none; display: inline-block; background-color: #FFC700 !important; color: #000; font-family: 'Open_Bold'; border: none; font-size: 14px; text-transform: uppercase; } 
.newsletter-button input[type="submit"] { background: none !important; color: #fff !important; font-family: 'Quicksand_Bold'; border: none; font-size: 14px; position: relative; } 
.newsletter-button input[type="submit"]:hover { color: #000000 !important; background-color: #1095c1; } 
/* .newsletter-input1 img { position: absolute; right: 15px; top: 15px; } */
.newsletter-input1 { width: 175px; height: 40px; margin: 0 5px 10px 5px; position: relative; border-radius: 10px; border: 1px solid #D4D4D4; } 
.newsletter-input1 input { padding: 10px; width: 100%; color: #fff; height: 40px; border-radius: 10px; border: 1px solid #D4D4D4; background: #fff; } 
.newsletter-input2 { width: 360px; height: 40px; margin: 0 auto 10px auto; position: relative; border-radius: 10px; border: 1px solid #D4D4D4; } 
.newsletter-input2 input { padding: 10px; width: 100%; color: #fff; height: 40px; border-radius: 10px; border: 1px solid #D4D4D4; background: #fff; } 
.newsletter-input { margin: auto; width: 360px; background: none; position: relative; } 
.newsletter-input textarea { height: 105px; border-radius: 10px; border-radius: 10px; border: 1px solid #fff; background: #fff; } 
.title-nhantin { width: 30%; padding: 27px 0; display: flex; justify-content: space-between; } 
.dknhantin { position: relative; right: -30%; padding-left: 25px; width: 300px; padding-bottom: 25px; border-top: 1px solid white; border-bottom: 1px solid white; } 
.main-form ::placeholder { font-family: "Quicksand_Regular" !important; color: #000 !important; font-size: 12px !important; } 
/* .main-form { padding: 25px 0px; } */
.lien-he a { font-family: 'Mulish_bold'; font-size: 16px; color: #ffffff; line-height: 2; } 
.contact-left { width: 30%; padding-left: 15px; } 
.contact-right { width: 70%; } 
#fanpage-facebook { position: relative; } 
.footer .invalid-feedback { width: 100%; margin-top: -15px !important; margin-left: 10px !important; font-size: 80%; color: #dc3545; position: relative !important; z-index: 11 !important; } 
.name-tintuc { width: 100%; font-size: 16px; font-family: "Quicksand_Medium"; color: #ffffff; text-align: left; position: absolute; left: 0; right: 0; bottom: 10px; padding: 0 20px; } 
.desc-tintuc { font-size: 14px; font-family: "Quicksand_Regular"; color: #000000; display: -webkit-box; -webkit-line-clamp: 4; overflow: hidden; -webkit-box-orient: vertical; text-align: left; } 
.content-tintuc { padding: 30px 20px; position: relative; } 
.content-tintuc::after { position: absolute; content: ""; border-top: 1px solid #000; width: 100px; left: 0; right: 0; text-align: center; top: 15px; margin: auto; } 
.box-tintuc { position: relative; } 
.text-in-news { width: 20%; background: #dd1313; padding: 10px; position: absolute; bottom: 25%; left: 15px; } 
.date2 { font-family: "Quicksand_Regular"; font-size: 17px; color: #ffffff; border-top: 1px solid #fff; padding-top: 5px; } 
.date1 { font-family: "Quicksand_Bold"; font-size: 27px; color: #ffffff; text-transform: uppercase; } 
.tacgia span { font-family: "Inter-Italic"; font-size: 12px; color: #858484; font-style: italic; } 
/* .simply-scroll-list li:nth-child(2n) .video_box { flex-direction: row-reverse; } */
.video_box { display: flex; flex-wrap: wrap; background-color: #ffffff; } 
.tintuc_left { width: 50%; } 
.tintuc_right { width: 50%; } 
.title_product { font-family: "Mulish_black"; font-size: 33px; color: #d70000; padding-top: 60px; text-transform: uppercase; } 
.tintuc_title1 { font-family: 'Montserrat_Regular'; font-size: 15px; color: #262626; text-align: justify; display: -webkit-box; -webkit-line-clamp: 5; overflow: hidden; -webkit-box-orient: vertical; } 
.tintuc_title0 { font-family: 'Montserrat_Bold'; font-size: 17px; color: #262626; } 
.tt-news { color: #FFB800; border-bottom: 2px dotted #FFB800; margin-bottom: 10px; } 
.tintuc_left2 { padding: 20px 15px 0 10px; } 
.title_tt a { font-family: 'Quicksand2'; font-size: 15px; color: #00b3f0; border-top: 1px solid #00b3f0; margin-top: 15px; } 
.title_tt a:hover { color: #a41717; cursor: pointer; } 
.tintuc_box .tintuc_title { padding-left: 20px; } 
.tintuc_box { display: flex; flex-wrap: wrap; margin-top: 10px; } 
.title-video1 { position: relative; border-left: 2px solid #a41717; padding-left: 10px; } 
/* Video */
.pic-tintuc1 { width: 50%; } 
.tintuc-content { width: 50%; } 
.Video { position: relative; } 
.newshome-scroll { width: calc(100% - 44.5%); height: 445px; overflow: hidden; width: 100%; } 
.newshome-scroll ul li { margin-bottom: 15px !important; } 
.newshome-normal { display: block; } 
/* Tin Tức */
.tintuc_img { flex-shrink: 0; } 
.tintuc_title { flex: 1; } 
.tintuc_box { display: flex; flex-wrap: wrap; padding-top: 25px; } 
.tintuc_top { font-family: 'Muli_Bold'; font-size: 14px; color: #000000; cursor: pointer; text-transform: uppercase; } 
.tintuc_img { overflow: hidden; } 
.ngaythang { font-size: 12px; color: #6f6f6f; margin: 10px 0px; } 
/* doitac */
.doitac_left { padding: 53px 0px; background-color: red; width: 11%; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); text-align: center; } 
.doitac_right { padding-left: 30px; width: 88%; padding-right: calc(100% - 1300px) / 2; } 
.doitac { font-size: 24px; color: #ffffff; font-family: "UTMHanzel"; transform: rotate(90deg); } 
.box_doitac_item { border: 1px solid #d9d9d9; } 
.doitac_index { background-color: #efefef; } 
.main-doitac { padding: 20px 0; } 
/* footer */
.name-logo { font-family: "Aris"; font-size: 36px; color: #F8CB2E; text-align: center; } 
.desc-logo { font-family: "Quicksand_Bold"; font-size: 18px; color: #ffffff; text-align: center; text-transform: uppercase; margin: 15px 0 25px 0; } 
.logo-footer { text-align: center; } 
.name-ft1 { font-family: "Quicksand_Bold"; font-size: 24px; color: #ffffff; } 
.name-ft2 { font-family: "Trade"; font-size: 40px; color: #0572b8; text-shadow: 2px 2px 2px #ffffff; } 
/* .wrap-main { padding: 30px 0; } */
.br { border-right: 1px solid #fff; } 
.chi-nhanh { padding-top: 30px; } 
.box-chinhanh:hover { background-color: #0c8ff3; } 
.box-chinhanh:hover .name-chinhanh { color: #fff; } 
.box-chinhanh:hover .desc-chinhanh p { color: #fff; } 
.box-chinhanh { width: 33%; padding: 15px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 15px; } 
.name-chinhanh { font-family: "Quicksand_Bold"; font-size: 17px; color: #0076d1; border-bottom: 1px solid #005ba1; padding-bottom: 15px; } 
.desc-chinhanh p { color: #000; } 
.desc-chinhanh { padding-top: 15px; } 
.m55{margin-top: -55px;}
.footer {  position: relative; padding: 100px 0 0px 0; background: url(../images/news/products/bg-ft.png); background-size: cover; background-color: #422503; } 
/* .footer::after { position: absolute; content: url(../images/news/products/after-ft.png); right: 0; bottom: 0; z-index: -1; } */
.footer-article { padding-bottom: 40px; } 
.title-lienhe { font-family: "Quicksand_Regular"; font-size: 15px; color: #fff; margin: 20px 0; } 
.desc-ft { text-align: justify; font-family: "Inter_Regular"; } 
.content-ft { margin: 0; text-align: justify; } 
.content-ft p { color: #fff; } 
.box-form { text-align: center; margin: auto; border: 5px solid #0BAF4D; padding: 30px 20px; width: 70%; position: relative; } 
.box-form::after { position: absolute; content: ""; border-top: 5px solid #0BAF4D; width: 330px; left: -40%; top: 45px; } 
.box-form::before { position: absolute; content: ""; border-top: 5px solid #0BAF4D; width: 330px; right : -40%; top: 45px; } 
.box_footer { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.box_footer1 { width: 900px; margin: auto; } 
.footer-newss:nth-child(1) { width: 45%; } 
.footer-newss:nth-child(2) { width: 25%; } 
.footer-newss:nth-child(3) { width: 27%; } 
.footer-newss:nth-child(4) { width: 25%; } 
.desc-ft p { color: #fff; } 
.title-social { font-family: "Shadow"; font-size: 40px; color: #000; text-transform: uppercase; text-align: left; position: relative; padding-bottom: 15px; margin-bottom: 20px; } 
.title-social::after { position: absolute; content: ""; border-bottom: 3px solid #f9bc04; width: 100px; left: 0; bottom: 0; } 
.box-tiktok { width: 32%; } 
.box-facebook { width: 30%; } 
/* .box--video { width: 35%; } */
.footer-contact { padding: 40px 0 45px 0; } 
.box-contact-ft { background: linear-gradient(90deg, rgba(253,29,29,1) 0%, rgba(0,0,0,1) 42%, rgba(0,0,0,0.8099614845938375) 74%, rgba(0,0,0,0.13769257703081228) 93%);; clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%); height: 35px; line-height: 35px; padding-left: 20px; } 
.box-contact-ft span { font-family: "Quicksand_Regular"; font-size: 13px; color: #fff; padding-left: 5px; } 
#fanpage-facebook iframe { width: 100% !important; height: 270px !important; text-align: center; margin: auto !important; } 
.name-footer { font-family: "Cookies"; font-size: 50px; text-transform: uppercase; color: #FAFF00; } 
.image-qr { margin-top: 25px; } 
.desc-footer { text-align: center; font-family: "Quicksand_Bold"; font-size: 35px; padding: 30px 0 25px 0; } 
.list_icon li { border-left: 1px solid #fff; padding: 10px 0; } 
.list_icon ul { border-right: 1px solid #fff; } 
.footer-ul li a:hover { color: #F8CB2E; transition: all 0.3s; } 
.footer-ul li a { font-family: "Inter_Regular"; font-size: 14px; color: #fff; } 
.footer-ul img { margin-right: 10px; } 
.row2 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } 
.row1 { display: flex; flex-wrap: wrap; margin-right: -15px; text-align: left; margin-left: -15px; } 
.title-footer { font-size: 16px; font-family: "Open_Bold"; color: #fff; text-transform: uppercase; padding-bottom: 15px; } 
.title-footer span { color: #FFB800; margin-right: 5px; } 
.footer_icon li { list-style: none; padding: 6px 0px; } 
.follow { font-size: 15px; font-family: "Quicksand_Bold"; color: #000000; padding: 40px 0 20px 0; } 
.footer_icon p { font-size: 14px; font-family: "Mont_Regular"; color: #ffffff; } 
.footer_icon2 p { font-size: 15px; font-family: "Quicksand_Regular"; color: #ffffff; } 
.footer_icon { padding-top: 20px; } 
.footer_icon ul li { display: flex; align-items: center; font-family: "Mulish_regular"; font-size: 14px; } 
.footer_icon li span { color: #ffff; font-family: 'Quicksand_Regular'; font-size: 15px; } 
.box-contact { text-align: center; width: 25%; } 
.content-contact span { font-family: "Quicksand_Bold"; font-size: 15px; color: #F8CB2E; text-align: center; } 
.content-contact p { font-family: "Quicksand_Regular"; font-size: 14px; color: #FFFFFF; text-align: center; } 
.content-contact { padding-top: 10px; } 
.main-contact { padding: 35px 0 25px 0; } 
.copyright,
.statistic { font-size: 14px; } 
.list_icon span { font-family: "Quicksand_Regular"; font-size: 14px; color: #ffffff; } 
.list_icon ul { display: flex; flex-direction: row; list-style: none; justify-content: start; align-items: center; } 
.list_icon ul li img { margin-right: 15px; max-width: 50px; margin-left: 15px; } 
.list_icon1 ul li { list-style: none; list-style: none; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 10px; margin-right: 10px; } 
.list_icon1 ul { display: flex; flex-direction: row; justify-content: end; align-items: center; } 
.list_icon1 ul li img { max-width: 46px; position: relative; } 
.list_icon1 ul li { list-style: none; } 
.line-bottom { position: relative; } 
.line-bottom::after { position: absolute; content: ""; border-bottom: 2px solid #ffffff; bottom: 5px; left: 0px; width: 80px; right: 0; margin: auto; opacity: 0; } 
.line-footer { position: relative; } 
.line-footer::after { position: absolute; content: ""; border-bottom: 1px solid #fff; bottom: 0px; left: 0px; width: 35px; } 
.line-footer2 { position: relative; } 
.line-footer2::after { position: absolute; content: ""; border-bottom: 2px solid #3bb54a; bottom: 0px; left: 0px; width: 60px; right: 0px; text-align: center; margin: auto; } 
.chinh_sach1 { padding-top: 20px; } 
.footer_icon img { padding-right: 10px; } 
.box_footer { padding: 40px 0; } 
.map { position: relative; border-radius: 5px; padding-bottom: 60px; } 
.list_icon1 { position: relative; } 
.content span { font-family: "Mont_Regular"; font-size: 15px; } 
.footer-copyright { font-family: "Open_Regular"; font-size: 14px; color: #ffff; text-align: left; } 

.footer-copyright span { color: #FFF500; text-transform: uppercase; } 
.name-cty { font-family: "Mont_Bold"; font-size: 16px; color: #ffffff; } 
.footer-statistic { text-align: right; font-family: "Open_Regular"; font-size: 14px; color: #fff; } 
.tittle-footer { position: relative; display: -webkit-box; -webkit-line-clamp: 4; overflow: hidden; -webkit-box-orient: vertical; } 
.footer-title { font-family: 'UTM_Hanzel'; font-size: 22px; color: #ffffff; padding: 20px 0 0 0; text-align: left; } 
.title-top-footer { font-family: 'Montserrat'; font-size: 30px; color: #003d1c; text-transform: uppercase; } 
.footer-title2 { font-family: 'Montserrat_Bold'; font-size: 18px; color: #ffffff; padding: 15px 0 0 0; text-align: left; } 
.chinhanh span { font-family: 'Quicksand_Regular'; font-size: 15px; } 
.chinhanh img { position: relative; left: 10px; top: -5px; } 
/* trangtrong */
.danhmucct { margin: 0 0 20px; position: relative; padding: 10px 10px 0 10px; border: 1px solid #e7e7e7; border-radius: 2px; } 
.tieude { font-size: 18px; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 2px solid #323232; text-align: center; position: relative; color: #000000; font-weight: 700; } 
.item_ttnb { margin-bottom: 10px; display: flex !important; flex-wrap: wrap; border: none !important; justify-content: space-between; } 
.item_ttnb .img { display: block; overflow: hidden; width: 36px; } 
.item_ttnb .img img { display: block; width: 100%; transition: 0.5s; } 
.item_ttnb .tttt { display: block; width: calc(100% - 46px); text-align: left; } 
#detail_left { position: sticky; top: 80px; z-index: 5; float: right; } 
.item_ttnb .ten { color: #000; font-size: 14px; line-height: 21px; max-height: 42px; overflow: hidden; margin-bottom: 5px; } 
.title-main span { color: #000; font-family: "Barlow_Bold"; font-size: 30px; text-transform: uppercase !important; } 
.title-main img { position: relative; top: 10px; } 
.title-main1 span { color: #000; font-family: "Barlow_Bold"; font-size: 30px; text-transform: uppercase !important; } 
.wrap-main-detail { padding: 1rem 0 } 
.wrap-main { background-color: #fff; } 
.wrap-detail { padding-bottom: 40px; padding-top: 20px; } 
.title-main1 { text-align: center; margin-bottom: 20px; } 
.gird-product { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 26.67px 26.67px; } 
.news-desc { text-align: left; font-family: "Inter_Regular"; font-size: 15px; } 
.m-10 { margin: 10px 0; } 
.news-name { margin-bottom: 10px; } 
.news-name a { color: #333; font-size: 16px; font-family: "Quicksand_bold"; text-align: left; line-height: 20px; } 
.news-name a:hover { color: #0093dd !important; } 
.news-info { text-align: left; } 
.list-news-other li a { color: #000; font-family: "Quicksand_Regular" } 
.list-news-other li { margin-bottom: 2px; list-style: none; padding: 3px 0px; font-family: auto; } 
.list-news-other li a:hover { color: #7c440a; transition: all 0.3s; } 
.sanpham_list_vi:hover,
.name-product:hover { color: #a41717; transition: all 0.3s; } 
.name-product:hover a { color: #FFB800; } 
.desc-product { font-family: "Quicksand_Regular"; font-size: 15px; color: #000; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; } 
.duan_vi:hover,
.tintuc_top:hover { color: #00af50; transition: all 0.3s; } 
/* quy trinh */
.info-quytrinh { text-align: center; padding: 10px 55px 0 0; } 
.text-quytrinh { border-top: 1px solid #908f8f; font-family: "SVN-Times New Roman"; font-size: 15px; padding: 15px; color: #ffffff; text-align: left; margin-top: 25px; } 
.info-dv { position: relative; top: -40px; left: 50px; color: rgb(255, 255, 255); font-size: 16px; } 
.partner { display: block; width: 100%; position: relative; padding: 10.5 0; } 
.img-qt1 { position: relative; } 
.img-qt2 { position: absolute; top: 0px; left: 60px; } 
.qtinh { padding: 0 10px; } 
.title-qt { padding-bottom: 20px; width: 100%; cursor: pointer; text-align: center; } 
/* Dịch Vụ */
.pic-sanphamdmc:hover .name-dichvu { bottom: 200px; /* padding: 100px 0 150px 0; */
 background-color: unset; z-index: 1; } 
.line-footer2::after { opacity: 0; } 
.pic-sanphamdmc:hover .line-footer2::after { opacity: 1; } 
.pic-sanphamdmc:hover .desc-dichvu { bottom: 100px; background-color: unset; opacity: 1; z-index: 1; padding: 0 20px; } 
.pic-sanphamdmc::after { content: ""; position: absolute; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } 
.pic-sanphamdmc:hover::after { opacity: 1; } 
.name-dichvu { position: absolute; bottom: 0; left: 0; right: 0; background-color: #080c07b3; font-family: "Quicksand_Bold"; font-size: 18px; padding: 10px 0; color: #ffffff; text-transform: uppercase; margin: 0 auto; text-align: center; } 
.desc-dichvu { position: absolute; bottom: 50px; left: 0; right: 0; font-family: "Quicksand_Regular"; pointer-events: none; opacity: 0; transform: translatey(10px); transition: all 0.3s ease-in-out; font-size: 14px; color: #ffffff; margin: 0 auto; text-align: center; } 
.dv-content span { display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; text-align: left; font-family: "Quicksand_Regular"; font-size: 15px; color: #000000; } 
.dv-content a { display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -webkit-box-orient: vertical; text-align: left; font-family: "Quicksand_Bold"; font-size: 17px; color: #000000; } 
.dv-content a:hover { color: #6ED202; } 
.dv-content span:hover { color: #6ED202; } 
.dv-content { padding: 20px 10px; width: 80%; } 
.dv-main { border: 1px solid #9D9C9C; } 
.box-dv { padding: 8px; } 
/* hỗ trợ */
.content-hotro input { position: absolute; opacity: 0; z-index: -1; } 
.main-hotro { display: flex; padding-bottom: 20px; padding-top: 80px; } 
.main-hotro1 { padding-bottom: 60px; } 
.box-hotro { flex: 1; } 
.item-hotro { overflow: hidden; } 
.content-hotro { width: 90%; color: white; overflow: hidden;; } 
.tab-name { border: 1px solid #ececec; display: flex; justify-content: space-between; line-height: 3; background: #ffffff; font-weight: bold; cursor: pointer; color: #000000; text-transform: uppercase; font-family: "Quicksand_Bold"; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; } 
.tab-name::after { content: "\276F"; width: 2em; height: 3em; text-align: center; transition: all .35s; } 
.tab-name:close { display: flex; justify-content: flex-end; padding: 1em; font-size: 0.75em; background: #3bb54a; cursor: pointer; } 
.tab-content { padding: 0 1em; color: #000000; background: none; transition: all .35s; font-family: "Quicksand_Regular"; font-size: 15px; } 
.tab-content .active { color: #000; } 
.tab-pane .active { color: #000; } 
.content-hotro input:checked+.tab-name { background: #3bb54a; color: #ffffff; } 
.content-hotro input:checked+.tab-name img { filter: brightness(0) saturate(100%) invert(26%) sepia(49%) saturate(6028%) hue-rotate(188deg) brightness(93%) contrast(96%); } 
.content-hotro input:checked+.tab-name::after { transform: rotate(90deg); } 
.content-hotro input:checked~.tab-content { max-height: 100vh; padding: 1em; } 
.hotro-left { width: 25%; } 
.hotro-left img { height: 100%; } 
.hotro-right { width: 70%; padding-left: 15px; } 
/* Thống kê */
.thong-ke { background-image: url(../images/news/products/banner.html); background-size: cover; margin-top: -100px; position: relative; padding: 170px 0px; } 
.wrap-partner { z-index: 1; } 
.thongke-left { width: 50%; } 
.thongke-right { width: 50%; } 
.box-thongke { position: relative; } 
.content-thongke { text-align: center; } 
.box-thongke .content-thongke:nth-child(1) { top: 20px; left: 30%; position: absolute; } 
.box-thongke .content-thongke:nth-child(2) { top: 170px; right: 5%; position: absolute; } 
.box-thongke .content-thongke:nth-child(3) { top: 385px; right: 20%; position: absolute; } 
.box-thongke .content-thongke:nth-child(4) { top: 385px; left: 15%; position: absolute; } 
.box-thongke .content-thongke:nth-child(5) { top: 170px; left: 0; position: absolute; } 
.name-gt2 { font-family: "kieu"; font-size: 42px; color: #ffffff; padding-top: 20px; } 
.desc-gt2 { font-family: "Quicksand_Bold"; font-size: 20px; color: #3bb54a; padding-top: 20px; } 
.content-gt2 { position: relative; font-family: "Quicksand_Bold"; font-size: 25px; color: #ffffff; z-index: 1; padding-top: 25px; } 
.content-gt2::after { position: absolute; content: url(../images/news/line/call.html); left: 20%; top: 15%; z-index: -1; } 
.title-thongke { text-align: center; padding-top: 150px; } 
.desc-thongke { font-family: "Quicksand_Bold"; font-size: 25px; color: #3bb54a; text-transform: uppercase; } 
.name-thongke { font-family: "Quicksand_Regular"; font-size: 18px; color: #ffffff; } 
/* Trang tĩnh */
.slideshow2 { display: none; } 
.ly-do { padding-top: 125px; background-image: url(../images/news/products/bg-gt.html); background-size: cover; } 
.tintuc { padding: 30px 0; } 
.ban-chay .owl-page { min-height: 435px !important; } 
.tieu-chi { background:#fff; position: relative; padding: 40px 0; } 
.box-tieuchi { text-align: center; width: 50%; margin: 0 auto; } 
.image-tieuchi img { text-align: center; } 
.image-tieuchi { padding: 10px 0 0 0; } 
.title-tieuchi { font-family: "Quicksand_Bold"; font-size: 15px; color: #B22727; text-align: center; padding: 10px 0; border-bottom: 1px solid #Cacaca; } 
.tieuchi-top { position: relative; margin: auto; text-align: center; } 
.tieuchi-top img:hover { filter: brightness(0) saturate(100%) invert(32%) sepia(70%) saturate(1159%) hue-rotate(175deg) brightness(94%) contrast(102%);; } 
.box-xemthem1 img { padding: 35px 0; } 
.box-xemthem img { padding: 15px 0; } 
.tieuchi-bot { box-shadow: 0px 3px 5px 2px #ccc; margin-top: -100px; } 
.name-tieuchi { font-family: "Quicksand_Regular"; font-size: 14px; color: #333333; padding: 0 15px; } 
.main-tieuchi { padding-bottom: 10px; } 
.bottom-tieuchi { text-align: center; padding-top: 10px; border-top: 1px solid #cacaca; } 
.bottom-tieuchi span { color: #222222; font-family: "Quicksand_Bold"; font-size: 14px; } 
.bottom-tieuchi p { color: #222222; font-family: "Quicksand_Bold"; font-size: 14px; } 
.bottom-tieuchi a { color: #B22727; font-family: "Quicksand_Bold"; font-size: 15px; } 
.desc-tieuchi { font-family: "Quicksand_Regular"; font-size: 13px; color: #000000; } 
.content-tieuchi { text-align: left; width: 70%; padding-left: 10px; } 
.img-tieuchi { width: 30%; background-color: #DDBE9F; border-radius: 50%; padding: 20px 0; position: relative; z-index: 1; } 
.img-tieuchi:after { z-index: -1; animation: rotation 10s infinite linear; position: absolute; content: ""; border: 1px dashed #ffffff; border-radius: 50%; width: 90%; height: 90%; left: 5px; top: 5px; } 
@keyframes rotation { 
 from { transform: rotate(0deg); } 
 to { transform: rotate(180deg); } 
 }
/* Tiêu chí */
.tc-content { font-family: "Quicksand_Bold"; font-size: 25px; color: #ffffff; text-align: center; } 
.main-tieuchi { background-color: #ffffff; } 
.partner3 { text-align: center; } 
/* Slide */
.text-in-slide { position: absolute; left: 25%; color: #ffffff; width: 50%; top: 15%; text-align: center; } 
.text-in-slide .lien-he { margin: auto; width: 140px; height: 40px; text-align: center; border: 1px solid #ffffff; border-radius: 5px; color: #ffffff; background-color: #e0b714; border-radius: 20px; } 
.title-slide-top { font-family: 'Arimo_regular'; font-size: 18px; color: #f7f7f7; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; margin-bottom: 20px; } 
.title-slide-mid { font-family: 'Ciel_Regular'; font-size: 120px; color: #ffffff; } 
.title-slide-bot { font-family: 'Quicksan_regular'; font-size: 16px; color: #ffffff; } 
.owl-item.active .text-in-slide p { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 1.5s; } 
.owl-item.active .text-in-slide h3 { animation-duration: 2s; animation-fill-mode: both; animation-name: fadeInLeft; animation-delay: 2s; } 
.owl-item.active .text-in-slide h2 { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 1.5s; } 
.owl-item.active .text-in-slide .lien-he { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInRight; animation-delay: 1.5s; } 
/* cảm nhận */
.see-more { margin-top: 60px; text-align: right; float: right; } 
.title-feedback p:first-child:first-letter { font-size: calc(110px + 0.75vw); line-height: 40px; color: rgb(0, 0, 0); float: left; padding-top: 10px; padding-right: 5px; padding-left: 5px; font-family: "Tavi_Regular"; } 
.title-feedback p { font-size: 25px; } 
.title-feedback { margin-top: 17%; } 
.feed-back-right .slick-dots { bottom: 17% !important; } 
.feed-back-left { width: 420px; } 
.feed-back-right { width: calc(100% - 420px); position: relative; } 
.feed-back_title { padding: 45px; position: relative; } 
.image-feedback img { margin: auto; border: 8px solid #EDF9FF; border-radius: 50%; margin-left: -100px; } 
.line-feedback img { margin: auto; } 
.items-feedback { width: 80%; margin: auto; } 
.items--feedback { position: relative; z-index: 1; padding: 20px; } 
.items--feedback::after { position: absolute; content: url(../images/news/products/after-feedback.html); left: 0; top: 0; z-index: -1; } 
.content-feedback { font-family: "Quicksand_Medium"; line-height: 28px; font-size: 16px; color: #272727; border-radius: 0px 0px 50px 50px; background: #EDF9FF; padding: 30px; margin-left: 30px; text-align: left; } 
.image-feedback { position: relative; width: 20%; } 
.name-feedback { font-family: "Quicksand_Bold"; font-size: 20px; color: #fff; text-transform: uppercase; text-align: left; margin-bottom: 5px; } 
.desc-feedback { font-family: "Quicksand_Light"; font-size: 16px; color: #fff; text-align: left; font-style: italic; margin-top: 5px; } 
.box-feedback { background-color: #fff; text-align: center; position: relative; margin-right: 20px; z-index: 1; } 
/* .box-feedback::after { position: absolute; content:""; background-image: url(../images/news/products/bg-feedback.png); background-size: 100% 100%; animation: rotation 7s infinite linear; width: 360px; height: 345px; left: 0; right: 0; top: 0; z-index: -1; } */
.line-feedback { margin: 30px 0; position: absolute; left: 0; bottom: 0; } 
/* .feed-back .wrap-content { position: relative; } 
.feed-back .wrap-content::after { position: absolute; content: ""; border-bottom: 2px solid #000; width: 650px; left: 0; bottom: 25%; } */
.slick-dots { bottom: -18%; z-index: 1; } 
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 124%; display: block; width: 26px; height: 26px; padding: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; color: #000; border: none; outline: none; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important; z-index: 1; } 
.slick-next:before { background: url(../images/news/products/next.html) no-repeat !important; content: ""; width: 26px !important; height: 26px !important; } 
.slick-prev:before { background: url(../images/news/products/prev.html) no-repeat !important; content: ""; width: 26px !important; height: 26px !important; } 
.slick-next { background: url(../images/news/products/next.html) no-repeat !important; right: 250px; } 
.slick-prev { background: url(../images/news/products/prev.html) no-repeat !important; left: 250px; } 
/* Hoạt Động */
.box-hd { position: relative; } 
.content-hd { position: absolute; margin: 0 auto; left: 0px; right: 0; top: 10%; padding: 60px; text-align: center; } 
.main-hd :nth-child(1) { border-top-left-radius: 100%; } 
.main-hd :nth-child(2) { border-top-right-radius: 100%; } 
.main-hd :nth-child(3) { border-bottom-left-radius: 100%; } 
.main-hd :nth-child(4) { border-bottom-right-radius: 100%; } 
.box-hd { width: 50%; height: 315px; background-color: #FFE500; } 
.box-hd:nth-child(2n) { background-color: #FFE500; color: #000; } 
.box-hd:nth-child(3n+1) { background-color: #000000; color: #ffffff; } 
.box-hd:nth-child(3n+1) .number-hd { color: #FFE500; } 
.logo-hd { position: absolute; border-radius: 50%; margin: 0 auto; left: 0; right: 0; text-align: center; } 
.main-hd { position: relative; } 
.logo-hd img { border-radius: 50%; border-top-left-radius: 0 !important; } 
.number-hd { font-family: 'Machine'; font-size: 50px } 
.text-hd { font-family: 'Quicksand_SemiBold'; font-size: 20px } 
/* */
.ly-do .owl-item { margin: 0 15px !important; width: 270px !important; } 
.pic-gymfitness { position: relative; } 
.pic-gymfitness::after { position: absolute; content: url(../images/news/line/after-dv.html); left: 10px; top: 25px; opacity: 1; } 
.wrap-dv { position: relative; } 
.wrap-dv::after { position: absolute; content: url(../images/news/line/after-dv2.html); left: 3px; top: 0px; opacity: 0; } 
.name-gym { left: 10%; position: absolute; bottom: 30px; width: 75%; transition: .5s ease; opacity: 1; padding: 14px; margin: auto; text-align: left; } 
.name-gym a { font-family: 'Quicksand_Bold'; color: #fff; font-size: 25px; text-transform: uppercase; } 
.name-gym span { font-family: 'Quicksand_Regular'; color: #fff; font-size: 17px; text-transform: uppercase; opacity: 1; } 
.wrap-dv:hover .name-gym a { color: #000000; z-index: 11111; } 
.wrap-dv:hover .name-gym span { opacity: 0; } 
.wrap-dv:hover .name-gym { left: 35%; bottom: 40%; transition: all ease 0.3s; } 
.wrap-dv:hover .pic-gymfitness::after { opacity: 0; transition: all ease 0.3s; } 
.wrap-dv:hover::after { opacity: 1; } 
/* Banner */
.image-banner { position: relative; } 
.content-banner { position: absolute; left: 0; right: 0; bottom: 50px; margin: auto; text-align: center; width: 50%; } 
.name-banner { color: #FEFEFE; font-family: "Busta"; font-size: 40px; } 
.title-banner { font-family: "UTM Mother"; font-size: 35px; text-align: center; text-transform: capitalize; color: #2A27B6; } 
.desc-banner { color: #FEFEFE; font-family: "Quicksand_Regular"; font-size: 17px; margin-top: 10px; Line-height:25px } 
.content-banner .see-detail { margin: 20px auto auto auto; } 
/* --------------------------------------------------------------------------------------- */
.main-contentt { display: flex; justify-content: space-between; padding: 30px 0; } 
.p-30 { padding-top: 30px; } 
.p-20 { padding-top: 20px; } 
/* left */
.content-support { padding: 15px; font-family: "Open_Bold" !important; font-size: 18px !important; color: #FF0000 !important; text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.25); border: 1px solid #ccc; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); border-radius: 0px 0px 5px 5px; } 
.image-sup { text-align: center; } 
.hotline-sup { padding: 20px 15px 0 15px; justify-content: space-evenly; } 
.content-hotline1 span { font-family: "Open_Regular"; font-size: 14px; color: #000000; text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.25) }; .content-hotline1 { padding-left: 30px !important; } 
.content-right { width: 75%; padding-left: 30px; } 
.image-news-top { width: 55%; } 
.content-news-top { width: 45%; padding-left: 35px; } 
.main-control { position: relative; } 
.news-top { position: relative; } 
.slick1 button { width: 40px; height: 40px; } 
.slick-dots li { width: 6px !important; height: 6px !important; } 
.slick-dots .slick-active { margin: 0 25px 0 0 !important; } 
.slick-active button { background: #FFB800 !important; width: 32px !important; border-radius: 60px !important; } 
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 6px; height: 6px; padding: 0; /* padding: 5px; */
 cursor: pointer; color: #020202; border: 0; outline: none; background: #D9D9D9; border-radius: 50%; } 
 .slick-dots li button:before { width: 6px; height: 6px; font-size: unset; border-radius: 50%; } 
.slick1 button:hover .prev-arrow { border: solid rgb(255, 255, 255); border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(135deg); -webkit-transform: rotate(135deg); } 
.slick1 button:hover .next-arrow { border: solid rgb(255, 255, 255); border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 
.slide-arrow-r { position: absolute; top: 50%; margin-top: -15px; z-index: 1; width: 50px; height: 50px; background: #FFFFFF; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); border-radius: 50%; right: 30px; border: none; } 
.slide-arrow-l { position: absolute; top: 50%; margin-top: -15px; z-index: 1; width: 50px; height: 50px; background: #FFFFFF; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); border-radius: 50%; left: 30px; border: none; } 
 /* .prev-arrow { right: 0; background: url(../images/news/products/arr.png); width: 17px; height: 17px; border: none; position: absolute; left: 0; bottom: 0; top: 0; text-align: center; margin: auto; transform: rotate(90deg); } 
 .next-arrow { right: 0; background: url(../images/news/products/arr.png); width: 17px; height: 17px; border: none; position: absolute; left: 0; bottom: 0; top: 0; text-align: center; margin: auto; transform: rotate(270deg); } */
.news-bot { width: 60%; padding: 20px 5px 0 5px; background-color: #fff; right: -20px; bottom: 0; position: absolute; } 
.box-news { border-radius: 20px; } 
.image-news img { border-radius: 6px 10px 0 0; } 
.image-news { position: relative; } 
.news--time { position: absolute; right: 0; bottom: 0; width: 25%; text-align: center; background: #1B61B8; padding: 10px; } 
.news--time span { font-family: "Open_Bold"; font-size: 30px; color: #fff; } 
.news--time p { font-family: "Open_Regular"; font-size: 14px; color: #fff; } 


.name-news { font-family: "Open_Bold"; font-size: 16px; color: #000; text-align: left; text-transform: uppercase; } 
.name-news:hover { color: #1B61B8; } 
.desc-news { font-family: "Open_Regular"; font-size: 14px; color: #4D4D4D; line-height: 24px; text-align: left; } 
.content-news { padding: 15px 20px; background: #f2f2f2; border-radius: 0 0 10px 10px; } 
.contact-form1 { background-image: url(../images/news/products/bg-thongke.html); background-size: cover; } 
.-news { padding: 60px 0 50px 0; } 
.news-left { width: 50%; } 
.news-right { width: 50%; padding-left: 30px; } 
.news-hidden { display: none; } 
.name-news2 { line-height: 30px; font-family: "Inter_Medium"; font-size: 16px; color: #ffffff; padding-bottom: 20px;; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; position: relative; } 
.name-news2 ::after { position: absolute; content: ""; border-bottom: 2px solid #2CBC2F; width: 100px; left: 0; bottom: 10px; } 
.desc-news2 { font-family: "Inter_Regular"; font-size: 16px; color: #ffffff; line-height: 27px; } 
.date-news span { font-family: "Inter_Medium"; font-size: 14px; color: #818181; } 
.date-news img { margin-right: 7px; } 
/* .main-news .slick-active .flex-news { flex-direction: row-reverse; } */
.main-news .slick-current .flex-news { flex-direction: row-reverse; transition: all 0.5s ease-in; } 
.main-news .slick-current img { float: right; } 
.box-news-hidden { background: none; position: relative; margin-bottom: 25px; } 
.read-more { font-family: "Quicksand_Medium"; font-size: 15px; color: #D30202; margin: 20px 0 0 0; } 
.read-more img { margin-left: 5px; } 
.main-news .owl-carousel .owl-stage-outer { overflow: unset; } 
/* Liên hệ mxh */
.fb_iframe_widget span { height: 200px !important; } 
.title-contact { font-family: "Myriad"; font-size: 40px; color: #000; text-transform: capitalize; text-align: center; padding-bottom: 50px; } 
.box-instagram { width: 50%; } 
/* .box-facebook { width: 50%; text-align: center; } */
/* .title-social { font-family: "Gilroy_Regular"; font-size: 18px; color: #000; text-transform: uppercase; text-align: center; padding: 60px 0 35px 0; } */
.social-contact { background: #fff; padding: 50px 0 60px 0; } 
.link-social { width: 250px; height: 55px; border: 2px solid #000; margin: 30px auto 0 auto; } 
.link-social a { font-family: "Gilroy_Medium"; font-size: 18px; color: #000; text-transform: capitalize; } 
.link-social a:hover { color: #000 !important; } 
.link-social:hover a { color: #fff; } 
.link-social:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(9deg) brightness(105%) contrast(101%); } 
.contact-map a:hover { color: #000 !important; } 
.contact-map:hover a { color: #fff; } 
.contact-map:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(9deg) brightness(105%) contrast(101%); } 
.link-social img { margin-right: 40px; } 
.contact-top { background: #fff; } 
.contact-map { width: 420px; height: 55px; border: 2px solid #000; padding: 0 20px; } 
.contact-map a { font-family: "Gilroy_Medium"; font-size: 18px; color: #000; text-transform: capitalize; } 
/* Tài liệu */
.sTable { text-align: left; /* border-collapse: separate; */
 border-spacing: 0; border: 2px solid #03277E; line-height: 30px; border-radius: 0.25rem; } 
.sTable tr { border-bottom: 1px solid #03277E; } 
.sTable thead tr:first-child { background: #03277E; color: #fff; border: none; } 
.sTable th:first-child, .sTable td:first-child { padding: 0 15px 0 20px; text-align: center; width: 5%; } 
.form-ct { width: 40%; text-align: center; background: #0067FF; padding: 40px 30px 45px 30px; } 
.statistic { width: 55%; padding-left: 15px; } 
.content-left { width: 25%; } 
.name-cate { background: #181717; padding: 5px 10px; border-radius: 5px 5px 0px 0px; text-align: center; } 
.name-cate span { font-family: "Alter"; font-size: 25px; text-transform: uppercase; color: #fff; } 
.content-cate { padding: 0 15px; border: 1px solid #ccc; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); border-radius: 0px 0px 5px 5px; background: #fff; } 
.content-cate ul li a { font-family: "Gilroy_Regular"; font-size: 15px; padding: 0 10px; text-transform: uppercase; } 
.content-cate ul li { border-bottom: 1.5px dashed #c0c0c0; padding: 15px 0; list-style: none; position: relative; text-align: left; } 
.caret { cursor: pointer; -webkit-user-select: none; /* Safari 3.1+ */-moz-user-select: none; /* Firefox 2+ */-ms-user-select: none; /* IE 10+ */user-select: none; } 
.caret::before { content: "\2022"; color: rgb(0, 0, 0); font-weight: bold; display: inline-block; width: 1em; margin-left: 0.5rem; overflow: inherit; } 
.caret2 { cursor: pointer; -webkit-user-select: none; /* Safari 3.1+ */-moz-user-select: none; /* Firefox 2+ */-ms-user-select: none; /* IE 10+ */user-select: none; } 
.caret2::before { content: "»"; color: #000; display: inline-block; background-repeat: no-repeat; margin-right: 6px; background-position: left; line-height: 12px; padding-top: 6px; padding-bottom: 3px; overflow: inherit; padding-left: 25px; } 
.nested { display: none; } 
.active { display: block; } 
.newdleft { padding: 5px 0; text-align: left; list-style: none; } 
.newdleft2 { color: #383838; } 
.col-detail-left { width: 250px; } 
.col-detail-right { width: calc(100% - 270px); } 
.chinhanhmap iframe { width: 100%; } 
.title-map li { background: #000; border-radius: 5px; list-style: none; padding: 10px 5px; color: #fff; margin: 0 10px !important; font-family: "Quicksand_Regular"; font-size: 15px; } 
.title-map .active { background: linear-gradient(to right, #CB963A, #FAED82); } 
.title-map { position: absolute; top: 30px; cursor: pointer; left: 0; right: 0; justify-content: center; } 
.info-map { position: relative; height: 400px; } 
.Form-contact { padding: 55px 0 50px 0; background-image: url(../images/news/products/bg-form.png); background-size: cover; } 
.Form-contact .title-page img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(189deg) brightness(105%) contrast(101%); } 
.title-faqs span { font-family: "Inter_Bold"; font-size: 15px; color: #2A27B6; } 
.title-faqs h2 { font-family: "Inter_Bold"; font-size: 35px; color: #000; margin: 15px 0 !important; } 
.title-faqs p { font-family: "Inter_Regular"; font-size: 14px; color: #565656; } 
.box-faqs { border-bottom: 1px solid #EBEBEB; } 
.main-faqs { padding-top: 30px; } 
button.accordion { font-family: "Inter_Medium"; width: 100%; background-color: #fff; border:none; outline: none; text-align: left; padding: 15px 20px 15px 0; font-size: 18px; color: #333; cursor: pointer; transition: background-color 0.2s linear; } 
button.accordion:after { content: ""; background: url(../images/news/products/arr.html) no-repeat; float: right; width: 16px; height: 16px; } 
button.accordion.is-open:after { background: url(../images/news/products/arr-up.html) no-repeat; width: 16px; height: 16px; } 
button.accordion:hover,
button.accordion.is-open { color: #2A27B6; } 
 
.accordion-content { background-color: white; padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-in-out; font-family: "Inter_Regular"; color: #535353; font-size: 14px; } 
.accordion-content { line-height: 25px; } 
.chinhanhmap iframe { width: 100%; } 
.title-map li { background-color: #D9D9D9; list-style: none; padding: 10px 20px; color: #000; margin: 0 10px !important; background: linear-gradient(white, white) padding-box, linear-gradient(to right, #CB963A, #FAED82) border-box; border-radius: 80px 20px 80px 20px; border: 2px solid transparent; } 
.title-map li a { font-family: "Quicksand_Bold"; color: #232323; font-size: 20px; } 
.title-map { position: absolute; top: 10px; cursor: pointer; left: 0; right: 0; justify-content: center; } 
.info-map { position: relative; } 
.product- { position: relative; background: #fff; border-radius: 5px !important; overflow: hidden; } 
.box { position: relative; transition: 0.5s; -webkit-transition: 0.5s; } 
.box:hover::after, .box:hover::before { -webkit-transform: scale(1); } 
.foo { position: relative; } 
.foo::after { position: absolute; border-bottom: 1px solid #f8a41d; border-left: 1px solid #f8a41d; -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; border-radius: 5px; } 
.foo::before { position: absolute; border-radius: 5px; border-top: 1px solid #f8a41d; border-right: 1px solid #f8a41d; -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; } 
.box-cons-detail { border: 1px solid #ccc; border-radius: 5px; padding: 10px; } 
.box-cons-detail ul li { list-style: none; } 
.box-cons-detail .name-cons { color: #000; } 
/* .box-cons { padding: 10px 0; border-bottom: 1px solid #ccc; } */
.meta-toc { display: block !important; } 
.box-readmore li ul>li { margin:0; margin-bottom:8px } 
.box-readmore li ul>li:before { content:counters(item,".") " " } 
.box-readmore ul { list-style-type:none; counter-reset:item; margin-bottom:0px; padding-left:0px!important; margin-top:8px; } 
.box-readmore ul li { display:table; counter-increment:item; margin-bottom:5px; margin-left: 15px; } 
.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; } 
.box-readmore { width: 100%; padding:8px 15px; border:1px solid #dedede; border-radius:5px; background-color:#eeeeee; margin: 15px 0; } 
.title-readmore { font-family: "Futura_Full"; font-size: 20px; color: #000; padding: 10px 0 20px 0; }