* { 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(../../assets/images/news/banner-2.png); } 

.wrap_title { width: 100%; justify-content: space-between; margin-top: 50px; } 

body { font-family: "Roboto_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: #0039fd; } 

.goog-te-gadget { font-size: 0px !important; } 

.goog-te-gadget span { display: none; } 

/* .banner { padding: 20px 0 60px 0; } */

.name-banner { font-family: "Roboto_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); } 

/* Hover */

/* https://css-tricks.com/css-hover-effects-background-masks-3d/ */

/* .hover-trick { --b: 0.1em; --c: #1095c1; color: #0000; padding-block: var(--b); background: linear-gradient(var(--c) 50%,#000 0) 0% calc(100% - var(--_p,0%))/100% 200%,

linear-gradient(var(--c) 0 0) 0% var(--_p,0%)/var(--_p,0%) var(--b) no-repeat; -webkit-background-clip: text,padding-box; background-clip: text,padding-box; transition: .3s var(--_s,0s) linear,background-size .3s calc(.3s - var(--_s,0s)); } 

.hover-trick:hover { --_p: 100%; --_s: .3s; } 

 

.hover-run { --c: #1095c1; color: #0000; background: 

linear-gradient(90deg,#fff 50%,var(--c) 0) calc(100% - var(--_p,0%))/200% 100%,

linear-gradient(var(--c) 0 0) 0% 100%/var(--_p,0%) 100% no-repeat; -webkit-background-clip: text,padding-box; background-clip: text,padding-box; transition: 0.5s; } 

.hover-run:hover { --_p: 100% } */

/* key frame */

.xoaylogo img { animation: mymove 3s; } 

@keyframes mymove { 
 0% { transform: rotate(0deg); } 

 100% { transform: rotate(360deg); } 
 }

.hover_shake img:hover { animation: shake 0.5s; transform: translate3d(0, 0, 0); perspective: 1000px; animation-iteration-count: infinite; } 
/* 
@keyframes shake { 
 0% { transform: translate(1px, 1px) rotate(0deg); } 

 10% { transform: translate(-1px, -2px) rotate(-1deg); } 

 20% { transform: translate(-3px, 0px) rotate(1deg); } 

 30% { transform: translate(3px, 2px) rotate(0deg); } 

 40% { transform: translate(1px, -1px) rotate(1deg); } 

 50% { transform: translate(-1px, 2px) rotate(-1deg); } 

 60% { transform: translate(-3px, 1px) rotate(0deg); } 

 70% { transform: translate(3px, 1px) rotate(-1deg); } 

 80% { transform: translate(-1px, -1px) rotate(1deg); } 

 90% { transform: translate(1px, 2px) rotate(0deg); } 

 100% { transform: translate(1px, -2px) rotate(-1deg); } 
 }

.hover_shake1 img { animation: shake 0.5s; transform: translate3d(0, 0, 0); perspective: 1000px; animation-iteration-count: infinite; } 

@keyframes shake { 
 0% { transform: translate(1px, 1px) rotate(0deg); } 

 10% { transform: translate(-1px, -2px) rotate(-1deg); } 

 20% { transform: translate(-3px, 0px) rotate(1deg); } 

 30% { transform: translate(3px, 2px) rotate(0deg); } 

 40% { transform: translate(1px, -1px) rotate(1deg); } 

 50% { transform: translate(-1px, 2px) rotate(-1deg); } 

 60% { transform: translate(-3px, 1px) rotate(0deg); } 

 70% { transform: translate(3px, 1px) rotate(-1deg); } 

 80% { transform: translate(-1px, -1px) rotate(1deg); } 

 90% { transform: translate(1px, 2px) rotate(0deg); } 

 100% { transform: translate(1px, -2px) rotate(-1deg); } 
 }*/

@-webkit-keyframes shine { 100% { left: 125%; } 
 }

@keyframes shine { 100% { left: 125%; } 
 }

@-webkit-keyframes about-left { 
 0% { transform: translate(0px, 0px); } 

 25% { transform: translate(25%, 0px); } 

 50% { transform: translate(25%, 40px); } 

 75% { transform: translate(0%, 40px); } 

 100% { transform: translate(0%, 0px); } 
 }

@-webkit-keyframes about-right { 
 0% { transform: translate(0px, 0px); } 

 25% { transform: translate(-65%, 0px); } 

 50% { transform: translate(-65%, -100px); } 

 75% { transform: translate(0%, -100px); } 

 100% { transform: translate(0px, 0px); } 
 }

/* 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: "Roboto_SemiBold"; font-size: 30px; color: #000; } 

.content-hotline { padding-left: 15px; } 

.content-hotline span { font-family: "Saira_Medium"; font-size: 17px; color: #000; text-transform: uppercase; } 

.content-hotline a { font-family: "Saira_Bold"; font-size: 17px; color: #ce0000; } 

.mail-top { font-family: "Mont_Regular"; font-size: 14px; color: #ffffff; margin: auto; } 

.mail-top img { position: relative; top: 5px; right: 5px; } 

.header-top { } 

.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: "Roboto_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.png) 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; } 


.header-left { width: 25%; } 

/* .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; } */

.header-center { width: 50%; text-align: center; } 

.header-right { width: 25%; position: relative; z-index: 1111; } 

.header-right img { position: absolute; right: 5px; bottom: -10px; } 

.call-now { position: relative; z-index: 11; } 

.header-right a { font-family: "Avo_Bold"; font-size: 17px; color: #AD2323; font-weight: bold; } 

.header-right a:hover { color:#006efd } 

.flw { font-family: "Roboto_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: 'Roboto_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 */

.singletext { font-family: "Quicksand_Regular"; font-size: 15px; text-transform: capitalize; } 

 .hdanhmucdrops { position:relative; width: 225px; z-index:19; background-color: #0BAF4D; } 

.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%; padding: 2.5px 5px; font-family: "Roboto_Medium"; font-size: 14px; color: #ffffff; } 

.click-icon-menu span i { margin-left: 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: #ff0000 !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: 0 !important; z-index: 1111 !important; justify-content: center; background: none !important; width: 100% !important; padding: 5px 0; } 
/* 
.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; }  */

.logo-header1{display: none;}

/* .fixed img { filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(230deg) brightness(106%) contrast(108%); }  */

.menu ul li .active { position: relative; box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.25) inset; border-radius: 500px; background: #B9D6F3; } 

.menu ul li a { font-family: "Be_Bold"; line-height: 1; font-size: 15px; color:#000; text-align: center; text-transform: uppercase; } 

.menu ul li a:hover { box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.25) inset; border-radius: 500px; background: #B9D6F3; } 

.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: 75%; background: none; } 

.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: #fd0000 !important; } 

.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.png); background-size: cover; } 

.t-10{top: 10px !important;}

.group-menu { position: absolute; z-index: 111; background: none; left: 0; right: 0; top: 0; } 

.group-menu-right { background-color: #DDBE9F; width: 100%; } 

.group-menu-left { width: 100%; padding: 7.5px 0; } 

.menu-mid1 { width: 12%; } 

.menu-mid2 { width: 85%; text-align: center; } 

.menu-mid3 { width: 10%; } 

.title-center { font-family: "Colos"; font-size: 50px; text-align: center; text-shadow: 2px 2px 0px #BDBDBD;; text-transform: uppercase; color: #02398A; } 

.menu-mid3 img { position: relative; top: 0px; } 

.bg-menu { width: 115px; height: 40px; background: #0039fd; } 

.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 { position: relative; z-index: 111; background-color: #ffffff; } 

.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%; justify-content: end; padding-right: 40px; } 

.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: #fd0000; } 

/* 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:85% } 

.box-list { width: 35%; margin-left: -20%; background: #fff; z-index: 1; padding: 70px 40px; } 


.doinet { font-family: "Pony"; font-size: 45px; text-align: center; position: relative; z-index: 1; color: #333333; text-transform: uppercase; text-shadow: 0px 2px 0px 0px #FFF; } 

.doinet2 { font-family: "Pony"; font-size: 45px; text-align: left; position: relative; z-index: 1; color: #B9D6F3; text-transform: uppercase } 

.doinet3 { font-family: "Pony"; font-size: 45px; text-align: left; position: relative; z-index: 1; color: #B9D6F3; text-transform: uppercase } 

.doinet3::after { position: absolute; content: url(../images/news/products/after-title.png); left: 38%; top: -35px; } 

.slogan-form { font-family: "be_Regular"; font-size: 15px; text-align: center; color: #000; margin: 5px 0 20px 0; } 

.title-page { margin: auto; text-align: center; position: relative; padding-bottom: 15px; align-items: center; } 

.title-page img { margin-top: 10px; } 

.title-top5 { margin: auto; text-align: center; position: relative; padding-bottom: 35px; align-items: center; } 

.paging-product-category { width: 100%; } 

.paging-product-category2 { padding-top: 20px; } 

.main--sp { padding: 50px 0; } 

/* .paging-product { padding-top: 25px; } */

.text-split { font-family: "Roboto_Bold"; color: #000; font-size: 16px; text-align: center; cursor: pointer; text-transform: uppercase; } 

.text-split:hover { color: #fd0000 !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: #0039fd; text-transform: uppercase; } 

.desc-gioithieu { font-family: "Quicksand_Regular"; font-size: 15px; color: #ffffff; } 

.main-gioithieu { padding-right: 120px; } 

.album- { background-image: url(../images/news/products/bg-album.png); padding: 80px 0; background-size: cover; } 
.main-album { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; } 
.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 / 3 / 9; } 
.image-album:nth-child(5) { grid-area: 3 / 7 / 5 / 9; } 
.image-album:nth-child(6) { grid-area: 3 / 7 / 5 / 9; } 
/* 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: "Roboto_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: 15px } 

.grid-page3 { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 15px; } 

.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: "Roboto_Regular"; font-size: 16px; color: #000; } 

.hotline-info p { font-family: "Roboto_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; } 

.introduce { position: relative; padding: 95px 0 120px 0; background-color: #fff; z-index: 1; } 

.intro-left { text-align: center; width: 45%; position: relative; z-index: 1; } 

.intro-left::after { position: absolute; content: url(../images/news/products/fly.png); bottom: -65px; left: 30%; } 

.title--intro { font-family: 'Pony'; font-size: 47px; color: #B9D6F3; text-align: left; text-transform: uppercase; } 

.intro { display: flex; justify-content: space-between; flex-wrap: wrap; } 

.title-top-intro { background: linear-gradient(180deg, #0039fd 0%, #126B3C 100%); width: 730px; position: relative; text-align: right; padding: 15px 40px 9px 40px; } 

.title-intro { font-family: 'Sanelma'; font-size: 46px; color: #333333; text-align: left; padding-bottom: 10px; } 

.name-intro { font-family: "Pony"; font-size: 58px; text-align: right; position: relative; z-index: 1; color: #B9D6F3; text-transform: uppercase } 

.desc-intro { text-align: justify; margin-bottom: 10px; } 

.intro-right { width: 50%; text-align: right; position: relative; } 

.intro-right::before { position: absolute; content: url(../images/news/products/before-gt.png); left: -70px; top: -10%; z-index: -1; } 

.image-intro { text-align: center; position: relative; z-index: 1; left: 20px; } 

.image-intro::after { position: absolute; content: url(../images/news/products/after-img.png); left: -40px; top: -60px; 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-product { margin: 5px 0 0 0; width: 160px; height: 45px; background: #0093dd; border-radius: 30px; text-align: center; margin: 15px auto auto auto; } 

.see-product a { line-height: 45px; font-family: "Roboto_Bold"; font-size: 15px; color: #fff; text-align: center; position: relative; } 

.see-detail { margin: 10px auto auto 10px; width: 135px; height: 35px; text-align: center; border-radius: 500px; background: var(--cho, #B9D6F3); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset; } 

.see-detail a { line-height: 35px; font-family: "Be_Bold"; font-size: 15px; color: #000; text-align: center; position: relative; } 

.see-detail:hover { background: #fff; color: #0093dd; border: 2px solid #0093dd; clip-path: unset; } 

.see-detail:hover a { color: #003915; } 

.link_see { z-index: 1; } 

.link_see a { font-family: "Neue_Medium"; font-size: 17px; color: #fff; line-height: 45px; text-align: center; position: relative; } 

.link_see a:hover { color: #0039fd; } 

.link_see p { width: 40px; height: 40px; background: linear-gradient(180deg, #126B3C 0%, #0039fd 100%); border-radius: 40px 0px 0px 40px; transform: matrix(-1, 0, 0, 1, 0, 0); } 

.link_see img { position: relative; top: 5px; } 

/* 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.png); 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.png); 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.png); padding: 50px 0 60px 0; } 

.main-procedure { margin-top: 15px; } 

.name-procedure { font-family: "Roboto_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; } 

/* 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: "Neue_Medium"; font-size: 16px; color: #000; text-transform: uppercase; } 

.desc-stan { font-family: "Neue_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.png); 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, #0039fd 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ụ */

.Service { padding: 60px 0; background-color: #fff; } 

.box-service { display:none; } 

.image-service img { border-top-left-radius: 10px; border-top-right-radius: 10px; } 

.content-service { padding: 30px 20px; background: #FFFFFF; box-shadow: 0px 4px 4px rgba(89, 89, 89, 0.25); border-radius: 0px 0px 10px 10px; } 

.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: 55px 0; } 

.content-service { text-align: center; } 

.name-service { text-align: center; font-family: "Be_Regular"; font-size: 15px; color: #333333; margin-bottom: 15px; } 

.desc-service { color: #575757; text-align: center; font-family: "Inter_Regular"; font-size: 13px; margin: 15px 0 15px 0; line-height: 25px; } 

/* cảm nhận */

.feed-back { padding: 70px 0 60px 0; background-image:url(../images/news/products/bg-feedback.png); background-size: cover; } 

.feed-back .title-page img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(630%) hue-rotate(227deg) brightness(108%) contrast(108%); } 

.feedback-left { width: 35%; padding-right: 25px; } 

.main-feedback { width: 100%; padding-top: 20px; } 

.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 a { border-radius: 50%; border: 3px solid #58B756; display: table; margin: auto; } 

.image-feed { border-radius: 50%; text-align: center; } 

.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: "Inter_Bold"; font-size: 16px; color: #FBD67A; text-transform: uppercase; text-align: center; } 

.desc-feed { font-family: "Inter_Regular"; font-size: 14px; color: #D0D0D0; text-align: center } 

.content1-feed { font-family: "Inter_Regular"; font-size: 14px; color: #ffffff; text-align: center; margin-top: 10px; } 

.content-feed { padding: 0 20px; } 

/* 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: "Roboto_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.png); 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.png); 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.png); 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; left: 90px; top: 60px; overflow: unset; } 

.title-video { font-family:"Roboto_Regular"; font-size: 30px; color: #fff; text-transform: capitalize; } 

.slogan-video { font-family:"Roboto_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: #f7f7f7; } 

.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: #0039fd; border: 2px solid #0039fd; } 

.ban-chay { background-color: #ffffff; padding: 60px 0; } 

.product { position: relative; padding: 10px; background: #EAF3FB; border-radius: 10px; } 

.product:hover { background: #fff; border: 1px solid #b9d6f3; } 

.main-sale { position: relative; } 

.product-sale { padding: 50px 0 60px 0; background: #EAF3FB; position: relative; } 

.product-sale::after { position: absolute; content: url(../images/news/products/after-bc.png); top: 0; right: 0; } 

.product-sale::before { position: absolute; content: url(../images/news/products/heart.png); bottom: -10px; left: 33%; } 

.product-new { padding: 45px 0 55px 0; background: #EAF3FB; position: relative; } 


.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: 15px; } 

.name-product { margin-bottom: 20px; } 

.info--product { text-align: center; cursor: pointer; padding: 10px; border: 1px solid #c9c9c9; } 

.contact-service { font-family: "Roboto_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 a { font-family: "Neue_Medium"; font-size: 17px; color: #B60000 } 

.gia { font-family: "Neue_Regular"; color: #B60000; font-size: 17px; margin: 10px 0 !important; } 

.gia a:hover { color: #000; } 

.ban-chay .slick-slide { margin-right: 20px; } 

.pic-product img { border-radius: 10px; } 

.info-product :hover { color: #000000; } 

.paging-homes .price-new { font-size: 20px; } 

.space-sp { padding: 80px 0 0 0; background-color: #fff; } 

.main-sp { padding: 55px 0; background: #f8f8f8; } 

/* .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.png); 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; z-index: 1; justify-content: center; margin-bottom: 20px; } 

.title-pr2 a { margin-right: 15px; } 

.title-pr2 .active { color: #0067FF; } 

.box-title { width: 100%; display: flex; justify-content: space-between; align-items: center; } 

.name-list { font-family: "Tavi_Regular"; font-size: 30px; text-align: center; color: #000; position: relative; padding-bottom: 10px; } 

.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 { background: #d60c0c; color: #fff; } 

.name-cat { cursor: pointer; font-family: "Roboto_Bold"; font-size: 15px; text-align: center; color: #000; text-transform: uppercase; background: #eeeeee; padding: 15px; border-radius: 30px; } 

.price-product :hover { color: #f87e7e; } 

.chitiet { text-align: center; font-family: "Be_Regular"; color: #333333; font-size: 15px; } 

.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: 'Roboto_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: "Roboto_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, #0039fd 0%, #126B3C 100%); box-shadow: 12px 12px 20px rgba(0, 0, 0, 0.15); border-radius: 0px 0px 0px 80px; } 

.title-form { width: 65%; margin: auto; color: #272727; font-family: "Pony"; font-size: 26px; text-align: center; text-shadow: 0px 2px 0px 0px #FFF3FF; position: relative; } 

.title-form::after { position: absolute; content: url(../images/news/products/line-form.png); top: 0; left: 0; } 

.title-form::before { position: absolute; content: url(../images/news/products/line-form.png); top: 0; right: 0; transform: rotate(180deg); } 


/* .newsletter-button img { position: absolute; left: 0; } */

.newsletter-button input { text-align: center; } 

.validation-newsletter { position: relative; } 

.form-contact { } 

.box-submit { text-align: center; margin-top: 15px; } 

.main-form { position: relative; z-index: 1; background-image: url(../images/news/products/bg-form.png); background-size: 100% 100%; padding: 75px 0px; } 

.icon-plane { width: 15%; position: relative; top: 15px; left: 10px; } 

.icon-plane img { height: 18px; } 

.newsletter-button { background: none; border-top: 2px solid #fff ; border-bottom: 2px solid #fff ; border-left:transparent ;border-right: transparent; height: 45px; width: 130px; outline: none; display: inline-block; margin: auto; } 

.newsletter-button input[type="reset"] { margin: 5px; height: 40px; width: 135px; outline: none; display: inline-block; background-color: #FFC700 !important; color: #000; font-family: 'Quicksand_Bold'; border: none; font-size: 15px; text-transform: uppercase; } 

.newsletter-button input[type="submit"] { 
 background: none !important; color: #000 !important; font-family: 'Pony'; border: none; font-size: 18px; text-transform: uppercase; position: relative; width: 100%; /* left: 10px; */
 line-height: 45px; } 

.newsletter-button input[type="submit"]:hover { color: #fff !important; background-color: #1095c1; } 

.newsletter-input1 img { position: absolute; right: 15px; top: 15px; } 

.newsletter-input1 { width: 180px; height: 40px; margin: 0 5px 10px 5px; position: relative; background: #d5e6f8; border-radius: 5px; } 

.newsletter-input1 input { padding: 10px; width: 100%; color: #000000; height: 40px; background: #d5e6f8; border-radius: 5px; border: none;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
} 

.newsletter-input { margin: auto; width: 370px; background: none; position: relative; } 

.newsletter-input textarea { background: #d5e6f8; height: 100px; border-radius: 5px; border: none; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } 

.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: "Be_Regular" !important; color: #000 !important; font-size: 14px !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; margin-top: 30px; } 

.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: "Roboto_Medium"; color: #ffffff; text-align: left; position: absolute; left: 0; right: 0; bottom: 10px; padding: 0 20px; } 

.desc-tintuc { font-size: 14px; font-family: "Roboto_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: "Roboto_Regular"; font-size: 17px; color: #ffffff; border-top: 1px solid #fff; padding-top: 5px; } 

.date1 { font-family: "Roboto_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: #fd0000; border-bottom: 2px dotted #fd0000; margin-bottom: 10px; } 

.tintuc_left2 { padding: 20px 15px 0 10px; } 

.title_tt a { font-family: 'Roboto2'; 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: #0039fd; 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: "Roboto_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: "Roboto_Bold"; font-size: 17px; color: #0076d1; border-bottom: 1px solid #005ba1; padding-bottom: 15px; } 

.desc-chinhanh p { color: #000; } 

.desc-chinhanh { padding-top: 15px; } 

.footer { position: relative; z-index: 1; background: url(../images/news/products/bg-ft.png); background-size: 100% 100%; } 

/* .footer::after { position: absolute; content: url(../images/news/products/after-ft.png); right: 0; bottom: 0; z-index: -1; } */

.footer-article .wrap-content { position: relative; z-index: 1; background: none; } 

.footer-article { padding: 60px 0 0 0; } 

.title-lienhe { font-family: "Quicksand_Regular"; font-size: 15px; color: #fff; margin: 20px 0; } 

.desc-ft { margin: 15px 0; text-align: justify; } 

.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: 35%; } 

.footer-newss:nth-child(2) { width: 25%; } 

.footer-newss:nth-child(3) { width: 40%; margin-top: 60px; } 

.footer-newss:nth-child(4) { width: 30%; } 

.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%; } */

#fanpage-facebook iframe { width: 345px !important; height: 220px !important; text-align: center; margin: auto !important; } 

.name-footer { font-family: "Pony"; font-size: 45px; text-transform: uppercase; color: #ffffff; margin: 0px 0 15px 0; width: 100%; text-shadow: 0px 2px 0px 0px #5993CC, 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } 

.name--footer { font-family: "Pony"; font-size: 30px; text-transform: uppercase; color: #ffffff; margin: 20px 0 0px 0;  text-shadow: 0px 2px 0px 0px #5993CC, 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } 


.image-qr { margin-top: 25px; } 

.desc-footer { text-align: center; font-family: "Roboto_Bold"; font-size: 35px; padding: 30px 0 25px 0; } 

.list_icon { margin-top: 20px; } 

.footer-ul li a:hover { color: #0039fd; transition: all 0.3s; } 

.footer-ul li a { font-family: "Inter_Regular"; font-size: 13px; color: #fff; } 

.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: "Be_Semi"; color: #333333; text-transform: uppercase; padding-bottom: 10px; position: relative; padding-left: 45px; } 

.title-footer::after { position: absolute; content: ""; border-bottom: 2px solid #000; width: 65px; left: 0; bottom: 0; } 

.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: "Roboto_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: 'Roboto_Regular'; font-size: 15px; } 

.box-contact { text-align: center; width: 25%; } 

.content-contact span { font-family: "Quicksand_Bold"; font-size: 15px; color: #0039fd; 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: "Roboto_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: 10px; max-width: 50px; border-radius: 50%;} 

.list_icon1 ul li { list-style: none; list-style: none; width: 46px; height: 46px; text-align: center; border: 1px solid #000; line-height: 46px; border-radius: 10px; margin-right: 10px;  border-radius: 50%;} 

.list_icon1 ul { display: flex; flex-direction: row; justify-content: end; align-items: center; } 

.list_icon1 ul li img { max-width: 46px; position: relative; top: 10px; } 

.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: 2px solid #fff; bottom: 0px; left: 0px; width: 36px; } 

.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; margin-top: 20px; } 

.content span { font-family: "Mont_Regular"; font-size: 15px; } 


.footer-copyright { font-family: "Be_Regular"; font-size: 13px; color: #000000; text-align: left; } 

/* .footer-copyright span { color: #fff; text-transform: capitalize; font-family: "Inter_Semi"; } */

.name-cty { font-family: "Mont_Bold"; font-size: 16px; color: #ffffff; } 

.footer-statistic { text-align: right; font-family: "Be_Regular"; font-size: 13px; color: #000000; } 

.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: 'Roboto_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: "Roboto_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: "Roboto_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; } 

.desc-product { font-family: "Roboto_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: "Roboto_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: "Roboto_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: "Roboto_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: "Roboto_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: "Roboto_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: "Roboto_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.png); 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: "Roboto_Bold"; font-size: 20px; color: #3bb54a; padding-top: 20px; } 

.content-gt2 { position: relative; font-family: "Roboto_Bold"; font-size: 25px; color: #ffffff; z-index: 1; padding-top: 25px; } 

.content-gt2::after { position: absolute; content: url(../images/news/line/call.png); left: 20%; top: 15%; z-index: -1; } 

.title-thongke { text-align: center; padding-top: 150px; } 

.desc-thongke { font-family: "Roboto_Bold"; font-size: 25px; color: #3bb54a; text-transform: uppercase; } 

.name-thongke { font-family: "Roboto_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.png); 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: "Roboto_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-radius: 50%; } 

.image-feedback a {display: table;  margin: auto;  border-radius: 50%;}

.feed-bot { margin-top: -40px; } 

.line-feedback img { margin: auto; } 

.items-feedback { width: 100%; margin: auto; background-image: url(../images/news/products/bg-camnhan.png); background-size: 100% 100%; width: 275px; height: 275px; padding: 25px 40px; } 

.content-feedback { font-family: "Be_Regular"; line-height: 25px; font-size: 15px; color: #000; text-align: left; } 

.image-feedback { width: 30%; } 

.items--feedback { width: 65%; text-align: left; } 

.name-feedback { font-family: "Be_Semi"; font-size: 16px; color: #fff; text-transform: uppercase; } 

.desc-feedback { font-family: "Be_Regular"; font-size: 14px; margin: 10px 0 15px 0; color: #fff; } 

.box-feedback { text-align: center; position: relative; 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: 40px auto 10px auto; } 

.Feed-back .wrap-content { padding: 0 0 70px 0; background: #FFFFFF; } 


.slick-prev, .slick-next { border-radius: 50% !important; font-size: 0; line-height: 0; position: absolute; top: 110%; display: block; width: 50px; height: 48px; padding: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; color: #000; border: none; outline: none; z-index: 1; } 

.slick-next:before { background: url(../images/news/products/arr-slide.png) no-repeat !important; content: ""; width: 50px !important; height: 50px !important; } 

.slick-prev:before { background: url(../images/news/products/arr-slide.png) no-repeat !important; content: ""; width: 50px !important; height: 50px !important; } 

.slick-next { background: url(../images/news/products/arr-slide.png) no-repeat !important; right: 80px; } 

.slick-prev { background: url(../images/news/products/arr-slide.png) no-repeat !important; left: 80px; transform: rotate(60deg); top: 103%; } 

.slide-bottom { max-width: 400px; margin: -40px auto auto auto; } 

/* 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: 'Roboto_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.png); left: 10px; top: 25px; opacity: 1; } 

.wrap-dv { position: relative; } 

.wrap-dv::after { position: absolute; content: url(../images/news/line/after-dv2.png); 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: 'Roboto_Bold'; color: #fff; font-size: 25px; text-transform: uppercase; } 

.name-gym span { font-family: 'Roboto_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; } 

/* */

.criteria { padding: 60px 0; } 
.box-crit { background: #E6EDF3; border-radius: 100px; padding: 7px; border: 1px solid var(--cho, #B9D6F3); } 

.image-crit { width: 25%; background: #B9D6F3; border-radius: 50%; text-align: center; padding: 10px; } 
.content-crit { width: 70%; } 
.name-crit { font-family: "Be_Medium"; font-size: 15px; color: #000; text-transform: uppercase; margin-bottom: 5px; } 
.desc-crit { font-family: "Be_Regular"; font-size: 13px; color: #696b6d; line-height: 19px; } 




/* 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: "Neue_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; } 

.image-news2 { position: relative; width: 30%; } 

.content-news2 { width: 70%; } 

.main-control { position: relative; } 

.news-top { position: relative; } 

.slick1 button { width: 40px; height: 40px; } 

.slick-dots li { width: 50px !important; height: 1px !important; } 

.slick-active button { background: #2A27B6 !important; } 

.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 50px; height: 2px; padding: 0; /* padding: 5px; */
 cursor: pointer; color: #020202; border: 0; outline: none; background: #D9D9D9; } 

 .slick-dots li button:before { width: 50px; height: 1px; font-size: unset; } 

.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); } 

.title-news { position: relative; margin-top: -30px; } 

.-news { padding: 55px 0 45px 0; } 
 
.news--time { width: 25%; border-radius: 50%; background: #B9D6F3; text-align: center; padding: 15px 10px; position: relative; top: -15px; } 

.news--time span { font-family: "Pony"; font-size: 43px; color: #fff; } 

.news--time p { font-family: "Be_Regular"; font-size: 13px; color: #fff; } 

.name-news { width: 70%; font-family: "Be_Medium"; font-size: 16px; color: #000000; text-transform: uppercase; line-height: 25px; } 

.name-news:hover { color: #0039fd; } 

.desc-news { font-family: "Be_Regular"; font-size: 15px; color: #5C5C5C; line-height: 25px; text-align: justify; margin-top: 10px; } 

.box-news { border-radius: 20px; border: 1px solid #DCDCDC; background: #FFF; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); } 

.content-news { padding: 0 15px 20px 15px; } 

.see-news a { font-family: "Be_Regular"; font-size: 15px; color: #B9D6F3; margin-left: 5px; } 

.see-news:hover a{color: #000;}

.see-news:hover img {filter: brightness(0) saturate(100%) invert(0%) sepia(5%) saturate(7482%) hue-rotate(261deg) brightness(106%) contrast(106%);}

.image-news img { border-radius: 20px 20px 0 0; } 

.content-news-list { border: 1px solid #ccc; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); border-radius: 0px 0px 5px 5px; } 

.contact-form1 { background-image: url(../images/news/products/bg-thongke.png); background-size: cover; } 

.news-left { width: 50%; } 

.video-right { width: 50%; padding-left: 45px; } 

.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: "Roboto_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; } 

.see--detail span { background: #2A27B6; border-radius: 50%; padding: 4px 8px; color: #fff; font-style: unset; } 

.see--detail a { font-family: "Inter_Regular"; font-size: 13px; color: #3F3F3F; font-style: italic; padding-right: 5px; } 

.see--detail { height: 25px; line-height: 25px; text-align: right; margin-top: 10px; } 

/* 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; } 

/* .contact-map img { margin-right: 100px; } */

/* 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: "Neue_Regular"; font-size: 15px; } 

.title-map .active { background: #2A27B6; } 

.title-map { position: absolute; top: 30px; cursor: pointer; left: 0; right: 0; justify-content: center; } 

.info-map { position: relative; height: 400px; } 

.Form-contact { padding: 60px 0; background-image:url(../images/news/products/bg-form.png); background-size: cover; } 

.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.png) no-repeat; float: right; width: 16px; height: 16px; } 

button.accordion.is-open:after { background: url(../images/news/products/arr-up.png) 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; }