* { margin: 0; padding: 0; } 

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { margin: 0; padding: 0 !important; } 

.tab-content>.active{color: #000}

@font-face { font-family: 'Colos'; src: url('../fonts/font/UTMColossalis.woff2') format('woff2'),url('../fonts/font/UTMColossalis.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 


@font-face { font-family: 'Revo'; src: url('../fonts/font/SVN-Revolution.woff2') format('woff2'),url('../fonts/font/SVN-Revolution.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Alter'; src: url('../fonts/font/UTMAlterGothic.woff2') format('woff2'),url('../fonts/font/UTMAlterGothic.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Quicksand_Regular'; src: url('../fonts/font/Quicksand-Regular.woff2') format('woff2'),url('../fonts/font/Quicksand-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Quicksand_Bold'; src: url('../fonts/font/Quicksand-Bold.woff2') format('woff2'),url('../fonts/font/Quicksand-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Open_Semi'; src: url('../fonts/font/OpenSans-SemiBold.woff2') format('woff2'),url('../fonts/font/OpenSans-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Open_Bold'; src: url('../fonts/font/OpenSans-Bold.woff2') format('woff2'),url('../fonts/font/OpenSans-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Open_Regular'; src: url('../fonts/font/OpenSans-Regular.woff2') format('woff2'),url('../fonts/font/OpenSans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Open_Extra'; src: url('../fonts/font/OpenSans-ExtraBold.woff2') format('woff2'), url('../fonts/font/OpenSans-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Mulish_Black'; src: url('../fonts/font/Mulish-Black.woff2') format('woff2'), url('../fonts/font/Mulish-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Mulish_Bold'; src: url('../fonts/font/Mulish-Bold.woff2') format('woff2'),url('../fonts/font/Mulish-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Mont_Bold'; src: url('../fonts/font/Montserrat-Bold.woff2') format('woff2'), url('../fonts/font/Montserrat-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Mont_Semi'; src: url('../fonts/font/Montserrat-SemiBold.woff2') format('woff2'), url('../fonts/font/Montserrat-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Mont_Medium'; src: url('../fonts/font/Montserrat-Medium.woff2') format('woff2'), url('../fonts/font/Montserrat-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Mont_Regular'; src: url('../fonts/font/Montserrat-Regular.woff2') format('woff2'), url('../fonts/font/Montserrat-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Mulish_Regular'; src: url('../fonts/font/Mulish-Regular.woff2') format('woff2'), url('../fonts/font/Mulish-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 

@font-face { font-family: "SVN-Times New Roman"; src: url("../fonts/font/SVN-TimesNewRoman.woff2") format("woff2"), url("../fonts/font/SVN-TimesNewRoman.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } 

@font-face { font-family: "Roboto_Regular"; src: url("../fonts/font/Roboto-Regular.woff2") format("woff2"), url("../fonts/font/Roboto-Regular.woff") format("woff"); font-weight: normal; font-style: normal; } 

@font-face { font-family: "Roboto_Medium"; src: url("../fonts/font/Roboto-Medium.woff") format("woff2"), url("./fonts/font/Roboto-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } 

@font-face { font-family: "Roboto_Bold"; src: url("../fonts/font/Roboto-Bold.woff2") format("woff2"), url("../fonts/font/Roboto-Bold.woff") format("woff"); font-weight: bold; font-style: normal; } 

@font-face { font-family: "Roboto_Black"; src: url("../fonts/font/Roboto-Black.woff2") format("woff2"), url("../fonts/font/Roboto-Black.woff") format("woff"); font-weight: 900; font-style: normal; } 

@font-face { font-family: "Roboto_SemiBold"; src: url("../fonts/font/Roboto-Bold.woff") format("woff2"), url("../fonts/font/Roboto-Bold.woff") format("woff"); font-weight: 600; font-style: normal; } 

@font-face { font-family: "Roboto_Regular"; src: url("../fonts/font/Roboto-Regular.woff2") format("woff2"), url("../fonts/font/Roboto-Regular.woff") format("woff"); font-weight: bold; font-style: normal; } 

@font-face { font-family: "Helvet"; src: url("../fonts/font/UTMHelvetIns.woff2") format("woff2"), url("../fonts/font/UTMHelvetIns.woff") format("woff"); font-weight: normal; font-style: normal; } 

@font-face { font-family: "Muli_Semi"; src: url("../fonts/font/Muli-SemiBold.woff2") format("woff2"), url("../fonts/font/Muli-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; } 

@font-face { font-family: 'Muli_Regular'; src: url('../fonts/font/Muli-Regular.woff2') format('woff2'), url('../fonts/font/Muli-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } 

@font-face { font-family: 'Muli_Bold'; src: url('../fonts/font/Muli-Bold.woff2') format('woff2'), url('../fonts/font/Muli-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } 

.wrap-content { max-width: 1200px; } 

.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: "Mulish_regular"; font-size: 14px; margin: 0 !important; } 

p { margin: 0 !important; } 

ul { margin-bottom: 0px; } 

h4 { font-size: 0rem; } 

a:hover { color: #bd0000; } 


.banner { padding: 20px 0 60px 0; } 
.name-banner { font-family: "Roboto_Bold"; font-size: 15px; color: #fff; } 
.name-banner:hover { color: #fd0; } 
.banner-header { padding: 10px 0; text-align: center; background-color: #bd0000; display: none; } 
.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); } 

/* 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 { background-color: #FF0000; padding: 3.5px 0; } 

.title-run { width: 50%; margin: auto; font-family: "Roboto_Bold"; font-size: 20px; color: #FAFF00; text-transform: uppercase; } 

.head-address a { padding-left: 15px; font-family: "Roboto_Medium"; font-size: 14px; color: #fff !important; } 

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

.box-slide { position: relative; } 

.header-left { width: 20%; } 

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

.header1 { padding: 10.5px 0; background-color: #e9e9e9; } 


.dich { width: 8%; } 

.header_right .icon img { padding-top: 20px; } 

.text-header { font-family: 'Roboto_Regular'; font-size: 15px; color: #000000; } 

.phone { font-family: "Quicksand_Bold"; font-size: 18px; color: #DE2121; width: 165px; height: 60px; background: #F5F5F5; border: 1px solid #E2E2E2; border-radius: 6px; line-height: 25px; padding: 0 0 0 35px; } 

.phone span { font-family: "Roboto_Regular"; font-size: 14px; color: #333333; } 

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

.fixed { position: fixed !important; left: 0px; right: 0px; top: 10px; z-index: 99; justify-content: center; } 
.fixed1 { position: fixed !important; left: 0px; right: 0px; top: 0px; z-index: 99; justify-content: center; } 


/* .group-menu .fixed { top: 10px !; } */

.menu ul li .active{background: linear-gradient(180deg, #BA0C0C 0%, #FF0E0E 50.52%, #BA0C0C 100%);}

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

.menu .home a { font-family: "Open_Semi"; line-height: 1; font-size: 16px; color: #000; } 

.menu ul li a:hover { color: #DE2121; } 

.menu ul li a:hover::after { opacity: 1; } 

.menu ul li a img { position: relative; top: 5px; transition: all 0.3s; } 

.menu { position: relative; z-index: 9; justify-content: space-between; width: 100%; } 


.back-header { background-image: url(../images/news/background/back-top.png); background-size: cover; } 

.group-menu { background-color: #0067FF; position: relative; z-index: 111; } 

.main-menu2 { background-color: #DDBE9F; position: relative; } 

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

.group-menu-left { width: 100%; } 

.menu-mid1 { width: 15%; } 

.menu-mid2 { width: 50%; } 

.menu-mid3 { width: 20%; } 

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

.slogan-center { font-family: "Roboto_Regular"; font-size: 20px; text-align: center; color: #000; } 

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

.bg-menu { width: 115px; height: 40px; background: #F8CB2E; border-radius: 6px; } 

.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; background-color: #fff; padding-bottom: 5px; z-index: 1; } 

.main-menu::after { position: absolute; content: url(../images/news/products/left.png); top: 0; left: 0; z-index: -1; } 

.main-menu::before { position: absolute; content: url(../images/news/products/r.png); top: 0; right: 0; z-index: -1; } 


.contact-phone { font-family: "Helvet"; font-size: 20px; position: relative; z-index: 1; color: #E51010; } 

.contact-phone span { font-family: "Helvet"; font-size: 25px; position: relative; z-index: 1; color: #E30000; padding: 0 5px; } 

/* .contact-phone::after { position: absolute; content: url(../images/news/products/hotline.png); left: 0; top: 0; z-index: -1; } */

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

.desc-list { width: 70%; margin: auto; color: #B22727; font-family: "Mijas"; font-size: 28px; text-align: center; position: relative; z-index: 1; text-transform: uppercase; -webkit-text-stroke: 1px white; text-transform: uppercase; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } 

.doinet2 { font-size: 34px; color: #0067FF; font-family: "Colos"; text-align: center; position: relative; z-index: 1; text-transform: uppercase; } 

.image-list img { text-align: center; margin:10px auto 0 auto } 

.image-list { text-align: center; position: relative; z-index: 1; padding-top: 10px; } 

.image-list::after { position: absolute; content: url(../images/news/line/after-title.png); left: 0; top: 0; right: 0; text-align: center; z-index: -1; } 

.doinet { font-family: 'Shelia'; color: #ffffff; font-size: 48px; } 

.doinet3 { padding-left: 20px; color: #FFFFFF; font-family: "Colos"; font-size: 26px; text-align: left; position: relative; z-index: 1; text-transform: uppercase; text-transform: uppercase; } 


.doinet3::after { position: absolute; content: url(../images/news/line/after-title.png); top: -5px; left: 0; z-index: -1; } 

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

.title-top4 { margin: auto; text-align: center; position: relative; padding-bottom: 5px; } 

.title-top4 img { position: relative; top: -10px; } 

.paging-product-category { width: 100%; padding-top: 20px; } 

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

.text-split { font-family: "Roboto_Regular"; color: #242424; font-size: 14px; text-align: center; cursor: pointer; text-transform: capitalize; } 

.text-split:hover { color: #006eff !important; } 

.name-product1 { font-family: "Mont_Bold"; font-size: 15px; text-align: left; } 

.name-product1:hover { color: #006eff !important; } 

.text-split2 { font-size: 16px; color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; text-align: left; cursor: pointer; } 

/* Hover */
.img_hover { overflow: hidden; position: relative; padding: 0; z-index: 0; } 

.img_hover:before { position: absolute; top: 0; left: -85%; z-index: 22; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } 

.img_hover:hover:before { -webkit-animation: shine .6s; animation: shine .6s; } 

.img-hover img:hover { transition: all 0.3s; transform: translateY(-5px); } 

.img-hover img { transition: all 0.3s; } 


/* Giỏ Hàng */

.giohang { position: relative; } 

.giohang h4 { width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 10px; border-right: 2px solid #DE2121; border-left: 2px solid #DE2121; color: #DE2121; font-size: 15px; font-family: "Quicksand_Bold"; } 

.giohang p { font-family: "Quicksand_Regular"; font-size: 15px; color: #222222; padding-left: 5px; } 

.gh-right span { font-family: "Quicksand_Regular"; font-size: 15px; color: #222222; text-align: left; } 

.gh-right { padding-left: 15px; } 

/* Giới Thiệu */

.gioithieu-left { width: 50%; position: relative; z-index: 1; } 

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

.box_gioithieu { max-width: 100%; } 

.image-gioithieu { position: relative; right: 50px; } 

.name-gioithieu { font-family: "Mijas"; font-size: 50px; color: #F8CB2E; text-transform: uppercase; } 

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

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

.main-album { background-color: #219543; margin-top: 40px; } 

.image-album { padding: 20px 10px; } 

/* Xemthem */

.main-xt { padding-top: 20px; } 

.arr { clip-path: polygon(0% 0%, 80% 0, 100% 100%, 20% 100%); width: 60px; height: 45px; text-align: center; line-height: 1; background-color: #0572b8; } 

.arr img { padding: 15px; } 

.box-xemthem { text-align: center; } 

.xemthem { z-index: 1; text-transform: uppercase; font-size: 14px; color: #fd0000; text-align: center; display: inline-block; background: none; font-family: "Roboto_Bold"; position: relative; } 

/* .xemthem::after { position: absolute; content: url(../images/news/products/after-xt.png); left: -15px; top: 0; z-index: -1; } */

/* .xemthem:hover { color: #000000; background-color: #ffffff; border: 2px solid #bd0000; } 

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

.grid-page2:nth-child(4) { grid-column: 3/ 3; grid-row: 1 / 2; } 

/* .danhmuc_list */
/* .danhmuc_sanpham { justify-content: center; } */

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

/* .noidung_top_title { padding-top: 40px; } */

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

.btn-success:hover { background: #fff !important; color: #000 !important; border: 1px solid rgb(1, 147, 222)!important; } 

.btn-dark { background: #dc3545; padding: 10px !important; border: none !important; } 

.btn-dark:hover { background: #fff !important; color: #000 !important; border: 1px solid #dc3545 !important; } 

/* Giới thiệu */
.introduce { position: relative; padding: 40px 0 60px 0; background-color: #F7F7F7; z-index: 1; } 
.introduce::after { position: absolute; content: url(../images/news/products/after-gt.png); left: 0; top: 0; z-index: -1; } 
.introduce::before { position: absolute; content: url(../images/news/products/before-gt.png); right: 0; bottom: 0; z-index: -1; } 

.intro-left { width: 50%; padding-right: 60px; } 
.title-intro { position: relative; padding-left: 20px; } 
.title-intro::after { position: absolute; border-left: 2px solid #0067FF; content: ''; height: 58px; left: 0; bottom: 15px; } 
.title-intro span { font-family: 'Roboto_Regular'; font-size: 16px; letter-spacing: 0.3em; color: #727272; } 
.name-intro { font-family: 'Colos'; font-size: 38px; text-transform: uppercase; color: #0067FF; } 
.desc-intro { font-family: 'Roboto_Regular'; font-size: 14px; color: #333333; text-align: justify; padding-top: 20px; } 

.intro-right { width: 50%; padding-left: 30px; } 
.see-detail { width: 180px; height: 45px; margin-top: 30px; position: relative;} 
.see-detail::after{position: absolute;z-index: -1;content: url(../images/news/products/after-xt.png);left: 0;right: 0;bottom: 0;}
/* .arr { width: 40%; background-color: #E51010; clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); }  */
.link_see { /* clip-path: polygon(15% 0%, 100% 0%, 75% 100%, 0% 100%);*/ line-height: 45px; height: 45px; text-align: center;  } 
.link_see a { font-family: "Roboto_Regular"; font-size: 14px; color: #fff; padding-left: 40px; } 
.link_see a:hover{color: #fd0000;}

/* Tiêu chí */
.Standard { background-color: #E1EDFE; padding: 60px 0; position: relative; } 
.Standard::after { position: absolute; content: url(../images/news/products/tieu-chi/after-tc.png); left: 0; bottom: 0; } 
.Standard::before { position: absolute; content: url(../images/news/products/tieu-chi/before-tc.png); right: 0; top: 0; } 

.box-stan { padding: 35px 0 0 0; } 
.image-stan { position: relative; text-align: center; z-index: 1; margin-bottom: 45px; } 
.image-stan::after { position: absolute; content: url(../images/news/products/tieu-chi/bg-tc.png); right: 0px; top: -30px; left: 0; z-index: -1; } 
.content-stan { text-align: center; } 
.name-stan { font-family: "Roboto_Bold"; font-size: 15px; color: #3D3D3D; text-transform: uppercase; } 
.desc-stan { font-family: "Roboto_Regular"; font-size: 13px; color: #444444; padding-top: 10px; } 
.image-stan:hover.image-stan::after { animation: rotation 1s linear}
/* spnb */
.feature-product { padding: 60px 0; } 

/* */

.main-paging { margin: 40px 0; } 

/* tin tuc video */

.video-left{width: 50%;}
.news-right{width: 47%;}

.video-big{width: 70%;}

.video-small{width: 27%;}

.video-small img{padding: 0px 0 10px 0px; height: 115px; width: 150px;}

.video-big img{height: 340px;}

/* Thống kê */
.box-sta { width: 45%; } 
.desc-sta { font-family: "Colos"; font-size: 34px; color: #0067FF; } 
.name-sta { font-family: "Roboto_Regular"; font-size: 17px; color: #fff; } 
.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; } 
.box-sta:nth-child(3) { position: relative; left: 25%; top: 40px; } 
.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: "Quicksand_Bold"; font-size: 22px; color: #000; } 
.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 { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; } 

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

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

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

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

.product { position: relative; border: 1px solid #d9d9d9; } 

.main-sale { position: relative; } 

.product-sale { padding: 35px 0 55px 0; background-image: url(../images/news/products/bg-nb.png); background-size: cover; } 

.product:hover:before { opacity: 1; } 

/* .chitiet1 { padding-top: 10px; } */

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

.space-sp .info-product { padding: 10px; } 

.info-product { text-align: left; cursor: pointer; padding: 10px; background-color: #f6f6f6; } 

.info-product2 { text-align: center; cursor: pointer; padding: 0 15px; } 

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

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

.space-sp { padding: 0px 0 30px 0; position: relative; } 

.space-sp:nth-child(2n) { background-color: #FAFAFA; } 

/* .space-sp:nth-child(2n) .doinet3 { color: #fff; } */

.space-sp:nth-child(2n) .slogan { color: #fff; } 

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


.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: 70%; position: relative; z-index: 1; justify-content: left; } 

.title-pr2 a { font-family: "Roboto_Bold"; font-size: 16px; color: #3A3A3A; margin-right: 40px; } 

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

.box-title { width: 30%; } 

.name-cat { cursor: pointer; } 

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

.chitiet { text-align: center; font-family: "Roboto_Regular"; color: #4F4F4F; font-size: 14px; } 

.box-cart { width: 115px; height: 40px; background-color: #B22727; text-align: center; margin: auto; padding: 10px 0; } 

.addcart { font-family: "Quicksand_Bold"; font-size: 15px; color: #ffffff; text-transform: uppercase; } 

.pic-product:hover .box-cart { opacity: 1; transition: 1s; } 

/* 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; padding-bottom: 70px; } 
.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; border-radius: 6px; 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; } 
.form_lienhe { text-align: center; } 

.dangky { padding-top: 15px; } 

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

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

.validation-newsletter { position: relative; padding-top: 30px; } 

.news-bot { position: relative; } 

.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"] { margin: 5px; height: 45px; width: 410px; outline: none; display: inline-block; background-color: #C80000 !important; color: #ffffff; font-family: 'Roboto_Bold'; border: none; font-size: 18px; text-transform: uppercase;  } 

.name-submit { position: absolute; font-family: "Quicksand_Bold"; font-size: 16px; text-transform: uppercase; color: #ffffff; transform: rotate(90deg); width: 100%; left: 5px; top: 40px; } 

.newsletter-button input[type="submit"]:hover { transition: all ease 0.3s; color: #ffffff !important; background-color: #026eb6; } 

.newsletter-input1 {  width: 200px; height: 40px; margin: 5px; position: relative; background: #fff; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12); } 

/* .newsletter-input1 img { position: absolute; right: 10px; top: 10px; } */

.newsletter-input1 input {  color: #000000; height: 40px; background: #FFFFFF; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12); } 

.newsletter-input {  width: 410px; margin: 5px; background: unset; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12); } 

.newsletter-input textarea {  background: #ffffff; box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.12); height: 45px; } 

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

.validation-newsletter ::placeholder { font-family: "Roboto_Regular"; color: #cccccc; } 

.text-sm { font-size: 14px !important; font-family: "Roboto_Regular"; color: #000000; } 

.lien-he a { font-family: 'Mulish_bold'; font-size: 16px; color: #ffffff; line-height: 2; } 

.contact-left { width: 30%; padding-left: 15px; } 

.contact-right { width: 70%; } 

#fanpage-facebook { position: relative; } 

.footer .invalid-feedback { width: 100%; margin-top: -15px !important; margin-left: 10px !important; font-size: 80%; color: #dc3545; position: relative !important; z-index: 11 !important; } 




/* .content-tintuc1 { padding-top: 15px; } */

.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-1 { padding: 0; background-color: #ffffff; } 

.video-main { position: relative; } 

.box-video2 { position: absolute; top: 15px; left: 72%; width: 24%; } 

.box_tintuc_video { justify-content: space-between; margin-top: 60px; display: flex; flex-wrap: wrap; } 

.newshome-scroll { width: calc(100% - 44.5%); height: 445px; overflow: hidden; width: 100%; } 

.newshome-scroll ul li { margin-bottom: 15px !important; } 

.newshome-normal { display: block; } 

/* Tin Tức */

.tintuc_img { flex-shrink: 0; } 

.tintuc_title { flex: 1; } 

.tintuc_box { display: flex; flex-wrap: wrap; padding-top: 25px; } 

.tintuc_top { font-family: 'Muli_Bold'; font-size: 14px; color: #000000; cursor: pointer; text-transform: uppercase; } 

.tintuc_img { overflow: hidden; } 

.ngaythang { font-size: 12px; color: #6f6f6f; margin: 10px 0px; } 

/* doitac */

.doitac_left { padding: 53px 0px; background-color: red; width: 11%; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); text-align: center; } 

.doitac_right { padding-left: 30px; width: 88%; padding-right: calc(100% - 1300px) / 2; } 

.doitac { font-size: 24px; color: #ffffff; font-family: "UTMHanzel"; transform: rotate(90deg); } 

.box_doitac_item { border: 1px solid #d9d9d9; } 

.doitac_index { background-color: #efefef; } 

.main-doitac { padding: 20px 0; } 

/* footer */

.name-logo { font-family: "Aris"; font-size: 36px; color: #F8CB2E; text-align: center; } 

.desc-logo { font-family: "Quicksand_Bold"; font-size: 18px; color: #ffffff; text-align: center; text-transform: uppercase; margin: 15px 0 25px 0; } 

.logo-footer { text-align: center; } 

.name-ft1 { font-family: "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; } */

.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 { background-image: url(../images/news/products/bg-nb.png); background-size: cover; position: relative; padding: 60px 0 0 0; } */



/* .footer::after { position: absolute; background-image: url(../images/news/products/after-ft.png); left: 0; right: 0; top: 0; text-align: center; background-size: cover; content: ""; width: 100%; height: 80px; } */

.footer-article { position: relative; padding: 60px 0; background-image: url(../images/news/products/bg-ft.png);background-size: cover;} 

.title-footer1 { color: #fff; font-size: 15px; text-transform: uppercase; position: relative; font-family: 'Roboto_Medium'; } 

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

.title-form { color: #ffffff; font-family: "Colos"; font-size: 34px; text-transform: uppercase; position: relative; z-index: 1;  } 

.title-form::after { position: absolute; content: url(../images/news/products/line-text3.png); left: 30px; right: 0; bottom: -10px; z-index: -1; } 

.box-form { text-align: center; margin: auto; border: 5px solid #0BAF4D; padding: 30px 20px; width: 70%; position: relative; } 

.box-form::after { position: absolute; content: ""; border-top: 5px solid #0BAF4D; width: 330px; left: -40%; top: 45px; } 

.box-form::before { position: absolute; content: ""; border-top: 5px solid #0BAF4D; width: 330px; right : -40%; top: 45px; } 

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

.box_footer1 { width: 900px; margin: auto; } 

.footer-newss:nth-child(1) { width: 45%; } 

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

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

.content-footer p { color: #fff; } 

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


 .name-footer { color: #0067FF; font-size: 42px; text-transform: uppercase; position: relative; font-family: 'Colos'; text-shadow: 2px 1px 0px rgb(255, 255, 255);} 


.name-footer p { color: #000000; font-family: 'Mont_Regular'; font-size: 16px; } 

.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: #bd0000; transition: all 0.3s; } 

.footer-ul li a { font-family: "Roboto_Regular"; font-size: 14px; 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: 15px; font-family: "Roboto_Regular"; color: #ffffff; display: -webkit-box; -webkit-line-clamp: 4; overflow: hidden; -webkit-box-orient: vertical; } 

.title-footer2 { font-size: 55px; font-family: "Open_Extra"; color: #000000; text-transform: uppercase; } 

.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: #F8CB2E; text-align: center; } 

.content-contact p { font-family: "Quicksand_Regular"; font-size: 14px; color: #FFFFFF; text-align: center; } 

.content-contact { padding-top: 10px; } 

.main-contact { padding: 35px 0 25px 0; } 


.copyright,
.statistic { font-size: 14px; } 

.list_icon span { font-family: "Roboto_Regular"; font-size: 14px; color: #ffffff; } 

.list_icon ul { display: flex; flex-direction: row; list-style: none; justify-content: start; } 

.list_icon ul li img { margin-right: 10px; max-width: 50px; } 

.list_icon1 ul li { list-style: none; } 

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

.list_icon1 ul li img { margin-right: 10px; max-width: 46px; } 

.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: -15px; 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 { padding-left: 15px; position: relative; } 

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

.footer-powered img { position: relative; } 

.footer-copyright { font-family: "Roboto_Regular"; font-size: 14px; color: #ffffff; text-align: left; padding: 15px 0; } 

.footer-copyright span { color: #FFF500; text-transform: uppercase; } 

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

.footer-statistic { text-align: right; font-family: "Roboto_Regular"; font-size: 14px; color: #ffffff;  } 

.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 { font-size: 35px; display: inline-block; color: #000000; font-family: "Roboto_Bold"; text-align: left; text-transform: uppercase; } 

.title-main img { position: relative; top: 10px; } 

.title-main1 span { font-size: 25px; display: inline-block; color: #000000; font-family: 'Roboto_Bold'; text-transform: capitalize; } 

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

.news-name a { color: #333; font-size: 16px; font-family: "Roboto_bold"; line-height: 1.6; } 

.list-news-other li a { color: #0189e1; } 

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

/* .partner img { border-radius: 50%; } */

/* 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: white; transition: all .35s; font-family: "Roboto_Regular"; font-size: 15px; } 

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

/* Cảm Nhận */

.cam-nhan { background-image: url(../images/news/products/bg-camnhan.png); background-size: cover; padding: 60px 0; } 

.vector-camnhan { position: absolute; top: 40px; left: 10%; } 

.box_camnhan { position: relative; width: 400px; height: 400px; z-index: 1; } 

.box_camnhan::after { position: absolute; content: url(../images/news/products/box-camnhan.png); left: 20px; top: 0; z-index: -1; animation: mymove 3s infinite; } 

.content-camnhan { position: absolute; text-align: center; top: 30%; width: 70%; left: 0; right: 0; margin: auto; } 

.img-camnhan { position: absolute; bottom: 0; right: 0; background-color: #fff; border-radius: 50%; } 

.img-camnhan img { border-radius: 50%; border: 1px solid #219543; padding: 10px; } 

.name-camnhan { font-family: "Mont_Bold"; font-size: 16px; color: #222222; text-transform: uppercase; } 

.desc-camnhan { font-family: "Mont_Regular"; font-size: 14px; color: #464646; font-style: italic; padding: 10px 0 20px 0 !important; } 

.noidung-camnhan { font-family: "Mont_Regular"; font-size: 14px; color: #464646; } 

.cam-nhan .center { padding-top: 60px; transition: 0.5s; } 


/* 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 */
.feed-back-left { width: 50%; } 

.feed-back-right { width: 50%; } 

.feed-back_title { padding: 45px; position: relative; } 

.feed-back_img { position: absolute; left: -60px; bottom: -70px; } 

.feed-back_img img { border-radius: 50%; } 

.feed-back_box { margin-top: 75px; border: 2px dashed #FFE500; width: 80%; padding-left: 50px; margin-left: 70px; position: relative; } 

.feed-back_title0 { font-family: 'Roboto_Bold'; font-size: 20px; color: #ffffff; position: relative; top: 25px; } 

.feed-back_title1 { font-family: 'Roboto_Regular'; font-size: 15px; position: relative; top: 20px; color: #B6B6B6; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical } 

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

/* .pic-gymfitness:hover a.img-gymfitness.scale-img.hover_xam { filter: brightness(0) saturate(100%) opacity(70%) invert(64%) sepia(30%) saturate(610%) hue-rotate(341deg) brightness(90%) contrast(90%); } */
.wrap-dv:hover .name-gym a { color: #000000; z-index: 11111; } 

.wrap-dv:hover .name-gym span { opacity: 0; } 

.wrap-dv:hover .name-gym { left: 35%; bottom: 40%; transition: all ease 0.3s; } 

.wrap-dv:hover .pic-gymfitness::after { opacity: 0; transition: all ease 0.3s; } 

.wrap-dv:hover::after { opacity: 1; } 

/* Banner */
.img-banner { position: relative; } 

.text-in-banner { position: absolute; top: 40%; left: 30%; font-family: "Roboto_Bold"; font-size: 24px; color: #ffffff; text-transform: uppercase; } 

.image-cap3 p { display: none; } 

.image-cap3 .active { display: block; } 


/* --------------------------------------------------------------------------------------- */

.main-contentt { display: flex; justify-content: space-between; padding: 30px 0; } 
.p-30 { padding-top: 30px; } 
.p-20 { padding-top: 20px; } 


/* left */
.content-left { width: 25%; } 
.name-cate { background: #03277E; padding: 15px; border-radius: 5px 5px 0px 0px; } 
.name-cate span { font-family: "Alter"; font-size: 25px; text-transform: uppercase; color: #fff; padding-left: 30px; } 
.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; height: 320px; } 
.content-cate ul li a { font-family: "Open_Regular"; font-size: 14px; padding:0 10px } 
.content-cate ul li { border-bottom: 1.5px dashed #c0c0c0; padding: 15px 0; list-style: none; position: relative; } 
.content-cate ul li::before { content: "\2022"; color: rgb(0, 0, 0); font-weight: bold; display: inline-block; width: 1em; margin-left: 0.5rem; } 

.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 { width: 35%; } 
.content-news { width: 60%; } 
.box-news { padding: 15px; border-bottom: 1.5px dashed #c0c0c0; } 
.name-news { font-family: "Roboto_Bold"; font-size: 15px; color: #202020; } 
.name-time { font-family: "Quicksand_Regular"; font-size: 14px; color: #989898; text-align: center; padding-left: 10px; } 
.news-time1 { padding: 10px 0} 
.content-news2{padding: 10px 15px;min-height: 150px}
.news-time1 span{ font-family: "Roboto_Regular"; font-size: 12px; color: #434343;  padding-left: 10px;} 
.news-time1 img{width: 15px;height: 15px;}
.desc-news {font-family: "Roboto_Regular"; font-size: 14px; color: #333333;}
.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-hidden { display: none; } 
.name-news2 { font-family: "Mulish_Bold"; font-size: 15px; color: #000; text-transform: uppercase; padding-top: 10px; } 
.box-news-hidden{border:1px solid #E4E4E4}

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