:root { --maincolor: #23887A; --subcolor: #FE8220; --fmain: 'Montserrat'; --fontMontserrat: 'Montserrat'; --font-Coiny: 'Coiny'; --font-1FTV-VIP-Super-Funtime: '1FTV VIP Super Funtime'; --font-1FTV-VIP-Teachers-Student: '1FTV VIP Teachers Student'; --font-1FTV-VIP-Yustine-Signature: '1FTV VIP Yustine Signature'; }
@-webkit-keyframes phone-shake {
	0% { transform: rotate(0deg); }
	10% { transform: rotate(8deg); }
	20% { transform: rotate(-8deg); }
	30% { transform: rotate(8deg); }
	40% { transform: rotate(-8deg); }
	50% { transform: rotate(8deg); }
	60% { transform: rotate(-8deg); }
	70% { transform: rotate(8deg); }
	80% { transform: rotate(-8deg); }
	90% { transform: rotate(8deg); }
	100% { transform: rotate(0deg); }
}
@keyframes phone-shake {
	0% { transform: rotate(0deg); }
	10% { transform: rotate(8deg); }
	20% { transform: rotate(-8deg); }
	30% { transform: rotate(8deg); }
	40% { transform: rotate(-8deg); }
	50% { transform: rotate(8deg); }
	60% { transform: rotate(-8deg); }
	70% { transform: rotate(8deg); }
	80% { transform: rotate(-8deg); }
	90% { transform: rotate(8deg); }
	100% { transform: rotate(0deg); }
}
.phoneRung { -webkit-animation: phone-shake 1s infinite; animation: phone-shake 1s infinite; transform-origin: center center; }
@-webkit-keyframes snake-jump {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(clamp(-10px, -3vw, -15px)); }
}
@keyframes snake-jump {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(clamp(-10px, -3vw, -15px)); }
}
.snakeEff { -webkit-animation: snake-jump 1.5s infinite; animation: snake-jump 1.5s infinite; transform-origin: center center; }
@-webkit-keyframes subtleBounce {
	0%, 100% { transform: translateY(0); /* Vị trí Y ban đầu */ }
	25% { transform: translateY(-5px); /* Nhảy lên 5px */ }
	50% { transform: translateY(0); }
	75% { transform: translateY(-2px); /* Nhảy lên 2px nhẹ hơn */ }
}
@keyframes subtleBounce {
	0%, 100% { transform: translateY(0); /* Vị trí Y ban đầu */ }
	25% { transform: translateY(-5px); /* Nhảy lên 5px */ }
	50% { transform: translateY(0); }
	75% { transform: translateY(-2px); /* Nhảy lên 2px nhẹ hơn */ }
}
@-webkit-keyframes wobble {
	0%, 100% { transform: rotate(0deg); /* Không xoay */ }
	15% { transform: rotate(-3deg); /* Xoay sang trái 3 độ */ }
	30% { transform: rotate(3deg); /* Xoay sang phải 3 độ */ }
	45% { transform: rotate(-2deg); }
	60% { transform: rotate(2deg); }
	75% { transform: rotate(-1deg); }
}
@keyframes wobble {
	0%, 100% { transform: rotate(0deg); /* Không xoay */ }
	15% { transform: rotate(-3deg); /* Xoay sang trái 3 độ */ }
	30% { transform: rotate(3deg); /* Xoay sang phải 3 độ */ }
	45% { transform: rotate(-2deg); }
	60% { transform: rotate(2deg); }
	75% { transform: rotate(-1deg); }
}
.ringEff2 { -webkit-animation: subtleBounce 2s ease-in-out infinite; animation: subtleBounce 2s ease-in-out infinite; transform-origin: center center; }
.ringEff { transform-origin: bottom center; -webkit-animation: wobble 1.5s ease-in-out infinite; animation: wobble 1.5s ease-in-out infinite; }
body { font-family: var(--fmain); font-size: 14px; color: #333; top: 0 !important; overflow-x: hidden; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
::-webkit-scrollbar { width: 5px; height: 5px }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%) }
::-webkit-scrollbar-thumb { background: var(--maincolor) }
.wap_main { max-width: 1920px; min-width: 320px; position: relative; margin: auto }
h1, h2, h3, h4, h5, h6 { color: #333; margin: 0 0 13px 0; font-weight: 500; line-height: 1.5 }
img { max-width: 100%; height: auto; vertical-align: top }
img.lazy { opacity: 0 }
img:not(.initial) { transition: opacity .1s }
img.error, img.initial, img.loaded { opacity: 1 }
img:not([src]) { visibility: hidden }
button, input, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none !important }
a, input, textarea { outline: 0; padding: 0 }
a { text-decoration: none !important; cursor: pointer }
a:hover { color: var(--maincolor) }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 }
.w-100 { width: 100% }
.w-clear:after { display: block; content: ""; clear: both }
.hidden { display: none }
.clear { clear: both }
.none { display: none }
.hidden-seoh { visibility: hidden; height: 0; margin: 0; overflow: hidden }
.wrap-content, .wrap-main { max-width: 1220px; margin: 40px auto; padding: 0 10px; position: relative; }
.wrap-main.static { max-width: 1030px }
.wrap-main.max { max-width: 1366px }
.wrap-home { max-width: 100%; padding: 0; margin: 0 }
.wrap-content { margin: auto }
.social-plugin { display: flex; margin-top: 10px }
.scale-img { position: relative; display: block; overflow: hidden }
.scale-img img { transform: scale(1, 1); transition: .2s }
.scale-img:hover img { transform: scale(1.1, 1.1) }
.hover-img { position: relative; overflow: hidden; display: block }
.hover-img:before { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transition: all .8s cubic-bezier(.94, .85, .1, .62) 0s; z-index: 1; border: 100px double rgba(0, 0, 0, 0); opacity: 1; filter: alpha(opacity=100); visibility: visible; box-sizing: border-box }
.hover-img:hover:before { opacity: 0; filter: alpha(opacity=0); border: 0 double rgba(255, 255, 255, .7); visibility: hidden }
.text-split { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3 }
.transition { transition: .3s all }
a.views { display: inline-block; text-decoration: none; margin-top: 10px; border: solid 1px #ccc; padding: 7px 20px; border-radius: 20px; color: #000; font-size: 16px }
a.views:hover { border: solid 1px #fed402; color: #fed402 }
.share { padding: 17px 10px 10px 10px; line-height: normal; background: rgba(128, 128, 128, .15); margin-top: 15px; border-radius: 5px }
.share b { display: block; margin-bottom: 5px }
.othernews b { margin-bottom: 10px }
a.mucluc-dropdown-list_button:before { content: "\f03a"; font-family: "Font Awesome 6 Pro"; font-style: normal; font-weight: 400; background: #fff; color: var(--maincolor) !important; font-size: 20px; width: 35px; height: 35px; display: inline-block; line-height: 38px; text-align: center; border: 1px solid #ddd }
.meta-toc-clone.fiedx { position: fixed; left: 5px; top: 200px; z-index: 111 }
.meta-toc-clone:not(.fiedx) .box-readmore { display: block !important }
.box-readmore { padding: 10px; background-color: #f5f5f5; width: 100%; margin-top: 2px; border: 1px solid #ddd; font-size: 13px; margin-bottom: 10px }
.meta-toc-clone .box-readmore { width: 350px; display: none; max-height: 50vh; overflow-y: auto; overflow-x: hidden; margin-bottom: 0 }
.box-readmore { padding: 8px 15px; border: 1px solid #dedede; margin-bottom: 2rem; border-radius: 5px; background-color: #eee }
.box-readmore li ul>li { margin: 0; margin-bottom: 8px }
.box-readmore li ul>li:before { content: counters(item, ".") " " }
.box-readmore ul { list-style-type: none; counter-reset: item; margin-bottom: 0; padding-left: 0 !important; margin-top: 8px }
.box-readmore ul li { display: table; counter-increment: item; margin-bottom: 5px }
.box-readmore ul li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 5px }
.box-readmore ul li a { color: #333; cursor: pointer; font-weight: 600 }
.box-readmore ul li a:hover { color: #767676 !important }
.title-tags { position: relative; font-size: 1em; font-weight: 600; padding-bottom: 15px; margin-bottom: 15px; color: #777 }
.title-tags:after { content: ''; position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .1); display: block; height: 3px; width: 30px }
.flex-tags { display: flex; gap: 5px }
.flex-tags a { color: #333; border: 1px solid; border-radius: 3px; display: inline-block; font-size: .8em !important; opacity: .8; padding: 2px 5px }
.flex-tags a:hover { background-color: #446084; border-color: #446084; color: #fff; opacity: 1 }
.sort-select { display: flex; justify-content: end; margin: 20px 0; position: relative }
.sort-select .click-sort { border: 1px solid #e0e0e0; border-radius: 4px; cursor: pointer; font-size: 14px; padding: 6px 10px 6px 8px; margin: 0 }
.sort-select-main { display: grid; background-color: #fff; border-radius: 4px; box-shadow: 0 4px 6px rgb(0 0 0 / 20%); position: absolute; padding: 0 7px; top: 30px; right: 0; width: 160px; z-index: 2 }
.sort-select-main p { border-bottom: 1px solid #f1f1f1; margin: 0; order: 2 }
.sort-select-main p:has(.check) { order: 1 }
.sort a { color: #000; font-size: 14px; line-height: 17px; padding: 11px 3px; display: block; cursor: pointer }
.sort a.check i { box-sizing: border-box; position: relative; display: inline-block; transform: scale(var(--ggs, 1)); width: 22px; height: 16px; border: 2px solid transparent; border-radius: 100px; vertical-align: middle }
.sort a.check i::after { content: ''; display: block; box-sizing: border-box; position: absolute; left: 3px; top: -4px; width: 6px; height: 10px; border-width: 0 2px 2px 0; border-style: solid; transform-origin: bottom left; transform: rotate(45deg) }
.sort-select .sort-show { padding-right: 12px; position: relative }
.sort-select .sort-show::before { content: ''; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #333; content: ''; height: 0; position: absolute; top: 6px; right: 0; width: 0 }
.filter { position: absolute; right: 0; top: 0; padding: 5px 10px; background: #f1f1f1; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; text-transform: uppercase; border-radius: 5px; cursor: pointer; border: 1px solid #ddd; display: none }
.wrap-product-sale { background-color: #ffa09e; border-radius: 10px; overflow: hidden }
.wr-search p { font-weight: 700; text-transform: uppercase }
.box-cat { text-align: center }
.box-cat h3 { font-size: 14px; color: #333; margin-top: 10px }
.box-cat:hover h3 { color: red }
.cart-product { margin: 5px 0 0 0 }
.cart-product span { cursor: pointer; color: #fff; text-align: center; padding: 0 5px; border-radius: 5px; display: inline-block; line-height: 34px; font-size: 13px; font-weight: 700 }
.cart-add { margin-left: 10px; background-color: #00a5d9; width: 155px }
.cart-add:hover { background-color: #fed402 }
.cart-buy { background-color: #ff2e00; width: 93px; height: 33px }
.cart-buy:hover { background-color: #fed402 }
.gridProduct { display: grid; grid-template-columns: repeat(5, 1fr); row-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }
.grid-pro-detail { display: flex; justify-content: space-between; align-items: start; border-bottom: 1px solid #ececec }
.grid-pro-detail .left-pro-detail { width: 60%; border-right: 1px solid #ececec; padding-right: 30px }
.grid-pro-detail .right-pro-detail { width: 38% }
.detail-product { display: flex; justify-content: space-between }
.detail-product .left-pro-detail { width: 40%; border: 1px solid #ddd }
.detail-product .right-pro-detail { width: 57% }
.detail-product .right-pro-detail ul { list-style: none; padding: 0 }
.detail-product .right-pro-detail ul li { margin-bottom: 20px }
.detail-product .right-pro-detail ul li .title-pro-detail { font-size: 18px }
.detail-product .right-pro-detail ul li .attr-content-pro-detail { display: inline-block; margin-bottom: 0 }
.detail-product .right-pro-detail ul li .attr-content-pro-detail .price-new-pro-detail { font-weight: 700; font-size: 20px; color: red }
.ul-actions { display: flex; justify-content: center; margin: 20px; gap: 15px; align-items: flex-start }
.ul-actions li, .ul-actions>div { list-style-type: none; margin: 0; padding: 0; width: 80px; text-align: center }
.ul-actions .active .box__tabr, .ul-actions .box__tabr:hover { border-color: #fd6e1d }
.ul-actions .box__tabr { align-items: center; border: 1px solid #e0e0e0; border-radius: 2px; display: flex; justify-content: center; min-height: 55px; padding: 4px; height: 60px; width: 80px }
.icon-action { background-image: url(../images/icon_chitiet@2x-min.png); background-repeat: no-repeat; display: inline-block; height: 30px; width: 30px; line-height: 30px; vertical-align: middle; background-size: 300px 180px }
.icon-dnb { background-position: 0 0; height: 28px; width: 28px }
.icon-tskt { background-position: -105px 0; height: 30px; width: 30px }
.icon-ttsp { background-position: -140px 0; height: 19px; width: 23px }
.ul-actions p { font-size: 14px; line-height: 1.3; margin-top: 5px; white-space: normal; color: #000 }
.modal-detail::-webkit-scrollbar { width: 10px }
.modal-detail::-webkit-scrollbar-thumb { width: 10px; background: #4d90e0; border-radius: 10px; height: 50px }
.modal-detail { position: fixed; z-index: 999; background: #000000c4; top: 0; left: 0; width: 100%; height: 100%; overflow-y: scroll }
.content-modal-detail { background: #fff; max-width: 1200px; margin: 0 auto; min-height: 100vh }
.content-modal-detail .tabs { display: flex; cursor: pointer; padding: 0; list-style: none; justify-content: center; border-bottom: 1px solid #e0e0e0; position: -webkit-sticky; position: sticky; top: 0; background: #fff; z-index: 99 }
.content-modal-detail .tabs li { padding: 20px 20px; margin-right: 5px; font-weight: 700; position: relative; border-bottom: 4px solid #fff }
.content-modal-detail .tabs li.active { color: #2d9cdb; border-bottom: 4px solid #2d9cdb }
.content-modal-detail .tab-content { padding: 20px; max-width: 900px; margin: 0 auto }
.content-modal-detail .tab-content.active { display: block }
.close-tab { position: fixed; top: 15px; right: 20px; z-index: 10 }
.btn-closemenu { position: fixed; top: 10px; right: 20px; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 4px; color: #333; cursor: pointer; line-height: 21px; padding: 7px; text-align: right; width: 72px }
.btn-closemenu::before { transform: rotate(45deg) }
.btn-closemenu::after { transform: rotate(-45deg) }
.btn-closemenu::after, .btn-closemenu::before { background-color: #333; content: ''; left: 13px; height: 14px; position: absolute; top: 10px; width: 1px }
.cursor-pointer { cursor: pointer }
.pr-content .pr-item p { margin: 0 }
.contact-input { position: relative; margin-bottom: 15px }
.did-floating-label-content { position: relative; }
.did-floating-label { z-index: 5; color: #ccc; font-size: 15px; font-weight: 400; position: absolute; pointer-events: none; left: 15px; top: 15px; transition: .2s ease all; -moz-transition: .2s ease all; -webkit-transition: .2s ease all; -ms-transition: .2s ease all; -o-transition: .2s ease all }
.did-floating-input { font-size: 14px; display: block; width: 100%; padding: 12px 18px; border-radius: 10px; border: 1px solid #FFF; background: linear-gradient(180deg, rgba(232, 232, 236, 0.80) 0%, rgba(255, 255, 255, 0.80) 56.73%); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05); }
.input-group { display: flex }
.input-group-append { display: flex; align-items: center }
.input-group-text { display: flex; align-items: center; font-weight: 400; height: 34px; color: #323840; padding: 0 5px 0 20px; font-size: 12px; text-align: center; white-space: nowrap; border: 1px solid #3d85d8; border-radius: 4px 0 0 4px; border-right: none }
.contact-input .custom-file-label::after { content: attr(title) }
.contact-map { position: relative; height: 500px; margin-top: 30px }
.contact-map iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.breadCrumbs { padding: 10px 0; background: #f3f3f3; }
.breadCrumbs ol { margin: 0 }
.breadCrumbs ol li a { color: #333; }
.breadCrumbs ol li a:hover { color: var(--maincolor) }
.pagination { margin: 30px 0 0 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 5px }
.pagination li span { cursor: pointer; border-radius: 4px; border: 1px solid var(--maincolor); background: #fff; min-width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; color: var(--maincolor); font-size: 14px; font-weight: 400 }
.pagination li a { cursor: pointer; border-radius: 4px; border: 1px solid #cacaca; background: linear-gradient(180deg, #fff 0, #f0f0f0 100%); padding: 5px 7px; min-width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; color: #4d4d4d; font-size: 14px; font-weight: 400 }
.pagination li a:hover { color: var(--maincolor); border-color: var(--maincolor) }
.pagination .page-item.active .page-link { background-color: var(--maincolor); border-color: var(--maincolor) }
.progress-wrap { background-color: #fff; position: fixed; bottom: 20px; right: 20px; height: 50px; width: 50px; cursor: pointer; display: block; border-radius: 50px; z-index: 99; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all .4s linear }
.progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0) }
.progress-wrap i { position: absolute; text-align: center; line-height: 50px; font-size: 16px; font-weight: 900; color: var(--maincolor); left: 0; top: 0; height: 50px; width: 50px; cursor: pointer; display: block; z-index: 1; transition: all .4s linear }
.progress-wrap svg path { fill: none }
.progress-wrap svg.progress-circle path { stroke: var(--maincolor); stroke-width: 4; box-sizing: border-box; transition: all .4s linear }
.grecaptcha-badge { display: none !important; width: 0 !important; height: 0 !important; visibility: hidden !important; overflow: hidden }
.social { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; gap: 0 10px }
.social li { display: inline-block }
.social li:hover img { transform: rotateY(360deg); transition: all .5s linear }
.header__info { display: inline-flex; align-items: center; gap: 7px; color: #111; font-size: 15px }
.info__email { color: #111; font-size: 15px }
.info__hotline { color: #c60002; font-size: 15px; font-weight: 700 }
.header__sline { background: #cacaca; width: 1px; height: 26px; margin: 0 30px }
.search-res { position: relative; width: 40px }
.search-res .icon-search { width: 42px; height: 42px; background: #FFF; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.22); cursor: pointer; text-align: center; color: var(--maincolor); font-size: 17px; margin: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.search-res .icon-search.active { color: #313131; }
.search-grid2 { position: relative; overflow: hidden; z-index: 2; background: #f3f3f3; border-radius: 44px; line-height: normal; display: flex; align-items: center; justify-content: space-between }
.search-grid2 p { width: 44px; height: 44px; cursor: pointer; margin: 0; font-size: 14px; background: none; display: flex; align-items: center; justify-content: center; border-radius: 44px; color: #8B8B8B; }
.search-grid2 input { width: 220px; height: 44px; border-radius: 44px; outline: 0; border: none; color: #333; padding: 0px 15px 0px 20px; font-size: 14px; background: #f3f3f3; }
.search-res .search-grid { position: absolute; top: 42px; right: 0; width: 0; height: 36px; overflow: hidden; background: #fff; border: 1px solid var(--maincolor); z-index: 2; opacity: 0; border-radius: 25px; line-height: normal }
.search-res .search-grid p { float: left; width: 35px; height: 38px; cursor: pointer; outline: 0; border: none; margin: 0; font-size: 17px; display: block; color: var(--maincolor); line-height: 32px; text-align: center }
.search-res .search-grid input { width: calc(100% - 35px); float: right; outline: 0; height: 38px; border: none; color: #666363; font-size: 13px }
.search-res .search-grid input::-webkit-input-placeholder { color: #ccc }
.search-res .search-grid input:-moz-placeholder { color: #ccc }
.search-res .search-grid input::-moz-placeholder { color: #ccc }
.search-res .search-grid input:-ms-input-placeholder { color: #ccc }
.hl-head a { display: flex; font-size: 17px; align-items: center; gap: 10px; color: #fff; border-radius: 120px; padding: 4px 18px 4px 4px; background: var(--gradient, linear-gradient(0deg, #0D7BEF 0%, #2954AB 100%)); }
.menu-res { display: none }
.menu { position: relative; }
.menu_flex { display: flex; justify-content: space-between; align-items: center }
.menu ul { width: 100%; padding: 0; margin: 0; list-style: none }
.menu ul.menu-main { display: flex; align-items: center; justify-content: center }
.menu ul li a { display: flex; align-items: center; justify-content: center; color: #1E1E1E; font-weight: 600; text-align: center; font-size: 15px; text-transform: capitalize; height: 60px; padding: 0 9px; position: relative; }
.menu ul li a.active, .menu ul li:hover>a { color: var(--maincolor); }
.menu_search { margin-left: auto }
.menu ul.menu-main li a.active:after, .menu ul.menu-main li:hover>a:after { opacity: 1 }
.menu ul li a.has-child { padding-right: 16px; margin-right: 8px }
.menu ul li a.has-child:after { content: ""; position: absolute; bottom: calc(50% - 4px / 2); right: 5px; width: 5px; height: 5px; border: 1px solid #fafafa; border-top: 0; border-left: 0; transform: rotate(45deg) }
.menu_dmsp .menu_lvl { position: absolute; width: 190px; transform: perspective(600px) rotateX(-90deg); transform-origin: 0 0 0; opacity: 0; visibility: hidden; transition: .3s }
.menu_dmsp .menu_lvl3, .menu_dmsp .menu_lvl4 { left: calc(100% + 1px) }
.menu_dmsp .menu_lvl2 .menu_lvl3 ul li:hover .menu_lvl4, .menu_dmsp .menu_lvl2 ul li:hover .menu_lvl3, .menu_dmsp:not(.block_hover):hover .menu_lvl2 { transform: perspective(600px) rotateX(0); transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; opacity: 1; visibility: visible }
.slideshow_left .menu_lvl2 { transform: perspective(600px) rotateX(0); transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; opacity: 1; visibility: visible; margin-top: 0 }
.menu_vlist_pic { max-width: 24px }
.menu_dmsp .menu_lvl ul li a { display: flex; align-items: center; justify-content: flex-start; text-transform: capitalize; gap: 10px; color: #333; font-size: 15px; line-height: 1.5; text-align: left; padding: 14px; border-left: 2px solid transparent; background: #fff; margin: 0; height: auto }
.menu_dmsp .menu_lvl ul li:hover>a { border-color: var(--maincolor); color: var(--maincolor) }
.menu ul li ul li { border-top: 1px solid #f3f3f3; }
.menu ul li ul li a { padding: 12px !important; border: none !important }
.menu ul li ul li a:after { display: none !important }
.menu_dmsp .menu_lvl ul { max-height: 410px; overflow-x: hidden; overflow-y: auto; padding: 0; margin: 0 }
.slideshow_item { display: block; position: relative }
.swiper_slideshow { height: calc(100vw * 530 / 1366); position: relative }
.control_slide { position: absolute; width: 100%; z-index: 2; left: 0; top: calc(50% - 40px / 2) }
.control_slide button { opacity: .5; top: 0; position: absolute; outline: 0; border: 0; padding: 0; cursor: pointer; color: #000; width: 40px; border-radius: 50px; height: 40px; background: #fff; text-align: center; font-size: 18px; margin: 0; display: flex; align-items: center; justify-content: center }
.control_slide button:hover { opacity: 1 }
.control_slide button.slide_prev { left: 20px }
.control_slide button.slide_next { right: 20px }
.swiper_slideshow .swiper-slide { overflow: hidden }
.swiper_slideshow .slide-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0 }
.spacer { margin: 60px 0 }
.title-main { text-align: center; position: relative; margin-bottom: 30px }
.title-detail { position: relative; margin-bottom: 30px }
.title-detail h1, .title-main h1, .title-main h2 { color: var(--maincolor); text-align: center; font-family: var(--font-VL-AllRoundGothic); font-size: clamp(22px, 4vw, 36px); font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.72px; text-transform: uppercase; margin-bottom: 0px; }
.title-main .line { width: 85px; height: 1px; background-color: #CAB9A5; margin: auto; margin-top: 15px; }
.title_com { display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--subcolor) }
.title_com p { display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1.4px; text-transform: uppercase; margin: 0 }
.product_box { display: block; position: relative; transition: .25s; -webkit-transition: .25s; -moz-transition: .25s; -ms-transition: .25s; -o-transition: .25s }
.product_item:hover { transition: all .3s; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); }
.product_item { position: relative; background: #FFF; border-radius: 8px; overflow: hidden; padding: 7px; box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.07); }
.product_pic { position: relative; transition: all .3s; border-radius: 5px; overflow: hidden; }
.product_info { text-align: center; padding: 10px 0px 0px; }
.product__name.text-split { -webkit-line-clamp: 2; padding: 15px 5px 10px; margin-bottom: 0; text-align: center; color: #222; font-size: 15px; line-height: 20px; }
.product_item:hover .product__name.text-split { color: var(--maincolor) }
.product__price { text-align: center; padding: 10px 5px 0px; border-top: 1px solid #F3F3F3; color: #EA2413; font-size: 15px; }
.product__price > div { display: flex; gap: 5px; align-items: end; }
.product__price span { color: #D1A930; font-size: clamp(15px, 3vw, 22px); font-style: normal; font-weight: 400; line-height: normal; }
.product__priceold { text-decoration: line-through; font-size: 12px; color: #333 }
.product__priceper { font-size: 10px; padding: 2px 4px; background: #feeeea; color: #ee4d2d }
.product_item .linkMain { justify-content: center; text-transform: uppercase; margin-top: 5px; }
.album__name.text-split { -webkit-line-clamp: 1; color: #111; font-size: 16px; font-weight: 400; text-transform: uppercase; transition: .3s; margin: 15px 0 0; text-align: center }
.album__name.text-split:hover { color: var(--maincolor) }
.news_box { display: block; position: relative; border-radius: 6px; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; background: #fff; border: solid 1px #e7e7e7 }
.news_pic { position: relative }
.news_info { padding: 20px; position: relative; z-index: 1 }
.news__name.text-split { -webkit-line-clamp: 2; color: #212121; font-size: clamp(.9375rem, .875rem + .3125vw, 1.1rem); font-weight: 500; font-weight: bold; text-transform: capitalize; margin: 0 }
.news_box:hover .news__name { color: var(--maincolor) }
.news_box:hover .news__next { transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px) }
.news__date { display: flex; align-items: center; gap: 5px; color: #737373; margin: 5px 0 }
.news__date .day { font-size: clamp(1.25rem, 1.175rem + .375vw, 1.625rem); font-weight: 700; line-height: 1; border-bottom: solid 1px #fff; margin-bottom: 7px; padding-bottom: 3px; width: 100%; text-align: center }
.news__date .month { font-size: clamp(.875rem, .8125rem + .3125vw, 1.1875rem); font-weight: 500; text-transform: uppercase; line-height: 1 }
.news__desc.text-split { color: #333; font-size: clamp(.875rem, .8625rem + .0625vw, .9375rem) }
.news__next { margin-top: 20px; display: inline-flex; align-items: center; gap: 5px; color: var(--maincolor); transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s }
.news__next span { font-size: clamp(.875rem, .85rem + .125vw, 1rem); font-weight: 500 }
.videoThumb { display: block; position: relative; cursor: pointer }
.validation-input { position: relative }
.invalid_feedback { opacity: 0; visibility: hidden; position: absolute; bottom: calc(100% + 10px); left: 0; font-size: 14px; color: #fff; background: #000; padding: .375rem .75rem; transition: all .3s ease-out }
.invalid_feedback:before { content: ''; position: absolute; top: 100%; border-top: 10px solid #000; border-right: .5rem solid transparent; border-left: .5rem solid transparent }
.invalid_feedback.validated { opacity: 1; visibility: visible }
.newsletter_wrap { margin-top: 100px; position: relative; background: url(../imgs/bg_dk.jpg) no-repeat center top / cover; padding: 125px 0px 22px; }
.frm_dknt { background: url(../imgs/khung_dk.png) no-repeat center center / 100% 100%; padding: 140px 0px 100px; position: relative; }
.ic_dknt1 { position: absolute; left: -180px; bottom: -36px; background: url(../imgs/ic_dk1.png) no-repeat; width: 290px; height: 290px; }
.ic_dknt2 { position: absolute; right: -190px; bottom: -20px; background: url(../imgs/ic_dk2.png) no-repeat; width: 292px; height: 299px; }
.title-dknt { position: absolute; top: -30px; ; width: 100%; display: flex; align-items: center; justify-content: center; background: url(../imgs/name_dk.png) no-repeat center top; height: 135px; }
.title-dknt .nameHome { margin-bottom: 0px; }
.newsletter_grid { gap: 12px; max-width: 700px; margin: auto; display: grid; grid-template-columns: repeat(2, 1fr); }
.newsletter_grid .did-floating-label-content { order: 1; }
.newsletter_grid .did-floating-label-content:nth-child(5) { grid-column: span 2; }
.newsletter-button { text-align: center; margin-top: 15px }
.btn_newsletter { border-radius: 10px; border: 2px solid #FE8221; background: #FFF; box-shadow: 2px 3px 0px 0px #FE8221 !important; color: #FE8221; text-align: center; font-size: 18px; font-style: normal; font-weight: 700; line-height: 16px; /* 88.889% */ text-transform: uppercase; padding: 18px 30px; }
.btn_newsletter:hover { background-color: #FE8221; color: #fff; }
.footer_wrap { position: relative; background: url(../imgs/bg_footer.png) no-repeat center top / cover; padding: 170px 0 50px; }
.footer_wrap::before { content: ''; background: url(../imgs/ic_foot1.png); width: 278px; height: 287px; position: absolute; left: 3%; bottom: 6%; }
.footer_wrap::after { content: ''; background: url(../imgs/ic_foot2.png); width: 181px; height: 252px; position: absolute; right: 6%; bottom: 7%; }
.footer_flex { display: flex; flex-wrap: wrap; justify-content: center; gap: 35px; margin: 30px 0px; }
.infoF { display: flex; gap: 10px; align-items: center; }
.infoF .txt { color: #fff; font-size: 15px; }
.infoF .txt p { margin-bottom: 0px; }
.infoF .txt p:first-child { margin-bottom: 5px; font-weight: 600; }
.logoF { margin-bottom: 20px; text-align: center; }
.nameWebsite, .nameHome { color: #FE8221; text-align: center; text-shadow: rgb(255, 255, 255) 5px 0px 0px, rgb(255, 255, 255) 4.90033px 0.993347px 0px, rgb(255, 255, 255) 4.60531px 1.94709px 0px, rgb(255, 255, 255) 4.12668px 2.82321px 0px, rgb(255, 255, 255) 3.48353px 3.58678px 0px, rgb(255, 255, 255) 2.70151px 4.20736px 0px, rgb(255, 255, 255) 1.81179px 4.6602px 0px, rgb(255, 255, 255) 0.849836px 4.92725px 0px, rgb(255, 255, 255) -0.145998px 4.99787px 0px, rgb(255, 255, 255) -1.13601px 4.86924px 0px, rgb(255, 255, 255) -2.08073px 4.54649px 0px, rgb(255, 255, 255) -2.94251px 4.04248px 0px, rgb(255, 255, 255) -3.68697px 3.37732px 0px, rgb(255, 255, 255) -4.28444px 2.57751px 0px, rgb(255, 255, 255) -4.71111px 1.67494px 0px, rgb(255, 255, 255) -4.94996px 0.7056px 0px, rgb(255, 255, 255) -4.99147px -0.291871px 0px, rgb(255, 255, 255) -4.83399px -1.27771px 0px, rgb(255, 255, 255) -4.48379px -2.2126px 0px, rgb(255, 255, 255) -3.95484px -3.05929px 0px, rgb(255, 255, 255) -3.26822px -3.78401px 0px, rgb(255, 255, 255) -2.4513px -4.35788px 0px, rgb(255, 255, 255) -1.53666px -4.75801px 0px, rgb(255, 255, 255) -0.560763px -4.96845px 0px, rgb(255, 255, 255) 0.437495px -4.98082px 0px, rgb(255, 255, 255) 1.41831px -4.79462px 0px, rgb(255, 255, 255) 2.34258px -4.41727px 0px, rgb(255, 255, 255) 3.17346px -3.86382px 0px, rgb(255, 255, 255) 3.87783px -3.15633px 0px, rgb(255, 255, 255) 4.4276px -2.32301px 0px, rgb(255, 255, 255) 4.80085px -1.39708px 0px, rgb(255, 255, 255) 4.98271px -0.415447px 0px; font-family: var(--font-1FTV-VIP-Super-Funtime); font-size: clamp(32px, 6vw, 62px); font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; }
.nameWebsite span, .nameHome span { color: var(--maincolor); }
.nameHome { font-size: clamp(26px, 5.5vw, 52px); margin-bottom: 35px; }
.socialf { display: flex; gap: 10px; align-items: center; margin-top: 20px; }
.footer_title { color: #FFF; font-size: 16px; font-style: normal; font-weight: 600; margin-bottom: 20px; line-height: normal; text-transform: uppercase; }
.footer_info { color: #fff; }
.footer_ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 25px; margin-top: 50px; }
.footer_ul li a { color: #FFF; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; }
.footer_ul li a:hover { color: yellow; }
div#footer-map { overflow: hidden }
div#footer-map iframe { display: block; width: 100%; height: 400px }
.footer_powered { background: #156FD9; color: #fff; padding: 15px 0; position: relative; }
.footer_powered .wrap-content { display: flex; justify-content: space-between; }
.copyright { text-align: center; font-size: 14px; color: #fff; margin-top: 40px; }
.thongke span { display: inline-block; margin: 0px 10px; }
.tags_wrap { background: #f2f2f2; padding: 20px 0 }
.tags_list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap }
.tags_list li { width: 16.5% }
.tags_list li a { color: #737373; font-size: 14px; line-height: 1.5; text-decoration: underline !important }
.gridNews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px }
.gridDV { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 20px; }
.chinhanh_flex { display: flex; justify-content: space-between; flex-wrap: wrap }
.chinhanh_left { width: 30% }
.chinhanh_right { width: 70% }
.chinhanh_item { display: block; padding: 10px; background: #fff; cursor: pointer }
.chinhanh_item:nth-child(odd) { background: #e6e6e6 }
.chinhanh__pic { width: 100px }
.chinhanh__name { font-size: 16px; font-weight: 700; margin-bottom: 0 }
.chinhanh__desc { font-size: 14px; color: #212529 }
.chinhanh__desc p { margin: 0 }
.chinhanh__desc a { color: #a5a5a5 }
.chinhanh__next { display: inline-block; font-size: 13px; font-style: italic; color: #ed1c24 }
.chinhanh_right { overflow: hidden }
.chinhanh_right iframe { display: block; width: 100%; height: 600px }
.chinhanh_scroll { max-height: 600px; overflow-y: auto; padding-right: 5px }
.flex_pro_detail { display: grid; grid-template-columns: 40% calc(60% - 30px); justify-content: space-between; }
.MagicZoom, .MagicZoom figure { width: 100% }
.title_pro_detail { text-transform: capitalize; font-size: 22px; display: block; font-weight: 700; padding: 0 0 5px; border-bottom: 1px dotted #dfe0e1; margin-bottom: 10px }
.attr-pro-detail { list-style: none; padding: 0; margin: 20px 0 0 }
.attr-pro-detail li { margin-bottom: 15px }
.attr-content-pro-detail { display: inline-flex !important; margin-bottom: 0; gap: 10px; align-items: flex-end; font-size: 15px }
.price-new-pro-detail { font-size: 22px; font-weight: 700; color: var(--maincolor) }
.price-old-pro-detail { font-size: 15px; font-weight: 500; color: #6c757d; text-decoration: line-through }
.price-discount-pro-detail { font-size: 12px; color: #da291c; margin-bottom: 3px }
.attr-label-pro-detail { margin: 0 5px 0 0; font-weight: 700; font-size: 15px }
.album_product { margin-top: 15px }
.product_familiar, .tabs_pro_detail { margin-top: 30px }
.tabs_holder { display: flex; border-bottom: 1px solid #dee2e6; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; margin-bottom: 20px }
.tabs_holder li { text-align: center; border-radius: 0; font-size: 14px; line-height: 20px; padding: 11px 15px 10px; font-weight: 700; border: solid 1px #e6e6e6; margin-bottom: -1px; cursor: pointer }
.tabs_holder li.active { background-color: var(--maincolor); color: #fff; border: solid 1px var(--maincolor); transition: .3s ease-in-out }
.swiper-slide { height: auto !important }
.swiper-slide img { display: inline-block }
.swiper-thumbs .swiper-slide { opacity: .6; transition: .3s }
.swiper-thumbs .swiper-slide.swiper-slide-thumb-active { opacity: 1 }
.product_thumb_placeholder { display: block; background-color: #eee }
.product_nav_placeholder { cursor: pointer; background: #fff }
.list-news-other { list-style: none; padding: 0; margin: 0 }
.list-news-other li { padding: 10px 0; border-bottom: 1px dashed #e8e8e8 }
.list-news-other li a { font-size: 15px; text-transform: none; color: #333; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s }
.list-news-other li a i { margin-right: 5px }
.list-news-other li a:hover { color: red }
.row_flex { display: flex; flex-wrap: wrap; justify-content: space-between }
.col_left { width: 23% }
.col_right { width: 75% }
.group-sidebox { position: -webkit-sticky; position: sticky; top: 60px }
.title-menu-bar { display: flex; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #fff !important; height: 50px; line-height: 50px; align-items: center; justify-content: center; background: linear-gradient(0deg, var(--maincolor), var(--maincolor)); border-radius: 8px 8px 0 0 }
.title-menu-bar i { margin-right: 15px; font-size: 22px }
.submenu-links { margin: 0; padding: 0 }
.menuList-links { margin: 0; border: 1px solid #ccc; padding: 0 }
.menuList-links li { position: relative; list-style: none }
.menuList-links>li { border-bottom: 1px solid #e7e7e7 }
.menuList-links li a { color: #252a2b; position: relative; font-size: 14px; display: block; text-transform: capitalize; transition: .3s }
.menuList-links li a:hover { color: #d41313 }
ul.submenu-links li a { padding: 8px 0 8px 0 }
.menuList-links>li>a { display: block; padding: 12px 0; font-weight: 500; font-size: 15px }
.menuList-links>li.has-submenu>a { padding-right: 30px; padding-left: 10px }
.menuList-links>li.has-submenu span.icon-plus-submenu { width: 25px; height: 25px; cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid transparent; display: none }
.icon-plus-submenu:after, .icon-plus-submenu:before { background: rgba(9, 9, 9, .6); content: ''; display: block; position: absolute; margin-right: 7px; top: 50%; right: 0; transition: all .25s linear }
.icon-plus-submenu:before { width: 9px; height: 1px; transform: translateY(-50%) }
.icon-plus-submenu:after { width: 1px; height: 9px; right: 4px; transform-origin: center; transform: translateY(-50%) scale(1, 1) }
li.has-submenu.opened>a .icon-plus-submenu:after { transform: translateY(-50%) scale(1, 0) }
.menuList-links>li.has-submenu .icon-plus-submenu:hover { border: 1px solid #e7e7e7 }
.submenu-links { display: none }
li.has-submenu.level1>ul.submenu-links li a { padding-left: 25px }
.content-main { line-height: 26px }
.content-main h1 { text-align: center; font-size: 22px; margin-bottom: 30px }
.content-main h2 { margin: 20px 0; font-size: 18px }
.content-main h3 { margin: 15px 0 20px; font-size: 16px }
.content-main table { width: 100%; margin: 10px 0 20px; font-size: 13px }
.content-main table th { background: #444; color: #fff; text-align: center; padding: 12px 7px }
.content-main table tr td { padding: 10px 7px }
.content-main tr:nth-child(even) { background: #f4f4f4 }
.content-main tr:nth-child(odd) { background: #fff }
.content-main ol, .content-main ul { list-style-type: disc; margin: 10px 0 }
.content-main ol li, .content-main ul li { margin-bottom: 10px }
.content-main a { color: #05f; font-weight: 700; display: contents }
.content-main iframe { width: 100% !important; display: block; margin: 10px auto 20px }
.content-main img { width: auto; height: auto !important; display: block; margin: 10px auto 20px }
.content-main .bg-video { cursor: pointer }
.content-main .bg-video img { height: 300px; max-height: 300px }
.content-main .video-container { margin: 20px auto; display: block; text-align: center }
.content-main .video-container video { width: 640px; height: 320px }
.content-main tr:nth-child(even) { background-color: #f2f2f2 }
.content-main tr:hover { background-color: #ddd }
.content-main th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: var(--maincolor); color: #fff }
.content-main td, .content-main th { border: 1px solid #ddd; padding: 8px }
.content-main figcaption { text-align: center }
.grid_rowdetail_album { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 30px }
#loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; pointer-events: none }
#loader-wrapper #wrap { background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; text-align: center; width: 100%; height: 100%; z-index: 99999 }
#loader-wrapper.show1 #wrap { background: 0 0 }
#loader-wrapper:after { -webkit-mask: url(../images/mask-01.png); mask: url(../images/mask-01.png); -webkit-mask-size: 2300% 100%; mask-size: 2300% 100%; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(255, 255, 255, 1); z-index: 10000 }
#loader-wrapper.show1::after { -webkit-animation: MaskPlay 1s steps(22) forwards; animation: MaskPlay 1s steps(22) forwards }
#loader-wrapper.show1 #wrap { opacity: 0 }
@-webkit-keyframes MaskPlay {
	from { -webkit-mask-position: 0 0; mask-position: 0 0 }
	to { -webkit-mask-position: 100% 0; mask-position: 100% 0 }
}
@keyframes MaskPlay {
	from { -webkit-mask-position: 0 0; mask-position: 0 0 }
	to { -webkit-mask-position: 100% 0; mask-position: 100% 0 }
}
.splide__track--nav>.splide__list>.splide__slide { border: none; opacity: .6 }
.splide__track--nav>.splide__list>.splide__slide.is-active { border: none; opacity: 1 }
.box_changelang { position: relative; cursor: pointer }
#google_translate_element { clear: both; width: auto !important; text-align: right; display: none }
.skiptranslate { display: none !important }
#top_header { position: relative; background-color: #23887A; padding: 10px 0px; }
.box_langs { display: flex; gap: 5px; align-items: center; }
.box_langs a { display: inline-block; width: 26px; height: 26px; border-radius: 26px; }
.box_langs_mb { margin: 15px 0px; gap: 12px; }
.flex-h { display: flex; gap: 30px; align-items: center; justify-content: space-between; color: #fff; margin-left: 250px; }
.flex-h svg { margin-right: 7px; }
.flex-h span { display: inline-block; font-weight: 700; }
.header_wrap { position: -webkit-sticky; position: sticky; transition: all .3s; top: 0px; padding: 27px 0px 22px; z-index: 1000; background: #fff url(../imgs/line_top_head.jpg) repeat-x center top; box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 20px; }
.header_flex { position: relative; }
.header_left { position: relative; }
.header_left::before { content: ''; background: url(../imgs/line_logo.png) no-repeat; width: 240px; height: 40px; position: absolute; left: 0px; top: -54px; z-index: 1; }
.header_logo img { height: 120px; width: auto; z-index: 2; position: absolute; left: 60px; top: -44px; }
.header_right { flex: 1; display: flex; justify-content: flex-end; align-items: center; gap: 15px; }
.hotline_header { display: flex; align-items: center; gap: 8px }
.hotline_header svg { color: var(--subcolor) }
.hotline_header p { margin-bottom: 0; display: flex; align-items: center; gap: 3px }
.hotline_header p a { color: var(--subcolor); font-size: clamp(.9375rem, .9rem + .1875vw, 1.125rem); font-weight: 500 }
.hotline_header p a:hover { color: var(--maincolor) }
.boxLang { display: flex; gap: 10px; margin-left: 25px; }
.box_langs_mb { margin: 15px 10px; gap: 12px; display: flex; align-items: center; }
.list_pic { border-radius: 12px; border: 1.5px solid #eaf1ff; background: #fff }
.list_name.text-split { text-align: center; margin-top: 15px; margin-bottom: 0; color: #555; text-align: center; font-size: clamp(.875rem, .85rem + .125vw, 1rem); font-weight: 500; text-transform: capitalize }
.list_item:hover .list_pic { border-color: var(--subcolor) }
.list_item:hover .list_name.text-split { color: var(--subcolor) }
.splide__arrow { background: var(--subcolor) }
.splide__arrow svg { fill: #fff }
.doitac_item { border-radius: 10px; border: 1.5px solid #e0e1e1; background: #fff; overflow: hidden; display: block; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s }
.doitac_item:hover { border-color: var(--subcolor) }
.pro_detail_chinhanh { position: -webkit-sticky; position: sticky; top: 60px }
.pro_detail_chinhanh .title { font-weight: 700; text-transform: uppercase; font-size: clamp(.9375rem, .9125rem + .125vw, 1.0625rem); margin-bottom: 0; text-align: center; margin-bottom: 15px }
.box_detail_chinhanh { border: dashed 1px var(--maincolor); padding: 10px 10px 20px 10px; box-shadow: inset 0 0 3px var(--maincolor); display: flex; flex-direction: column; gap: 15px }
.detail_chinhanh_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px }
.detail_chinhanh_top svg { color: #333; margin-right: 10px }
.detail_chinhanh_top b { font-size: 14px; color: var(--subcolor); flex: 1 1 0% }
.detail_chinhanh_info { font-size: 13px; color: #111 }
.detail_chinhanh_info p { margin-bottom: 0 }
.hotline-pro-detail { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; max-width: 500px; }
.hotline-pro-detail a { display: inline-flex; align-items: center; gap: 10px; font-size: clamp(.875rem, .85rem + .125vw, 1rem); color: #fff; font-weight: 500; background: var(--maincolor); padding: 8px 15px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s }
.hotline-pro-detail a:hover { background: var(--subcolor) }
.news_detail_flex { display: grid; grid-template-columns: calc(70% - 30px) 30%; justify-content: space-between }
#about { position: relative; padding: 80px 0px; background: url(../imgs/bg_gt.jpg) no-repeat center center / cover; }
.flex-gt { display: flex; gap: 35px; justify-content: space-between; flex-wrap: wrap; }
.flex-gt .col-l { flex: 1; }
.flex-gt .col-r { width: 57%; position: relative; }
.flex-gt .col-r .ic_gt { background: url(../imgs/ic_sutu.png) no-repeat; width: 160px; height: 160px; position: absolute; left: -10px; bottom: -25px; }
.name_ab img { max-width: 100%; height: auto; }
.txt_ab { border-radius: 60px 0px 0px 60px; background: linear-gradient(90deg, #FFC026 0%, rgba(255, 192, 38, 0.00) 100%); padding: 8px 40px 4px 25px; color: #171717; font-family: var(--font-1FTV-VIP-Teachers-Student); font-size: clamp(20px, 3.5vw, 32px); font-style: normal; margin-top: 10px; margin-bottom: 30px; font-weight: 400; line-height: normal; }
.desc_ab { color: #000; text-align: justify; font-size: 14px; font-family: var(--fontMontserrat); font-style: normal; font-weight: 400; line-height: 24px; }
.view_ab { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 30px; }
.view_ab a.a_lh { border-radius: 10px; border: 2px solid #FE8221; background: #FFF; padding: 18px 25px; box-shadow: 2px 3px 0px 0px #FE8221; color: #FE8221; text-align: center; font-size: 18px; font-style: normal; font-weight: 700; line-height: 16px; transition: all .3s; text-transform: uppercase; }
.view_ab a.a_lh:hover { background-color: #FE8221; color: #fff; }
.view_ab a.a_dl { border-radius: 10px; border: 2px solid var(--maincolor); background: #FFF; padding: 18px 25px; box-shadow: 2px 3px 0px 0px var(--maincolor); ; color: var(--maincolor); text-align: center; font-family: Montserrat; font-size: 18px; font-style: normal; font-weight: 700; line-height: 16px; transition: all .3s; text-transform: uppercase; }
.view_ab a.a_dl:hover { background-color: var(--maincolor); color: #fff; }
.view_home { margin-top: 35px; text-align: center; }
.view_home a { border-radius: 10px; border: 2px solid #FE8221; background: #FFF; padding: 10px 30px; box-shadow: 2px 3px 0px 0px #FE8221; color: #FE8221; text-align: center; font-size: clamp(15px, 18px, 18px); font-style: normal; font-weight: 700; display: inline-block; text-transform: uppercase; transition: all .3s; }
.view_home a:hover { transition: all .3s; background-color: #FE8221; color: #fff; }
.view_home2 { text-align: center; margin-top: 30px; }
.title-home { text-align: center; margin-bottom: 30px; }
.title-home h2 { color: var(--maincolor); text-align: center; margin-bottom: 0px; font-family: var(--font-VL-AllRoundGothic); font-size: clamp(22px, 4vw, 36px); font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.72px; text-transform: uppercase; }
.title-home .txt { color: #222; margin-top: 7px; text-align: center; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; }
.title-home2 { margin-bottom: 20px; }
.title-home2 h2 { color: #fff; }
.title-home2 .txt { color: #fff; }
.title-pro { text-align: left; position: relative; }
.title-pro h2 { color: var(--maincolor); font-family: "Times New Roman"; font-size: clamp(22px, 3.2vw, 40px); font-style: normal; font-weight: 700; line-height: normal; }
.title-pro::after { content: ''; height: 1px; width: 103px; background-color: #000; position: absolute; bottom: -15px; left: 0px; }
.linkMain { color: var(--maincolor); font-size: 16px; font-style: normal; font-family: var(--fontPoppinsBold); line-height: normal; display: flex; gap: 10px; align-items: center; }
.linkMain:hover { color: var(--maincolor); }
#tieuchi { padding: 75px 0px; }
.itemTC { border-radius: 20px; text-align: center; border: 1px solid var(--maincolor); background: #FFF; padding: 30px 30px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); }
.itemTC .img { margin-bottom: 16px; }
.itemTC .name { color: #282828; text-align: center; font-family: var(--font-Coiny); font-size: clamp(16px, 3vw, 24px); font-style: normal; font-weight: 400; line-height: 32px; margin-bottom: 15px; -webkit-line-clamp: 2; }
.itemTC .desc { color: #646464; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; -webkit-line-clamp: 4; }
#productNB { position: relative; }
.wrapSPNB { padding: 20px 15px 15px; background: linear-gradient(180deg, #0D7BEF 0%, #2954AB 100%); border-radius: 10px; }
#dangkytv { position: relative; padding: 50px 0px; }
img.img-dktv { position: absolute; top: -115px; right: -125px; }
.frmDangKy .r-input { margin-bottom: 15px; }
.frmDangKy label { margin-bottom: 5px; }
.frmDangKy input, .frmDangKy textarea { padding: 10px 15px; border-radius: 5px; font-size: 14px; border: 1px solid #E6E6E6; }
.frmDangKy input::-webkit-input-placeholder, .frmDangKy textarea::-webkit-input-placeholder { color: #B7B7B7; font-size: 12px; }
.frmDangKy input::-moz-placeholder, .frmDangKy textarea::-moz-placeholder { color: #B7B7B7; font-size: 12px; }
.frmDangKy input:-ms-input-placeholder, .frmDangKy textarea:-ms-input-placeholder { color: #B7B7B7; font-size: 12px; }
.frmDangKy input::-ms-input-placeholder, .frmDangKy textarea::-ms-input-placeholder { color: #B7B7B7; font-size: 12px; }
.frmDangKy input::placeholder, .frmDangKy textarea::placeholder { color: #B7B7B7; font-size: 12px; }
.frmDangKy input#fullname-newsletter { background: url(../imgs/input1.png) no-repeat calc(100% - 10px) center; padding-right: 45px; }
.frmDangKy input#email-newsletter { background: url(../imgs/input2.png) no-repeat calc(100% - 10px) center; padding-right: 45px; }
.txtSlogan { color: #fff; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #F0D07D; font-size: 80px; font-style: normal; line-height: normal; text-transform: uppercase; font-family: var(--fontPoppinsBold); }
.flex-tt { display: flex; flex-wrap: wrap; gap: 65px; align-items: flex-start; }
.flex-tt .col-l { width: 100%; max-width: 255px; }
.flex-tt .col-l .txt { color: #999; font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 6px; }
.flex-tt .col-l .txt1 { color: #1E1E1E; font-size: clamp(20px, 4vw, 40px); font-style: normal; margin-bottom: 15px; font-weight: 700; text-align: left; line-height: normal; text-transform: uppercase; }
.flex-tt .col-l .txt2 { color: #323232; font-size: 14px; text-align: left; font-style: normal; font-weight: 400; line-height: 24px; }
.view_blog { margin-top: 25px; }
.flex-tt .col-r { flex: 1; position: relative; }
.wrap-tt { position: absolute; left: 0px; }
.newsnb_wrap { padding: 170px 0 40px; overflow: hidden; position: relative; background: url(../imgs/line_news.jpg) no-repeat center top; }
.ic_news { position: absolute; right: -262px; bottom: -60px; background: url(../imgs/ic_tho.png) no-repeat; width: 200px; height: 259px; }
.name_news { background: url(../imgs/bg_name_news.png) no-repeat center top; min-height: 77px; margin-bottom: 50px; }
.newsHome a { display: flex; flex-direction: column; align-items: start; border-radius: 20px; padding: 15px; background: linear-gradient(180deg, #FFCEA8 0%, #FFF 59.62%, #FE8221 100%); }
.newsHome .img { position: relative; width: 100%; border-radius: 20px; overflow: hidden; }
.newsHome .info { position: relative; padding: 47px 10px 10px; }
.newsHome .ic_tt { background: url(../imgs/ic_news.png) no-repeat center center; width: 60px; height: 60px; position: absolute; top: -30px; left: 50%; transform: translate(-50%, 0); }
.newsHome .name { -webkit-line-clamp: 2; color: #313131; font-size: 16px; text-align: center; font-weight: 700; font-style: normal; line-height: 24px; }
.newsHome .desc { -webkit-line-clamp: 3; color: #313131; margin-top: 8px; font-size: 14px; text-align: center; font-style: normal; font-weight: 400; line-height: 24px; }
.newsHome .view { display: flex; flex-direction: column; align-items: start; color: var(--main-1, #2954AB); font-size: 16px; margin-top: 10px; font-style: normal; }
.newsHome:hover .name { color: var(--maincolor); }
.map iframe { width: 100%; height: 450px; }
.price-pro-detail { display: flex; align-items: center; justify-content: space-between; color: #333; font-size: 14px; gap: 30px; }
.price-pro-detail > div { display: flex; gap: 5px; }
.price-pro-detail span { color: var(--maincolor); font-size: clamp(15px, 3vw, 22px); font-style: normal; font-weight: 400; line-height: normal; }
.flex-dknt { display: flex; padding: 0px 60px; flex-wrap: wrap; align-items: center; background-color: #D2A830; gap: 55px; border-radius: 10px; position: relative; top: -50px; }
.flex-dknt p { margin: 0px; color: #FFF; font-size: clamp(15px, 3vw, 18px); font-style: normal; font-weight: 700; line-height: 26px; }
.flex-dknt a { display: inline-block; color: #FFF; font-size: clamp(16px, 4vw, 22px); font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; background-color: var(--maincolor); padding: 10px 30px; border-radius: 60px; }
.flex-dknt a:hover { opacity: .8; }
#other { padding: 60px 0px 0px; position: relative; background: url(../imgs/bg_vd.jpg) no-repeat center bottom / cover; }
#other::after { content: ''; position: absolute; bottom: -100px; left: 0px; background: url(../imgs/line_bg.jpg) no-repeat center top / cover; height: 190px; width: 100%; }
.flex-other { display: flex; gap: 80px }
.flex-other .col-l { width: 45%; }
.flex-other .col-r { width: 55%; }
.splideVD { margin-top: 10px; }
.itemVD { position: relative; border-radius: 10px; overflow: hidden; }
.itemVD .play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../imgs/ic_play.png) no-repeat center center; width: 60px; height: 60px; }
.itemVD2 .play { width: 30px; height: 30px; background-size: 100% 100%; }
#album { padding: 0px 0px 80px; position: relative; }
.txt_al { position: absolute; top: 0px; left: 50%; transform: translate(-50%, 0); text-align: center; width: 100%; }
.txt_al img { max-width: 100%; height: auto; }
.wrap-al { padding-top: 60px; position: relative; z-index: 1; }
.itemAl { position: relative; }
.itemAl .img { border-radius: 20px; overflow: hidden; }
.itemAl .name { color: var(--subcolor); text-align: center; margin-top: 12px; font-family: var(--font-Coiny); font-size: clamp(20px, 3vw, 30px); font-style: normal; font-weight: 400; text-transform: capitalize; }
.splideAl .splide__arrow { background-color: var(--maincolor); width: 50px; height: 50px; }
.splideAl .splide__arrow--prev { left: -80px; }
.splideAl .splide__arrow--next { right: -80px; }
#menuHome { padding: 80px 0px; }
.wrap-videos { max-width: 1000px; margin: auto; position: relative; }
.itemVideoOne { margin-bottom: 20px; }
.itemVideo, .itemVideo .img { position: relative; border-radius: 20px; overflow: hidden; }
.itemVideo .play { background: url(../imgs/play.png) no-repeat center center; background-size: 100% 100%; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.itemVideoThumb .play { width: 50px; height: 50px; }
.itemVideo h3 { text-align: center; margin: 0px; margin-top: 10px; font-size: 16px; text-align: center; }
.ic_vd1 { position: absolute; left: -278px; bottom: -80px; background: url(../imgs/ic_tegiac.png) no-repeat; width: 266px; height: 266px; }
.ic_vd2 { position: absolute; right: -250px; bottom: -95px; background: url(../imgs/ic_ho.png) no-repeat; width: 241px; height: 241px; }
#services { padding: 80px 0px; background: url(../imgs/bg_dv.jpg); }
.itemDV .img { position: relative; border-radius: 30px; overflow: hidden; }
.itemDV .img a:before { content: ''; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; z-index: 1; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 1) 100%); }
.itemDV h3 { position: absolute; left: 0px; bottom: 0px; z-index: 2; color: #fff; width: 100%; padding: 10px 10px 20px 10px; text-align: center; font-size: clamp(16px, 2.5vw, 20px); font-style: normal; margin: 0px; margin-top: 10px; }
.itemDV:hover h3 { color: var(--maincolor); }
.itemDV .act { display: flex; justify-content: center; gap: 15px; margin-top: 10px; flex-wrap: wrap; }
.itemDV .act > a { display: flex; align-items: center; }
.itemDV .act > a:nth-child(1) { min-width: 167px; padding: 3px 10px 3px 3px; border-radius: 60px; border: 1px solid #CDCCCC; justify-content: space-between; color: #1E1E1E; font-size: 16px; font-style: normal; line-height: normal; text-transform: uppercase; }
.itemDV .act > a:nth-child(1) span { flex: 1; text-align: center; }
.itemDV .act > a:nth-child(1):hover { color: #fff; background: var(--maincolor); }
#daotao { background-color: #F2E5CF; padding: 0px 0px 80px; }
.flex-daotao { display: flex; }
.flex-daotao .col-l { width: 51%; }
.flex-daotao .col-r { width: 49%; position: relative; }
.flex-daotao .col-r::before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: var(--maincolor); border-radius: 0px 0px 0px 270px; z-index: 0; }
.flex-daotao .col-r::after { content: ''; background: url(../imgs/ic_daotao.png); width: 160px; height: 160px; background-size: 100% 100%; position: absolute; left: 24px; bottom: 0px; z-index: 2; }
.flex-daotao .col-r img { border-radius: 0px 0px 0px 300px; position: relative; z-index: 1; }
.flex-daotao .wrap { padding: 80px 60px 85px; background-color: #FDF8F2; position: relative; }
.flex-daotao .wrap::after { content: ''; background-color: #FDF8F2; position: absolute; right: -360px; width: 360px; bottom: 0px; height: 100%; }
.flex-daotao .r1 { color: var(--maincolor); font-size: clamp(15px, 2.5vw, 20px); font-style: normal; font-weight: 600; line-height: 28px; letter-spacing: 10px; text-transform: uppercase; margin-bottom: 5px; }
.flex-daotao .r2 { color: var(--maincolor); font-size: clamp(28px, 4vw, 40px); font-style: normal; font-weight: 700; margin-bottom: 15px; }
.flex-daotao .r3 { color: #000; text-align: justify; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; }
.view_daotao { margin-top: 30px; }
#feedback { padding: 80px 0px; }
.flex-feed { display: flex; gap: 10px; }
.flex-feed .col-l { position: relative; width: 50%; }
.flex-feed .col-r { width: 50%; }
.flex-feed .col-l .txt { position: absolute; left: -68%; top: 32%; transform: rotate(-90deg); z-index: 0; }
.flex-feed .col-l .txt p { text-align: center; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--maincolor); font-size: 86px; font-style: normal; font-weight: 700; line-height: 74px; letter-spacing: 8.6px; text-transform: uppercase; color: transparent; width: 100%; white-space: nowrap; margin: 0px; }
.flex-feed .col-l .txt p:nth-child(1) { color: var(--maincolor); text-align: center; font-size: 86px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 8.6px; text-transform: uppercase; }
.flex-feed .col-l img { border-radius: 300px; position: relative; z-index: 1; }
.imgKH { position: relative; }
.imgKH img { border-radius: 50%; transition: all .3s; transform: scale(0.6, 0.6); }
.slick-center .imgKH::after { content: ''; background: url(../imgs/line_kh.png) no-repeat center center; background-size: 100% 100%; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.slick-center .imgKH img { transition: all .3s; transform: scale(1, 1); }
.bodyKH { text-align: center; position: relative; background: url(../imgs/note.png) no-repeat right 20px; padding: 40px 20px 0px; }
.bodyKH .r1 { color: #1E1E1E; text-align: center; font-size: 26px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.52px; }
.bodyKH .r2 { color: #222; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; margin-top: 5px; }
.bodyKH .r3 { color: #222; margin-top: 15px; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; }
.control-kh { display: flex; justify-content: center; gap: 10px; align-items: center; margin-top: 20px; }
.control-kh > div { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 25px; background: #FFF; cursor: pointer; box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.15); color: var(--maincolor); font-size: 24px; font-style: normal; font-weight: 900; line-height: normal; }
.control-kh > div:hover { color: #fff; background: var(--maincolor); }
#why { padding: 110px 0px 30px; background: url(../imgs/bg_w.jpg) no-repeat center bottom / cover; }
.ic_w1 { position: absolute; left: -130px; top: -85px; background: url(../imgs/ic_chim.png) no-repeat; width: 163px; height: 165px; }
.ic_w2 { position: absolute; right: -215px; bottom: -165px; background: url(../imgs/ic_casau.png) no-repeat; width: 228px; height: 228px; }
.logoMid { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.txtW { color: var(--maincolor); text-align: center; font-family: var(--font-1FTV-VIP-Yustine-Signature); font-size: clamp(28px, 4.5vw, 52px); font-style: normal; font-weight: 400; line-height: 24px; }
.flexW { position: relative; }
.itemW { position: relative; width: 50%; max-width: 415px; float: left; display: flex; gap: 15px; margin: 20px 0px; }
.itemW:nth-child(2n) { float: right; }
.itemW:nth-child(2n+1) { clear: left; }
.itemW .img { width: 121px; }
.itemW .info { flex: 1; text-align: left; }
.itemW .name { color: #1E1E1E; -webkit-line-clamp: 2; font-size: clamp(16px, 18px, 18px); font-style: normal; font-weight: 700; line-height: 24px; margin-bottom: 12px; }
.itemW .desc { color: #313131; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; }
.itemW:nth-child(2n+1) .img { order: 2; }
.itemW:nth-child(2n+1) .info { order: 1; text-align: right; }
#proList { padding-bottom: 40px; }
.flexList { display: grid; gap: 30px; grid-template-columns: repeat(6, 1fr); }
.itemL .img { border-radius: 50%; overflow: hidden; }
.itemL .name { text-align: center; margin-top: 10px; }
.itemL .name h3 { overflow: hidden; margin-bottom: 0px; color: var(--maincolor); text-align: center; font-size: 16px; font-style: normal; line-height: normal; text-transform: capitalize; }
.itemL:hover .name h3 { color: var(--subcolor); }
#doitac { position: relative; background-color: #F3F3F3; padding: 50px 0px; }
.wrapDT { position: relative; }
.prevDT { position: absolute; left: -50px; top: 50%; transform: translate(0, -50%); cursor: pointer; background: url(../imgs/prev.png) no-repeat center center; width: 34px; height: 34px; border-radius: 50%; box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.13); }
.nextDT { position: absolute; right: -50px; top: 50%; transform: translate(0, -50%); cursor: pointer; background: url(../imgs/next.png) no-repeat center center; width: 34px; height: 34px; border-radius: 50%; box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.13); }
.img_dt img { border-radius: 4px; margin-bottom: 5px; background: #FFF; display: block; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13); }
.img_dt img:hover { opacity: 0.8; }
.nameList { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid var(--maincolor); margin-bottom: 20px; flex-wrap: wrap; }
.nameList .title-home { margin-bottom: 0px; }
.list_monnb { display: flex; justify-content: start; align-items: center; flex-wrap: wrap }
.list_monnb button { background: none; border: none; color: #222; font-size: 16px; font-style: normal; line-height: normal; text-transform: uppercase; padding: 12px 14px 8px; border-radius: 10px 10px 0px 0px; }
.list_monnb button.active { color: #fff; background: var(--maincolor); }
#chuongtrinh { background: url(../imgs/bg_ct.jpg) no-repeat center bottom / cover; padding: 30px 0px 50px; }
.flexCT { display: flex; gap: 25px; flex-wrap: wrap; }
.itemCT { width: calc(50% - 15px); padding-bottom: 50px; position: relative; margin-bottom: 20px; }
.itemCT a { display: block; }
.itemCT .img { border-radius: 30px; overflow: hidden; }
.itemCT .info { width: 80%; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0); border-radius: 30px; padding: 26px 15px 15px; background: #FFF; text-align: center; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.07); }
.itemCT h3.name { color: #007C01; text-align: center; font-family: var(--font-Coiny); font-size: clamp(20px, 4vw, 40px); font-style: normal; font-weight: 400; line-height: 24px; /* 60% */ text-transform: capitalize; }
.itemCT .desc { color: #1E1E1E; text-align: center; font-size: clamp(15px, 1.7vw, 18px); font-style: normal; font-weight: 700; line-height: 24px; /* 133.333% */ }
#moitruong { background: url(../imgs/bg_mt.png) no-repeat center bottom / cover; padding: 20px 0px 100px; }
.ic_mt1 { position: absolute; left: -245px; top: -162px; background: url(../imgs/ic_huu.png) no-repeat; width: 263px; height: 263px; }
.ic_mt2 { position: absolute; right: -215px; bottom: 38px; background: url(../imgs/ic_chuot.png) no-repeat; width: 215px; height: 215px; }
.gridMT { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.itemMT { border-radius: 20px; overflow: hidden; }